tiny-ui 1.0.3 → 1.0.4

package/lib/form/form-item.js

@@ -1,93 +1,139 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const form_instance_context_1 = require("./form-instance-context");
-const form_options_context_1 = require("./form-options-context");
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const form_helper_1 = require("./form-helper");
-const row_1 = tslib_1.__importDefault(require("../grid/row"));
-const col_1 = tslib_1.__importDefault(require("../grid/col"));
-const transition_1 = tslib_1.__importDefault(require("../transition"));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_index = require("../transition/index.js");
+const require_col = require("../grid/col.js");
+const require_form_helper = require("./form-helper.js");
+const require_form_instance_context = require("./form-instance-context.js");
+const require_form_options_context = require("./form-options-context.js");
+const require_row = require("../grid/row.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/form/form-item.tsx
 const FormItem = (props) => {
-    const { colon = true, valueGetter = form_helper_1.getValueFromEvent, valuePropName = 'value', name, label, helper, notice, rules, className, style, children, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, prefixCls: customisedCls, } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('form-item', configContext.prefixCls, customisedCls);
-    const form = react_1.default.useContext(form_instance_context_1.FormInstanceContext);
-    const { wrapperCol, labelCol, validateTrigger, layout } = react_1.default.useContext(form_options_context_1.FormOptionsContext);
-    const [value, setValue] = (0, react_1.useState)(name ? form.getFieldValue(name) : undefined);
-    const [error, setError] = (0, react_1.useState)(name ? form.getFieldError(name) : undefined);
-    const [hasErrLabel, setHasErrLabel] = (0, react_1.useState)(false);
-    const errorRef = (0, react_1.useRef)(null);
-    const cls = (0, classnames_1.default)(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 = (0, react_1.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 = (0, react_1.useCallback)(() => {
-        name && validateTrigger === 'onBlur' && form.validateField(name);
-    }, [name, form, validateTrigger]);
-    let child = children;
-    const prop = (0, form_helper_1.getPropName)(valuePropName, child && child.type);
-    const childProps = { [prop]: value, onChange, onBlur };
-    child = react_1.default.cloneElement(child, childProps);
-    const labelCls = (0, classnames_1.default)({
-        [`${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);
-    (0, react_1.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]);
-    (0, react_1.useEffect)(() => {
-        if (error) {
-            setHasErrLabel(true);
-        }
-    }, [error]);
-    return ((0, jsx_runtime_1.jsxs)(row_1.default, { className: cls, style: style, children: [(0, jsx_runtime_1.jsx)(col_1.default, { span: labelSpan, offset: labelOffset, className: `${prefixCls}__label`, children: (0, jsx_runtime_1.jsx)("label", { htmlFor: name, title: typeof label === 'string' ? label : undefined, className: labelCls, children: label }) }), (0, jsx_runtime_1.jsxs)(col_1.default, { span: wrapperSpan, offset: wrapperOffset, className: `${prefixCls}__controls`, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__input`, children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__input-content`, children: child }) }), notice && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__notice`, children: notice }), helper && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__helper`, children: helper }), (0, jsx_runtime_1.jsx)(transition_1.default, { in: !!error, nodeRef: errorRef, animation: "slide-down", onExited: () => setHasErrLabel(false), children: (0, jsx_runtime_1.jsx)("div", { ref: errorRef, className: `${prefixCls}__error`, children: error }) })] })] }));
+	const { colon = true, valueGetter = require_form_helper.getValueFromEvent, valuePropName = "value", name, label, helper, notice, rules, className, style, children, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, prefixCls: customisedCls } = props;
+	const prefixCls = require_general.getPrefixCls("form-item", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const form = react.default.useContext(require_form_instance_context.FormInstanceContext);
+	const { wrapperCol, labelCol, validateTrigger, layout } = react.default.useContext(require_form_options_context.FormOptionsContext);
+	const [value, setValue] = (0, react.useState)(name ? form.getFieldValue(name) : void 0);
+	const [error, setError] = (0, react.useState)(name ? form.getFieldError(name) : void 0);
+	const [hasErrLabel, setHasErrLabel] = (0, react.useState)(false);
+	const errorRef = (0, react.useRef)(null);
+	const cls = (0, classnames.default)(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;
+	const onChange = (0, react.useCallback)((...args) => {
+		if (name) {
+			form.setFieldValue(name, valueGetter(...args));
+			validateTrigger === "onChange" && form.validateField(name);
+		}
+	}, [
+		name,
+		form,
+		valueGetter,
+		validateTrigger
+	]);
+	const onBlur = (0, react.useCallback)(() => {
+		name && validateTrigger === "onBlur" && form.validateField(name);
+	}, [
+		name,
+		form,
+		validateTrigger
+	]);
+	let child = children;
+	const childProps = {
+		[require_form_helper.getPropName(valuePropName, child && child.type)]: value,
+		onChange,
+		onBlur
+	};
+	child = react.default.cloneElement(child, childProps);
+	const labelCls = (0, classnames.default)({
+		[`${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);
+	(0, react.useEffect)(() => {
+		if (!name) return;
+		rules && form.setFieldRules(name, rules);
+		return form.subscribe((n) => {
+			if (name === "*" || n === name || n === "*") {
+				setValue(form.getFieldValue(name));
+				setError(form.getFieldError(name));
+			}
+		});
+	}, [
+		form,
+		name,
+		rules
+	]);
+	(0, react.useEffect)(() => {
+		if (error) setHasErrLabel(true);
+	}, [error]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_row.default, {
+		className: cls,
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_col.default, {
+			span: labelSpan,
+			offset: labelOffset,
+			className: `${prefixCls}__label`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				htmlFor: name,
+				title: typeof label === "string" ? label : void 0,
+				className: labelCls,
+				children: label
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_col.default, {
+			span: wrapperSpan,
+			offset: wrapperOffset,
+			className: `${prefixCls}__controls`,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__input`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `${prefixCls}__input-content`,
+						children: child
+					})
+				}),
+				notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__notice`,
+					children: notice
+				}),
+				helper && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__helper`,
+					children: helper
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+					in: !!error,
+					nodeRef: errorRef,
+					animation: "slide-down",
+					onExited: () => setHasErrLabel(false),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref: errorRef,
+						className: `${prefixCls}__error`,
+						children: error
+					})
+				})
+			]
+		})]
+	});
 };
-FormItem.displayName = 'FormItem';
+FormItem.displayName = "FormItem";
+//#endregion
 exports.default = FormItem;
+
 //# sourceMappingURL=form-item.js.map

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

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

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

@@ -1,12 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormOptionsContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.FormOptionsContext = react_1.default.createContext({
-    labelCol: 8,
-    wrapperCol: 16,
-    validateTrigger: 'onChange',
-    layout: 'horizontal',
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region components/form/form-options-context.ts
+const FormOptionsContext = react.default.createContext({
+	labelCol: 8,
+	wrapperCol: 16,
+	validateTrigger: "onChange",
+	layout: "horizontal"
 });
+//#endregion
+exports.FormOptionsContext = FormOptionsContext;
+
 //# sourceMappingURL=form-options-context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-options-context.js","sourceRoot":"","sources":["../../components/form/form-options-context.ts"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAGb,QAAA,kBAAkB,GAAG,eAAK,CAAC,aAAa,CAAmB;IACtE,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,EAAE;IACd,eAAe,EAAE,UAAU;IAC3B,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC"}
+{"version":3,"file":"form-options-context.js","names":["React"],"sources":["../../components/form/form-options-context.ts"],"sourcesContent":["import React from 'react';\nimport { FormOptionsProps } from './types';\n\nexport const FormOptionsContext = React.createContext<FormOptionsProps>({\n  labelCol: 8,\n  wrapperCol: 16,\n  validateTrigger: 'onChange',\n  layout: 'horizontal',\n});\n"],"mappings":";;;;AAGA,MAAa,qBAAqBA,MAAAA,QAAM,cAAgC;CACtE,UAAU;CACV,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACT,CAAC"}

package/lib/form/form.d.ts

@@ -1,6 +1,10 @@
-import { FormProps } from './types';
+import { FormProps } from "./types.js";
+
+//#region components/form/form.d.ts
 declare const Form: {
-    (props: FormProps): JSX.Element;
-    displayName: string;
+  (props: FormProps): JSX.Element;
+  displayName: string;
 };
-export default Form;
+//#endregion
+export { Form };
+//# sourceMappingURL=form.d.ts.map

package/lib/form/form.js

@@ -1,40 +1,62 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const form_instance_context_1 = require("./form-instance-context");
-const form_options_context_1 = require("./form-options-context");
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const form_instance_1 = tslib_1.__importDefault(require("./form-instance"));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_form_instance = require("./form-instance.js");
+const require_form_instance_context = require("./form-instance-context.js");
+const require_form_options_context = require("./form-options-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/form/form.tsx
 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 = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('form', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(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_1.default.useRef(form ? form : new form_instance_1.default(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 ((0, jsx_runtime_1.jsx)(form_instance_context_1.FormInstanceContext.Provider, { value: formRef.current, children: (0, jsx_runtime_1.jsx)(form_options_context_1.FormOptionsContext.Provider, { value: { labelCol, wrapperCol, validateTrigger, layout }, children: (0, jsx_runtime_1.jsx)("form", { ...otherProps, className: cls, onSubmit: formOnSubmit, onReset: formOnReset, children: children }) }) }));
+	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 prefixCls = require_general.getPrefixCls("form", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${layout}`);
+	const formRef = react.default.useRef(form ? form : new require_form_instance.default(initialValues));
+	const formOnSubmit = (e) => {
+		e.preventDefault();
+		const formIns = formRef.current;
+		formIns.validateFields();
+		const values = formIns.getFieldValues();
+		const errors = formIns.getFieldErrors();
+		if (Object.keys(errors).some((key) => errors[key].length > 0)) onFinishFailed && onFinishFailed({
+			values,
+			errors
+		});
+		else onFinish && onFinish(values);
+	};
+	const formOnReset = () => {
+		formRef.current.resetFields();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_instance_context.FormInstanceContext.Provider, {
+		value: formRef.current,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_options_context.FormOptionsContext.Provider, {
+			value: {
+				labelCol,
+				wrapperCol,
+				validateTrigger,
+				layout
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+				...otherProps,
+				className: cls,
+				onSubmit: formOnSubmit,
+				onReset: formOnReset,
+				children
+			})
+		})
+	});
 };
-Form.displayName = 'Form';
+Form.displayName = "Form";
+//#endregion
 exports.default = Form;
+
 //# sourceMappingURL=form.js.map

package/lib/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../components/form/form.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,mEAA8D;AAC9D,iEAA4D;AAC5D,sEAAkE;AAClE,+CAAiD;AAEjD,4EAA2C;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,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,MAAM,EAAE,CAAC,CAAC;IACvE,iGAAiG;IACjG,kEAAkE;IAClE,MAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,uBAAY,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,uBAAC,2CAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,OAAO,YAClD,uBAAC,yCAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,YACnF,oCAAU,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,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"form.js","names":["getPrefixCls","ConfigContext","React","FormInstance","FormInstanceContext","FormOptionsContext"],"sources":["../../components/form/form.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { FormInstanceContext } from './form-instance-context';\nimport { FormOptionsContext } from './form-options-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { FormProps } from './types';\nimport FormInstance from './form-instance';\n\nconst Form = (props: FormProps): JSX.Element => {\n  const {\n    initialValues = {},\n    labelCol = { span: 8, offset: 0 },\n    wrapperCol = { span: 16, offset: 0 },\n    validateTrigger = 'onChange',\n    layout = 'horizontal',\n    form,\n    onFinish,\n    onFinishFailed,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('form', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, `${prefixCls}_${layout}`);\n  // If you want to control the form outside, namely get the form instance, just pass a form store.\n  // Otherwise, the form component will manage the state internally.\n  const formRef = React.useRef(form ? form : new FormInstance(initialValues));\n\n  const formOnSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const formIns = formRef.current;\n    formIns.validateFields();\n    const values = formIns.getFieldValues();\n    const errors = formIns.getFieldErrors();\n    if (Object.keys(errors).some((key) => errors[key].length > 0)) {\n      onFinishFailed && onFinishFailed({ values, errors });\n    } else {\n      onFinish && onFinish(values);\n    }\n  };\n\n  const formOnReset = () => {\n    formRef.current.resetFields();\n  };\n\n  return (\n    <FormInstanceContext.Provider value={formRef.current}>\n      <FormOptionsContext.Provider value={{ labelCol, wrapperCol, validateTrigger, layout }}>\n        <form {...otherProps} className={cls} onSubmit={formOnSubmit} onReset={formOnReset}>\n          {children}\n        </form>\n      </FormOptionsContext.Provider>\n    </FormInstanceContext.Provider>\n  );\n};\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,QAAQ,UAAkC;CAC9C,MAAM,EACJ,gBAAgB,EAAE,EAClB,WAAW;EAAE,MAAM;EAAG,QAAQ;EAAG,EACjC,aAAa;EAAE,MAAM;EAAI,QAAQ;EAAG,EACpC,kBAAkB,YAClB,SAAS,cACT,MACA,UACA,gBACA,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,UAAU,GAAG,SAAS;CAGtE,MAAM,UAAUC,MAAAA,QAAM,OAAO,OAAO,OAAO,IAAIC,sBAAAA,QAAa,cAAc,CAAC;CAE3E,MAAM,gBAAgB,MAAuB;AAC3C,IAAE,gBAAgB;EAClB,MAAM,UAAU,QAAQ;AACxB,UAAQ,gBAAgB;EACxB,MAAM,SAAS,QAAQ,gBAAgB;EACvC,MAAM,SAAS,QAAQ,gBAAgB;AACvC,MAAI,OAAO,KAAK,OAAO,CAAC,MAAM,QAAQ,OAAO,KAAK,SAAS,EAAE,CAC3D,mBAAkB,eAAe;GAAE;GAAQ;GAAQ,CAAC;MAEpD,aAAY,SAAS,OAAO;;CAIhC,MAAM,oBAAoB;AACxB,UAAQ,QAAQ,aAAa;;AAG/B,QACE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,oBAAoB,UAArB;EAA8B,OAAO,QAAQ;YAC3C,iBAAA,GAAA,kBAAA,KAACC,6BAAAA,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAU;IAAY;IAAiB;IAAQ;aACnF,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,GAAI;IAAY,WAAW;IAAK,UAAU;IAAc,SAAS;IACpE;IACI,CAAA;GACqB,CAAA;EACD,CAAA;;AAInC,KAAK,cAAc"}

package/lib/form/index.d.ts

@@ -1,11 +1,15 @@
-import Form from './form';
-import FormItem from './form-item';
-import useForm from './use-form';
-import FormInstance from './form-instance';
+import { FormInstance } from "./form-instance.js";
+import { Form } from "./form.js";
+import { FormItem } from "./form-item.js";
+import { useForm } from "./use-form.js";
+
+//#region components/form/index.d.ts
 type IForm = typeof Form & {
-    Item: typeof FormItem;
-    useForm: typeof useForm;
-    FormInstance: typeof FormInstance;
+  Item: typeof FormItem;
+  useForm: typeof useForm;
+  FormInstance: typeof FormInstance;
 };
 declare const DefaultForm: IForm;
-export default DefaultForm;
+//#endregion
+export { DefaultForm };
+//# sourceMappingURL=index.d.ts.map

package/lib/form/index.js

@@ -1,13 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const form_1 = tslib_1.__importDefault(require("./form"));
-const form_item_1 = tslib_1.__importDefault(require("./form-item"));
-const use_form_1 = tslib_1.__importDefault(require("./use-form"));
-const form_instance_1 = tslib_1.__importDefault(require("./form-instance"));
-const DefaultForm = form_1.default;
-DefaultForm.Item = form_item_1.default;
-DefaultForm.useForm = use_form_1.default;
-DefaultForm.FormInstance = form_instance_1.default;
+require('../style/base.css');
+require('./style/index.css');
+require('../transition/style/index.css');
+const require_form_instance = require("./form-instance.js");
+const require_form = require("./form.js");
+const require_form_item = require("./form-item.js");
+const require_use_form = require("./use-form.js");
+//#region components/form/index.tsx
+const DefaultForm = require_form.default;
+DefaultForm.Item = require_form_item.default;
+DefaultForm.useForm = require_use_form.default;
+DefaultForm.FormInstance = require_form_instance.default;
+//#endregion
 exports.default = DefaultForm;
+
 //# sourceMappingURL=index.js.map

package/lib/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/form/index.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAmC;AACnC,kEAAiC;AACjC,4EAA2C;AAQ3C,MAAM,WAAW,GAAG,cAAa,CAAC;AAClC,WAAW,CAAC,IAAI,GAAG,mBAAQ,CAAC;AAC5B,WAAW,CAAC,OAAO,GAAG,kBAAO,CAAC;AAC9B,WAAW,CAAC,YAAY,GAAG,uBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":["Form","FormItem","useForm","FormInstance"],"sources":["../../components/form/index.tsx"],"sourcesContent":["import Form from './form';\nimport FormItem from './form-item';\nimport useForm from './use-form';\nimport FormInstance from './form-instance';\n\ntype IForm = typeof Form & {\n  Item: typeof FormItem;\n  useForm: typeof useForm;\n  FormInstance: typeof FormInstance;\n};\n\nconst DefaultForm = Form as IForm;\nDefaultForm.Item = FormItem;\nDefaultForm.useForm = useForm;\nDefaultForm.FormInstance = FormInstance;\n\nexport default DefaultForm;\n"],"mappings":";;;;;AAWA,MAAM,cAAcA,aAAAA;AACpB,YAAY,OAAOC,kBAAAA;AACnB,YAAY,UAAUC,iBAAAA;AACtB,YAAY,eAAeC,sBAAAA"}

package/lib/form/style/index.css

@@ -0,0 +1,71 @@
+.ty-form_vertical .ty-form-item__label {
+  text-align: left;
+}
+.ty-form_inline {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.ty-form-item {
+  margin-bottom: 22px;
+  vertical-align: top;
+}
+.ty-form-item__label {
+  line-height: 30px;
+  text-align: right;
+  vertical-align: top;
+  color: var(--ty-color-text);
+  font-size: 1rem;
+}
+.ty-form-item__label_required:before {
+  content: "*";
+  margin-right: 3px;
+  color: var(--ty-form-error-color);
+}
+.ty-form-item__label_colon:after {
+  content: ":";
+  margin: 0 8px 0 2px;
+}
+.ty-form-item__input {
+  position: relative;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+}
+.ty-form-item__input-content {
+  flex: auto;
+  max-width: 100%;
+}
+.ty-form-item__error {
+  min-height: 22px;
+  line-height: 22px;
+  font-size: 13px;
+  color: var(--ty-form-error-color);
+}
+.ty-form-item__helper {
+  min-height: 22px;
+  line-height: 22px;
+  font-size: 13px;
+  color: var(--ty-color-text-tertiary);
+}
+.ty-form-item__notice {
+  font-size: 13px;
+  border-radius: 2px;
+  background: var(--ty-form-notice-bg);
+  color: var(--ty-form-notice-color);
+  padding: 5px;
+  margin-top: 5px;
+}
+.ty-form-item_with-err-label {
+  margin-bottom: 0;
+}
+.ty-form-item_has-error .ty-input__input, .ty-form-item_has-error .ty-input-number__input, .ty-form-item_has-error .ty-textarea {
+  border-color: var(--ty-form-error-color);
+}
+.ty-form-item_has-error .ty-input__input:not([disabled]):hover, .ty-form-item_has-error .ty-input-number__input:not([disabled]):hover, .ty-form-item_has-error .ty-textarea:not([disabled]):hover {
+  border-color: var(--ty-form-error-color);
+}
+.ty-form-item_has-error .ty-input__input:focus, .ty-form-item_has-error .ty-input-number__input:focus, .ty-form-item_has-error .ty-textarea:focus {
+  border-color: var(--ty-form-error-hover);
+  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
+}

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

@@ -1,2 +1 @@
-import './index.scss';
-import '../../transition/style/index.scss';
+export { };

package/lib/form/style/index.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-require("../../transition/style/index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");
+require("../../transition/style/index.css");