@ioca/react 1.4.79 → 1.4.80

package/lib/cjs/components/affix/{affix.cjs → affix.js}

@@ -1,5 +1,5 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_totop = require("./totop.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_totop = require("./totop.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
@@ -63,4 +63,4 @@ Affix.ToTop = require_totop.default;
 //#endregion
 exports.default = Affix;
 
-//# sourceMappingURL=affix.cjs.map
+//# sourceMappingURL=affix.js.map

package/lib/cjs/components/affix/affix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"affix.js","names":[],"sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tcloneElement,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst Affix = (props: IAffix) => {\n\tconst {\n\t\tposition = \"fixed\",\n\t\tleft,\n\t\ttop,\n\t\tright,\n\t\tbottom,\n\t\toffset,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tgetContainer = () => {\n\t\t\tif (typeof document === \"undefined\") return null;\n\t\t\treturn document.body;\n\t\t},\n\t} = props;\n\n\tconst [hidden, setHidden] = useState<boolean>(false);\n\n\tconst hijackChildren = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type === ToTop) {\n\t\t\t\tconst { onClick } = node.props;\n\n\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\tkey: node.key,\n\t\t\t\t\t...node.props,\n\t\t\t\t\tonClick: (e: MouseEvent) => {\n\t\t\t\t\t\tconst container = getContainer();\n\n\t\t\t\t\t\tonClick?.(e);\n\t\t\t\t\t\tcontainer?.scrollTo({\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children, getContainer]);\n\n\tuseEffect(() => {\n\t\tconst container = getContainer();\n\t\tif (!offset || !container) return;\n\n\t\tconst listener = debounce({ delay: 160 }, () => {\n\t\t\tconst top = container.scrollTop;\n\n\t\t\tsetHidden(top < offset);\n\t\t});\n\n\t\tlistener();\n\t\tcontainer.addEventListener(\"scroll\", listener);\n\n\t\treturn () => {\n\t\t\tcontainer.removeEventListener(\"scroll\", listener);\n\t\t};\n\t}, [offset, getContainer]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-affix\", className, {\n\t\t\t\t\"i-affix-hidden\": hidden,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tposition,\n\t\t\t\tleft,\n\t\t\t\ttop,\n\t\t\t\tright,\n\t\t\t\tbottom,\n\t\t\t}}\n\t\t>\n\t\t\t{hijackChildren}\n\t\t</div>\n\t);\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"mappings":""}

package/lib/cjs/components/affix/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/affix/index.tsx
-var affix_default = require("./affix.cjs").default;
+var affix_default = require("./affix.js").default;
 //#endregion
 exports.default = affix_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/affix/index.js.map

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

package/lib/cjs/components/affix/{totop.cjs → totop.js}

@@ -1,6 +1,6 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../button/index.cjs");
-const require_index$1 = require("../icon/index.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../button/index.js");
+const require_index$1 = require("../icon/index.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let _ricons_material = require("@ricons/material");
@@ -22,4 +22,4 @@ function ToTop(props) {
 //#endregion
 exports.default = ToTop;
 
-//# sourceMappingURL=totop.cjs.map
+//# sourceMappingURL=totop.js.map

package/lib/cjs/components/affix/totop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"totop.js","names":["Button","Icon","SkipPreviousRound"],"sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport { IAffix } from \"./type\";\n\nfunction ToTop(props: IAffix) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"mappings":";;;;;;;;AAMA,SAAS,MAAM,OAAe;CAC7B,MAAM,EAAE,OAAO,WAAW,YAAY;AAEtC,QACC,iBAAA,GAAA,kBAAA,KAACA,cAAAA,SAAD;EACC,QAAA;EACA,YAAA,GAAA,WAAA,SAAsB,iBAAiB,UAAU;EACjD,OAAO,EAAE,GAAG,OAAO;EACV;YAET,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;GAAM,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,mBAAD,EAAqB,CAAA;GAAE,QAAQ;GAAM,CAAA;EACzC,CAAA"}

package/lib/cjs/components/badge/{badge.cjs → badge.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -21,4 +21,4 @@ const Badge = (props) => {
 //#endregion
 exports.default = Badge;
 
-//# sourceMappingURL=badge.cjs.map
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +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":""}

package/lib/cjs/components/badge/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/badge/index.tsx
-var badge_default = require("./badge.cjs").default;
+var badge_default = require("./badge.js").default;
 //#endregion
 exports.default = badge_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

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

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

package/lib/cjs/components/button/{button.cjs → button.js}

@@ -1,9 +1,9 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../js/useRipple/index.cjs");
-const require_index$1 = require("../loading/index.cjs");
-const require_confirm = require("./confirm.cjs");
-const require_group = require("./group.cjs");
-const require_toggle = require("./toggle.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../js/useRipple/index.js");
+const require_index$1 = require("../loading/index.js");
+const require_confirm = require("./confirm.js");
+const require_group = require("./group.js");
+const require_toggle = require("./toggle.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -61,4 +61,4 @@ Button.Group = require_group.default;
 //#endregion
 exports.default = Button;
 
-//# sourceMappingURL=button.cjs.map
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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":""}

package/lib/cjs/components/button/{confirm.cjs → confirm.js}

@@ -1,6 +1,6 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_button = require("./button.cjs");
+require("../../_virtual/_rolldown/runtime.js");
+const require_hooks = require("../../js/hooks.js");
+const require_button = require("./button.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/components/button/confirm.tsx
 const defaultOk = {
@@ -57,4 +57,4 @@ function Confirm(props) {
 //#endregion
 exports.default = Confirm;
 
-//# sourceMappingURL=confirm.cjs.map
+//# sourceMappingURL=confirm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.js","names":["useReactive","Button"],"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,QAAQA,cAAAA,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,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;EACM;EACC;EACN,GAAI;EACJ,SAAS;EACR,CAAA;AAIJ,QACC,iBAAA,GAAA,kBAAA,MAACA,eAAAA,QAAO,OAAR,EAAA,UAAA,CACC,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;EACO;EACN,GAAI;EACJ,SAAS,MAAM;EACf,SAAS;EACR,CAAA,EACF,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;EACO;EACN,GAAI;EACJ,UAAU,MAAM;EAChB,SAAS;EACR,CAAA,CACY,EAAA,CAAA"}

package/lib/cjs/components/button/{group.cjs → group.js}

@@ -1,5 +1,5 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_button = require("./button.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_button = require("./button.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -23,4 +23,4 @@ function Group(props) {
 //#endregion
 exports.default = Group;
 
-//# sourceMappingURL=group.cjs.map
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","names":["Children","Button"],"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,SAAA,GAAA,MAAA,eAAsB;AAC3B,SAAOA,MAAAA,SAAS,IAAI,WAAW,SAAc;GAC5C,MAAM,EAAE,SAAS;AAEjB,OAAI,SAASC,eAAAA,QACZ,SAAA,GAAA,MAAA,cACC,MACA,OAAO,OAAO,EAAE,EAAE,KAAK,OAAO,YAAY,CAC1C;AAGF,UAAO;IACN;IACA,CAAC,SAAS,CAAC;AAEd,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACC,YAAA,GAAA,WAAA,SACC,WACA,WAAW,yBAAyB,wBACpC;EACM;YAEN;EACI,CAAA"}

package/lib/cjs/components/button/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/button/index.tsx
-var button_default = require("./button.cjs").default;
+var button_default = require("./button.js").default;
 //#endregion
 exports.default = button_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

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

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

package/lib/cjs/components/button/{toggle.cjs → toggle.js}

@@ -1,5 +1,5 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_button = require("./button.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_button = require("./button.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -43,4 +43,4 @@ function Toggle(props) {
 //#endregion
 exports.default = Toggle;
 
-//# sourceMappingURL=toggle.cjs.map
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["Button"],"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,gBAAA,GAAA,MAAA,UAAwB,OAAO;CAChD,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAoB,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,EAAA,GAAA,MAAA,iBAAgB;AACf,cAAY,OAAO;AACnB,UAAQ,KAAK;IACX,CAAC,OAAO,CAAC;AAEZ,QACC,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;EACM;EACL,YAAA,GAAA,WAAA,SACC,WACA,GAAG,eAAe,KAAK,UAAU,EACjC,eACA;EACD,GAAI;EACJ,SAAS;YAET,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACC,YAAA,GAAA,WAAA,SAAsB,wBAAwB,EAC7C,uBAAuB,MACvB,CAAC;aAED,WAAY,SAAS,WAAY;GAC7B,CAAA;EACE,CAAA"}

package/lib/cjs/components/card/{card.cjs → card.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -30,4 +30,4 @@ const Card = (props) => {
 //#endregion
 exports.default = Card;
 
-//# sourceMappingURL=card.cjs.map
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +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":""}

package/lib/cjs/components/card/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/card/index.tsx
-var card_default = require("./card.cjs").default;
+var card_default = require("./card.js").default;
 //#endregion
 exports.default = card_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

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

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

package/lib/cjs/components/checkbox/{checkbox.cjs → checkbox.js}

@@ -1,6 +1,6 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_item = require("./item.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_utils = require("../../js/utils.js");
+const require_item = require("./item.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -63,4 +63,4 @@ Checkbox.Item = require_item.default;
 //#endregion
 exports.default = Checkbox;
 
-//# sourceMappingURL=checkbox.cjs.map
+//# sourceMappingURL=checkbox.js.map

package/lib/cjs/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../../packages/components/checkbox/checkbox.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport \"./index.css\";\nimport CheckboxItem from \"./item\";\nimport type { ICheckbox } from \"./type\";\n\nfunction Checkbox(props: ICheckbox) {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\toptions = [],\n\t\tvalue = \"\",\n\t\ttype = \"default\",\n\t\toptionInline = true,\n\t\tlabelInline,\n\t\tdisabled,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\trequired,\n\t\tclassName,\n\t\trenderItem,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [selectedValues, setSelectedValues] = useState<any>(value);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst handleChange = (checked, opt, e) => {\n\t\tconst group = [...selectedValues];\n\t\tconst i = group.findIndex((item) => item === opt.value);\n\n\t\tif (checked && i < 0) {\n\t\t\tgroup.push(opt.value);\n\t\t} else if (!checked && i > -1) {\n\t\t\tgroup.splice(i, 1);\n\t\t}\n\n\t\tsetSelectedValues(group);\n\t\tonChange?.(group, opt, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValues(value);\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-checkbox i-input-label\",\n\t\t\t\t{\n\t\t\t\t\t[`i-checkbox-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t\t},\n\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<span className='i-input-label-text'>\n\t\t\t\t\t{required && <span className='error'>*</span>}\n\t\t\t\t\t{label}\n\n\t\t\t\t\t{message && <p className='i-checkbox-message'>{message}</p>}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-checkbox-options\", {\n\t\t\t\t\t\"i-options-block\": !optionInline,\n\t\t\t\t\t\"i-checkbox-options-button\": type === \"button\",\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{formattedOptions.map((option) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CheckboxItem\n\t\t\t\t\t\t\tkey={option.value as string}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tvalue={selectedValues.includes(option.value)}\n\t\t\t\t\t\t\toptionValue={option.value}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\t\tonChange={(checked, e) =>\n\t\t\t\t\t\t\t\thandleChange(checked, option, e)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderItem ?? option.label}\n\t\t\t\t\t\t</CheckboxItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nCheckbox.Item = CheckboxItem;\n\nexport default Checkbox;\n"],"mappings":""}

package/lib/cjs/components/checkbox/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/checkbox/index.tsx
-var checkbox_default = require("./checkbox.cjs").default;
+var checkbox_default = require("./checkbox.js").default;
 //#endregion
 exports.default = checkbox_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/checkbox/index.js.map

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

package/lib/cjs/components/checkbox/{item.cjs → item.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -56,4 +56,4 @@ function CheckboxItem(props) {
 //#endregion
 exports.default = CheckboxItem;
 
-//# sourceMappingURL=item.cjs.map
+//# sourceMappingURL=item.js.map

package/lib/cjs/components/checkbox/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"sources":["../../../../packages/components/checkbox/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { ChangeEvent, useEffect, useState } from \"react\";\nimport { ICheckboxItem } from \"./type\";\n\nexport default function CheckboxItem(props: ICheckboxItem) {\n\tconst {\n\t\ttype = \"default\",\n\t\tlabel,\n\t\tname,\n\t\tvalue = false,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\tdisabled,\n\t\tpartof,\n\t\toptionValue,\n\t\tchildren,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [checked, setChecked] = useState(value);\n\tconst [itemStatus, setItemStatus] = useState(status);\n\tconst [itemMessage, setItemMessage] = useState(message);\n\tconst isChildrenFn = typeof children === \"function\";\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst next = e.target.checked;\n\t\tsetChecked(next);\n\t\tsetItemStatus(status);\n\t\tsetItemMessage(message);\n\t\tonChange?.(next, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetChecked(value);\n\t}, [value]);\n\n\tuseEffect(() => {\n\t\tsetItemStatus(status);\n\t\tsetItemMessage(message);\n\t}, [status, message]);\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-checkbox-item\",\n\t\t\t\t{\n\t\t\t\t\t[`i-checkbox-${itemStatus}`]: itemStatus !== \"normal\",\n\t\t\t\t\tdisabled,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype='checkbox'\n\t\t\t\tname={name}\n\t\t\t\tclassName={classNames(\"i-checkbox-input\", {\n\t\t\t\t\t[`i-checkbox-${type}`]: !partof,\n\t\t\t\t\t\"i-checkbox-partof\": partof,\n\t\t\t\t})}\n\t\t\t\tchecked={checked}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\n\t\t\t{isChildrenFn ? (\n\t\t\t\tchildren(checked, optionValue)\n\t\t\t) : (\n\t\t\t\t<span className='i-checkbox-text'>{children || label}</span>\n\t\t\t)}\n\n\t\t\t{itemMessage && (\n\t\t\t\t<span className='i-checkbox-message'>*{itemMessage}</span>\n\t\t\t)}\n\t\t</label>\n\t);\n}\n"],"mappings":";;;;;;AAIA,SAAwB,aAAa,OAAsB;CAC1D,MAAM,EACL,OAAO,WACP,OACA,MACA,QAAQ,OACR,WACA,SAAS,UACT,SACA,UACA,QACA,aACA,UACA,UACA,GAAG,cACA;CAEJ,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAC7C,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,OAAO;CACpD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,QAAQ;CACvD,MAAM,eAAe,OAAO,aAAa;CAEzC,MAAM,gBAAgB,MAAqC;EAC1D,MAAM,OAAO,EAAE,OAAO;AACtB,aAAW,KAAK;AAChB,gBAAc,OAAO;AACrB,iBAAe,QAAQ;AACvB,aAAW,MAAM,EAAE;;AAGpB,EAAA,GAAA,MAAA,iBAAgB;AACf,aAAW,MAAM;IACf,CAAC,MAAM,CAAC;AAEX,EAAA,GAAA,MAAA,iBAAgB;AACf,gBAAc,OAAO;AACrB,iBAAe,QAAQ;IACrB,CAAC,QAAQ,QAAQ,CAAC;AAErB,QACC,iBAAA,GAAA,kBAAA,MAAC,SAAD;EACC,YAAA,GAAA,WAAA,SACC,mBACA;IACE,cAAc,eAAe,eAAe;GAC7C;GACA,EACD,UACA;EACD,GAAI;YATL;GAWC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACC,MAAK;IACC;IACN,YAAA,GAAA,WAAA,SAAsB,oBAAoB;MACxC,cAAc,SAAS,CAAC;KACzB,qBAAqB;KACrB,CAAC;IACO;IACC;IACV,UAAU;IACT,CAAA;GAED,eACA,SAAS,SAAS,YAAY,GAE9B,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAU;cAAmB,YAAY;IAAa,CAAA;GAG5D,eACA,iBAAA,GAAA,kBAAA,MAAC,QAAD;IAAM,WAAU;cAAhB,CAAqC,KAAE,YAAmB;;GAEpD"}

package/lib/cjs/components/collapse/{collapse.cjs → collapse.js}

@@ -1,6 +1,6 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../utils/helpericon/index.cjs");
-const require_item = require("./item.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../utils/helpericon/index.js");
+const require_item = require("./item.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -81,4 +81,4 @@ Collapse.Item = require_item.default;
 //#endregion
 exports.default = Collapse;
 
-//# sourceMappingURL=collapse.cjs.map
+//# sourceMappingURL=collapse.js.map

package/lib/cjs/components/collapse/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","names":[],"sources":["../../../../packages/components/collapse/collapse.tsx"],"sourcesContent":["import { MinusRound, PlusRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { Children, useMemo, useState } from \"react\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { ICollapse, ICollapseItem, TKey } from \"./type\";\n\nconst Collapse = (props: ICollapse) => {\n\tconst {\n\t\tactive,\n\t\titems,\n\t\tmultiple,\n\t\tborder,\n\t\theaderClickable,\n\t\tclassName,\n\t\tchildren,\n\t\trenderToggle = (active: boolean) =>\n\t\t\tactive ? <MinusRound /> : <PlusRound />,\n\t\tonCollapse,\n\t\t...restProps\n\t} = props;\n\n\tconst [activeKey, setActiveKey] = useState(active);\n\n\tconst collapses = useMemo(() => {\n\t\tif (!items) {\n\t\t\tif (!children) return [];\n\n\t\t\treturn (\n\t\t\t\tChildren.map(children, (node, i) => {\n\t\t\t\t\tconst { key, props: nodeProps } = node as {\n\t\t\t\t\t\tkey?: TKey;\n\t\t\t\t\t\tprops?: any;\n\t\t\t\t\t};\n\t\t\t\t\tconst { title, children, content, disabled, ...restProps } =\n\t\t\t\t\t\tnodeProps;\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...restProps,\n\t\t\t\t\t\tkey: key || i,\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tcontent: children || content,\n\t\t\t\t\t\tdisabled,\n\t\t\t\t\t};\n\t\t\t\t}) || []\n\t\t\t);\n\t\t}\n\n\t\treturn items;\n\t}, [children]);\n\n\tconst handleHeaderClick = (item: ICollapseItem) => {\n\t\tif (!headerClickable) return;\n\n\t\thandleToggle(item);\n\t};\n\n\tconst handleToggle = (item: ICollapseItem, e?) => {\n\t\tconst { key, disabled } = item;\n\t\te?.stopPropagation();\n\t\tif (disabled) return;\n\n\t\tif (!multiple) {\n\t\t\tconst nextActive = activeKey === key ? undefined : key;\n\t\t\tsetActiveKey(nextActive);\n\t\t\tonCollapse?.(key as TKey, nextActive !== undefined);\n\t\t\treturn;\n\t\t}\n\n\t\tconst group = Array.isArray(activeKey) ? [...activeKey] : [];\n\n\t\tconst i = group.findIndex((k) => k === key);\n\n\t\tif (i > -1) {\n\t\t\tgroup.splice(i, 1);\n\t\t} else {\n\t\t\tkey !== undefined && group.push(key);\n\t\t}\n\t\tsetActiveKey(group as any);\n\t\tonCollapse?.(key as TKey, i < 0);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-collapse\",\n\t\t\t\t{\n\t\t\t\t\t\"i-collapse-bordered\": border,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{collapses.map((item) => {\n\t\t\t\tconst {\n\t\t\t\t\tkey,\n\t\t\t\t\ttitle,\n\t\t\t\t\tcontent,\n\t\t\t\t\tdisabled,\n\t\t\t\t\tclassName,\n\t\t\t\t\t...restProps\n\t\t\t\t} = item;\n\t\t\t\tconst isActive = multiple\n\t\t\t\t\t? ((activeKey as TKey[]) || []).includes(key)\n\t\t\t\t\t: activeKey === key;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tclassName={classNames(\"i-collapse-item\", className, {\n\t\t\t\t\t\t\t\"i-collapse-active\": isActive,\n\t\t\t\t\t\t\t\"i-collapse-disabled\": disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName='i-collapse-header'\n\t\t\t\t\t\t\tonClick={() => handleHeaderClick(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\tclassName='i-collapse-toggle'\n\t\t\t\t\t\t\t\ticon={renderToggle(isActive)}\n\t\t\t\t\t\t\t\tonClick={(e) => handleToggle(item, e)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='i-collapse-content'>{content}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nCollapse.Item = Item;\n\nexport default Collapse;\n"],"mappings":""}

package/lib/cjs/components/collapse/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/collapse/index.tsx
-var collapse_default = require("./collapse.cjs").default;
+var collapse_default = require("./collapse.js").default;
 //#endregion
 exports.default = collapse_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/collapse/index.js.map

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

package/lib/cjs/components/collapse/{item.cjs → item.js}

@@ -1,4 +1,4 @@
-require("../../_virtual/_rolldown/runtime.cjs");
+require("../../_virtual/_rolldown/runtime.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/components/collapse/item.tsx
 function Item(props) {
@@ -7,4 +7,4 @@ function Item(props) {
 //#endregion
 exports.default = Item;
 
-//# sourceMappingURL=item.cjs.map
+//# sourceMappingURL=item.js.map

package/lib/cjs/components/collapse/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"sources":["../../../../packages/components/collapse/item.tsx"],"sourcesContent":["import { ICollapseItem } from \"./type\";\n\nexport default function Item(props: ICollapseItem) {\n\treturn <></>;\n}\n"],"mappings":";;;AAEA,SAAwB,KAAK,OAAsB;AAClD,QAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA"}

package/lib/cjs/components/datagrid/{cell.cjs → cell.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -36,4 +36,4 @@ function Cell(props) {
 exports.Cell = Cell;
 exports.getCellStyle = getCellStyle;
 
-//# sourceMappingURL=cell.cjs.map
+//# sourceMappingURL=cell.js.map

package/lib/cjs/components/datagrid/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","names":[],"sources":["../../../../packages/components/datagrid/cell.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { ICell, IColumn } from \"./type\";\n\nexport function getCellStyle({\n\tjustify,\n\tcol,\n\trow,\n\tcolSpan = 1,\n\trowSpan = 1,\n}: Pick<IColumn, \"justify\" | \"fixed\"> & {\n\tcol: number;\n\trow: number;\n\tcolSpan?: number;\n\trowSpan?: number;\n\tisHeader?: boolean;\n}) {\n\tconst style = {\n\t\t\"--datagrid-justify\": justify,\n\t\tgridArea: `${row + 1} / ${col + 1} / ${row + 1 + rowSpan} / ${\n\t\t\tcol + 1 + colSpan\n\t\t}`,\n\t\tinsetInline: `var(--datagrid-cell-inset-${col})`,\n\t};\n\n\treturn style;\n}\n\nexport function Cell(props: ICell) {\n\tconst {\n\t\tcolumn,\n\t\trow,\n\t\tcol,\n\t\tdata,\n\t\tcellEllipsis,\n\t\tonCellClick,\n\t\tonCellDoubleClick,\n\t} = props;\n\tconst { id, fixed, justify, rowSpan, render } = column;\n\tconst style = getCellStyle({ justify, fixed, col, row, rowSpan });\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-datagrid-cell\", {\n\t\t\t\t[`i-datagrid-cell-fixed-${fixed}`]: fixed,\n\t\t\t})}\n\t\t\tdata-col={id}\n\t\t\tstyle={style}\n\t\t\tonClick={(e) => onCellClick?.(data, column, row, col, e)}\n\t\t\tonDoubleClick={(e) =>\n\t\t\t\tonCellDoubleClick?.(data, column, row, col, e)\n\t\t\t}\n\t\t>\n\t\t\t{render?.(data[id], data, row, col) ?? (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-datagrid-cell-content\", {\n\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\": cellEllipsis,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{data[id]}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AAGA,SAAgB,aAAa,EAC5B,SACA,KACA,KACA,UAAU,GACV,UAAU,KAOR;AASF,QARc;EACb,sBAAsB;EACtB,UAAU,GAAG,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,IAAI,QAAQ,KACxD,MAAM,IAAI;EAEX,aAAa,6BAA6B,IAAI;EAC9C;;AAKF,SAAgB,KAAK,OAAc;CAClC,MAAM,EACL,QACA,KACA,KACA,MACA,cACA,aACA,sBACG;CACJ,MAAM,EAAE,IAAI,OAAO,SAAS,SAAS,WAAW;CAChD,MAAM,QAAQ,aAAa;EAAE;EAAS;EAAO;EAAK;EAAK;EAAS,CAAC;AAEjE,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACC,YAAA,GAAA,WAAA,SAAsB,mBAAmB,GACvC,yBAAyB,UAAU,OACpC,CAAC;EACF,YAAU;EACH;EACP,UAAU,MAAM,cAAc,MAAM,QAAQ,KAAK,KAAK,EAAE;EACxD,gBAAgB,MACf,oBAAoB,MAAM,QAAQ,KAAK,KAAK,EAAE;YAG9C,SAAS,KAAK,KAAK,MAAM,KAAK,IAAI,IAClC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACC,YAAA,GAAA,WAAA,SAAsB,2BAA2B,EAChD,oCAAoC,cACpC,CAAC;aAED,KAAK;GACD,CAAA;EAEF,CAAA"}

package/lib/cjs/components/datagrid/{datagrid.cjs → datagrid.js}

@@ -1,9 +1,9 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../loading/index.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_index$1 = require("../utils/empty/index.cjs");
-const require_row = require("./row.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../loading/index.js");
+const require_hooks = require("../../js/hooks.js");
+const require_utils = require("../../js/utils.js");
+const require_index$1 = require("../utils/empty/index.js");
+const require_row = require("./row.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -137,4 +137,4 @@ const Datagrid = (props) => {
 //#endregion
 exports.default = Datagrid;
 
-//# sourceMappingURL=datagrid.cjs.map
+//# sourceMappingURL=datagrid.js.map

package/lib/cjs/components/datagrid/datagrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid.js","names":[],"sources":["../../../../packages/components/datagrid/datagrid.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport classNames from \"classnames\";\nimport { CSSProperties, MouseEvent, useEffect, useMemo, useRef } from \"react\";\nimport { getNextSorter } from \"../../js/utils\";\nimport Loading from \"../loading\";\nimport Empty from \"../utils/empty\";\nimport \"./index.css\";\nimport Row, { Header } from \"./row\";\nimport type { IColumn, IData, IDatagrid, TDatagridState } from \"./type\";\n\nconst Datagrid = (props: IDatagrid) => {\n\tconst {\n\t\tdata = [],\n\t\tcolumns = [],\n\t\tborder,\n\t\tstriped,\n\t\theader = true,\n\t\tresizable,\n\t\tcellPadding = \".5em\",\n\t\tcellEllipsis,\n\t\tempty = <Empty />,\n\t\tloading,\n\t\theight = \"unset\",\n\t\tstyle,\n\t\tclassName,\n\t\trenderLoading = () => (\n\t\t\t<Loading size='1.5em' className='color-3' absolute />\n\t\t),\n\t\tonCellClick,\n\t\tonRowClick,\n\t\tonCellDoubleClick,\n\t\tonHeaderClick,\n\t\tonSort,\n\t\tonScroll,\n\t\tonResize,\n\t} = props;\n\n\tconst container = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<TDatagridState>({\n\t\trows: data,\n\t\twidths: columns.map((col) => col.width ?? \"min-content\"),\n\t\tsortBy: \"\",\n\t\tsortType: \"\",\n\t});\n\n\tconst styles = useMemo(() => {\n\t\tconst { widths } = state;\n\n\t\tconst o = {\n\t\t\t...style,\n\t\t\t\"--grid-template-columns\": widths\n\t\t\t\t.map((w) => {\n\t\t\t\t\treturn typeof w === \"number\" ? `${w}px` : w;\n\t\t\t\t})\n\t\t\t\t.join(\" \"),\n\t\t};\n\n\t\tif (!resizable) return o;\n\n\t\tconst fws = columns.map((col, i) => {\n\t\t\tconst { fixed } = col;\n\t\t\tif (!fixed) return 0;\n\t\t\treturn widths[i] as number;\n\t\t});\n\n\t\tcolumns.map((col, i) => {\n\t\t\tconst { fixed } = col;\n\t\t\tif (!fixed) return;\n\t\t\tif (i === 0) {\n\t\t\t\to[`--datagrid-cell-inset-0`] = 0;\n\t\t\t} else if (i === fws.length - 1) {\n\t\t\t\to[`--datagrid-cell-inset-${fws.length - 1}`] = \"auto 0\";\n\t\t\t} else {\n\t\t\t\tconst isLeft = fixed === \"left\";\n\t\t\t\tconst before = isLeft ? fws.slice(0, i) : fws.slice(i + 1);\n\t\t\t\tconst sum = before.reduce((pre, cur) => pre + cur) + \"px\";\n\t\t\t\tconst result = isLeft ? `${sum} auto` : `auto ${sum}`;\n\t\t\t\to[`--datagrid-cell-inset-${i}`] = result;\n\t\t\t}\n\t\t});\n\n\t\treturn o;\n\t}, [state.widths, resizable]);\n\n\tconst handleWidthChange = (i: number, w: number) => {\n\t\tif (!resizable) return;\n\n\t\tconst [...ws] = state.widths;\n\t\tws[i] = w;\n\t\tstate.widths = ws;\n\t\tonResize?.(columns[i], w);\n\t};\n\n\tconst handleHeaderClick = (column?: IColumn, e?: MouseEvent) => {\n\t\tif (column?.sorter) {\n\t\t\tconst [sortBy, sortType] = getNextSorter(\n\t\t\t\tstate.sortBy,\n\t\t\t\tstate.sortType,\n\t\t\t\tcolumn.id\n\t\t\t);\n\n\t\t\tObject.assign(state, {\n\t\t\t\tsortBy,\n\t\t\t\tsortType,\n\t\t\t});\n\n\t\t\tonSort?.(sortBy, sortType);\n\t\t}\n\n\t\tonHeaderClick?.(column, e);\n\t};\n\n\tconst rows = useMemo(() => {\n\t\tconst { sortBy, sortType } = state;\n\n\t\tif (sortBy && !onSort) {\n\t\t\tconst sorter = columns.find((col) => col.id === sortBy)?.sorter;\n\t\t\tconst sortFn =\n\t\t\t\ttypeof sorter === \"function\"\n\t\t\t\t\t? sorter\n\t\t\t\t\t: (a: IData, b: IData) => b[sortBy] - a[sortBy];\n\t\t\tconst sorted = [...data].sort(sortFn);\n\n\t\t\treturn sortType === \"desc\" ? sorted : sorted.reverse();\n\t\t}\n\n\t\treturn data;\n\t}, [data, columns, state.sortBy, state.sortType]);\n\n\tuseEffect(() => {\n\t\tif (!container.current) return;\n\t\tconst { current: div } = container;\n\t\tconst tds = div.querySelector(\".i-datagrid-row\")?.children;\n\t\tif (!tds?.length) return;\n\t\tstate.widths = Array.from(tds).map((node: any) => node.offsetWidth);\n\t}, [columns, resizable]);\n\n\tuseEffect(() => {\n\t\tloading && container.current?.scrollTo({ top: 0, left: 0 });\n\t}, [loading]);\n\n\tconst mergedStyle = {\n\t\t\"--cell-padding\": cellPadding,\n\t\t...styles,\n\t} as CSSProperties;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ maxHeight: height, ...mergedStyle }}\n\t\t\tclassName={classNames(\"i-datagrid-container\", className, {\n\t\t\t\t\"i-datagrid-bordered\": border,\n\t\t\t\t\"i-datagrid-striped\": striped,\n\t\t\t})}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={container}\n\t\t\t\tclassName={classNames(\"i-datagrid\", {\n\t\t\t\t\t\"i-datagrid-loading\": loading,\n\t\t\t\t})}\n\t\t\t\tonWheel={onScroll}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\tcolumns={columns}\n\t\t\t\t\t\tresizable={resizable}\n\t\t\t\t\t\tsortType={state.sortType}\n\t\t\t\t\t\tsortBy={state.sortBy}\n\t\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\t\tonWidthChange={handleWidthChange}\n\t\t\t\t\t\tonHeaderClick={handleHeaderClick}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{rows.map((row, i) => (\n\t\t\t\t\t<Row\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\trow={i + (header ? 1 : 0)}\n\t\t\t\t\t\tdata={row}\n\t\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\t\tcolumns={columns}\n\t\t\t\t\t\tonCellClick={onCellClick}\n\t\t\t\t\t\tonRowClick={onRowClick}\n\t\t\t\t\t\tonCellDoubleClick={onCellDoubleClick}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{rows.length < 1 && empty}\n\t\t\t</div>\n\n\t\t\t{loading && renderLoading()}\n\t\t</div>\n\t);\n};\n\nexport default Datagrid;\n"],"mappings":""}

package/lib/cjs/components/datagrid/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/datagrid/index.tsx
-var datagrid_default = require("./datagrid.cjs").default;
+var datagrid_default = require("./datagrid.js").default;
 //#endregion
 exports.default = datagrid_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/datagrid/index.js.map

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

package/lib/cjs/components/datagrid/{resize.cjs → resize.js}

@@ -1,5 +1,5 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
+require("../../_virtual/_rolldown/runtime.js");
+const require_hooks = require("../../js/hooks.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/components/datagrid/resize.tsx
 function Resize(props) {
@@ -39,4 +39,4 @@ function Resize(props) {
 //#endregion
 exports.default = Resize;
 
-//# sourceMappingURL=resize.cjs.map
+//# sourceMappingURL=resize.js.map

package/lib/cjs/components/datagrid/resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.js","names":["useReactive"],"sources":["../../../../packages/components/datagrid/resize.tsx"],"sourcesContent":["import { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\n\nexport default function Resize(props) {\n\tconst { index, onWidthChange } = props;\n\tconst state = useReactive({\n\t\tresizing: false,\n\t\tx: 0,\n\t\twidth: 0,\n\t});\n\n\tconst handleMouseDown = (e) => {\n\t\tconst tar = e.target as HTMLElement;\n\t\tconst width = (tar.offsetParent as HTMLElement).offsetWidth;\n\n\t\tObject.assign(state, {\n\t\t\tx: e.pageX,\n\t\t\tresizing: true,\n\t\t\twidth,\n\t\t});\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.resizing) return;\n\n\t\te.preventDefault();\n\n\t\tconst after = state.width + e.pageX - state.x;\n\t\tif (after <= 24) return;\n\n\t\tonWidthChange(index, after);\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\treturn (\n\t\t<i\n\t\t\tclassName='i-datagrid-resizor'\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;AAEA,SAAwB,OAAO,OAAO;CACrC,MAAM,EAAE,OAAO,kBAAkB;CACjC,MAAM,QAAQA,cAAAA,YAAY;EACzB,UAAU;EACV,GAAG;EACH,OAAO;EACP,CAAC;CAEF,MAAM,mBAAmB,MAAM;EAE9B,MAAM,QADM,EAAE,OACK,aAA6B;AAEhD,SAAO,OAAO,OAAO;GACpB,GAAG,EAAE;GACL,UAAU;GACV;GACA,CAAC;;CAGH,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,MAAM,SAAU;AAErB,IAAE,gBAAgB;EAElB,MAAM,QAAQ,MAAM,QAAQ,EAAE,QAAQ,MAAM;AAC5C,MAAI,SAAS,GAAI;AAEjB,gBAAc,OAAO,MAAM;;CAG5B,MAAM,sBAAsB;AAC3B,MAAI,CAAC,MAAM,SAAU;AAErB,QAAM,WAAW;;AAGlB,eAAA,aAAa,gBAAgB;AAC7B,eAAA,WAAW,cAAc;AAEzB,QACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACC,WAAU;EACV,aAAa;EACb,UAAU,MAAM,EAAE,iBAAiB;EAClC,CAAA"}

package/lib/cjs/components/datagrid/{row.cjs → row.js}

@@ -1,7 +1,7 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_cell = require("./cell.cjs");
-const require_resize = require("./resize.cjs");
-const require_sorter = require("./sorter.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_cell = require("./cell.js");
+const require_resize = require("./resize.js");
+const require_sorter = require("./sorter.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -65,4 +65,4 @@ function Header(props) {
 exports.Header = Header;
 exports.default = Row;
 
-//# sourceMappingURL=row.cjs.map
+//# sourceMappingURL=row.js.map

package/lib/cjs/components/datagrid/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","names":["Cell","getCellStyle","Sorter","Resize"],"sources":["../../../../packages/components/datagrid/row.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Cell, getCellStyle } from \"./cell\";\nimport Resize from \"./resize\";\nimport Sorter from \"./sorter\";\nimport { IHeader, IRow } from \"./type\";\n\nexport default function Row(props: IRow) {\n\tconst {\n\t\trow,\n\t\tdata,\n\t\tcolumns,\n\t\tcellEllipsis,\n\t\tonRowClick,\n\t\tonCellClick,\n\t\tonCellDoubleClick,\n\t} = props;\n\n\treturn (\n\t\t<div className='i-datagrid-row' onClick={() => onRowClick?.(data, row)}>\n\t\t\t{columns.map((col, i) => (\n\t\t\t\t<Cell\n\t\t\t\t\tkey={i}\n\t\t\t\t\tcolumn={col}\n\t\t\t\t\tcol={i}\n\t\t\t\t\trow={row}\n\t\t\t\t\tdata={data}\n\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\tonCellClick={onCellClick}\n\t\t\t\t\tonCellDoubleClick={onCellDoubleClick}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nexport function Header(props: IHeader) {\n\tconst {\n\t\tcolumns,\n\t\tresizable,\n\t\tcellEllipsis,\n\t\tsortBy,\n\t\tsortType,\n\t\tonWidthChange,\n\t\tonHeaderClick,\n\t} = props;\n\n\treturn (\n\t\t<div className='i-datagrid-header i-datagrid-row'>\n\t\t\t{columns.map((column, col) => {\n\t\t\t\tconst {\n\t\t\t\t\tid,\n\t\t\t\t\ttitle,\n\t\t\t\t\tfixed,\n\t\t\t\t\tcolSpan,\n\t\t\t\t\tsorter,\n\t\t\t\t\tjustify,\n\t\t\t\t\trenderHeader,\n\t\t\t\t} = column;\n\t\t\t\tconst style = getCellStyle({\n\t\t\t\t\tjustify,\n\t\t\t\t\trow: 0,\n\t\t\t\t\tcol,\n\t\t\t\t\tcolSpan,\n\t\t\t\t});\n\n\t\t\t\tconst order = sortBy === id ? sortType : \"\";\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={col}\n\t\t\t\t\t\tdata-col={id}\n\t\t\t\t\t\tclassName={classNames(\"i-datagrid-cell\", {\n\t\t\t\t\t\t\t\"i-datagrid-has-sorter\": sorter,\n\t\t\t\t\t\t\t\"i-datagrid-cell-fixed\": fixed,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{ ...style, insetBlockStart: 0 }}\n\t\t\t\t\t\tonClick={(e) => onHeaderClick?.(column, e)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderHeader?.(column, col) ?? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content\",\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\":\n\t\t\t\t\t\t\t\t\t\t\tcellEllipsis,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title || id}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{sorter && <Sorter type={order} />}\n\n\t\t\t\t\t\t{resizable && (\n\t\t\t\t\t\t\t<Resize index={col} onWidthChange={onWidthChange} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAMA,SAAwB,IAAI,OAAa;CACxC,MAAM,EACL,KACA,MACA,SACA,cACA,YACA,aACA,sBACG;AAEJ,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EAAiB,eAAe,aAAa,MAAM,IAAI;YACpE,QAAQ,KAAK,KAAK,MAClB,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;GAEC,QAAQ;GACR,KAAK;GACA;GACC;GACQ;GACD;GACM;GAClB,EARI,EAQJ,CACD;EACG,CAAA;;AAIR,SAAgB,OAAO,OAAgB;CACtC,MAAM,EACL,SACA,WACA,cACA,QACA,UACA,eACA,kBACG;AAEJ,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,QAAQ,KAAK,QAAQ,QAAQ;GAC7B,MAAM,EACL,IACA,OACA,OACA,SACA,QACA,SACA,iBACG;GACJ,MAAM,QAAQC,aAAAA,aAAa;IAC1B;IACA,KAAK;IACL;IACA;IACA,CAAC;GAEF,MAAM,QAAQ,WAAW,KAAK,WAAW;AAEzC,UACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAEC,YAAU;IACV,YAAA,GAAA,WAAA,SAAsB,mBAAmB;KACxC,yBAAyB;KACzB,yBAAyB;KACzB,CAAC;IACF,OAAO;KAAE,GAAG;KAAO,iBAAiB;KAAG;IACvC,UAAU,MAAM,gBAAgB,QAAQ,EAAE;cAR3C;KAUE,eAAe,QAAQ,IAAI,IAC3B,iBAAA,GAAA,kBAAA,KAAC,OAAD;MACC,YAAA,GAAA,WAAA,SACC,2BACA,EACC,oCACC,cACD,CACD;gBAEA,SAAS;MACL,CAAA;KAGN,UAAU,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD,EAAQ,MAAM,OAAS,CAAA;KAEjC,aACA,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;MAAQ,OAAO;MAAoB;MAAiB,CAAA;KAEhD;MA5BA,IA4BA;IAEN;EACG,CAAA"}

package/lib/cjs/components/datagrid/{sorter.cjs → sorter.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -25,4 +25,4 @@ function Sorter(props) {
 //#endregion
 exports.default = Sorter;
 
-//# sourceMappingURL=sorter.cjs.map
+//# sourceMappingURL=sorter.js.map

package/lib/cjs/components/datagrid/sorter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sorter.js","names":[],"sources":["../../../../packages/components/datagrid/sorter.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nconst Arrow = (props) => (\n\t<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>\n\t\t<g fill='none'>\n\t\t\t<path\n\t\t\t\td='M9 17.898c0 1.074 1.265 1.648 2.073.941l6.31-5.522a1.75 1.75 0 0 0 0-2.634l-6.31-5.522C10.265 4.454 9 5.028 9 6.102v11.796z'\n\t\t\t\tfill='currentColor'\n\t\t\t></path>\n\t\t</g>\n\t</svg>\n);\n\nexport default function Sorter(props) {\n\tconst { type } = props;\n\n\treturn (\n\t\t<a\n\t\t\tclassName={classNames(\"i-datagrid-sorter\", {\n\t\t\t\t[`i-datagrid-sorter-${type}`]: type,\n\t\t\t})}\n\t\t>\n\t\t\t<Arrow className='i-datagrid-sorter-caret' />\n\t\t\t<Arrow className='i-datagrid-sorter-caret' />\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;AAEA,MAAM,SAAS,UACd,iBAAA,GAAA,kBAAA,KAAC,OAAD;CAAK,OAAM;CAA6B,SAAQ;CAAY,GAAI;WAC/D,iBAAA,GAAA,kBAAA,KAAC,KAAD;EAAG,MAAK;YACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACC,GAAE;GACF,MAAK;GACE,CAAA;EACL,CAAA;CACC,CAAA;AAGP,SAAwB,OAAO,OAAO;CACrC,MAAM,EAAE,SAAS;AAEjB,QACC,iBAAA,GAAA,kBAAA,MAAC,KAAD;EACC,YAAA,GAAA,WAAA,SAAsB,qBAAqB,GACzC,qBAAqB,SAAS,MAC/B,CAAC;YAHH,CAKC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAO,WAAU,2BAA4B,CAAA,EAC7C,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAO,WAAU,2BAA4B,CAAA,CAC1C"}

package/lib/cjs/components/description/{description.cjs → description.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -40,4 +40,4 @@ const Description = (props) => {
 //#endregion
 exports.default = Description;
 
-//# sourceMappingURL=description.cjs.map
+//# sourceMappingURL=description.js.map

package/lib/cjs/components/description/description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","names":[],"sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CSSProperties, Fragment } from \"react\";\nimport \"./index.css\";\nimport { IDescription } from \"./type\";\n\nconst Description = (props: IDescription) => {\n\tconst {\n\t\tdata,\n\t\tcolon,\n\t\tcolumns = 1,\n\t\tgap = \".5em\",\n\t\talign,\n\t\tlabelWidth,\n\t\tlabelAlign,\n\t\tvertical,\n\t\tequally,\n\t\tstyle,\n\t\tclassName,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-description\", className)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\n\t\t\t\t\t})`,\n\t\t\t\t\tgap,\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t...style,\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{data.map((item, i) => {\n\t\t\t\tconst {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue,\n\t\t\t\t\tstyle,\n\t\t\t\t\thidden,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t\tcolSpan = 1,\n\t\t\t\t} = item;\n\n\t\t\t\tif (hidden) return <Fragment key={i} />;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\n\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='i-description-label'\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t{colon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Description;\n"],"mappings":""}

package/lib/cjs/components/description/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/description/index.tsx
-var description_default = require("./description.cjs").default;
+var description_default = require("./description.js").default;
 //#endregion
 exports.default = description_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/description/index.js.map

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

package/lib/cjs/components/drawer/{drawer.cjs → drawer.js}

@@ -1,6 +1,6 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_index = require("../utils/helpericon/index.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_hooks = require("../../js/hooks.js");
+const require_index = require("../utils/helpericon/index.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -81,4 +81,4 @@ function Drawer(props) {
 //#endregion
 exports.default = Drawer;
 
-//# sourceMappingURL=drawer.cjs.map
+//# sourceMappingURL=drawer.js.map

package/lib/cjs/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":[],"sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useTransition } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown, useReactive } from \"../../js/hooks\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IDrawer } from \"./type\";\n\nfunction Drawer(props: IDrawer) {\n\tconst {\n\t\tvisible,\n\t\tposition = \"left\",\n\t\theader,\n\t\tfooter,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tkeepDOM,\n\t\tclassName,\n\t\tdisabledEsc,\n\t\tchildren,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst toggable = useRef(true);\n\tconst state = useReactive({\n\t\tshow: visible,\n\t\tactive: visible,\n\t});\n\tconst [isPending, startTransition] = useTransition();\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current || isPending) return;\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\tstate.active = false;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (!keepDOM) {\n\t\t\t\t\tstate.show = false;\n\t\t\t\t}\n\t\t\t\tonVisibleChange?.(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t\tonClose?.();\n\t\t\t}, 240);\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tif (!toggable.current || isPending) return;\n\n\t\tstate.show = true;\n\t\tonVisibleChange?.(true);\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tstate.active = true;\n\t\t\t\ttoggable.current = true;\n\t\t\t});\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{\n\t\t\tdisabled: disabledEsc,\n\t\t}\n\t);\n\n\tif (!state.show) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\n\t\t\t\t\"i-active\": state.active,\n\t\t\t})}\n\t\t\tonClick={handleBackdropClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className='i-drawer-header'>\n\t\t\t\t\t\t{header}\n\n\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\n\t\t\t\t\t\t\t\tonClick={handleHide}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\n\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body\n\t);\n}\n\nexport default Drawer;\n"],"mappings":""}

package/lib/cjs/components/drawer/{index.cjs → index.js}

@@ -1,6 +1,6 @@
 //#region packages/components/drawer/index.tsx
-var drawer_default = require("./drawer.cjs").default;
+var drawer_default = require("./drawer.js").default;
 //#endregion
 exports.default = drawer_default;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/drawer/index.js.map

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