first commit
This commit is contained in:
94
node_modules/vant/es/form/Form.d.ts
generated
vendored
Normal file
94
node_modules/vant/es/form/Form.d.ts
generated
vendored
Normal file
@@ -0,0 +1,94 @@
|
||||
import { type PropType, type ExtractPropTypes } from 'vue';
|
||||
import type { FieldTextAlign, FieldValidateTrigger } from '../field/types';
|
||||
export declare const formProps: {
|
||||
colon: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
required: PropType<boolean | "auto">;
|
||||
showError: BooleanConstructor;
|
||||
labelWidth: (NumberConstructor | StringConstructor)[];
|
||||
labelAlign: PropType<FieldTextAlign>;
|
||||
inputAlign: PropType<FieldTextAlign>;
|
||||
scrollToError: BooleanConstructor;
|
||||
scrollToErrorPosition: PropType<ScrollLogicalPosition>;
|
||||
validateFirst: BooleanConstructor;
|
||||
submitOnEnter: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
showErrorMessage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
errorMessageAlign: PropType<FieldTextAlign>;
|
||||
validateTrigger: {
|
||||
type: PropType<FieldValidateTrigger | FieldValidateTrigger[]>;
|
||||
default: string;
|
||||
};
|
||||
};
|
||||
export type FormProps = ExtractPropTypes<typeof formProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
colon: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
required: PropType<boolean | "auto">;
|
||||
showError: BooleanConstructor;
|
||||
labelWidth: (NumberConstructor | StringConstructor)[];
|
||||
labelAlign: PropType<FieldTextAlign>;
|
||||
inputAlign: PropType<FieldTextAlign>;
|
||||
scrollToError: BooleanConstructor;
|
||||
scrollToErrorPosition: PropType<ScrollLogicalPosition>;
|
||||
validateFirst: BooleanConstructor;
|
||||
submitOnEnter: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
showErrorMessage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
errorMessageAlign: PropType<FieldTextAlign>;
|
||||
validateTrigger: {
|
||||
type: PropType<FieldValidateTrigger | FieldValidateTrigger[]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
colon: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
required: PropType<boolean | "auto">;
|
||||
showError: BooleanConstructor;
|
||||
labelWidth: (NumberConstructor | StringConstructor)[];
|
||||
labelAlign: PropType<FieldTextAlign>;
|
||||
inputAlign: PropType<FieldTextAlign>;
|
||||
scrollToError: BooleanConstructor;
|
||||
scrollToErrorPosition: PropType<ScrollLogicalPosition>;
|
||||
validateFirst: BooleanConstructor;
|
||||
submitOnEnter: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
showErrorMessage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
errorMessageAlign: PropType<FieldTextAlign>;
|
||||
validateTrigger: {
|
||||
type: PropType<FieldValidateTrigger | FieldValidateTrigger[]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onSubmit?: ((...args: any[]) => any) | undefined;
|
||||
onFailed?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
disabled: boolean;
|
||||
readonly: boolean;
|
||||
colon: boolean;
|
||||
showError: boolean;
|
||||
scrollToError: boolean;
|
||||
validateFirst: boolean;
|
||||
submitOnEnter: boolean;
|
||||
showErrorMessage: boolean;
|
||||
validateTrigger: FieldValidateTrigger | FieldValidateTrigger[];
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
168
node_modules/vant/es/form/Form.mjs
generated
vendored
Normal file
168
node_modules/vant/es/form/Form.mjs
generated
vendored
Normal file
@@ -0,0 +1,168 @@
|
||||
import { defineComponent, createVNode as _createVNode } from "vue";
|
||||
import { FORM_KEY, truthProp, numericProp, preventDefault, createNamespace } from "../utils/index.mjs";
|
||||
import { useChildren } from "@vant/use";
|
||||
import { useExpose } from "../composables/use-expose.mjs";
|
||||
const [name, bem] = createNamespace("form");
|
||||
const formProps = {
|
||||
colon: Boolean,
|
||||
disabled: Boolean,
|
||||
readonly: Boolean,
|
||||
required: [Boolean, String],
|
||||
showError: Boolean,
|
||||
labelWidth: numericProp,
|
||||
labelAlign: String,
|
||||
inputAlign: String,
|
||||
scrollToError: Boolean,
|
||||
scrollToErrorPosition: String,
|
||||
validateFirst: Boolean,
|
||||
submitOnEnter: truthProp,
|
||||
showErrorMessage: truthProp,
|
||||
errorMessageAlign: String,
|
||||
validateTrigger: {
|
||||
type: [String, Array],
|
||||
default: "onBlur"
|
||||
}
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: formProps,
|
||||
emits: ["submit", "failed"],
|
||||
setup(props, {
|
||||
emit,
|
||||
slots
|
||||
}) {
|
||||
const {
|
||||
children,
|
||||
linkChildren
|
||||
} = useChildren(FORM_KEY);
|
||||
const getFieldsByNames = (names) => {
|
||||
if (names) {
|
||||
return children.filter((field) => names.includes(field.name));
|
||||
}
|
||||
return children;
|
||||
};
|
||||
const validateSeq = (names) => new Promise((resolve, reject) => {
|
||||
const errors = [];
|
||||
const fields = getFieldsByNames(names);
|
||||
fields.reduce((promise, field) => promise.then(() => {
|
||||
if (!errors.length) {
|
||||
return field.validate().then((error) => {
|
||||
if (error) {
|
||||
errors.push(error);
|
||||
}
|
||||
});
|
||||
}
|
||||
}), Promise.resolve()).then(() => {
|
||||
if (errors.length) {
|
||||
reject(errors);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
});
|
||||
const validateAll = (names) => new Promise((resolve, reject) => {
|
||||
const fields = getFieldsByNames(names);
|
||||
Promise.all(fields.map((item) => item.validate())).then((errors) => {
|
||||
errors = errors.filter(Boolean);
|
||||
if (errors.length) {
|
||||
reject(errors);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
});
|
||||
const validateField = (name2) => {
|
||||
const matched = children.find((item) => item.name === name2);
|
||||
if (matched) {
|
||||
return new Promise((resolve, reject) => {
|
||||
matched.validate().then((error) => {
|
||||
if (error) {
|
||||
reject(error);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
return Promise.reject();
|
||||
};
|
||||
const validate = (name2) => {
|
||||
if (typeof name2 === "string") {
|
||||
return validateField(name2);
|
||||
}
|
||||
return props.validateFirst ? validateSeq(name2) : validateAll(name2);
|
||||
};
|
||||
const resetValidation = (name2) => {
|
||||
if (typeof name2 === "string") {
|
||||
name2 = [name2];
|
||||
}
|
||||
const fields = getFieldsByNames(name2);
|
||||
fields.forEach((item) => {
|
||||
item.resetValidation();
|
||||
});
|
||||
};
|
||||
const getValidationStatus = () => children.reduce((form, field) => {
|
||||
form[field.name] = field.getValidationStatus();
|
||||
return form;
|
||||
}, {});
|
||||
const scrollToField = (name2, options) => {
|
||||
children.some((item) => {
|
||||
if (item.name === name2) {
|
||||
item.$el.scrollIntoView(options);
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
};
|
||||
const getValues = () => children.reduce((form, field) => {
|
||||
if (field.name !== void 0) {
|
||||
form[field.name] = field.formValue.value;
|
||||
}
|
||||
return form;
|
||||
}, {});
|
||||
const submit = () => {
|
||||
const values = getValues();
|
||||
validate().then(() => emit("submit", values)).catch((errors) => {
|
||||
emit("failed", {
|
||||
values,
|
||||
errors
|
||||
});
|
||||
const {
|
||||
scrollToError,
|
||||
scrollToErrorPosition
|
||||
} = props;
|
||||
if (scrollToError && errors[0].name) {
|
||||
scrollToField(errors[0].name, scrollToErrorPosition ? {
|
||||
block: scrollToErrorPosition
|
||||
} : void 0);
|
||||
}
|
||||
});
|
||||
};
|
||||
const onSubmit = (event) => {
|
||||
preventDefault(event);
|
||||
submit();
|
||||
};
|
||||
linkChildren({
|
||||
props
|
||||
});
|
||||
useExpose({
|
||||
submit,
|
||||
validate,
|
||||
getValues,
|
||||
scrollToField,
|
||||
resetValidation,
|
||||
getValidationStatus
|
||||
});
|
||||
return () => {
|
||||
var _a;
|
||||
return _createVNode("form", {
|
||||
"class": bem(),
|
||||
"onSubmit": onSubmit
|
||||
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
|
||||
};
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
formProps
|
||||
};
|
||||
74
node_modules/vant/es/form/index.d.ts
generated
vendored
Normal file
74
node_modules/vant/es/form/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,74 @@
|
||||
import { FormProps } from './Form';
|
||||
export declare const Form: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
colon: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
required: import("vue").PropType<boolean | "auto">;
|
||||
showError: BooleanConstructor;
|
||||
labelWidth: (NumberConstructor | StringConstructor)[];
|
||||
labelAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
||||
inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
||||
scrollToError: BooleanConstructor;
|
||||
scrollToErrorPosition: import("vue").PropType<ScrollLogicalPosition>;
|
||||
validateFirst: BooleanConstructor;
|
||||
submitOnEnter: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
showErrorMessage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
||||
validateTrigger: {
|
||||
type: import("vue").PropType<import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
colon: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
required: import("vue").PropType<boolean | "auto">;
|
||||
showError: BooleanConstructor;
|
||||
labelWidth: (NumberConstructor | StringConstructor)[];
|
||||
labelAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
||||
inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
||||
scrollToError: BooleanConstructor;
|
||||
scrollToErrorPosition: import("vue").PropType<ScrollLogicalPosition>;
|
||||
validateFirst: BooleanConstructor;
|
||||
submitOnEnter: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
showErrorMessage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
||||
validateTrigger: {
|
||||
type: import("vue").PropType<import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onSubmit?: ((...args: any[]) => any) | undefined;
|
||||
onFailed?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
disabled: boolean;
|
||||
readonly: boolean;
|
||||
colon: boolean;
|
||||
showError: boolean;
|
||||
scrollToError: boolean;
|
||||
validateFirst: boolean;
|
||||
submitOnEnter: boolean;
|
||||
showErrorMessage: boolean;
|
||||
validateTrigger: import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[];
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Form;
|
||||
export { formProps } from './Form';
|
||||
export type { FormProps };
|
||||
export type { FormInstance } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanForm: typeof Form;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/form/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/form/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _Form from "./Form.mjs";
|
||||
const Form = withInstall(_Form);
|
||||
var stdin_default = Form;
|
||||
import { formProps } from "./Form.mjs";
|
||||
export {
|
||||
Form,
|
||||
stdin_default as default,
|
||||
formProps
|
||||
};
|
||||
1
node_modules/vant/es/form/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/form/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
1
node_modules/vant/es/form/style/index.mjs
generated
vendored
Normal file
1
node_modules/vant/es/form/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
import "../../style/base.css";
|
||||
15
node_modules/vant/es/form/types.d.ts
generated
vendored
Normal file
15
node_modules/vant/es/form/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
import type { ComponentPublicInstance } from 'vue';
|
||||
import type { FormProps } from './Form';
|
||||
import type { FieldValidationStatus } from '../field';
|
||||
export type FormExpose = {
|
||||
submit: () => void;
|
||||
validate: (name?: string | string[] | undefined) => Promise<void>;
|
||||
getValues: () => Record<string, unknown>;
|
||||
scrollToField: (name: string, options?: boolean | ScrollIntoViewOptions | undefined) => void;
|
||||
resetValidation: (name?: string | string[] | undefined) => void;
|
||||
getValidationStatus: () => Record<string, FieldValidationStatus>;
|
||||
};
|
||||
export type FormProvide = {
|
||||
props: FormProps;
|
||||
};
|
||||
export type FormInstance = ComponentPublicInstance<FormProps, FormExpose>;
|
||||
0
node_modules/vant/es/form/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/form/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user