x-next 0.0.0-alpha.4 → 0.0.0-alpha.41

package/dist/components/form/form.d.ts

@@ -0,0 +1,39 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { FormItemProp } from './form-item';
+export declare const formProps: {
+    model: {
+        type: ObjectConstructor;
+    };
+    rules: {
+        type: PropType<Partial<Record<string, import('./types').Arrayable<import('./types').FormItemRule>>>>;
+    };
+    labelPosition: {
+        type: PropType<"left" | "right" | "top">;
+        default: string;
+    };
+    requireAsteriskPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type FormProps = ExtractPropTypes<typeof formProps>;
+export declare const formEmits: {
+    validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+};
+export type FormEmits = typeof formEmits;

package/dist/components/form/hooks.d.ts

@@ -0,0 +1,4 @@
+export declare const useFormItem: () => {
+    form: import('./types').FormContext | undefined;
+    formItem: import('./types').FormItemContext | undefined;
+};

package/dist/components/form/types.d.ts

@@ -0,0 +1,31 @@
+import { SetupContext } from 'vue';
+import { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
+import { FormProps, FormEmits } from './form';
+import { FormItemProp, FormItemProps, FormItemValidateState } from './form-item';
+export type Arrayable<T> = T | T[];
+export interface FormItemRule extends Omit<RuleItem, 'validator'> {
+    trigger?: Arrayable<string>;
+    validator?: RuleItem['validator'] | string;
+}
+export type FormRules = Partial<Record<string, Arrayable<FormItemRule>>>;
+export type FormValidationResult = Promise<any>;
+export type FormValidateCallback = (isValid: boolean, invalidFields?: any) => void;
+export type FormContext = FormProps & {
+    emit: SetupContext<FormEmits>['emit'];
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+    resetFields: (props?: Arrayable<FormItemProp>) => void;
+    clearValidate: (props?: Arrayable<FormItemProp>) => void;
+    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+};
+export interface FormItemContext extends FormItemProps {
+    $el: HTMLDivElement | undefined;
+    validateState: FormItemValidateState;
+    validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
+    resetField(): void;
+    clearValidate(): void;
+}
+export interface FormValidateFailure {
+    errors: ValidateError[] | null;
+    fields: ValidateFieldsError;
+}

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './button';
+export * from './dialog';
+export * from './message';
+export * from './message-box';
+export * from './notification';
+export * from './popconfirm';
+export * from './space';
+export * from './timeline';
+export * from './timeline-item';
+export * from './trend-chart';

package/dist/components/input/Input.d.ts

@@ -0,0 +1,220 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    autocomplete: {
+        type: import('vue').PropType<"on" | "off">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "textarea">;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    autosize: {
+        type: import('vue').PropType<boolean | {
+            minRows: number;
+            maxRows: number;
+        }>;
+        default: boolean;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueType: {
+        type: import('vue').PropType<"string" | "number">;
+        default: string;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter")[], "clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    autocomplete: {
+        type: import('vue').PropType<"on" | "off">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "textarea">;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    autosize: {
+        type: import('vue').PropType<boolean | {
+            minRows: number;
+            maxRows: number;
+        }>;
+        default: boolean;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueType: {
+        type: import('vue').PropType<"string" | "number">;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onPressEnter?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: "default" | "small" | "large";
+    name: string;
+    type: "text" | "textarea";
+    form: string;
+    disabled: boolean;
+    resize: boolean;
+    modelValue: string | number;
+    prefixIcon: string;
+    suffixIcon: string;
+    placeholder: string;
+    readonly: boolean;
+    maxlength: string | number;
+    clearable: boolean;
+    autofocus: boolean;
+    showPassword: boolean;
+    autocomplete: "on" | "off";
+    autosize: boolean | {
+        minRows: number;
+        maxRows: number;
+    };
+    formatter: Function;
+    validateEvent: boolean;
+    card: boolean;
+    showWordLimit: boolean;
+    valueType: "string" | "number";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,394 @@
+export declare const XInput: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        autocomplete: {
+            type: import('vue').PropType<"on" | "off">;
+            default: string;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        form: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        type: {
+            type: import('vue').PropType<"text" | "textarea">;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small" | "large">;
+            default: string;
+        };
+        showPassword: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        resize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prefixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        suffixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        autosize: {
+            type: import('vue').PropType<boolean | {
+                minRows: number;
+                maxRows: number;
+            }>;
+            default: boolean;
+        };
+        formatter: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        validateEvent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        card: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valueType: {
+            type: import('vue').PropType<"string" | "number">;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onPressEnter?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter")[], import('vue').PublicProps, {
+        size: "default" | "small" | "large";
+        name: string;
+        type: "text" | "textarea";
+        form: string;
+        disabled: boolean;
+        resize: boolean;
+        modelValue: string | number;
+        prefixIcon: string;
+        suffixIcon: string;
+        placeholder: string;
+        readonly: boolean;
+        maxlength: string | number;
+        clearable: boolean;
+        autofocus: boolean;
+        showPassword: boolean;
+        autocomplete: "on" | "off";
+        autosize: boolean | {
+            minRows: number;
+            maxRows: number;
+        };
+        formatter: Function;
+        validateEvent: boolean;
+        card: boolean;
+        showWordLimit: boolean;
+        valueType: "string" | "number";
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        autocomplete: {
+            type: import('vue').PropType<"on" | "off">;
+            default: string;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        form: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        type: {
+            type: import('vue').PropType<"text" | "textarea">;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small" | "large">;
+            default: string;
+        };
+        showPassword: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        resize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prefixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        suffixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        autosize: {
+            type: import('vue').PropType<boolean | {
+                minRows: number;
+                maxRows: number;
+            }>;
+            default: boolean;
+        };
+        formatter: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        validateEvent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        card: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valueType: {
+            type: import('vue').PropType<"string" | "number">;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onPressEnter?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, {
+        size: "default" | "small" | "large";
+        name: string;
+        type: "text" | "textarea";
+        form: string;
+        disabled: boolean;
+        resize: boolean;
+        modelValue: string | number;
+        prefixIcon: string;
+        suffixIcon: string;
+        placeholder: string;
+        readonly: boolean;
+        maxlength: string | number;
+        clearable: boolean;
+        autofocus: boolean;
+        showPassword: boolean;
+        autocomplete: "on" | "off";
+        autosize: boolean | {
+            minRows: number;
+            maxRows: number;
+        };
+        formatter: Function;
+        validateEvent: boolean;
+        card: boolean;
+        showWordLimit: boolean;
+        valueType: "string" | "number";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    autocomplete: {
+        type: import('vue').PropType<"on" | "off">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "textarea">;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    autosize: {
+        type: import('vue').PropType<boolean | {
+            minRows: number;
+            maxRows: number;
+        }>;
+        default: boolean;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueType: {
+        type: import('vue').PropType<"string" | "number">;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onPressEnter?: ((...args: any[]) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter")[], "clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter", {
+    size: "default" | "small" | "large";
+    name: string;
+    type: "text" | "textarea";
+    form: string;
+    disabled: boolean;
+    resize: boolean;
+    modelValue: string | number;
+    prefixIcon: string;
+    suffixIcon: string;
+    placeholder: string;
+    readonly: boolean;
+    maxlength: string | number;
+    clearable: boolean;
+    autofocus: boolean;
+    showPassword: boolean;
+    autocomplete: "on" | "off";
+    autosize: boolean | {
+        minRows: number;
+        maxRows: number;
+    };
+    formatter: Function;
+    validateEvent: boolean;
+    card: boolean;
+    showWordLimit: boolean;
+    valueType: "string" | "number";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { XInput as default };