tiny-ui 0.0.94 → 1.0.0

package/es/form/form-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-helper.js","sourceRoot":"","sources":["../../components/form/form-helper.ts"],"names":[],"mappings":"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"}

package/es/form/form-instance-context.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import FormInstance from './form-instance';
+export declare const FormInstanceContext: React.Context<FormInstance>;

package/es/form/form-instance-context.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import FormInstance from './form-instance';
+export const FormInstanceContext = React.createContext(new FormInstance());
+//# sourceMappingURL=form-instance-context.js.map

package/es/form/form-instance-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-instance-context.js","sourceRoot":"","sources":["../../components/form/form-instance-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAO,iBAAiB,CAAC;AAE5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAe,IAAI,YAAY,EAAE,CAAC,CAAC"}

package/es/form/form-instance.d.ts

@@ -0,0 +1,33 @@
+import { Rule } from './types';
+export type FormValues = {
+    [name: string]: any;
+};
+export type FormErrors = {
+    [name: string]: string[];
+};
+type FormListener = (name: string) => void;
+/**
+ * The form state, including errors and rules of each form item
+ */
+export default class FormInstance {
+    private readonly initValues;
+    private values;
+    private rules;
+    private errors;
+    private listeners;
+    constructor(initValues?: FormValues);
+    getFieldValues(): FormValues;
+    getFieldValue(name: string): any;
+    setFieldValue(name: string, val: any): void;
+    setFieldValues(values?: FormValues): void;
+    getFiledErrors(): FormErrors;
+    getFieldError(name: string): string | undefined;
+    setFieldError(name: string, errors: string[]): void;
+    setFiledRules(name: string, rules: Rule[]): void;
+    resetFields(): void;
+    validateField(name: string): void;
+    validateFields(): void;
+    subscribe(listener: FormListener): () => void;
+    notify(name: string): void;
+}
+export {};

package/es/form/form-instance.js

@@ -0,0 +1,74 @@
+import { deepCopy } from '../_utils/object';
+import { validate } from './form-helper';
+/**
+ * The form state, including errors and rules of each form item
+ */
+export default class FormInstance {
+    constructor(initValues = {}) {
+        this.rules = {};
+        this.errors = {};
+        this.listeners = [];
+        this.initValues = initValues;
+        this.values = deepCopy(initValues);
+    }
+    getFieldValues() {
+        return this.values;
+    }
+    getFieldValue(name) {
+        return this.values[name];
+    }
+    setFieldValue(name, val) {
+        this.values[name] = val;
+        this.notify(name);
+    }
+    setFieldValues(values = {}) {
+        Object.keys(values).forEach(name => this.setFieldValue(name, values[name]));
+    }
+    getFiledErrors() {
+        return this.errors;
+    }
+    getFieldError(name) {
+        return this.errors[name] && this.errors[name].length > 0 ? this.errors[name][0] : undefined;
+    }
+    setFieldError(name, errors) {
+        this.errors[name] = errors;
+    }
+    setFiledRules(name, rules) {
+        this.rules[name] = rules;
+    }
+    resetFields() {
+        this.errors = {};
+        this.values = deepCopy(this.initValues);
+        this.notify('*');
+    }
+    validateField(name) {
+        const rules = this.rules[name];
+        const value = this.values[name];
+        if (rules) {
+            const errMessages = [];
+            rules.forEach(rule => {
+                const res = validate(value, rule);
+                if (res !== undefined) {
+                    errMessages.push(res);
+                }
+            });
+            // update filed errors
+            this.setFieldError(name, errMessages);
+            this.notify(name);
+        }
+    }
+    validateFields() {
+        Object.keys(this.rules).forEach(name => this.validateField(name));
+    }
+    subscribe(listener) {
+        this.listeners.push(listener);
+        return () => {
+            const idx = this.listeners.indexOf(listener);
+            idx > -1 && this.listeners.splice(idx, 1);
+        };
+    }
+    notify(name) {
+        this.listeners.forEach((listener) => listener(name));
+    }
+}
+//# sourceMappingURL=form-instance.js.map

package/es/form/form-instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-instance.js","sourceRoot":"","sources":["../../components/form/form-instance.ts"],"names":[],"mappings":"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"}

package/es/form/form-item.d.ts

@@ -0,0 +1,6 @@
+import { FormItemProps } from './types';
+declare const FormItem: {
+    (props: FormItemProps): JSX.Element;
+    displayName: string;
+};
+export default FormItem;

package/es/form/form-item.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useContext, useCallback, useRef } from 'react';
+import classNames from 'classnames';
+import { FormInstanceContext } from './form-instance-context';
+import { FormOptionsContext } from './form-options-context';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { getPropName, getValueFromEvent } from './form-helper';
+import Row from '../grid/row';
+import Col from '../grid/col';
+import Transition from '../transition';
+const FormItem = (props) => {
+    const { colon = true, valueGetter = getValueFromEvent, valuePropName = 'value', name, label, helper, notice, rules, className, style, children, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, prefixCls: customisedCls, } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('form-item', configContext.prefixCls, customisedCls);
+    const form = React.useContext(FormInstanceContext);
+    const { wrapperCol, labelCol, validateTrigger, layout } = React.useContext(FormOptionsContext);
+    const [value, setValue] = useState(name ? form.getFieldValue(name) : undefined);
+    const [error, setError] = useState(name ? form.getFieldError(name) : undefined);
+    const [hasErrLabel, setHasErrLabel] = useState(false);
+    const errorRef = useRef(null);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_has-error`]: !!error,
+        [`${prefixCls}_with-err-label`]: hasErrLabel,
+    });
+    const isRequired = 'required' in props ? props.required : (rules && rules.some((rule) => rule.required)) || false;
+    // get onChange event from all components which support onChange callback
+    const onChange = useCallback((...args) => {
+        if (name) {
+            form.setFieldValue(name, valueGetter(...args));
+            validateTrigger === 'onChange' && form.validateField(name);
+        }
+    }, [name, form, valueGetter, validateTrigger]);
+    // get onBlur event from input
+    const onBlur = useCallback(() => {
+        name && validateTrigger === 'onBlur' && form.validateField(name);
+    }, [name, form, validateTrigger]);
+    let child = children;
+    const prop = getPropName(valuePropName, child && child.type);
+    const childProps = { [prop]: value, onChange, onBlur };
+    child = React.cloneElement(child, childProps);
+    const labelCls = classNames({
+        [`${prefixCls}__label_required`]: label && isRequired,
+        [`${prefixCls}__label_colon`]: label && colon,
+    });
+    const getSpanAndOffset = (col) => {
+        if (typeof col === 'number') {
+            return [col, 0];
+        }
+        else {
+            return [col.span, col.offset];
+        }
+    };
+    const getCol = (col, isSelf) => {
+        if (isSelf) {
+            return getSpanAndOffset(col);
+        }
+        if (layout === 'vertical') {
+            return [24, 0];
+        }
+        else {
+            return getSpanAndOffset(col);
+        }
+    };
+    const [labelSpan, labelOffset] = itemLabelCol ? getCol(itemLabelCol, true) : getCol(labelCol);
+    const [wrapperSpan, wrapperOffset] = itemWrapperCol
+        ? getCol(itemWrapperCol, true)
+        : getCol(wrapperCol);
+    useEffect(() => {
+        if (!name) {
+            return;
+        }
+        rules && form.setFiledRules(name, rules);
+        return form.subscribe((n) => {
+            if (name === '*' || n === name || n === '*') {
+                setValue(form.getFieldValue(name));
+                setError(form.getFieldError(name));
+            }
+        });
+    }, [form, name, rules]);
+    useEffect(() => {
+        if (error) {
+            setHasErrLabel(true);
+        }
+    }, [error]);
+    return (_jsxs(Row, { className: cls, style: style, children: [_jsx(Col, { span: labelSpan, offset: labelOffset, className: `${prefixCls}__label`, children: _jsx("label", { htmlFor: name, title: typeof label === 'string' ? label : undefined, className: labelCls, children: label }) }), _jsxs(Col, { span: wrapperSpan, offset: wrapperOffset, className: `${prefixCls}__controls`, children: [_jsx("div", { className: `${prefixCls}__input`, children: _jsx("div", { className: `${prefixCls}__input-content`, children: child }) }), notice && _jsx("div", { className: `${prefixCls}__notice`, children: notice }), helper && _jsx("div", { className: `${prefixCls}__helper`, children: helper }), _jsx(Transition, { in: !!error, nodeRef: errorRef, animation: "slide-down", onExited: () => setHasErrLabel(false), children: _jsx("div", { ref: errorRef, className: `${prefixCls}__error`, children: error }) })] })] }));
+};
+FormItem.displayName = 'FormItem';
+export default FormItem;
+//# sourceMappingURL=form-item.js.map

package/es/form/form-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.js","sourceRoot":"","sources":["../../components/form/form-item.tsx"],"names":[],"mappings":"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"}

package/es/form/form-options-context.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FormOptionsProps } from './types';
+export declare const FormOptionsContext: React.Context<FormOptionsProps>;

package/es/form/form-options-context.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const FormOptionsContext = React.createContext({
+    labelCol: 8,
+    wrapperCol: 16,
+    validateTrigger: 'onChange',
+    layout: 'horizontal',
+});
+//# sourceMappingURL=form-options-context.js.map

package/es/form/form-options-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-options-context.js","sourceRoot":"","sources":["../../components/form/form-options-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACtE,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,EAAE;IACd,eAAe,EAAE,UAAU;IAC3B,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC"}

package/es/form/form.d.ts

@@ -0,0 +1,6 @@
+import { FormProps } from './types';
+declare const Form: {
+    (props: FormProps): JSX.Element;
+    displayName: string;
+};
+export default Form;

package/es/form/form.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { FormInstanceContext } from './form-instance-context';
+import { FormOptionsContext } from './form-options-context';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import FormInstance from './form-instance';
+const Form = (props) => {
+    const { initialValues = {}, labelCol = { span: 8, offset: 0 }, wrapperCol = { span: 16, offset: 0 }, validateTrigger = 'onChange', layout = 'horizontal', form, onFinish, onFinishFailed, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('form', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, `${prefixCls}_${layout}`);
+    // If you want to control the form outside, namely get the form instance, just pass a form store.
+    // Otherwise, the form component will manage the state internally.
+    const formRef = React.useRef(form ? form : new FormInstance(initialValues));
+    const formOnSubmit = (e) => {
+        e.preventDefault();
+        const formIns = formRef.current;
+        formIns.validateFields();
+        const values = formIns.getFieldValues();
+        const errors = formIns.getFiledErrors();
+        if (Object.keys(errors).some((key) => errors[key].length > 0)) {
+            onFinishFailed && onFinishFailed({ values, errors });
+        }
+        else {
+            onFinish && onFinish(values);
+        }
+    };
+    const formOnReset = () => {
+        formRef.current.resetFields();
+    };
+    return (_jsx(FormInstanceContext.Provider, { value: formRef.current, children: _jsx(FormOptionsContext.Provider, { value: { labelCol, wrapperCol, validateTrigger, layout }, children: _jsx("form", { ...otherProps, className: cls, onSubmit: formOnSubmit, onReset: formOnReset, children: children }) }) }));
+};
+Form.displayName = 'Form';
+export default Form;
+//# sourceMappingURL=form.js.map

package/es/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../components/form/form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAe,EAAE;IAC7C,MAAM,EACJ,aAAa,GAAG,EAAE,EAClB,QAAQ,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACjC,UAAU,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACpC,eAAe,GAAG,UAAU,EAC5B,MAAM,GAAG,YAAY,EACrB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,MAAM,EAAE,CAAC,CAAC;IACvE,iGAAiG;IACjG,kEAAkE;IAClE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG,CAAC,CAAkB,EAAE,EAAE;QAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAChC,OAAO,CAAC,cAAc,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;QACxC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;YAC9D,cAAc,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,OAAO,YAClD,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,YACnF,kBAAU,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,YAC/E,QAAQ,GACJ,GACqB,GACD,CAChC,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}

package/es/form/index.d.ts

@@ -0,0 +1,11 @@
+import Form from './form';
+import FormItem from './form-item';
+import useForm from './use-form';
+import FormInstance from './form-instance';
+type IForm = typeof Form & {
+    Item: typeof FormItem;
+    useForm: typeof useForm;
+    FormInstance: typeof FormInstance;
+};
+declare const DefaultForm: IForm;
+export default DefaultForm;

package/es/form/index.js

@@ -0,0 +1,10 @@
+import Form from './form';
+import FormItem from './form-item';
+import useForm from './use-form';
+import FormInstance from './form-instance';
+const DefaultForm = Form;
+DefaultForm.Item = FormItem;
+DefaultForm.useForm = useForm;
+DefaultForm.FormInstance = FormInstance;
+export default DefaultForm;
+//# sourceMappingURL=index.js.map

package/es/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAQ3C,MAAM,WAAW,GAAG,IAAa,CAAC;AAClC,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;AAC5B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,YAAY,GAAG,YAAY,CAAC;AAExC,eAAe,WAAW,CAAC"}

package/es/form/style/_index.scss

@@ -0,0 +1,93 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-form {
+
+  &_vertical {
+    .#{$prefix}-form-item__label {
+      text-align: left;
+    }
+  }
+
+  &_inline {
+    display: flex;
+    flex-wrap: wrap;
+  }
+}
+
+.#{$prefix}-form-item {
+  margin-bottom: 22px;
+  vertical-align: top;
+
+  &__label {
+    line-height: 30px;
+    text-align: right;
+    vertical-align: top;
+    color: var(--ty-color-text);
+    font-size: $font-size-base;
+
+    &_required:before {
+      content: '*';
+      margin-right: 3px;
+      color: var(--ty-form-error-color);
+    }
+
+    &_colon:after {
+      content: ':';
+      margin: 0 8px 0 2px;
+    }
+  }
+
+  &__input {
+    position: relative;
+    min-height: 32px;
+    display: flex;
+    align-items: center;
+  }
+
+  &__input-content {
+    flex: auto;
+    max-width: 100%;
+  }
+
+  &__error {
+    min-height: 22px;
+    line-height: 22px;
+    font-size: 13px;
+    color: var(--ty-form-error-color);
+  }
+
+  &__helper {
+    min-height: 22px;
+    line-height: 22px;
+    font-size: 13px;
+    color: var(--ty-color-text-tertiary);
+  }
+
+  &__notice {
+    font-size: 13px;
+    border-radius: $border-radius;
+    background: var(--ty-form-notice-bg);
+    color: var(--ty-form-notice-color);
+    padding: 5px;
+    margin-top: 5px;
+  }
+
+  &_with-err-label {
+    margin-bottom: 0;
+  }
+
+  &_has-error {
+    .#{$prefix}-input__input, .#{$prefix}-input-number__input, .#{$prefix}-textarea {
+      border-color: var(--ty-form-error-color);
+
+      &:not([disabled]):hover{
+        border-color: var(--ty-form-error-color);
+      }
+
+      &:focus{
+        border-color: var(--ty-form-error-hover);
+        box-shadow: 0 0 0 2px rgba(255,77,79,.2);
+      }
+    }
+  }
+}

package/es/form/style/css.js

@@ -0,0 +1,3 @@
+import './index.css';
+import '../../transition/style/index.css';
+//# sourceMappingURL=index.js.map

package/es/form/style/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+import '../../transition/style/index.scss';

package/es/form/style/index.js

@@ -0,0 +1,3 @@
+import './index.scss';
+import '../../transition/style/index.scss';
+//# sourceMappingURL=index.js.map

package/es/form/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/form/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,mCAAmC,CAAC"}

package/es/form/types.d.ts

@@ -0,0 +1,59 @@
+import { BaseProps, DirectionType } from '../_utils/props';
+import React from 'react';
+import FormInstance, { FormErrors, FormValues } from './form-instance';
+export type Rule = {
+    type?: 'string' | 'number' | 'boolean';
+    message?: string;
+    max?: number;
+    min?: number;
+    required?: boolean;
+    enum?: any[];
+    len?: number;
+    pattern?: RegExp;
+    transform?: (value: any) => any;
+    validator?: (value: any) => boolean | Promise<boolean>;
+    whitespace?: boolean;
+};
+export interface FormItemProps extends BaseProps {
+    name?: string;
+    required?: boolean;
+    colon?: boolean;
+    label?: React.ReactNode;
+    rules?: Rule[];
+    helper?: React.ReactNode;
+    notice?: React.ReactNode;
+    valuePropName?: string;
+    valueGetter?: (...args: any[]) => any;
+    labelCol?: number | {
+        span: number;
+        offset: number;
+    };
+    wrapperCol?: number | {
+        span: number;
+        offset: number;
+    };
+    children?: React.ReactNode;
+}
+export type FormLayout = DirectionType | 'inline';
+export type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit';
+export interface FormOptionsProps {
+    labelCol: number | {
+        span: number;
+        offset: number;
+    };
+    wrapperCol: number | {
+        span: number;
+        offset: number;
+    };
+    validateTrigger: ValidateTrigger;
+    layout: FormLayout;
+}
+export interface FormProps extends BaseProps, Partial<FormOptionsProps>, React.PropsWithRef<JSX.IntrinsicElements['form']> {
+    form?: FormInstance;
+    initialValues?: FormValues;
+    onFinish?: (values: FormValues) => void;
+    onFinishFailed?: ({ values, errors }: {
+        values: FormValues;
+        errors: FormErrors;
+    }) => void;
+}

package/es/form/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/form/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/form/types.ts"],"names":[],"mappings":""}

package/es/form/use-form.d.ts

@@ -0,0 +1,2 @@
+import FormInstance, { FormValues } from './form-instance';
+export default function useForm(initialValues?: FormValues): [FormInstance];

package/es/form/use-form.js

@@ -0,0 +1,5 @@
+import FormInstance from './form-instance';
+export default function useForm(initialValues = {}) {
+    return [new FormInstance(initialValues)];
+}
+//# sourceMappingURL=use-form.js.map

package/es/form/use-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.js","sourceRoot":"","sources":["../../components/form/use-form.ts"],"names":[],"mappings":"AAAA,OAAO,YAA4B,MAAM,iBAAiB,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,gBAA4B,EAAE;IAC5D,OAAO,CAAC,IAAI,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;AAC3C,CAAC"}

package/es/grid/col.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColProps } from './types';
+declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+export default Col;

package/es/grid/col.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const ScreenTypes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+const Col = React.forwardRef((props, ref) => {
+    const { span = 24, offset = 0, order = 0, prefixCls: customisedCls, className, style, children, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('col', configContext.prefixCls, customisedCls);
+    let sizeClassObj = {};
+    ScreenTypes.forEach((size) => {
+        let sizeProps = {};
+        // Prevent the error that expression of type 'string' can't be used to index type 'ColProps'.
+        const propSize = props[size];
+        if (typeof propSize === 'number') {
+            sizeProps.span = propSize;
+        }
+        else if (typeof propSize === 'object') {
+            sizeProps = propSize || {};
+        }
+        sizeClassObj = {
+            ...sizeClassObj,
+            [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
+            [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
+            [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
+        };
+    });
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}-${span}`]: span,
+        [`${prefixCls}-offset-${offset}`]: offset,
+        [`${prefixCls}-order-${order}`]: order,
+    }, sizeClassObj);
+    return (_jsx("div", { ...otherProps, ref: ref, className: cls, style: style, children: children }));
+});
+Col.displayName = 'Col';
+export default Col;
+//# sourceMappingURL=col.js.map

package/es/grid/col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"col.js","sourceRoot":"","sources":["../../components/grid/col.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAE1D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACJ,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAE9E,IAAI,YAAY,GAAG,EAAE,CAAC;IACtB,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,IAAI,SAAS,GAAY,EAAE,CAAC;QAC5B,6FAA6F;QAC7F,MAAM,QAAQ,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC5B,CAAC;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxC,SAAS,GAAG,QAAQ,IAAI,EAAE,CAAC;QAC7B,CAAC;QACD,YAAY,GAAG;YACb,GAAG,YAAY;YACf,CAAC,GAAG,SAAS,IAAI,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,KAAK,SAAS;YACxE,CAAC,GAAG,SAAS,IAAI,IAAI,UAAU,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,KAAK,CAAC;YAC3F,CAAC,GAAG,SAAS,IAAI,IAAI,WAAW,SAAS,CAAC,MAAM,EAAE,CAAC,EACjD,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;SAC7C,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,UAAU,CACpB,SAAS,EACT,SAAS,EACT;QACE,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI;QAC9B,CAAC,GAAG,SAAS,WAAW,MAAM,EAAE,CAAC,EAAE,MAAM;QACzC,CAAC,GAAG,SAAS,UAAU,KAAK,EAAE,CAAC,EAAE,KAAK;KACvC,EACD,YAAY,CACb,CAAC;IAEF,OAAO,CACL,iBAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YACxD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,eAAe,GAAG,CAAC"}

package/es/grid/row.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RowProps } from './types';
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export default Row;

package/es/grid/row.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Row = React.forwardRef((props, ref) => {
+    const { gutter = 0, gutterSide = false, prefixCls: customisedCls, align, justify, className, style, children, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('row', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_align-${align}`]: align,
+        [`${prefixCls}_justify-${justify}`]: justify,
+    });
+    const getGutter = () => {
+        return Array.isArray(gutter) ? gutter : [gutter, gutter];
+    };
+    const normalisedGutter = getGutter();
+    const rowGutterStyle = gutter
+        ? {
+            marginLeft: gutterSide ? 0 : -normalisedGutter[0] / 2,
+            marginRight: gutterSide ? 0 : -normalisedGutter[0] / 2,
+            rowGap: normalisedGutter[1] || undefined,
+        }
+        : {};
+    return (_jsx("div", { ...otherProps, ref: ref, className: cls, style: { ...style, ...rowGutterStyle }, children: React.Children.map(children, (child) => {
+            const childElement = child;
+            if (childElement.type.displayName === 'Col') {
+                const gutterStyle = gutter
+                    ? {
+                        paddingLeft: normalisedGutter[0] / 2,
+                        paddingRight: normalisedGutter[0] / 2,
+                    }
+                    : {};
+                const childProps = {
+                    style: {
+                        ...child.props.style,
+                        ...gutterStyle,
+                    },
+                };
+                return React.cloneElement(childElement, childProps);
+            }
+            return childElement;
+        }) }));
+});
+Row.displayName = 'Row';
+export default Row;
+//# sourceMappingURL=row.js.map