@ioca/react 1.4.79 → 1.4.81

package/lib/es/components/badge/badge.js

@@ -1,22 +1,13 @@
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/badge/badge.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+
 const Badge = (props) => {
-	const { content, contentClass, dot, dotSize, round, disabled, style, className, children } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		style,
-		className: classNames("i-badge", { rounded: round }, className),
-		children: [children, /* @__PURE__ */ jsx("div", {
-			className: classNames("i-badge-content", contentClass, {
-				"i-badge-dot": dot,
-				"i-badge-hidden": disabled
-			}),
-			style: { fontSize: dotSize },
-			children: content
-		})]
-	});
+    const { content, contentClass, dot, dotSize, round, disabled, style, className, children, } = props;
+    return (jsxs("div", { style: style, className: classNames("i-badge", { rounded: round }, className), children: [children, jsx("div", { className: classNames("i-badge-content", contentClass, {
+                    "i-badge-dot": dot,
+                    "i-badge-hidden": disabled,
+                }), style: { fontSize: dotSize }, children: content })] }));
 };
-//#endregion
-export { Badge as default };
 
-//# sourceMappingURL=badge.js.map
+export { Badge as default };
+//# sourceMappingURL=badge.js.map

package/lib/es/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../../packages/components/badge/badge.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport type { IBadge } from \"./type\";\n\nconst Badge = (props: IBadge) => {\n\tconst {\n\t\tcontent,\n\t\tcontentClass,\n\t\tdot,\n\t\tdotSize,\n\t\tround,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\"i-badge\", { rounded: round }, className)}\n\t\t>\n\t\t\t{children}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-badge-content\", contentClass, {\n\t\t\t\t\t\"i-badge-dot\": dot,\n\t\t\t\t\t\"i-badge-hidden\": disabled,\n\t\t\t\t})}\n\t\t\t\tstyle={{ fontSize: dotSize }}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Badge;\n"],"mappings":";;;;CAIA,MAAM,EACL,SACC,cACA,KACA,SACA,OACA,UACA,OACA,WACA,aACA;QAGD,qBAAA,OAAA;EACE;EACA,WAAO,WAAK,WAAA,EAAA,SAAA,OAAA,EAAA,UAAA;YAFd,CAIC,UAAA,oBAAA,OAAA;GAGE,WAAA,WAAA,mBAAA,cAAA;IACA,eAAW;IACV,kBAAkB;IAClB,CAAC;GACF,OAAE,EAAA,UAAA,SAAA;aAEH;GACE,CAAA,CACG"}
+{"version":3,"file":"badge.js","sources":["../../../../packages/components/badge/badge.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport type { IBadge } from \"./type\";\n\nconst Badge = (props: IBadge) => {\n\tconst {\n\t\tcontent,\n\t\tcontentClass,\n\t\tdot,\n\t\tdotSize,\n\t\tround,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\"i-badge\", { rounded: round }, className)}\n\t\t>\n\t\t\t{children}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-badge-content\", contentClass, {\n\t\t\t\t\t\"i-badge-dot\": dot,\n\t\t\t\t\t\"i-badge-hidden\": disabled,\n\t\t\t\t})}\n\t\t\t\tstyle={{ fontSize: dotSize }}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Badge;\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC/B,MAAM,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EACH,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GACR,GAAG,KAAK;AAET,IAAA,QACCA,IAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAE9D,QAAQ,EAETC,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,YAAY,EAAE;AACtD,oBAAA,aAAa,EAAE,GAAG;AAClB,oBAAA,gBAAgB,EAAE,QAAQ;AAC1B,iBAAA,CAAC,EACF,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAA,QAAA,EAE3B,OAAO,EAAA,CACH,CAAA,EAAA,CACD;AAER;;;;"}

package/lib/es/components/badge/index.js

@@ -1,7 +1,6 @@
-import Badge from "./badge.js";
-//#region packages/components/badge/index.tsx
-var badge_default = Badge;
-//#endregion
-export { badge_default as default };
+import Badge from './badge.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Badge as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/badge/index.tsx"],"sourcesContent":["import Badge from \"./badge\";\n\nexport default Badge;\n"],"mappings":";;AAEA,IAAA,gBAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/es/components/button/button.js

@@ -1,62 +1,64 @@
-import useRipple from "../../js/useRipple/index.js";
-import loading_default from "../loading/index.js";
-import Confirm from "./confirm.js";
-import Group from "./group.js";
-import Toggle from "./toggle.js";
-import classNames from "classnames";
-import { createElement, useEffect } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-//#region packages/components/button/button.tsx
-const formatClass = ({ outline, flat, loading, disabled, size = "normal", block, round, square, secondary, className }) => classNames("i-btn", className, {
-	"i-btn-outline": outline,
-	"i-btn-flat": flat,
-	"i-btn-block": block,
-	"i-btn-loading": loading,
-	"i-btn-square": square,
-	"i-btn-secondary": secondary,
-	[`i-btn-${size}`]: size !== "normal",
-	round,
-	disabled
+import { jsx, Fragment } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { createElement, useEffect } from 'react';
+import useRipple from '../../js/useRipple/index.js';
+import Loading from '../loading/loading.js';
+import Confirm from './confirm.js';
+import Group from './group.js';
+import Toggle from './toggle.js';
+
+const formatClass = ({ outline, flat, loading, disabled, size = "normal", block, round, square, secondary, className, }) => classNames("i-btn", className, {
+    "i-btn-outline": outline,
+    "i-btn-flat": flat,
+    "i-btn-block": block,
+    "i-btn-loading": loading,
+    "i-btn-square": square,
+    "i-btn-secondary": secondary,
+    [`i-btn-${size}`]: size !== "normal",
+    round,
+    disabled,
 });
 const Button = (props) => {
-	const { as: As = "a", ref, children, className, loading, flat, outline, square, secondary, size, round, href, ripple = true, onClick, ...restProps } = props;
-	const handleClick = (e) => {
-		if (loading || restProps.disabled) {
-			e.stopPropagation();
-			e.preventDefault();
-			return;
-		}
-		onClick?.(e);
-	};
-	if (!children) return /* @__PURE__ */ jsx(Fragment$1, {});
-	const childNodes = [loading && /* @__PURE__ */ jsx(loading_default, {}, "loading"), createElement("span", {
-		key: "content",
-		className: "i-btn-content"
-	}, children)];
-	const attrs = {
-		className: formatClass(props),
-		["data-ripple"]: ripple && !loading && !restProps.disabled ? "" : void 0,
-		onClick: handleClick
-	};
-	useEffect(() => {
-		ripple && useRipple();
-	}, [ripple]);
-	if (typeof As === "string") return createElement(As, {
-		ref,
-		href,
-		...attrs,
-		...restProps
-	}, childNodes);
-	return createElement(As, {
-		to: href || "",
-		...attrs,
-		...restProps
-	}, childNodes);
+    const { as: As = "a", ref, children, className, loading, flat, outline, square, secondary, size, round, href, ripple = true, onClick, ...restProps } = props;
+    const handleClick = (e) => {
+        if (loading || restProps.disabled) {
+            e.stopPropagation();
+            e.preventDefault();
+            return;
+        }
+        onClick?.(e);
+    };
+    if (!children)
+        return jsx(Fragment, {});
+    const childNodes = [
+        loading && jsx(Loading, {}, 'loading'),
+        createElement("span", { key: "content", className: "i-btn-content" }, children),
+    ];
+    const attrs = {
+        className: formatClass(props),
+        ["data-ripple"]: ripple && !loading && !restProps.disabled ? "" : undefined,
+        onClick: handleClick,
+    };
+    useEffect(() => {
+        ripple && useRipple();
+    }, [ripple]);
+    if (typeof As === "string") {
+        return createElement(As, {
+            ref,
+            href,
+            ...attrs,
+            ...restProps,
+        }, childNodes);
+    }
+    return createElement(As, {
+        to: href || "",
+        ...attrs,
+        ...restProps,
+    }, childNodes);
 };
 Button.Toggle = Toggle;
 Button.Confirm = Confirm;
 Button.Group = Group;
-//#endregion
-export { Button as default };
 
-//# sourceMappingURL=button.js.map
+export { Button as default };
+//# sourceMappingURL=button.js.map

package/lib/es/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../../packages/components/button/button.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { MouseEvent, createElement, useEffect } from \"react\";\nimport useRipple from \"../../js/useRipple\";\nimport Loading from \"../loading\";\nimport Confirm from \"./confirm\";\nimport Group from \"./group\";\nimport \"./index.css\";\nimport Toggle from \"./toggle\";\nimport { CompositionButton, IButton } from \"./type\";\n\nconst formatClass = ({\n\toutline,\n\tflat,\n\tloading,\n\tdisabled,\n\tsize = \"normal\",\n\tblock,\n\tround,\n\tsquare,\n\tsecondary,\n\tclassName,\n}: IButton) =>\n\tclassnames(\"i-btn\", className, {\n\t\t\"i-btn-outline\": outline,\n\t\t\"i-btn-flat\": flat,\n\t\t\"i-btn-block\": block,\n\t\t\"i-btn-loading\": loading,\n\t\t\"i-btn-square\": square,\n\t\t\"i-btn-secondary\": secondary,\n\t\t[`i-btn-${size}`]: size !== \"normal\",\n\t\tround,\n\t\tdisabled,\n\t});\n\nconst Button = (props: IButton) => {\n\tconst {\n\t\tas: As = \"a\",\n\t\tref,\n\t\tchildren,\n\t\tclassName,\n\t\tloading,\n\t\tflat,\n\t\toutline,\n\t\tsquare,\n\t\tsecondary,\n\t\tsize,\n\t\tround,\n\t\thref,\n\t\tripple = true,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\n\t\tif (loading || restProps.disabled) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tonClick?.(e);\n\t};\n\n\tif (!children) return <></>;\n\n\tconst childNodes = [\n\t\tloading && <Loading key='loading' />,\n\t\tcreateElement(\n\t\t\t\"span\",\n\t\t\t{ key: \"content\", className: \"i-btn-content\" },\n\t\t\tchildren,\n\t\t),\n\t];\n\n\tconst attrs = {\n\t\tclassName: formatClass(props),\n\t\t[\"data-ripple\"]:\n\t\t\tripple && !loading && !restProps.disabled ? \"\" : undefined,\n\t\tonClick: handleClick,\n\t};\n\n\tuseEffect(() => {\n\t\tripple && useRipple();\n\t}, [ripple]);\n\n\tif (typeof As === \"string\") {\n\t\treturn createElement(\n\t\t\tAs,\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\thref,\n\t\t\t\t...attrs,\n\t\t\t\t...restProps,\n\t\t\t},\n\t\t\tchildNodes,\n\t\t);\n\t}\n\n\treturn createElement(\n\t\tAs,\n\t\t{\n\t\t\tto: href || \"\",\n\t\t\t...attrs,\n\t\t\t...restProps,\n\t\t},\n\t\tchildNodes,\n\t);\n};\n\nButton.Toggle = Toggle;\nButton.Confirm = Confirm;\nButton.Group = Group;\n\nexport default Button as CompositionButton;\n"],"mappings":";;;;;;;;;uBAUA,SACC,MACA,SACA,UACA,OAAA,UACA,OACA,OACA,QACA,WACA,gBAEA,WAAW,SAAC,WAAA;CACZ,iBAAkB;CACjB,cAAc;CACd,eAAc;CACd,iBAAe;CACf,gBAAgB;CAChB,mBAAgB;EACf,SAAM,SAAY,SAAS;CAC5B;CACA;CACA,CAAA;;CAGF,MAAM,EACL,IAAK,KAAC,KACL,KACA,UACA,WACA,SACA,MACA,SACA,QACA,WACA,MACA,OACA,MACA,SAAI,MACJ,SACA,GAAA,cACG;;AAGJ,MAAK,WAAC,UAAkB,UAAW;AAClC,KAAG,iBAAY;AACd,KAAE,gBAAgB;AAClB;;;;;qBASF,WAAM,oBAAA,iBAAA,EAAa,EAAA,UAAA,EAClB,cACA,QACC;EAAC,KAAK;EAAA,WAAA;EAAA,EACN,SACA,CACD;;EAGD,WAAY,YAAE,MAAA;GACb,gBACC,UAAM,CAAA,WAAQ,CAAA,UAAA,WAAA,KAAA,KAAA;EACf,SAAS;EACT;;AAGD,YAAW,WAAK;IACf,CAAA,OAAU,CAAA;4BAGX,QAAI,cACH,IACC;EACA;EACC;EACA,GAAA;EACA,GAAG;EACH,EACD,WACA;sBAIF,IACC;EACA,IAAA,QAAA;EACC,GAAG;EACH,GAAG;EACH,EACD,WACA;;;AAIF,OAAO,UAAS;AAChB,OAAO,QAAQ"}
+{"version":3,"file":"button.js","sources":["../../../../packages/components/button/button.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { MouseEvent, createElement, useEffect } from \"react\";\nimport useRipple from \"../../js/useRipple\";\nimport Loading from \"../loading\";\nimport Confirm from \"./confirm\";\nimport Group from \"./group\";\nimport \"./index.css\";\nimport Toggle from \"./toggle\";\nimport { CompositionButton, IButton } from \"./type\";\n\nconst formatClass = ({\n\toutline,\n\tflat,\n\tloading,\n\tdisabled,\n\tsize = \"normal\",\n\tblock,\n\tround,\n\tsquare,\n\tsecondary,\n\tclassName,\n}: IButton) =>\n\tclassnames(\"i-btn\", className, {\n\t\t\"i-btn-outline\": outline,\n\t\t\"i-btn-flat\": flat,\n\t\t\"i-btn-block\": block,\n\t\t\"i-btn-loading\": loading,\n\t\t\"i-btn-square\": square,\n\t\t\"i-btn-secondary\": secondary,\n\t\t[`i-btn-${size}`]: size !== \"normal\",\n\t\tround,\n\t\tdisabled,\n\t});\n\nconst Button = (props: IButton) => {\n\tconst {\n\t\tas: As = \"a\",\n\t\tref,\n\t\tchildren,\n\t\tclassName,\n\t\tloading,\n\t\tflat,\n\t\toutline,\n\t\tsquare,\n\t\tsecondary,\n\t\tsize,\n\t\tround,\n\t\thref,\n\t\tripple = true,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\n\t\tif (loading || restProps.disabled) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tonClick?.(e);\n\t};\n\n\tif (!children) return <></>;\n\n\tconst childNodes = [\n\t\tloading && <Loading key='loading' />,\n\t\tcreateElement(\n\t\t\t\"span\",\n\t\t\t{ key: \"content\", className: \"i-btn-content\" },\n\t\t\tchildren,\n\t\t),\n\t];\n\n\tconst attrs = {\n\t\tclassName: formatClass(props),\n\t\t[\"data-ripple\"]:\n\t\t\tripple && !loading && !restProps.disabled ? \"\" : undefined,\n\t\tonClick: handleClick,\n\t};\n\n\tuseEffect(() => {\n\t\tripple && useRipple();\n\t}, [ripple]);\n\n\tif (typeof As === \"string\") {\n\t\treturn createElement(\n\t\t\tAs,\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\thref,\n\t\t\t\t...attrs,\n\t\t\t\t...restProps,\n\t\t\t},\n\t\t\tchildNodes,\n\t\t);\n\t}\n\n\treturn createElement(\n\t\tAs,\n\t\t{\n\t\t\tto: href || \"\",\n\t\t\t...attrs,\n\t\t\t...restProps,\n\t\t},\n\t\tchildNodes,\n\t);\n};\n\nButton.Toggle = Toggle;\nButton.Confirm = Confirm;\nButton.Group = Group;\n\nexport default Button as CompositionButton;\n"],"names":["classnames","_jsx"],"mappings":";;;;;;;;;AAUA,MAAM,WAAW,GAAG,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,GACA,KACTA,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;AAC9B,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,CAAC,SAAS,IAAI,CAAA,CAAE,GAAG,IAAI,KAAK,QAAQ;IACpC,KAAK;IACL,QAAQ;AACR,CAAA,CAAC;AAEH,MAAM,MAAM,GAAG,CAAC,KAAc,KAAI;AACjC,IAAA,MAAM,EACL,EAAE,EAAE,EAAE,GAAG,GAAG,EACZ,GAAG,EACH,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;AAClD,QAAA,IAAI,OAAO,IAAI,SAAS,CAAC,QAAQ,EAAE;YAClC,CAAC,CAAC,eAAe,EAAE;YACnB,CAAC,CAAC,cAAc,EAAE;YAClB;QACD;AAEA,QAAA,OAAO,GAAG,CAAC,CAAC;AACb,IAAA,CAAC;AAED,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAOC,iBAAK;AAE3B,IAAA,MAAM,UAAU,GAAG;AAClB,QAAA,OAAO,IAAIA,GAAA,CAAC,OAAO,EAAA,EAAA,EAAK,SAAS,CAAG;AACpC,QAAA,aAAa,CACZ,MAAM,EACN,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,EAC9C,QAAQ,CACR;KACD;AAED,IAAA,MAAM,KAAK,GAAG;AACb,QAAA,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC;AAC7B,QAAA,CAAC,aAAa,GACb,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,EAAE,GAAG,SAAS;AAC3D,QAAA,OAAO,EAAE,WAAW;KACpB;IAED,SAAS,CAAC,MAAK;QACd,MAAM,IAAI,SAAS,EAAE;AACtB,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;QAC3B,OAAO,aAAa,CACnB,EAAE,EACF;YACC,GAAG;YACH,IAAI;AACJ,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,SAAS;SACZ,EACD,UAAU,CACV;IACF;IAEA,OAAO,aAAa,CACnB,EAAE,EACF;QACC,EAAE,EAAE,IAAI,IAAI,EAAE;AACd,QAAA,GAAG,KAAK;AACR,QAAA,GAAG,SAAS;KACZ,EACD,UAAU,CACV;AACF;AAEA,MAAM,CAAC,MAAM,GAAG,MAAM;AACtB,MAAM,CAAC,OAAO,GAAG,OAAO;AACxB,MAAM,CAAC,KAAK,GAAG,KAAK;;;;"}

package/lib/es/components/button/confirm.js

@@ -1,59 +1,54 @@
-import { useReactive } from "../../js/hooks.js";
-import Button from "./button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/button/confirm.tsx
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useReactive } from '../../js/hooks.js';
+import Button from './button.js';
+
 const defaultOk = {
-	children: "确定",
-	className: "bg-error"
+    children: "确定",
+    className: "bg-error",
 };
 const defaultCancel = {
-	children: "取消",
-	secondary: true
+    children: "取消",
+    secondary: true,
 };
 function Confirm(props) {
-	const { ref, size, defaultActive, okButtonProps, cancelButtonProps, onOk, onCancel, onClick, ...restProps } = props;
-	const state = useReactive({
-		active: defaultActive ?? false,
-		loading: false
-	});
-	const ok = okButtonProps ? Object.assign({}, defaultOk, okButtonProps) : defaultOk;
-	const cancel = cancelButtonProps ? Object.assign({}, defaultCancel, cancelButtonProps) : defaultCancel;
-	const handleClick = (e) => {
-		onClick?.(e);
-		state.active = true;
-	};
-	const hanldeOk = async () => {
-		if (state.loading) return;
-		state.loading = true;
-		try {
-			if (await onOk?.() !== false) state.active = false;
-		} finally {
-			state.loading = false;
-		}
-	};
-	const handleCancel = () => {
-		onCancel?.();
-		state.active = false;
-	};
-	if (!state.active) return /* @__PURE__ */ jsx(Button, {
-		ref,
-		size,
-		...restProps,
-		onClick: handleClick
-	});
-	return /* @__PURE__ */ jsxs(Button.Group, { children: [/* @__PURE__ */ jsx(Button, {
-		size,
-		...ok,
-		loading: state.loading,
-		onClick: hanldeOk
-	}), /* @__PURE__ */ jsx(Button, {
-		size,
-		...cancel,
-		disabled: state.loading,
-		onClick: handleCancel
-	})] });
+    const { ref, size, defaultActive, okButtonProps, cancelButtonProps, onOk, onCancel, onClick, ...restProps } = props;
+    const state = useReactive({
+        active: defaultActive ?? false,
+        loading: false,
+    });
+    const ok = okButtonProps
+        ? Object.assign({}, defaultOk, okButtonProps)
+        : defaultOk;
+    const cancel = cancelButtonProps
+        ? Object.assign({}, defaultCancel, cancelButtonProps)
+        : defaultCancel;
+    const handleClick = (e) => {
+        onClick?.(e);
+        state.active = true;
+    };
+    const hanldeOk = async () => {
+        if (state.loading)
+            return;
+        state.loading = true;
+        try {
+            const res = await onOk?.();
+            if (res !== false) {
+                state.active = false;
+            }
+        }
+        finally {
+            state.loading = false;
+        }
+    };
+    const handleCancel = () => {
+        onCancel?.();
+        state.active = false;
+    };
+    if (!state.active) {
+        return (jsx(Button, { ref: ref, size: size, ...restProps, onClick: handleClick }));
+    }
+    return (jsxs(Button.Group, { children: [jsx(Button, { size: size, ...ok, loading: state.loading, onClick: hanldeOk }), jsx(Button, { size: size, ...cancel, disabled: state.loading, onClick: handleCancel })] }));
 }
-//#endregion
-export { Confirm as default };
 
-//# sourceMappingURL=confirm.js.map
+export { Confirm as default };
+//# sourceMappingURL=confirm.js.map

package/lib/es/components/button/confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.js","names":[],"sources":["../../../../packages/components/button/confirm.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport Button from \"./button\";\nimport type { IButton, IButtonConfirm } from \"./type\";\n\nconst defaultOk = {\n\tchildren: \"确定\",\n\tclassName: \"bg-error\",\n};\n\nconst defaultCancel = {\n\tchildren: \"取消\",\n\tsecondary: true,\n};\n\nexport default function Confirm(props: IButtonConfirm) {\n\tconst {\n\t\tref,\n\t\tsize,\n\t\tdefaultActive,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tonOk,\n\t\tonCancel,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive({\n\t\tactive: defaultActive ?? false,\n\t\tloading: false,\n\t});\n\n\tconst ok: IButton = okButtonProps\n\t\t? Object.assign({}, defaultOk, okButtonProps)\n\t\t: defaultOk;\n\tconst cancel: IButton = cancelButtonProps\n\t\t? Object.assign({}, defaultCancel, cancelButtonProps)\n\t\t: defaultCancel;\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\t\tstate.active = true;\n\t};\n\n\tconst hanldeOk = async () => {\n\t\tif (state.loading) return;\n\t\tstate.loading = true;\n\n\t\ttry {\n\t\t\tconst res = await onOk?.();\n\n\t\t\tif (res !== false) {\n\t\t\t\tstate.active = false;\n\t\t\t}\n\t\t} finally {\n\t\t\tstate.loading = false;\n\t\t}\n\t};\n\n\tconst handleCancel = () => {\n\t\tonCancel?.();\n\t\tstate.active = false;\n\t};\n\n\tif (!state.active) {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\tsize={size}\n\t\t\t\t{...restProps}\n\t\t\t\tonClick={handleClick}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Button.Group>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...ok}\n\t\t\t\tloading={state.loading}\n\t\t\t\tonClick={hanldeOk}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...cancel}\n\t\t\t\tdisabled={state.loading}\n\t\t\t\tonClick={handleCancel}\n\t\t\t/>\n\t\t</Button.Group>\n\t);\n}\n"],"mappings":";;;;AAIA,MAAM,YAAY;CACjB,UAAU;CACV,WAAW;CACX;AAED,MAAM,gBAAgB;CACrB,UAAU;CACV,WAAW;CACX;AAED,SAAwB,QAAQ,OAAuB;CACtD,MAAM,EACL,KACA,MACA,eACA,eACA,mBACA,MACA,UACA,SACA,GAAG,cACA;CAEJ,MAAM,QAAQ,YAAY;EACzB,QAAQ,iBAAiB;EACzB,SAAS;EACT,CAAC;CAEF,MAAM,KAAc,gBACjB,OAAO,OAAO,EAAE,EAAE,WAAW,cAAc,GAC3C;CACH,MAAM,SAAkB,oBACrB,OAAO,OAAO,EAAE,EAAE,eAAe,kBAAkB,GACnD;CAEH,MAAM,eAAe,MAAM;AAC1B,YAAU,EAAE;AACZ,QAAM,SAAS;;CAGhB,MAAM,WAAW,YAAY;AAC5B,MAAI,MAAM,QAAS;AACnB,QAAM,UAAU;AAEhB,MAAI;AAGH,OAFY,MAAM,QAAQ,KAEd,MACX,OAAM,SAAS;YAEP;AACT,SAAM,UAAU;;;CAIlB,MAAM,qBAAqB;AAC1B,cAAY;AACZ,QAAM,SAAS;;AAGhB,KAAI,CAAC,MAAM,OACV,QACC,oBAAC,QAAD;EACM;EACC;EACN,GAAI;EACJ,SAAS;EACR,CAAA;AAIJ,QACC,qBAAC,OAAO,OAAR,EAAA,UAAA,CACC,oBAAC,QAAD;EACO;EACN,GAAI;EACJ,SAAS,MAAM;EACf,SAAS;EACR,CAAA,EACF,oBAAC,QAAD;EACO;EACN,GAAI;EACJ,UAAU,MAAM;EAChB,SAAS;EACR,CAAA,CACY,EAAA,CAAA"}
+{"version":3,"file":"confirm.js","sources":["../../../../packages/components/button/confirm.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport Button from \"./button\";\nimport type { IButton, IButtonConfirm } from \"./type\";\n\nconst defaultOk = {\n\tchildren: \"确定\",\n\tclassName: \"bg-error\",\n};\n\nconst defaultCancel = {\n\tchildren: \"取消\",\n\tsecondary: true,\n};\n\nexport default function Confirm(props: IButtonConfirm) {\n\tconst {\n\t\tref,\n\t\tsize,\n\t\tdefaultActive,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tonOk,\n\t\tonCancel,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive({\n\t\tactive: defaultActive ?? false,\n\t\tloading: false,\n\t});\n\n\tconst ok: IButton = okButtonProps\n\t\t? Object.assign({}, defaultOk, okButtonProps)\n\t\t: defaultOk;\n\tconst cancel: IButton = cancelButtonProps\n\t\t? Object.assign({}, defaultCancel, cancelButtonProps)\n\t\t: defaultCancel;\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\t\tstate.active = true;\n\t};\n\n\tconst hanldeOk = async () => {\n\t\tif (state.loading) return;\n\t\tstate.loading = true;\n\n\t\ttry {\n\t\t\tconst res = await onOk?.();\n\n\t\t\tif (res !== false) {\n\t\t\t\tstate.active = false;\n\t\t\t}\n\t\t} finally {\n\t\t\tstate.loading = false;\n\t\t}\n\t};\n\n\tconst handleCancel = () => {\n\t\tonCancel?.();\n\t\tstate.active = false;\n\t};\n\n\tif (!state.active) {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\tsize={size}\n\t\t\t\t{...restProps}\n\t\t\t\tonClick={handleClick}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Button.Group>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...ok}\n\t\t\t\tloading={state.loading}\n\t\t\t\tonClick={hanldeOk}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...cancel}\n\t\t\t\tdisabled={state.loading}\n\t\t\t\tonClick={handleCancel}\n\t\t\t/>\n\t\t</Button.Group>\n\t);\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;AAIA,MAAM,SAAS,GAAG;AACjB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,SAAS,EAAE,UAAU;CACrB;AAED,MAAM,aAAa,GAAG;AACrB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,SAAS,EAAE,IAAI;CACf;AAEa,SAAU,OAAO,CAAC,KAAqB,EAAA;IACpD,MAAM,EACL,GAAG,EACH,IAAI,EACJ,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,KAAK,GAAG,WAAW,CAAC;QACzB,MAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAA,OAAO,EAAE,KAAK;AACd,KAAA,CAAC;IAEF,MAAM,EAAE,GAAY;UACjB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,aAAa;UAC1C,SAAS;IACZ,MAAM,MAAM,GAAY;UACrB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,aAAa,EAAE,iBAAiB;UAClD,aAAa;AAEhB,IAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAI;AACzB,QAAA,OAAO,GAAG,CAAC,CAAC;AACZ,QAAA,KAAK,CAAC,MAAM,GAAG,IAAI;AACpB,IAAA,CAAC;AAED,IAAA,MAAM,QAAQ,GAAG,YAAW;QAC3B,IAAI,KAAK,CAAC,OAAO;YAAE;AACnB,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI;AAEpB,QAAA,IAAI;AACH,YAAA,MAAM,GAAG,GAAG,MAAM,IAAI,IAAI;AAE1B,YAAA,IAAI,GAAG,KAAK,KAAK,EAAE;AAClB,gBAAA,KAAK,CAAC,MAAM,GAAG,KAAK;YACrB;QACD;gBAAU;AACT,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;QACtB;AACD,IAAA,CAAC;IAED,MAAM,YAAY,GAAG,MAAK;QACzB,QAAQ,IAAI;AACZ,QAAA,KAAK,CAAC,MAAM,GAAG,KAAK;AACrB,IAAA,CAAC;AAED,IAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAClB,QAAA,QACCA,GAAA,CAAC,MAAM,IACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EAAA,GACN,SAAS,EACb,OAAO,EAAE,WAAW,EAAA,CACnB;IAEJ;IAEA,QACCC,KAAC,MAAM,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACZD,GAAA,CAAC,MAAM,EAAA,EACN,IAAI,EAAE,IAAI,EAAA,GACN,EAAE,EACN,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,QAAQ,EAAA,CAChB,EACFA,IAAC,MAAM,EAAA,EACN,IAAI,EAAE,IAAI,EAAA,GACN,MAAM,EACV,QAAQ,EAAE,KAAK,CAAC,OAAO,EACvB,OAAO,EAAE,YAAY,EAAA,CACpB,CAAA,EAAA,CACY;AAEjB;;;;"}

package/lib/es/components/button/group.js

@@ -1,24 +1,21 @@
-import Button from "./button.js";
-import classNames from "classnames";
-import { Children, cloneElement, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/button/group.tsx
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useMemo, Children, cloneElement } from 'react';
+import Button from './button.js';
+
 function Group(props) {
-	const { children, vertical, buttonProps, className, style } = props;
-	const nodes = useMemo(() => {
-		return Children.map(children, (node) => {
-			const { type } = node;
-			if (type === Button) return cloneElement(node, Object.assign({}, node.props, buttonProps));
-			return node;
-		});
-	}, [children]);
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames(className, vertical ? "i-btn-group-vertical" : "i-btn-group-horizonal"),
-		style,
-		children: nodes
-	});
+    const { children, vertical, buttonProps, className, style } = props;
+    const nodes = useMemo(() => {
+        return Children.map(children, (node) => {
+            const { type } = node;
+            if (type === Button) {
+                return cloneElement(node, Object.assign({}, node.props, buttonProps));
+            }
+            return node;
+        });
+    }, [children]);
+    return (jsx("div", { className: classNames(className, vertical ? "i-btn-group-vertical" : "i-btn-group-horizonal"), style: style, children: nodes }));
 }
-//#endregion
-export { Group as default };
 
-//# sourceMappingURL=group.js.map
+export { Group as default };
+//# sourceMappingURL=group.js.map

package/lib/es/components/button/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","names":[],"sources":["../../../../packages/components/button/group.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, cloneElement, useMemo } from \"react\";\nimport Button from \"./button\";\nimport { IButtonGroup } from \"./type\";\n\nexport default function Group(props: IButtonGroup) {\n\tconst { children, vertical, buttonProps, className, style } = props;\n\n\tconst nodes = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tconst { type } = node;\n\n\t\t\tif (type === Button) {\n\t\t\t\treturn cloneElement(\n\t\t\t\t\tnode,\n\t\t\t\t\tObject.assign({}, node.props, buttonProps)\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tclassName,\n\t\t\t\tvertical ? \"i-btn-group-vertical\" : \"i-btn-group-horizonal\"\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{nodes}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AAKA,SAAwB,MAAM,OAAqB;CAClD,MAAM,EAAE,UAAU,UAAU,aAAa,WAAW,UAAU;CAE9D,MAAM,QAAQ,cAAc;AAC3B,SAAO,SAAS,IAAI,WAAW,SAAc;GAC5C,MAAM,EAAE,SAAS;AAEjB,OAAI,SAAS,OACZ,QAAO,aACN,MACA,OAAO,OAAO,EAAE,EAAE,KAAK,OAAO,YAAY,CAC1C;AAGF,UAAO;IACN;IACA,CAAC,SAAS,CAAC;AAEd,QACC,oBAAC,OAAD;EACC,WAAW,WACV,WACA,WAAW,yBAAyB,wBACpC;EACM;YAEN;EACI,CAAA"}
+{"version":3,"file":"group.js","sources":["../../../../packages/components/button/group.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, cloneElement, useMemo } from \"react\";\nimport Button from \"./button\";\nimport { IButtonGroup } from \"./type\";\n\nexport default function Group(props: IButtonGroup) {\n\tconst { children, vertical, buttonProps, className, style } = props;\n\n\tconst nodes = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tconst { type } = node;\n\n\t\t\tif (type === Button) {\n\t\t\t\treturn cloneElement(\n\t\t\t\t\tnode,\n\t\t\t\t\tObject.assign({}, node.props, buttonProps)\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tclassName,\n\t\t\t\tvertical ? \"i-btn-group-vertical\" : \"i-btn-group-horizonal\"\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{nodes}\n\t\t</div>\n\t);\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,KAAK,CAAC,KAAmB,EAAA;AAChD,IAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK;AAEnE,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,MAAK;QAC1B,OAAO,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AAC3C,YAAA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;AAErB,YAAA,IAAI,IAAI,KAAK,MAAM,EAAE;AACpB,gBAAA,OAAO,YAAY,CAClB,IAAI,EACJ,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAC1C;YACF;AAEA,YAAA,OAAO,IAAI;AACZ,QAAA,CAAC,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,QACCA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CACpB,SAAS,EACT,QAAQ,GAAG,sBAAsB,GAAG,uBAAuB,CAC3D,EACD,KAAK,EAAE,KAAK,EAAA,QAAA,EAEX,KAAK,EAAA,CACD;AAER;;;;"}

package/lib/es/components/button/index.js

@@ -1,7 +1,6 @@
-import Button from "./button.js";
-//#region packages/components/button/index.tsx
-var button_default = Button;
-//#endregion
-export { button_default as default };
+import Button from './button.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Button as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/button/index.tsx"],"sourcesContent":["import Button from \"./button\";\n\nexport default Button;\n"],"mappings":";;AAEA,IAAA,iBAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/es/components/button/toggle.js

@@ -1,44 +1,39 @@
-import Button from "./button.js";
-import classNames from "classnames";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/button/toggle.tsx
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useState, useEffect } from 'react';
+import Button from './button.js';
+
 function Toggle(props) {
-	const { ref, active, activeClass, after, disabled, children, className, toggable, onClick, onToggle, ...restProps } = props;
-	const [isActive, setIsActive] = useState(active);
-	const [done, setDone] = useState(true);
-	const toggle = async () => {
-		const hasAfter = !!after;
-		const nextActive = !isActive;
-		if (!(toggable ? await toggable() : true)) return;
-		setIsActive(nextActive);
-		setDone(!hasAfter);
-		onToggle?.(nextActive);
-		if (!hasAfter) return;
-		setTimeout(() => {
-			setDone(true);
-		}, 16);
-	};
-	const handleClick = (e) => {
-		onClick?.(e);
-		!disabled && toggle();
-	};
-	useEffect(() => {
-		setIsActive(active);
-		setDone(true);
-	}, [active]);
-	return /* @__PURE__ */ jsx(Button, {
-		ref,
-		className: classNames(className, { [activeClass || ""]: isActive }, "i-btn-toggle"),
-		...restProps,
-		onClick: handleClick,
-		children: /* @__PURE__ */ jsx("div", {
-			className: classNames("i-btn-toggle-content", { "i-btn-toggle-active": done }),
-			children: isActive ? after ?? children : children
-		})
-	});
+    const { ref, active, activeClass, after, disabled, children, className, toggable, onClick, onToggle, ...restProps } = props;
+    const [isActive, setIsActive] = useState(active);
+    const [done, setDone] = useState(true);
+    const toggle = async () => {
+        const hasAfter = !!after;
+        const nextActive = !isActive;
+        const canToggle = toggable ? await toggable() : true;
+        if (!canToggle)
+            return;
+        setIsActive(nextActive);
+        setDone(!hasAfter);
+        onToggle?.(nextActive);
+        if (!hasAfter)
+            return;
+        setTimeout(() => {
+            setDone(true);
+        }, 16);
+    };
+    const handleClick = (e) => {
+        onClick?.(e);
+        !disabled && toggle();
+    };
+    useEffect(() => {
+        setIsActive(active);
+        setDone(true);
+    }, [active]);
+    return (jsx(Button, { ref: ref, className: classNames(className, { [activeClass || ""]: isActive }, "i-btn-toggle"), ...restProps, onClick: handleClick, children: jsx("div", { className: classNames("i-btn-toggle-content", {
+                "i-btn-toggle-active": done,
+            }), children: isActive ? (after ?? children) : children }) }));
 }
-//#endregion
-export { Toggle as default };
 
-//# sourceMappingURL=toggle.js.map
+export { Toggle as default };
+//# sourceMappingURL=toggle.js.map

package/lib/es/components/button/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":[],"sources":["../../../../packages/components/button/toggle.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { MouseEvent, useEffect, useState } from \"react\";\nimport Button from \"./button\";\nimport { IButtonToggle } from \"./type\";\n\nexport default function Toggle(props: IButtonToggle) {\n\tconst {\n\t\tref,\n\t\tactive,\n\t\tactiveClass,\n\t\tafter,\n\t\tdisabled,\n\t\tchildren,\n\t\tclassName,\n\t\ttoggable,\n\t\tonClick,\n\t\tonToggle,\n\t\t...restProps\n\t} = props;\n\n\tconst [isActive, setIsActive] = useState(active);\n\tconst [done, setDone] = useState(true);\n\n\tconst toggle = async () => {\n\t\tconst hasAfter = !!after;\n\t\tconst nextActive = !isActive;\n\n\t\tconst canToggle = toggable ? await toggable() : true;\n\t\tif (!canToggle) return;\n\n\t\tsetIsActive(nextActive);\n\t\tsetDone(!hasAfter);\n\t\tonToggle?.(nextActive);\n\n\t\tif (!hasAfter) return;\n\n\t\tsetTimeout(() => {\n\t\t\tsetDone(true);\n\t\t}, 16);\n\t};\n\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\n\t\tonClick?.(e);\n\n\t\t!disabled && toggle();\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsActive(active);\n\t\tsetDone(true);\n\t}, [active]);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\n\t\t\t\tclassName,\n\t\t\t\t{ [activeClass || \"\"]: isActive },\n\t\t\t\t\"i-btn-toggle\",\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-btn-toggle-content\", {\n\t\t\t\t\t\"i-btn-toggle-active\": done,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{isActive ? (after ?? children) : children}\n\t\t\t</div>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;AAKA,SAAwB,OAAO,OAAsB;CACpD,MAAM,EACL,KACA,QACA,aACA,OACA,UACA,UACA,WACA,UACA,SACA,UACA,GAAG,cACA;CAEJ,MAAM,CAAC,UAAU,eAAe,SAAS,OAAO;CAChD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,MAAM,SAAS,YAAY;EAC1B,MAAM,WAAW,CAAC,CAAC;EACnB,MAAM,aAAa,CAAC;AAGpB,MAAI,EADc,WAAW,MAAM,UAAU,GAAG,MAChC;AAEhB,cAAY,WAAW;AACvB,UAAQ,CAAC,SAAS;AAClB,aAAW,WAAW;AAEtB,MAAI,CAAC,SAAU;AAEf,mBAAiB;AAChB,WAAQ,KAAK;KACX,GAAG;;CAGP,MAAM,eAAe,MAA+B;AACnD,YAAU,EAAE;AAEZ,GAAC,YAAY,QAAQ;;AAGtB,iBAAgB;AACf,cAAY,OAAO;AACnB,UAAQ,KAAK;IACX,CAAC,OAAO,CAAC;AAEZ,QACC,oBAAC,QAAD;EACM;EACL,WAAW,WACV,WACA,GAAG,eAAe,KAAK,UAAU,EACjC,eACA;EACD,GAAI;EACJ,SAAS;YAET,oBAAC,OAAD;GACC,WAAW,WAAW,wBAAwB,EAC7C,uBAAuB,MACvB,CAAC;aAED,WAAY,SAAS,WAAY;GAC7B,CAAA;EACE,CAAA"}
+{"version":3,"file":"toggle.js","sources":["../../../../packages/components/button/toggle.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { MouseEvent, useEffect, useState } from \"react\";\nimport Button from \"./button\";\nimport { IButtonToggle } from \"./type\";\n\nexport default function Toggle(props: IButtonToggle) {\n\tconst {\n\t\tref,\n\t\tactive,\n\t\tactiveClass,\n\t\tafter,\n\t\tdisabled,\n\t\tchildren,\n\t\tclassName,\n\t\ttoggable,\n\t\tonClick,\n\t\tonToggle,\n\t\t...restProps\n\t} = props;\n\n\tconst [isActive, setIsActive] = useState(active);\n\tconst [done, setDone] = useState(true);\n\n\tconst toggle = async () => {\n\t\tconst hasAfter = !!after;\n\t\tconst nextActive = !isActive;\n\n\t\tconst canToggle = toggable ? await toggable() : true;\n\t\tif (!canToggle) return;\n\n\t\tsetIsActive(nextActive);\n\t\tsetDone(!hasAfter);\n\t\tonToggle?.(nextActive);\n\n\t\tif (!hasAfter) return;\n\n\t\tsetTimeout(() => {\n\t\t\tsetDone(true);\n\t\t}, 16);\n\t};\n\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\n\t\tonClick?.(e);\n\n\t\t!disabled && toggle();\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsActive(active);\n\t\tsetDone(true);\n\t}, [active]);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\n\t\t\t\tclassName,\n\t\t\t\t{ [activeClass || \"\"]: isActive },\n\t\t\t\t\"i-btn-toggle\",\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-btn-toggle-content\", {\n\t\t\t\t\t\"i-btn-toggle-active\": done,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{isActive ? (after ?? children) : children}\n\t\t\t</div>\n\t\t</Button>\n\t);\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,MAAM,CAAC,KAAoB,EAAA;IAClD,MAAM,EACL,GAAG,EACH,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;IAChD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAEtC,IAAA,MAAM,MAAM,GAAG,YAAW;AACzB,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK;AACxB,QAAA,MAAM,UAAU,GAAG,CAAC,QAAQ;AAE5B,QAAA,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,QAAQ,EAAE,GAAG,IAAI;AACpD,QAAA,IAAI,CAAC,SAAS;YAAE;QAEhB,WAAW,CAAC,UAAU,CAAC;AACvB,QAAA,OAAO,CAAC,CAAC,QAAQ,CAAC;AAClB,QAAA,QAAQ,GAAG,UAAU,CAAC;AAEtB,QAAA,IAAI,CAAC,QAAQ;YAAE;QAEf,UAAU,CAAC,MAAK;YACf,OAAO,CAAC,IAAI,CAAC;QACd,CAAC,EAAE,EAAE,CAAC;AACP,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;AAClD,QAAA,OAAO,GAAG,CAAC,CAAC;AAEZ,QAAA,CAAC,QAAQ,IAAI,MAAM,EAAE;AACtB,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACd,WAAW,CAAC,MAAM,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC;AACd,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACCA,GAAA,CAAC,MAAM,EAAA,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,SAAS,EACT,EAAE,CAAC,WAAW,IAAI,EAAE,GAAG,QAAQ,EAAE,EACjC,cAAc,CACd,EAAA,GACG,SAAS,EACb,OAAO,EAAE,WAAW,YAEpBA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE;AAC7C,gBAAA,qBAAqB,EAAE,IAAI;AAC3B,aAAA,CAAC,YAED,QAAQ,IAAI,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAA,CACrC,EAAA,CACE;AAEX;;;;"}

package/lib/es/components/card/card.js

@@ -1,31 +1,13 @@
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/card/card.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+
 const Card = (props) => {
-	const { hideShadow, border, className, children, header, footer, ...restProps } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-card", className, {
-			shadow: !hideShadow,
-			"i-card-bordered": border
-		}),
-		...restProps,
-		children: [
-			header && /* @__PURE__ */ jsx("div", {
-				className: "i-card-header",
-				children: header
-			}),
-			children && /* @__PURE__ */ jsx("div", {
-				className: "i-card-content",
-				children
-			}),
-			footer && /* @__PURE__ */ jsx("div", {
-				className: "i-card-footer",
-				children: footer
-			})
-		]
-	});
+    const { hideShadow, border, className, children, header, footer, ...restProps } = props;
+    return (jsxs("div", { className: classNames("i-card", className, {
+            shadow: !hideShadow,
+            "i-card-bordered": border,
+        }), ...restProps, children: [header && jsx("div", { className: 'i-card-header', children: header }), children && jsx("div", { className: 'i-card-content', children: children }), footer && jsx("div", { className: 'i-card-footer', children: footer })] }));
 };
-//#endregion
-export { Card as default };
 
-//# sourceMappingURL=card.js.map
+export { Card as default };
+//# sourceMappingURL=card.js.map

package/lib/es/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../../packages/components/card/card.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport { ICard } from \"./type\";\n\nconst Card = (props: ICard) => {\n\tconst {\n\t\thideShadow,\n\t\tborder,\n\t\tclassName,\n\t\tchildren,\n\t\theader,\n\t\tfooter,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-card\", className, {\n\t\t\t\tshadow: !hideShadow,\n\t\t\t\t\"i-card-bordered\": border,\n\t\t\t})}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{header && <div className='i-card-header'>{header}</div>}\n\n\t\t\t{children && <div className='i-card-content'>{children}</div>}\n\n\t\t\t{footer && <div className='i-card-footer'>{footer}</div>}\n\t\t</div>\n\t);\n};\n\nexport default Card;\n"],"mappings":";;;;CAIA,MAAM,EACL,YACC,QACA,WACA,UACA,QACA,QACA,GAAA,cACG;QAGJ,qBAAA,OAAA;EACE,WAAA,WAAA,UAAA,WAAA;GACA,QAAS,CAAC;GACT,mBAAmB;GACnB,CAAC;EACF,GAAE;YALJ;GAOC,UAAA,oBAAA,OAAA;IAAA,WAAA;cAAA;IAAA,CAAA;;;;;;;;;GAKE"}
+{"version":3,"file":"card.js","sources":["../../../../packages/components/card/card.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport { ICard } from \"./type\";\n\nconst Card = (props: ICard) => {\n\tconst {\n\t\thideShadow,\n\t\tborder,\n\t\tclassName,\n\t\tchildren,\n\t\theader,\n\t\tfooter,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-card\", className, {\n\t\t\t\tshadow: !hideShadow,\n\t\t\t\t\"i-card-bordered\": border,\n\t\t\t})}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{header && <div className='i-card-header'>{header}</div>}\n\n\t\t\t{children && <div className='i-card-content'>{children}</div>}\n\n\t\t\t{footer && <div className='i-card-footer'>{footer}</div>}\n\t\t</div>\n\t);\n};\n\nexport default Card;\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,IAAI,GAAG,CAAC,KAAY,KAAI;AAC7B,IAAA,MAAM,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,QACCA,cACC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE;YAC1C,MAAM,EAAE,CAAC,UAAU;AACnB,YAAA,iBAAiB,EAAE,MAAM;AACzB,SAAA,CAAC,EAAA,GACE,SAAS,EAAA,QAAA,EAAA,CAEZ,MAAM,IAAIC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,YAAE,MAAM,EAAA,CAAO,EAEvD,QAAQ,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EAE5D,MAAM,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACnD;AAER;;;;"}

package/lib/es/components/card/index.js

@@ -1,7 +1,6 @@
-import Card from "./card.js";
-//#region packages/components/card/index.tsx
-var card_default = Card;
-//#endregion
-export { card_default as default };
+import Card from './card.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Card as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/card/index.tsx"],"sourcesContent":["import Card from \"./card\";\n\nexport default Card;\n"],"mappings":";;AAEA,IAAA,eAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}