x-next 0.0.0-alpha.30 → 0.0.0-alpha.32

package/dist/_utils/is.d.ts

@@ -22,3 +22,4 @@ export declare const isArrayChildren: (children: VNodeNormalizedChildren) => chi
 export declare const isQuarter: (fromat: string) => boolean;
 export declare function isDayjs(time: any): time is Dayjs;
 export declare function isClient(): boolean;
+export declare const isFirefox: () => boolean;

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

@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue';
+import { FormContext, FormItemContext } from './types';
+export declare const formContextKey: InjectionKey<FormContext>;
+export declare const formItemContextKey: InjectionKey<FormItemContext>;

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

@@ -0,0 +1,31 @@
+import { ExtractPropTypes } from 'vue';
+import { Arrayable, FormItemRule } from './types';
+export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
+export type FormItemValidateState = (typeof formItemValidateStates)[number];
+export type FormItemProp = Arrayable<string>;
+export declare const formItemProps: {
+    label: StringConstructor;
+    labelWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    prop: {
+        type: import('vue').PropType<FormItemProp>;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rules: {
+        type: import('vue').PropType<Arrayable<FormItemRule>>;
+    };
+    validateStatus: {
+        type: StringConstructor;
+        values: readonly ["", "error", "validating", "success"];
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type FormItemProps = ExtractPropTypes<typeof formItemProps>;

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/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;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...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;