@antsoo-lib/components 0.0.1

package/dist/src/form/ErrorList.d.ts

@@ -0,0 +1,21 @@
+import { VueNode } from '../_util/type';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface ErrorListProps {
+    errors?: VueNode[];
+    help?: VueNode;
+    onErrorVisibleChanged?: (visible: boolean) => void;
+}
+declare const _default: DefineComponent<{
+    help?: any;
+    errors?: any;
+    onErrorVisibleChanged?: any;
+    helpStatus?: any;
+    warnings?: any;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+    help?: any;
+    errors?: any;
+    onErrorVisibleChanged?: any;
+    helpStatus?: any;
+    warnings?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/form/FormItemContext.d.ts

@@ -0,0 +1,32 @@
+import { ComputedRef, DefineComponent, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ValidateStatus } from './FormItem';
+export interface FormItemContext {
+    id: ComputedRef<string>;
+    onFieldBlur: () => void;
+    onFieldChange: () => void;
+    clearValidate: () => void;
+}
+export declare const useProvideFormItemContext: (props: FormItemContext, useValidation?: ComputedRef<boolean>) => void;
+export declare const useInjectFormItemContext: () => FormItemContext;
+declare const _default: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;
+export interface FormItemStatusContextProps {
+    isFormItemInput?: boolean;
+    status?: ValidateStatus;
+    hasFeedback?: boolean;
+    feedbackIcon?: any;
+}
+export declare const FormItemInputContext: {
+    useProvide: (props: FormItemStatusContextProps, newProps?: FormItemStatusContextProps | undefined) => {
+        isFormItemInput?: boolean | undefined;
+        status?: ValidateStatus | undefined;
+        hasFeedback?: boolean | undefined;
+        feedbackIcon?: any;
+    };
+    useInject: () => FormItemStatusContextProps;
+};
+export declare const NoFormStatus: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/src/form/FormItemInput.d.ts

@@ -0,0 +1,45 @@
+import { CustomSlotsType, VueNode } from '../_util/type';
+import { ColProps } from '../grid/Col';
+import { ValidateStatus } from './FormItem';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface FormItemInputMiscProps {
+    prefixCls: string;
+    errors: VueNode[];
+    hasFeedback?: boolean;
+    validateStatus?: ValidateStatus;
+}
+export interface FormItemInputProps {
+    wrapperCol?: ColProps;
+    help?: VueNode;
+    extra?: VueNode;
+    status?: ValidateStatus;
+}
+declare const FormItemInput: DefineComponent<{
+    marginBottom?: any;
+    help?: any;
+    errors?: any;
+    prefixCls?: any;
+    status?: any;
+    hasFeedback?: any;
+    onErrorVisibleChanged?: any;
+    onDomErrorVisibleChange?: any;
+    wrapperCol?: any;
+    extra?: any;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+    marginBottom?: any;
+    help?: any;
+    errors?: any;
+    prefixCls?: any;
+    status?: any;
+    hasFeedback?: any;
+    onErrorVisibleChanged?: any;
+    onDomErrorVisibleChange?: any;
+    wrapperCol?: any;
+    extra?: any;
+}> & Readonly<{}>, {}, CustomSlotsType<{
+    help: any;
+    errors: any;
+    extra: any;
+    default: any;
+}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default FormItemInput;

package/dist/src/form/FormItemLabel.d.ts

@@ -0,0 +1,19 @@
+import { FunctionalComponent, HTMLAttributes } from 'vue';
+import { VueNode } from '../_util/type';
+import { ColProps } from '../grid/Col';
+import { RequiredMark } from './Form';
+import { FormLabelAlign } from './interface';
+export interface FormItemLabelProps {
+    colon?: boolean;
+    htmlFor?: string;
+    label?: VueNode;
+    labelAlign?: FormLabelAlign;
+    labelCol?: ColProps & HTMLAttributes;
+    requiredMark?: RequiredMark;
+    required?: boolean;
+    prefixCls: string;
+    onClick: Function;
+    tooltip: string;
+}
+declare const FormItemLabel: FunctionalComponent<FormItemLabelProps>;
+export default FormItemLabel;

package/dist/src/form/context.d.ts

@@ -0,0 +1,35 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ColProps } from '../grid';
+import { RequiredMark } from './Form';
+import { FieldExpose, ValidateStatus } from './FormItem';
+import { FormLabelAlign, Rule, ValidateMessages } from './interface';
+export interface FormContextProps {
+    model?: ComputedRef<any>;
+    vertical: ComputedRef<boolean>;
+    name?: ComputedRef<string>;
+    colon?: ComputedRef<boolean>;
+    labelAlign?: ComputedRef<FormLabelAlign>;
+    labelWrap?: ComputedRef<boolean>;
+    labelCol?: ComputedRef<ColProps>;
+    wrapperCol?: ComputedRef<ColProps>;
+    requiredMark?: ComputedRef<RequiredMark>;
+    addField: (eventKey: string, field: FieldExpose) => void;
+    removeField: (eventKey: string) => void;
+    validateTrigger?: ComputedRef<string | string[]>;
+    rules?: ComputedRef<{
+        [k: string]: Rule[] | Rule;
+    }>;
+    onValidate: (name: string | number | Array<string | number>, status: boolean, errors: string[] | null) => void;
+    validateMessages: ComputedRef<ValidateMessages>;
+}
+export declare const FormContextKey: InjectionKey<FormContextProps>;
+export declare const useProvideForm: (state: FormContextProps) => void;
+export declare const useInjectForm: () => FormContextProps;
+/** Used for ErrorList only */
+export interface FormItemPrefixContextProps {
+    prefixCls: ComputedRef<string>;
+    status?: ComputedRef<ValidateStatus>;
+}
+export declare const FormItemPrefixContextKey: InjectionKey<FormItemPrefixContextProps>;
+export declare const useProvideFormItemPrefix: (state: FormItemPrefixContextProps) => void;
+export declare const useInjectFormItemPrefix: () => FormItemPrefixContextProps;

package/dist/src/form/index.d.ts

@@ -0,0 +1,16 @@
+import { Plugin } from 'vue';
+import { default as Form, formProps } from './Form';
+import { default as FormItem, formItemProps } from './FormItem';
+import { default as FormItemRest, useInjectFormItemContext } from './FormItemContext';
+import { default as useForm } from './useForm';
+export type { Rule, RuleObject } from './interface';
+export type { FormInstance, FormProps } from './Form';
+export type { FormItemInstance, FormItemProps } from './FormItem';
+export { FormItem, formItemProps, FormItemRest, formProps, useForm, useInjectFormItemContext };
+declare const _default: typeof Form & Plugin & {
+    readonly Item: typeof Form.Item;
+    readonly ItemRest: typeof FormItemRest;
+    readonly useForm: typeof useForm;
+    readonly useInjectFormItemContext: typeof useInjectFormItemContext;
+};
+export default _default;

package/dist/src/form/interface.d.ts

@@ -0,0 +1,171 @@
+import { VueNode } from '../_util/type';
+export type FormLabelAlign = 'left' | 'right';
+export type InternalNamePath = (string | number)[];
+export type NamePath = string | number | InternalNamePath;
+export type StoreValue = any;
+export interface Store {
+    [name: string]: StoreValue;
+}
+export interface Meta {
+    touched: boolean;
+    validating: boolean;
+    errors: string[];
+    name: InternalNamePath;
+}
+export interface InternalFieldData extends Meta {
+    value: StoreValue;
+}
+/**
+ * Used by `setFields` config
+ */
+export interface FieldData extends Partial<Omit<InternalFieldData, 'name'>> {
+    name: NamePath;
+}
+export type RuleType = 'string' | 'number' | 'boolean' | 'method' | 'regexp' | 'integer' | 'float' | 'object' | 'enum' | 'date' | 'url' | 'hex' | 'email';
+type Validator = (rule: RuleObject, value: StoreValue, callback: (error?: string) => void) => Promise<void> | void;
+export interface ValidatorRule {
+    warningOnly?: boolean;
+    message?: string | VueNode;
+    /** custom validate function (Note: callback must be called) */
+    validator: Validator;
+}
+interface BaseRule {
+    warningOnly?: boolean;
+    /** validate the value from a list of possible values */
+    enum?: StoreValue[];
+    /** validate the exact length of a field */
+    len?: number;
+    /** validate the max length of a field */
+    max?: number;
+    /** validation error message */
+    message?: string | VueNode;
+    /** validate the min length of a field */
+    min?: number;
+    /** validate from a regular expression */
+    pattern?: RegExp;
+    /** indicates whether field is required */
+    required?: boolean;
+    /** transform a value before validation */
+    transform?: (value: StoreValue) => StoreValue;
+    /** built-in validation type, available options: https://github.com/yiminghe/async-validator#type */
+    type?: RuleType;
+    /** treat required fields that only contain whitespace as errors */
+    whitespace?: boolean;
+    /** Customize rule level `validateTrigger`. Must be subset of Field `validateTrigger` */
+    validateTrigger?: string | string[];
+    /** Check trigger timing */
+    trigger?: 'blur' | 'change' | Array<'change' | 'blur'>;
+}
+type AggregationRule = BaseRule & Partial<ValidatorRule>;
+interface ArrayRule extends Omit<AggregationRule, 'type'> {
+    type: 'array';
+    defaultField?: RuleObject;
+}
+export type RuleObject = AggregationRule | ArrayRule;
+export type Rule = RuleObject;
+export interface ValidateErrorEntity<Values = any> {
+    values: Values;
+    errorFields: {
+        name: InternalNamePath;
+        errors: string[];
+    }[];
+    outOfDate: boolean;
+}
+export interface FieldError {
+    name: InternalNamePath | string;
+    errors: string[];
+}
+export interface RuleError {
+    errors: string[];
+    rule: RuleObject;
+}
+export interface ValidateOptions {
+    triggerName?: string;
+    validateMessages?: ValidateMessages;
+}
+export type InternalValidateFields = (nameList?: NamePath[], options?: ValidateOptions) => Promise<Store>;
+export type ValidateFields = (nameList?: NamePath[]) => Promise<Store>;
+interface ValueUpdateInfo {
+    type: 'valueUpdate';
+    source: 'internal' | 'external';
+}
+interface ValidateFinishInfo {
+    type: 'validateFinish';
+}
+interface ResetInfo {
+    type: 'reset';
+}
+interface SetFieldInfo {
+    type: 'setField';
+    data: FieldData;
+}
+interface DependenciesUpdateInfo {
+    type: 'dependenciesUpdate';
+    /**
+     * Contains all the related `InternalNamePath[]`.
+     * a <- b <- c : change `a`
+     * relatedFields=[a, b, c]
+     */
+    relatedFields: InternalNamePath[];
+}
+export type NotifyInfo = ValueUpdateInfo | ValidateFinishInfo | ResetInfo | SetFieldInfo | DependenciesUpdateInfo;
+export type ValuedNotifyInfo = NotifyInfo & {
+    store: Store;
+};
+export interface Callbacks<Values = any> {
+    onValuesChange?: (changedValues: any, values: Values) => void;
+    onFieldsChange?: (changedFields: FieldData[], allFields: FieldData[]) => void;
+    onFinish?: (values: Values) => void;
+    onFinishFailed?: (errorInfo: ValidateErrorEntity<Values>) => void;
+    onValidate?: (name: string | number | string[] | number[], status: boolean, errors: string[] | null) => void;
+}
+export type EventArgs = any[];
+type ValidateMessage = string | (() => string);
+export interface ValidateMessages {
+    default?: ValidateMessage;
+    required?: ValidateMessage;
+    enum?: ValidateMessage;
+    whitespace?: ValidateMessage;
+    date?: {
+        format?: ValidateMessage;
+        parse?: ValidateMessage;
+        invalid?: ValidateMessage;
+    };
+    types?: {
+        string?: ValidateMessage;
+        method?: ValidateMessage;
+        array?: ValidateMessage;
+        object?: ValidateMessage;
+        number?: ValidateMessage;
+        date?: ValidateMessage;
+        boolean?: ValidateMessage;
+        integer?: ValidateMessage;
+        float?: ValidateMessage;
+        regexp?: ValidateMessage;
+        email?: ValidateMessage;
+        url?: ValidateMessage;
+        hex?: ValidateMessage;
+    };
+    string?: {
+        len?: ValidateMessage;
+        min?: ValidateMessage;
+        max?: ValidateMessage;
+        range?: ValidateMessage;
+    };
+    number?: {
+        len?: ValidateMessage;
+        min?: ValidateMessage;
+        max?: ValidateMessage;
+        range?: ValidateMessage;
+    };
+    array?: {
+        len?: ValidateMessage;
+        min?: ValidateMessage;
+        max?: ValidateMessage;
+        range?: ValidateMessage;
+    };
+    pattern?: {
+        mismatch?: ValidateMessage;
+    };
+}
+export {};

package/dist/src/form/style/explain.d.ts

@@ -0,0 +1,4 @@
+import { FormToken } from '.';
+import { GenerateStyle } from '../../theme/internal';
+declare const genFormValidateMotionStyle: GenerateStyle<FormToken>;
+export default genFormValidateMotionStyle;

package/dist/src/form/style/index.d.ts

@@ -0,0 +1,8 @@
+import { FullToken, UseComponentStyleResult } from '../../theme/internal';
+import { Ref } from 'vue';
+export interface FormToken extends FullToken<'Form'> {
+    formItemCls: string;
+    rootPrefixCls: string;
+}
+declare const _default: (_prefixCls?: Ref<string>) => UseComponentStyleResult;
+export default _default;

package/dist/src/form/useForm.d.ts

@@ -0,0 +1,45 @@
+import { Ref } from 'vue';
+import { ValidateStatus } from './FormItem';
+import { Callbacks, RuleError, ValidateMessages } from './interface';
+interface DebounceSettings {
+    leading?: boolean;
+    wait?: number;
+    trailing?: boolean;
+}
+export interface Props {
+    [key: string]: any;
+}
+export interface validateOptions {
+    validateFirst?: boolean;
+    validateMessages?: ValidateMessages;
+    trigger?: 'change' | 'blur' | string | string[];
+}
+type namesType = string | string[];
+export interface ValidateInfo {
+    autoLink?: boolean;
+    required?: boolean;
+    validateStatus?: ValidateStatus;
+    help?: any;
+}
+export interface validateInfos {
+    [key: string]: ValidateInfo;
+}
+declare function useForm(modelRef: Props | Ref<Props>, rulesRef?: Props | Ref<Props>, options?: {
+    immediate?: boolean;
+    deep?: boolean;
+    validateOnRuleChange?: boolean;
+    debounce?: DebounceSettings;
+    onValidate?: Callbacks['onValidate'];
+}): {
+    modelRef: Props | Ref<Props>;
+    rulesRef: Props | Ref<Props>;
+    initialModel: Props;
+    validateInfos: validateInfos;
+    resetFields: (newValues?: Props) => void;
+    validate: <T = any>(names?: namesType, option?: validateOptions) => Promise<T>;
+    /** This is an internal usage. Do not use in your prod */
+    validateField: (name: string, value: any, rules: Record<string, unknown>[], option?: validateOptions) => Promise<RuleError[]>;
+    mergeValidateInfo: (items: ValidateInfo | ValidateInfo[]) => ValidateInfo;
+    clearValidate: (names?: namesType) => void;
+};
+export default useForm;

package/dist/src/form/utils/asyncUtil.d.ts

@@ -0,0 +1,2 @@
+import { FieldError } from '../interface';
+export declare function allPromiseFinish(promiseList: Promise<FieldError>[]): Promise<FieldError[]>;

package/dist/src/form/utils/messages.d.ts

@@ -0,0 +1,47 @@
+export declare const defaultValidateMessages: {
+    default: string;
+    required: string;
+    enum: string;
+    whitespace: string;
+    date: {
+        format: string;
+        parse: string;
+        invalid: string;
+    };
+    types: {
+        string: string;
+        method: string;
+        array: string;
+        object: string;
+        number: string;
+        date: string;
+        boolean: string;
+        integer: string;
+        float: string;
+        regexp: string;
+        email: string;
+        url: string;
+        hex: string;
+    };
+    string: {
+        len: string;
+        min: string;
+        max: string;
+        range: string;
+    };
+    number: {
+        len: string;
+        min: string;
+        max: string;
+        range: string;
+    };
+    array: {
+        len: string;
+        min: string;
+        max: string;
+        range: string;
+    };
+    pattern: {
+        mismatch: string;
+    };
+};

package/dist/src/form/utils/typeUtil.d.ts

@@ -0,0 +1 @@
+export declare function toArray<T>(value?: T | T[] | null): T[];

package/dist/src/form/utils/useDebounce.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export default function useDebounce<T>(value: Ref<T[]>): Ref<T[]>;

package/dist/src/form/utils/validateUtil.d.ts

@@ -0,0 +1,6 @@
+import { InternalNamePath, RuleError, RuleObject, ValidateOptions } from '../interface';
+/**
+ * We use `async-validator` to validate the value.
+ * But only check one value in a time to avoid namePath validate issue.
+ */
+export declare function validateRules(namePath: InternalNamePath, value: any, rules: RuleObject[], options: ValidateOptions, validateFirst: boolean | 'parallel', messageVariables?: Record<string, string>): Promise<RuleError[]>;

package/dist/src/form/utils/valueUtil.d.ts

@@ -0,0 +1,15 @@
+import { InternalNamePath, NamePath } from '../interface';
+/**
+ * Convert name to internal supported format.
+ * This function should keep since we still thinking if need support like `a.b.c` format.
+ * 'a' => ['a']
+ * 123 => [123]
+ * ['a', 123] => ['a', 123]
+ */
+export declare function getNamePath(path: NamePath | null): InternalNamePath;
+export declare function getValue<T>(store: T, namePath: InternalNamePath): any;
+export declare function setValue<T>(store: T, namePath: InternalNamePath, value: any, removeIfUndefined?: boolean): T;
+export declare function containsNamePath(namePathList: InternalNamePath[], namePath: InternalNamePath): boolean;
+export declare function setValues<T>(store: T, ...restValues: T[]): T;
+export declare function cloneByNamePathList<T>(store: T, namePathList: InternalNamePath[]): T;
+export declare function matchNamePath(namePath: InternalNamePath, changedNamePath: InternalNamePath | null): boolean;

package/dist/src/grid/Col.d.ts

@@ -0,0 +1,117 @@
+import { ExtractPropTypes, PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { VueNode } from '../_util/type';
+type ColSpanType = number | string;
+export interface ColSize {
+    span?: ColSpanType;
+    order?: ColSpanType;
+    offset?: ColSpanType;
+    push?: ColSpanType;
+    pull?: ColSpanType;
+}
+export declare const colProps: () => {
+    span: (StringConstructor | NumberConstructor)[];
+    order: (StringConstructor | NumberConstructor)[];
+    offset: (StringConstructor | NumberConstructor)[];
+    push: (StringConstructor | NumberConstructor)[];
+    pull: (StringConstructor | NumberConstructor)[];
+    xs: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    sm: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    md: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    lg: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    xl: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    xxl: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    prefixCls: StringConstructor;
+    flex: (StringConstructor | NumberConstructor)[];
+};
+export type ColProps = Partial<ExtractPropTypes<ReturnType<typeof colProps>>>;
+declare const _default: DefineComponent<ExtractPropTypes<{
+    span: (StringConstructor | NumberConstructor)[];
+    order: (StringConstructor | NumberConstructor)[];
+    offset: (StringConstructor | NumberConstructor)[];
+    push: (StringConstructor | NumberConstructor)[];
+    pull: (StringConstructor | NumberConstructor)[];
+    xs: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    sm: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    md: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    lg: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    xl: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    xxl: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    prefixCls: StringConstructor;
+    flex: (StringConstructor | NumberConstructor)[];
+}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+    span: (StringConstructor | NumberConstructor)[];
+    order: (StringConstructor | NumberConstructor)[];
+    offset: (StringConstructor | NumberConstructor)[];
+    push: (StringConstructor | NumberConstructor)[];
+    pull: (StringConstructor | NumberConstructor)[];
+    xs: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    sm: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    md: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    lg: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    xl: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    xxl: {
+        type: PropType<string | number | ColSize>;
+        default: string | number | ColSize;
+    };
+    prefixCls: StringConstructor;
+    flex: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{}>, {
+    sm: string | number | ColSize;
+    lg: string | number | ColSize;
+    xs: string | number | ColSize;
+    md: string | number | ColSize;
+    xl: string | number | ColSize;
+    xxl: string | number | ColSize;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;