tiny-ui 1.0.2 → 1.0.4

package/lib/flip/flip.js

@@ -1,44 +1,53 @@
-"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 warning_1 = tslib_1.__importDefault(require("../_utils/warning"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
+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_warning = require("../_utils/warning.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/flip/flip.tsx
 const Flip = (props) => {
-    const { direction = 'horizontal', reverse = false, prefixCls: customisedCls, width, height, className, children, style, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('flip', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    const innerCls = (0, classnames_1.default)(`${prefixCls}__inner`, {
-        [`${prefixCls}__inner_hor`]: direction === 'horizontal' && !reverse,
-        [`${prefixCls}__inner_hor_reverse`]: direction === 'horizontal' && reverse,
-        [`${prefixCls}__inner_ver`]: direction === 'vertical' && !reverse,
-        [`${prefixCls}__inner_ver_reverse`]: direction === 'vertical' && reverse,
-    });
-    (0, warning_1.default)(!children || react_1.default.Children.count(children) !== 2, 'Children must contain front and back components.', true);
-    return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, className: cls, style: { width, height, ...style }, children: (0, jsx_runtime_1.jsx)("div", { className: innerCls, children: react_1.default.Children.map(children, (child, index) => {
-                const childElement = child;
-                if (childElement.type.displayName === 'FlipItem') {
-                    const childProps = {
-                        className: (0, classnames_1.default)({
-                            [`${prefixCls}__item-front`]: index === 0,
-                            [`${prefixCls}__item-back`]: index === 1,
-                            [`${prefixCls}__item-back_hor`]: index === 1 && direction === 'horizontal' && !reverse,
-                            [`${prefixCls}__item-back_hor_reverse`]: index === 1 && direction === 'horizontal' && reverse,
-                            [`${prefixCls}__item-back_ver`]: index === 1 && direction === 'vertical' && !reverse,
-                            [`${prefixCls}__item-back_ver_reverse`]: index === 1 && direction === 'vertical' && reverse,
-                        }, child.props.className),
-                    };
-                    return react_1.default.cloneElement(childElement, childProps);
-                }
-                else {
-                    return null;
-                }
-            }) }) }));
+	const { direction = "horizontal", reverse = false, prefixCls: customisedCls, width, height, className, children, style, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("flip", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const innerCls = (0, classnames.default)(`${prefixCls}__inner`, {
+		[`${prefixCls}__inner_hor`]: direction === "horizontal" && !reverse,
+		[`${prefixCls}__inner_hor_reverse`]: direction === "horizontal" && reverse,
+		[`${prefixCls}__inner_ver`]: direction === "vertical" && !reverse,
+		[`${prefixCls}__inner_ver_reverse`]: direction === "vertical" && reverse
+	});
+	require_warning.default(!children || react.default.Children.count(children) !== 2, "Children must contain front and back components.", true);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		className: cls,
+		style: {
+			width,
+			height,
+			...style
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: innerCls,
+			children: react.default.Children.map(children, (child, index) => {
+				const childElement = child;
+				if (childElement.type.displayName === "FlipItem") {
+					const childProps = { className: (0, classnames.default)({
+						[`${prefixCls}__item-front`]: index === 0,
+						[`${prefixCls}__item-back`]: index === 1,
+						[`${prefixCls}__item-back_hor`]: index === 1 && direction === "horizontal" && !reverse,
+						[`${prefixCls}__item-back_hor_reverse`]: index === 1 && direction === "horizontal" && reverse,
+						[`${prefixCls}__item-back_ver`]: index === 1 && direction === "vertical" && !reverse,
+						[`${prefixCls}__item-back_ver_reverse`]: index === 1 && direction === "vertical" && reverse
+					}, child.props.className) };
+					return react.default.cloneElement(childElement, childProps);
+				} else return null;
+			})
+		})
+	});
 };
-Flip.displayName = 'Flip';
+Flip.displayName = "Flip";
+//#endregion
 exports.default = Flip;
+
 //# sourceMappingURL=flip.js.map

package/lib/flip/flip.js.map

@@ -1 +1 @@
-{"version":3,"file":"flip.js","sourceRoot":"","sources":["../../components/flip/flip.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,wEAAwC;AACxC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAsB,EAAE;IACpD,MAAM,EACJ,SAAS,GAAG,YAAY,EACxB,OAAO,GAAG,KAAK,EACf,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,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,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,SAAS,EAAE;QACjD,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,SAAS,KAAK,YAAY,IAAI,CAAC,OAAO;QACnE,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,SAAS,KAAK,YAAY,IAAI,OAAO;QAC1E,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,SAAS,KAAK,UAAU,IAAI,CAAC,OAAO;QACjE,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,SAAS,KAAK,UAAU,IAAI,OAAO;KACzE,CAAC,CAAC;IAEH,IAAA,iBAAO,EACL,CAAC,QAAQ,IAAI,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACjD,kDAAkD,EAClD,IAAI,CACL,CAAC;IAEF,OAAO,CACL,mCAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,YACrE,gCAAK,SAAS,EAAE,QAAQ,YACrB,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE;gBACrD,MAAM,YAAY,GAAG,KAAsD,CAAC;gBAC5E,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;oBACjD,MAAM,UAAU,GAA2B;wBACzC,SAAS,EAAE,IAAA,oBAAU,EACnB;4BACE,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,KAAK,KAAK,CAAC;4BACzC,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,KAAK,KAAK,CAAC;4BACxC,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAC7B,KAAK,KAAK,CAAC,IAAI,SAAS,KAAK,YAAY,IAAI,CAAC,OAAO;4BACvD,CAAC,GAAG,SAAS,yBAAyB,CAAC,EACrC,KAAK,KAAK,CAAC,IAAI,SAAS,KAAK,YAAY,IAAI,OAAO;4BACtD,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAC7B,KAAK,KAAK,CAAC,IAAI,SAAS,KAAK,UAAU,IAAI,CAAC,OAAO;4BACrD,CAAC,GAAG,SAAS,yBAAyB,CAAC,EACrC,KAAK,KAAK,CAAC,IAAI,SAAS,KAAK,UAAU,IAAI,OAAO;yBACrD,EACD,KAAK,CAAC,KAAK,CAAC,SAAS,CACtB;qBACF,CAAC;oBACF,OAAO,eAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"flip.js","names":["getPrefixCls","ConfigContext","React"],"sources":["../../components/flip/flip.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport warning from '../_utils/warning';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { FlipItemProps, FlipProps } from './types';\n\nconst Flip = (props: FlipProps): React.ReactElement => {\n  const {\n    direction = 'horizontal',\n    reverse = false,\n    prefixCls: customisedCls,\n    width,\n    height,\n    className,\n    children,\n    style,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('flip', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  const innerCls = classNames(`${prefixCls}__inner`, {\n    [`${prefixCls}__inner_hor`]: direction === 'horizontal' && !reverse,\n    [`${prefixCls}__inner_hor_reverse`]: direction === 'horizontal' && reverse,\n    [`${prefixCls}__inner_ver`]: direction === 'vertical' && !reverse,\n    [`${prefixCls}__inner_ver_reverse`]: direction === 'vertical' && reverse,\n  });\n\n  warning(\n    !children || React.Children.count(children) !== 2,\n    'Children must contain front and back components.',\n    true\n  );\n\n  return (\n    <div {...otherProps} className={cls} style={{ width, height, ...style }}>\n      <div className={innerCls}>\n        {React.Children.map(children, (child, index: number) => {\n          const childElement = child as React.FunctionComponentElement<FlipItemProps>;\n          if (childElement.type.displayName === 'FlipItem') {\n            const childProps: Partial<FlipItemProps> = {\n              className: classNames(\n                {\n                  [`${prefixCls}__item-front`]: index === 0,\n                  [`${prefixCls}__item-back`]: index === 1,\n                  [`${prefixCls}__item-back_hor`]:\n                    index === 1 && direction === 'horizontal' && !reverse,\n                  [`${prefixCls}__item-back_hor_reverse`]:\n                    index === 1 && direction === 'horizontal' && reverse,\n                  [`${prefixCls}__item-back_ver`]:\n                    index === 1 && direction === 'vertical' && !reverse,\n                  [`${prefixCls}__item-back_ver_reverse`]:\n                    index === 1 && direction === 'vertical' && reverse,\n                },\n                child.props.className\n              ),\n            };\n            return React.cloneElement(childElement, childProps);\n          } else {\n            return null;\n          }\n        })}\n      </div>\n    </div>\n  );\n};\n\nFlip.displayName = 'Flip';\n\nexport default Flip;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQ,UAAyC;CACrD,MAAM,EACJ,YAAY,cACZ,UAAU,OACV,WAAW,eACX,OACA,QACA,WACA,UACA,OACA,GAAG,eACD;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAE5C,MAAM,YAAA,GAAA,WAAA,SAAsB,GAAG,UAAU,UAAU;GAChD,GAAG,UAAU,eAAe,cAAc,gBAAgB,CAAC;GAC3D,GAAG,UAAU,uBAAuB,cAAc,gBAAgB;GAClE,GAAG,UAAU,eAAe,cAAc,cAAc,CAAC;GACzD,GAAG,UAAU,uBAAuB,cAAc,cAAc;EAClE,CAAC;AAEF,iBAAA,QACE,CAAC,YAAYC,MAAAA,QAAM,SAAS,MAAM,SAAS,KAAK,GAChD,oDACA,KACD;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAK,OAAO;GAAE;GAAO;GAAQ,GAAG;GAAO;YACrE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW;aACbA,MAAAA,QAAM,SAAS,IAAI,WAAW,OAAO,UAAkB;IACtD,MAAM,eAAe;AACrB,QAAI,aAAa,KAAK,gBAAgB,YAAY;KAChD,MAAM,aAAqC,EACzC,YAAA,GAAA,WAAA,SACE;OACG,GAAG,UAAU,gBAAgB,UAAU;OACvC,GAAG,UAAU,eAAe,UAAU;OACtC,GAAG,UAAU,mBACZ,UAAU,KAAK,cAAc,gBAAgB,CAAC;OAC/C,GAAG,UAAU,2BACZ,UAAU,KAAK,cAAc,gBAAgB;OAC9C,GAAG,UAAU,mBACZ,UAAU,KAAK,cAAc,cAAc,CAAC;OAC7C,GAAG,UAAU,2BACZ,UAAU,KAAK,cAAc,cAAc;MAC9C,EACD,MAAM,MAAM,UACb,EACF;AACD,YAAOA,MAAAA,QAAM,aAAa,cAAc,WAAW;UAEnD,QAAO;KAET;GACE,CAAA;EACF,CAAA;;AAIV,KAAK,cAAc"}

package/lib/flip/index.d.ts

@@ -1,7 +1,11 @@
-import Flip from './flip';
-import FlipItem from './flip-item';
+import { Flip } from "./flip.js";
+import { FlipItem } from "./flip-item.js";
+
+//#region components/flip/index.d.ts
 type IFlip = typeof Flip & {
-    Item: typeof FlipItem;
+  Item: typeof FlipItem;
 };
 declare const DefaultFlip: IFlip;
-export default DefaultFlip;
+//#endregion
+export { DefaultFlip };
+//# sourceMappingURL=index.d.ts.map

package/lib/flip/index.js

@@ -1,9 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const flip_1 = tslib_1.__importDefault(require("./flip"));
-const flip_item_1 = tslib_1.__importDefault(require("./flip-item"));
-const DefaultFlip = flip_1.default;
-DefaultFlip.Item = flip_item_1.default;
+require('../style/base.css');
+require('./style/index.css');
+const require_flip = require("./flip.js");
+const require_flip_item = require("./flip-item.js");
+//#region components/flip/index.tsx
+const DefaultFlip = require_flip.default;
+DefaultFlip.Item = require_flip_item.default;
+//#endregion
 exports.default = DefaultFlip;
+
 //# sourceMappingURL=index.js.map

package/lib/flip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/flip/index.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAmC;AAMnC,MAAM,WAAW,GAAG,cAAa,CAAC;AAClC,WAAW,CAAC,IAAI,GAAG,mBAAQ,CAAC;AAE5B,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":["Flip","FlipItem"],"sources":["../../components/flip/index.tsx"],"sourcesContent":["import Flip from './flip';\nimport FlipItem from './flip-item';\n\ntype IFlip = typeof Flip & {\n  Item: typeof FlipItem;\n};\n\nconst DefaultFlip = Flip as IFlip;\nDefaultFlip.Item = FlipItem;\n\nexport default DefaultFlip;\n"],"mappings":";;;AAOA,MAAM,cAAcA,aAAAA;AACpB,YAAY,OAAOC,kBAAAA"}

package/lib/flip/style/_index.scss

@@ -0,0 +1,61 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-flip {
+  display: inline-block;
+  background-color: transparent;
+  box-sizing: border-box;
+  perspective: 1000px;
+
+  &:hover .#{$prefix}-flip__inner_hor {
+    transform: rotateY(-180deg);
+  }
+
+  &:hover .#{$prefix}-flip__inner_hor_reverse {
+    transform: rotateY(180deg);
+  }
+
+  &:hover .#{$prefix}-flip__inner_ver {
+    transform: rotateX(-180deg);
+  }
+
+  &:hover .#{$prefix}-flip__inner_ver_reverse {
+    transform: rotateX(180deg);
+  }
+
+  &__inner {
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    transition: transform 0.8s;
+    transform-style: preserve-3d;
+  }
+
+  &__item-front,
+  &__item-back {
+    box-sizing: border-box;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    backface-visibility: hidden;
+  }
+
+  &__item-back {
+    &_hor {
+      transform: rotateY(-180deg);
+    }
+
+    &_hor_reverse {
+      transform: rotateY(180deg);
+    }
+
+    &_ver {
+      transform: rotateX(-180deg);
+    }
+
+    &_ver_reverse {
+      transform: rotateX(180deg);
+    }
+  }
+}

package/lib/flip/style/index.css

@@ -0,0 +1,46 @@
+.ty-flip {
+  display: inline-block;
+  background-color: transparent;
+  box-sizing: border-box;
+  perspective: 1000px;
+}
+.ty-flip:hover .ty-flip__inner_hor {
+  transform: rotateY(-180deg);
+}
+.ty-flip:hover .ty-flip__inner_hor_reverse {
+  transform: rotateY(180deg);
+}
+.ty-flip:hover .ty-flip__inner_ver {
+  transform: rotateX(-180deg);
+}
+.ty-flip:hover .ty-flip__inner_ver_reverse {
+  transform: rotateX(180deg);
+}
+.ty-flip__inner {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  transition: transform 0.8s;
+  transform-style: preserve-3d;
+}
+.ty-flip__item-front, .ty-flip__item-back {
+  box-sizing: border-box;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+}
+.ty-flip__item-back_hor {
+  transform: rotateY(-180deg);
+}
+.ty-flip__item-back_hor_reverse {
+  transform: rotateY(180deg);
+}
+.ty-flip__item-back_ver {
+  transform: rotateX(-180deg);
+}
+.ty-flip__item-back_ver_reverse {
+  transform: rotateX(180deg);
+}

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

@@ -1 +1 @@
-import './index.scss';
+export { };

package/lib/flip/style/index.js

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

package/lib/flip/types.d.ts

@@ -1,15 +1,20 @@
-import React from 'react';
-import { BaseProps, DirectionType } from '../_utils/props';
-export interface FlipProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    /** a certain parent width and height to prevent the hover empty issue */
-    width: string | number;
-    height: string | number;
-    /** flip direction */
-    direction?: DirectionType;
-    /** flip from left to right or reverse */
-    reverse?: boolean;
-    children: React.ReactElement<FlipItemProps>;
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/flip/types.d.ts
+interface FlipProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  /** a certain parent width and height to prevent the hover empty issue */
+  width: string | number;
+  height: string | number;
+  /** flip direction */
+  direction?: DirectionType;
+  /** flip from left to right or reverse */
+  reverse?: boolean;
+  children: React.ReactElement<FlipItemProps>;
 }
-export interface FlipItemProps extends Omit<BaseProps, 'prefixCls'>, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    children?: React.ReactNode;
+interface FlipItemProps extends Omit<BaseProps, 'prefixCls'>, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  children?: React.ReactNode;
 }
+//#endregion
+export { FlipItemProps, FlipProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/form/form-helper.js

@@ -1,56 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPropName = getPropName;
-exports.getValueFromEvent = getValueFromEvent;
-exports.validate = validate;
+const require_warning = require("../_utils/warning.js");
+//#region components/form/form-helper.ts
 function getPropName(valueProp, type) {
-    return typeof valueProp === 'function' ? valueProp(type) : valueProp;
+	return typeof valueProp === "function" ? valueProp(type) : valueProp;
 }
 function getValueFromEvent(...args) {
-    const e = args[0];
-    return e && e.target ? (e.target.type === 'checkbox' ? e.target.checked : e.target.value) : e;
+	const e = args[0];
+	return e && e.target ? e.target.type === "checkbox" ? e.target.checked : e.target.value : e;
 }
 function validate(value, rule) {
-    const { message, required, max, min, enum: enumVal, len, pattern, transform, type, validator, whitespace, } = rule;
-    const val = transform ? transform(value) : value;
-    if (required && !val) {
-        return message || 'The value is required';
-    }
-    if (type && typeof val !== type) {
-        return message || `The value is not a ${type}`;
-    }
-    if (max || len) {
-        const segment = (max || len);
-        if (typeof val === 'number' && val > segment) {
-            return message || 'The value is greater than the max';
-        }
-        else if ((typeof val === 'string' || Array.isArray(val)) && val.length > segment) {
-            return message || 'The length of value is greater than the max';
-        }
-    }
-    if (min) {
-        if (typeof val === 'number' && val < min) {
-            return message || 'The value is less than the max';
-        }
-        else if ((typeof val === 'string' || Array.isArray(val)) && val.length < min) {
-            return message || 'The length of value is less than the max';
-        }
-    }
-    if (enumVal && !enumVal.includes(val)) {
-        return message || 'The value is not in the enum';
-    }
-    if (pattern && !pattern.test(val)) {
-        return message || 'The value does not find a match';
-    }
-    if (validator) {
-        const res = validator(val);
-        if (res instanceof Promise ? !res.then(val) : !res) {
-            return message || 'The value is validated unsuccessfully';
-        }
-    }
-    if (whitespace && typeof val === 'string' && val.trim().length <= 0) {
-        return message || 'The input contains whitespace';
-    }
-    return undefined;
+	const { message, required, max, min, enum: enumVal, len, pattern, transform, type, validator, whitespace } = rule;
+	const val = transform ? transform(value) : value;
+	if (required && (val === void 0 || val === null || val === "")) return message || "The value is required";
+	if (type && typeof val !== type) return message || `The value is not a ${type}`;
+	if (max || len) {
+		const segment = max || len;
+		if (typeof val === "number" && val > segment) return message || "The value is greater than the max";
+		else if ((typeof val === "string" || Array.isArray(val)) && val.length > segment) return message || "The length of value is greater than the max";
+	}
+	if (min) {
+		if (typeof val === "number" && val < min) return message || "The value is less than the min";
+		else if ((typeof val === "string" || Array.isArray(val)) && val.length < min) return message || "The length of value is less than the min";
+	}
+	if (enumVal && !enumVal.includes(val)) return message || "The value is not in the enum";
+	if (pattern && !pattern.test(val)) return message || "The value does not find a match";
+	if (validator) {
+		const res = validator(val);
+		if (res instanceof Promise) require_warning.default(true, "Async validators are not supported in synchronous validate(). Use a synchronous validator instead.");
+		else if (!res) return message || "The value is validated unsuccessfully";
+	}
+	if (whitespace && typeof val === "string" && val.trim().length <= 0) return message || "The input contains whitespace";
 }
+//#endregion
+exports.getPropName = getPropName;
+exports.getValueFromEvent = getValueFromEvent;
+exports.validate = validate;
+
 //# sourceMappingURL=form-helper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-helper.js","sourceRoot":"","sources":["../../components/form/form-helper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-helper.js","names":[],"sources":["../../components/form/form-helper.ts"],"sourcesContent":["import React from 'react';\nimport warning from '../_utils/warning';\nimport { Rule } from './types';\n\nexport function getPropName(valueProp: string | ((type: any) => string), type: any) {\n  return typeof valueProp === 'function' ? valueProp(type) : valueProp;\n}\n\nexport function getValueFromEvent(...args: any[]): any {\n  const e = args[0] as React.ChangeEvent<any>;\n  return e && e.target ? (e.target.type === 'checkbox' ? e.target.checked : e.target.value) : e;\n}\n\nexport function validate(value: any, rule: Rule): string | undefined {\n  const {\n    message,\n    required,\n    max,\n    min,\n    enum: enumVal,\n    len,\n    pattern,\n    transform,\n    type,\n    validator,\n    whitespace,\n  } = rule;\n  const val = transform ? transform(value) : value;\n\n  if (required && (val === undefined || val === null || val === '')) {\n    return message || 'The value is required';\n  }\n  if (type && typeof val !== type) {\n    return message || `The value is not a ${type}`;\n  }\n  if (max || len) {\n    const segment = (max || len) as number;\n    if (typeof val === 'number' && val > segment) {\n      return message || 'The value is greater than the max';\n    } else if ((typeof val === 'string' || Array.isArray(val)) && val.length > segment) {\n      return message || 'The length of value is greater than the max';\n    }\n  }\n  if (min) {\n    if (typeof val === 'number' && val < min) {\n      return message || 'The value is less than the min';\n    } else if ((typeof val === 'string' || Array.isArray(val)) && val.length < min) {\n      return message || 'The length of value is less than the min';\n    }\n  }\n  if (enumVal && !enumVal.includes(val)) {\n    return message || 'The value is not in the enum';\n  }\n  if (pattern && !pattern.test(val)) {\n    return message || 'The value does not find a match';\n  }\n  if (validator) {\n    const res = validator(val);\n    if (res instanceof Promise) {\n      warning(true, 'Async validators are not supported in synchronous validate(). Use a synchronous validator instead.');\n    } else if (!res) {\n      return message || 'The value is validated unsuccessfully';\n    }\n  }\n  if (whitespace && typeof val === 'string' && val.trim().length <= 0) {\n    return message || 'The input contains whitespace';\n  }\n\n  return undefined;\n}\n"],"mappings":";;AAIA,SAAgB,YAAY,WAA6C,MAAW;AAClF,QAAO,OAAO,cAAc,aAAa,UAAU,KAAK,GAAG;;AAG7D,SAAgB,kBAAkB,GAAG,MAAkB;CACrD,MAAM,IAAI,KAAK;AACf,QAAO,KAAK,EAAE,SAAU,EAAE,OAAO,SAAS,aAAa,EAAE,OAAO,UAAU,EAAE,OAAO,QAAS;;AAG9F,SAAgB,SAAS,OAAY,MAAgC;CACnE,MAAM,EACJ,SACA,UACA,KACA,KACA,MAAM,SACN,KACA,SACA,WACA,MACA,WACA,eACE;CACJ,MAAM,MAAM,YAAY,UAAU,MAAM,GAAG;AAE3C,KAAI,aAAa,QAAQ,KAAA,KAAa,QAAQ,QAAQ,QAAQ,IAC5D,QAAO,WAAW;AAEpB,KAAI,QAAQ,OAAO,QAAQ,KACzB,QAAO,WAAW,sBAAsB;AAE1C,KAAI,OAAO,KAAK;EACd,MAAM,UAAW,OAAO;AACxB,MAAI,OAAO,QAAQ,YAAY,MAAM,QACnC,QAAO,WAAW;YACR,OAAO,QAAQ,YAAY,MAAM,QAAQ,IAAI,KAAK,IAAI,SAAS,QACzE,QAAO,WAAW;;AAGtB,KAAI;MACE,OAAO,QAAQ,YAAY,MAAM,IACnC,QAAO,WAAW;YACR,OAAO,QAAQ,YAAY,MAAM,QAAQ,IAAI,KAAK,IAAI,SAAS,IACzE,QAAO,WAAW;;AAGtB,KAAI,WAAW,CAAC,QAAQ,SAAS,IAAI,CACnC,QAAO,WAAW;AAEpB,KAAI,WAAW,CAAC,QAAQ,KAAK,IAAI,CAC/B,QAAO,WAAW;AAEpB,KAAI,WAAW;EACb,MAAM,MAAM,UAAU,IAAI;AAC1B,MAAI,eAAe,QACjB,iBAAA,QAAQ,MAAM,qGAAqG;WAC1G,CAAC,IACV,QAAO,WAAW;;AAGtB,KAAI,cAAc,OAAO,QAAQ,YAAY,IAAI,MAAM,CAAC,UAAU,EAChE,QAAO,WAAW"}

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

@@ -1,8 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormInstanceContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const form_instance_1 = tslib_1.__importDefault(require("./form-instance"));
-exports.FormInstanceContext = react_1.default.createContext(new form_instance_1.default());
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_form_instance = require("./form-instance.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region components/form/form-instance-context.ts
+const FormInstanceContext = react.default.createContext(new require_form_instance.default());
+//#endregion
+exports.FormInstanceContext = FormInstanceContext;
+
 //# sourceMappingURL=form-instance-context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-instance-context.js","sourceRoot":"","sources":["../../components/form/form-instance-context.ts"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,4EAA4C;AAE/B,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAe,IAAI,uBAAY,EAAE,CAAC,CAAC"}
+{"version":3,"file":"form-instance-context.js","names":["React","FormInstance"],"sources":["../../components/form/form-instance-context.ts"],"sourcesContent":["import React from 'react';\nimport FormInstance  from './form-instance';\n\nexport const FormInstanceContext = React.createContext<FormInstance>(new FormInstance());\n"],"mappings":";;;;;AAGA,MAAa,sBAAsBA,MAAAA,QAAM,cAA4B,IAAIC,sBAAAA,SAAc,CAAC"}

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

@@ -1,33 +1,37 @@
-import { Rule } from './types';
-export type FormValues = {
-    [name: string]: any;
+import { Rule } from "./types.js";
+
+//#region components/form/form-instance.d.ts
+type FormValues = {
+  [name: string]: any;
 };
-export type FormErrors = {
-    [name: string]: string[];
+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;
+declare 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;
+  getFieldErrors(): FormErrors;
+  getFieldError(name: string): string | undefined;
+  setFieldError(name: string, errors: string[]): void;
+  setFieldRules(name: string, rules: Rule[]): void;
+  resetFields(): void;
+  validateField(name: string): void;
+  validateFields(): void;
+  subscribe(listener: FormListener): () => void;
+  notify(name: string): void;
 }
-export {};
+//#endregion
+export { FormErrors, FormInstance, FormValues };
+//# sourceMappingURL=form-instance.d.ts.map