@ioca/react 1.4.76 → 1.4.77

package/lib/es/components/tag/tag.js

@@ -1,18 +1,30 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import Helpericon from '../utils/helpericon/helpericon.js';
-
+import helpericon_default from "../utils/helpericon/index.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/tag/tag.tsx
 const Tag = (props) => {
-    const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;
-    return (jsxs("span", { className: classNames("i-tag", {
-            "i-tag-outline": outline,
-            "i-tag-clickable": onClick,
-            [`i-tag-${size}`]: size !== "normal",
-            round,
-        }, className), onClick: onClick, ...restProps, children: [dot && jsx("span", { className: classNames("i-tag-dot", dotClass) }), children, onClose && (jsx(Helpericon, { active: true, className: classNames("i-tag-close", {
-                    "i-tag-hover-close": hoverShowClose,
-                }), onClick: onClose }))] }));
+	const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;
+	return /* @__PURE__ */ jsxs("span", {
+		className: classNames("i-tag", {
+			"i-tag-outline": outline,
+			"i-tag-clickable": onClick,
+			[`i-tag-${size}`]: size !== "normal",
+			round
+		}, className),
+		onClick,
+		...restProps,
+		children: [
+			dot && /* @__PURE__ */ jsx("span", { className: classNames("i-tag-dot", dotClass) }),
+			children,
+			onClose && /* @__PURE__ */ jsx(helpericon_default, {
+				active: true,
+				className: classNames("i-tag-close", { "i-tag-hover-close": hoverShowClose }),
+				onClick: onClose
+			})
+		]
+	});
 };
-
+//#endregion
 export { Tag as default };
-//# sourceMappingURL=tag.js.map
+
+//# sourceMappingURL=tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../../../packages/components/tag/tag.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { ITag } from \"./type\";\n\nconst Tag = (props: ITag) => {\n\tconst {\n\t\tdot,\n\t\tdotClass,\n\t\toutline,\n\t\tround,\n\t\tsize = \"normal\",\n\t\thoverShowClose,\n\t\tclassName,\n\t\tchildren,\n\t\tonClose,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<span\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-tag\",\n\t\t\t\t{\n\t\t\t\t\t\"i-tag-outline\": outline,\n\t\t\t\t\t\"i-tag-clickable\": onClick,\n\t\t\t\t\t[`i-tag-${size}`]: size !== \"normal\",\n\t\t\t\t\tround,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={onClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{dot && <span className={classNames(\"i-tag-dot\", dotClass)}></span>}\n\n\t\t\t{children}\n\n\t\t\t{onClose && (\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive\n\t\t\t\t\tclassName={classNames(\"i-tag-close\", {\n\t\t\t\t\t\t\"i-tag-hover-close\": hoverShowClose,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</span>\n\t);\n};\n\nexport default Tag;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,GAAG,GAAG,CAAC,KAAW,KAAI;AAC3B,IAAA,MAAM,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,cAAc,EACd,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,QACCA,IAAA,CAAA,MAAA,EAAA,EACC,SAAS,EAAE,UAAU,CACpB,OAAO,EACP;AACC,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,iBAAiB,EAAE,OAAO;AAC1B,YAAA,CAAC,SAAS,IAAI,CAAA,CAAE,GAAG,IAAI,KAAK,QAAQ;YACpC,KAAK;AACL,SAAA,EACD,SAAS,CACT,EACD,OAAO,EAAE,OAAO,EAAA,GACZ,SAAS,EAAA,QAAA,EAAA,CAEZ,GAAG,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAS,EAElE,QAAQ,EAER,OAAO,KACPA,GAAA,CAAC,UAAU,EAAA,EACV,MAAM,EAAA,IAAA,EACN,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE;AACpC,oBAAA,mBAAmB,EAAE,cAAc;iBACnC,CAAC,EACF,OAAO,EAAE,OAAO,GACf,CACF,CAAA,EAAA,CACK;AAET;;;;"}
+{"version":3,"file":"tag.js","names":[],"sources":["../../../../packages/components/tag/tag.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { ITag } from \"./type\";\n\nconst Tag = (props: ITag) => {\n\tconst {\n\t\tdot,\n\t\tdotClass,\n\t\toutline,\n\t\tround,\n\t\tsize = \"normal\",\n\t\thoverShowClose,\n\t\tclassName,\n\t\tchildren,\n\t\tonClose,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<span\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-tag\",\n\t\t\t\t{\n\t\t\t\t\t\"i-tag-outline\": outline,\n\t\t\t\t\t\"i-tag-clickable\": onClick,\n\t\t\t\t\t[`i-tag-${size}`]: size !== \"normal\",\n\t\t\t\t\tround,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={onClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{dot && <span className={classNames(\"i-tag-dot\", dotClass)}></span>}\n\n\t\t\t{children}\n\n\t\t\t{onClose && (\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive\n\t\t\t\t\tclassName={classNames(\"i-tag-close\", {\n\t\t\t\t\t\t\"i-tag-hover-close\": hoverShowClose,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</span>\n\t);\n};\n\nexport default Tag;\n"],"mappings":";;;;AAKA,MAAM,OAAO,UAAgB;CAC5B,MAAM,EACL,KACA,UACA,SACA,OACA,OAAO,UACP,gBACA,WACA,UACA,SACA,SACA,GAAG,cACA;AAEJ,QACC,qBAAC,QAAD;EACC,WAAW,WACV,SACA;GACC,iBAAiB;GACjB,mBAAmB;IAClB,SAAS,SAAS,SAAS;GAC5B;GACA,EACD,UACA;EACQ;EACT,GAAI;YAZL;GAcE,OAAO,oBAAC,QAAD,EAAM,WAAW,WAAW,aAAa,SAAS,EAAS,CAAA;GAElE;GAEA,WACA,oBAAC,oBAAD;IACC,QAAA;IACA,WAAW,WAAW,eAAe,EACpC,qBAAqB,gBACrB,CAAC;IACF,SAAS;IACT,CAAA;GAEG"}

package/lib/es/components/text/highlight.js

@@ -1,28 +1,34 @@
-import { jsx } from 'react/jsx-runtime';
-import { findAll } from 'highlight-words-core';
-import { useMemo, Fragment } from 'react';
-import Text from './text.js';
-
+import Text from "./text.js";
+import { Fragment, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { findAll } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/highlight-words-core@1.2.3/node_modules/highlight-words-core/dist/index.js";
+//#region packages/components/text/highlight.tsx
 function HighLight(props) {
-    const { keyword, text, escape, caseSensitive, renderWord = (word) => jsx("mark", { children: word }), ...restProps } = props;
-    const content = useMemo(() => {
-        const source = text;
-        const searchWords = typeof keyword === "string" ? [keyword] : keyword;
-        const chunks = findAll({
-            searchWords,
-            textToHighlight: text,
-            caseSensitive,
-            autoEscape: escape,
-        });
-        const result = chunks.map((chunk, i) => {
-            const { end, highlight, start } = chunk;
-            const word = source.slice(start, end);
-            return highlight ? (jsx(Fragment, { children: renderWord(word) }, i)) : (word);
-        });
-        return result;
-    }, [keyword, text, escape, caseSensitive]);
-    return jsx(Text, { ...restProps, children: content });
+	const { keyword, text, escape, caseSensitive, renderWord = (word) => /* @__PURE__ */ jsx("mark", { children: word }), ...restProps } = props;
+	const content = useMemo(() => {
+		const source = text;
+		return findAll({
+			searchWords: typeof keyword === "string" ? [keyword] : keyword,
+			textToHighlight: text,
+			caseSensitive,
+			autoEscape: escape
+		}).map((chunk, i) => {
+			const { end, highlight, start } = chunk;
+			const word = source.slice(start, end);
+			return highlight ? /* @__PURE__ */ jsx(Fragment, { children: renderWord(word) }, i) : word;
+		});
+	}, [
+		keyword,
+		text,
+		escape,
+		caseSensitive
+	]);
+	return /* @__PURE__ */ jsx(Text, {
+		...restProps,
+		children: content
+	});
 }
-
+//#endregion
 export { HighLight as default };
-//# sourceMappingURL=highlight.js.map
+
+//# sourceMappingURL=highlight.js.map

package/lib/es/components/text/highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.js","sources":["../../../../packages/components/text/highlight.tsx"],"sourcesContent":["import { findAll } from \"highlight-words-core\";\nimport { Fragment, useMemo } from \"react\";\nimport Text from \"./text\";\nimport { ITextHighLight } from \"./type\";\n\nexport default function HighLight(props: ITextHighLight) {\n\tconst {\n\t\tkeyword,\n\t\ttext,\n\t\tescape,\n\t\tcaseSensitive,\n\t\trenderWord = (word) => <mark>{word}</mark>,\n\t\t...restProps\n\t} = props;\n\n\tconst content = useMemo(() => {\n\t\tconst source = text;\n\t\tconst searchWords = typeof keyword === \"string\" ? [keyword] : keyword;\n\n\t\tconst chunks = findAll({\n\t\t\tsearchWords,\n\t\t\ttextToHighlight: text,\n\t\t\tcaseSensitive,\n\t\t\tautoEscape: escape,\n\t\t});\n\n\t\tconst result = chunks.map((chunk, i) => {\n\t\t\tconst { end, highlight, start } = chunk;\n\t\t\tconst word = source.slice(start, end);\n\n\t\t\treturn highlight ? (\n\t\t\t\t<Fragment key={i}>{renderWord(word)}</Fragment>\n\t\t\t) : (\n\t\t\t\tword\n\t\t\t);\n\t\t});\n\n\t\treturn result;\n\t}, [keyword, text, escape, caseSensitive]);\n\n\treturn <Text {...restProps}>{content}</Text>;\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,SAAS,CAAC,KAAqB,EAAA;IACtD,MAAM,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,aAAa,EACb,UAAU,GAAG,CAAC,IAAI,KAAKA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,EAAA,CAAQ,EAC1C,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAK;QAC5B,MAAM,MAAM,GAAG,IAAI;AACnB,QAAA,MAAM,WAAW,GAAG,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAC,OAAO,CAAC,GAAG,OAAO;QAErE,MAAM,MAAM,GAAG,OAAO,CAAC;YACtB,WAAW;AACX,YAAA,eAAe,EAAE,IAAI;YACrB,aAAa;AACb,YAAA,UAAU,EAAE,MAAM;AAClB,SAAA,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;YACtC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK;YACvC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;YAErC,OAAO,SAAS,IACfA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAU,UAAU,CAAC,IAAI,CAAC,EAAA,EAApB,CAAC,CAA+B,KAE/C,IAAI,CACJ;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,MAAM;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;AAE1C,IAAA,OAAOA,IAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,OAAO,GAAQ;AAC7C;;;;"}
+{"version":3,"file":"highlight.js","names":[],"sources":["../../../../packages/components/text/highlight.tsx"],"sourcesContent":["import { findAll } from \"highlight-words-core\";\nimport { Fragment, useMemo } from \"react\";\nimport Text from \"./text\";\nimport { ITextHighLight } from \"./type\";\n\nexport default function HighLight(props: ITextHighLight) {\n\tconst {\n\t\tkeyword,\n\t\ttext,\n\t\tescape,\n\t\tcaseSensitive,\n\t\trenderWord = (word) => <mark>{word}</mark>,\n\t\t...restProps\n\t} = props;\n\n\tconst content = useMemo(() => {\n\t\tconst source = text;\n\t\tconst searchWords = typeof keyword === \"string\" ? [keyword] : keyword;\n\n\t\tconst chunks = findAll({\n\t\t\tsearchWords,\n\t\t\ttextToHighlight: text,\n\t\t\tcaseSensitive,\n\t\t\tautoEscape: escape,\n\t\t});\n\n\t\tconst result = chunks.map((chunk, i) => {\n\t\t\tconst { end, highlight, start } = chunk;\n\t\t\tconst word = source.slice(start, end);\n\n\t\t\treturn highlight ? (\n\t\t\t\t<Fragment key={i}>{renderWord(word)}</Fragment>\n\t\t\t) : (\n\t\t\t\tword\n\t\t\t);\n\t\t});\n\n\t\treturn result;\n\t}, [keyword, text, escape, caseSensitive]);\n\n\treturn <Text {...restProps}>{content}</Text>;\n}\n"],"mappings":";;;;;AAKA,SAAwB,UAAU,OAAuB;CACxD,MAAM,EACL,SACA,MACA,QACA,eACA,cAAc,SAAS,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,EAC1C,GAAG,cACA;CAEJ,MAAM,UAAU,cAAc;EAC7B,MAAM,SAAS;AAqBf,SAlBe,QAAQ;GACtB,aAHmB,OAAO,YAAY,WAAW,CAAC,QAAQ,GAAG;GAI7D,iBAAiB;GACjB;GACA,YAAY;GACZ,CAAC,CAEoB,KAAK,OAAO,MAAM;GACvC,MAAM,EAAE,KAAK,WAAW,UAAU;GAClC,MAAM,OAAO,OAAO,MAAM,OAAO,IAAI;AAErC,UAAO,YACN,oBAAC,UAAD,EAAA,UAAmB,WAAW,KAAK,EAAY,EAAhC,EAAgC,GAE/C;IAEA;IAGA;EAAC;EAAS;EAAM;EAAQ;EAAc,CAAC;AAE1C,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAY;EAAe,CAAA"}

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

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

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

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

package/lib/es/components/text/number.js

@@ -1,27 +1,31 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useMemo, useEffect } from 'react';
-import { formatNumber, animate } from '../../js/utils.js';
-import Text from './text.js';
-
+import { animate, formatNumber } from "../../js/utils.js";
+import Text from "./text.js";
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/components/text/number.tsx
 function Number(props) {
-    const { count, to, decimal, thousand = ",", duration = 2400, easing, ...restProps } = props;
-    const [n, setN] = useState(count);
-    const number = useMemo(() => {
-        if (n === undefined)
-            return;
-        const z = n.toFixed(decimal);
-        if (!thousand)
-            return z;
-        return formatNumber(n, { precision: decimal, thousand });
-    }, [n, thousand]);
-    useEffect(() => {
-        if (count === undefined || to === undefined)
-            return;
-        animate(count, to, duration, (v) => setN(count + v), easing);
-    }, [to]);
-    useEffect(() => setN(count), [count]);
-    return jsx(Text, { ...restProps, children: number });
+	const { count, to, decimal, thousand = ",", duration = 2400, easing, ...restProps } = props;
+	const [n, setN] = useState(count);
+	const number = useMemo(() => {
+		if (n === void 0) return;
+		const z = n.toFixed(decimal);
+		if (!thousand) return z;
+		return formatNumber(n, {
+			precision: decimal,
+			thousand
+		});
+	}, [n, thousand]);
+	useEffect(() => {
+		if (count === void 0 || to === void 0) return;
+		animate(count, to, duration, (v) => setN(count + v), easing);
+	}, [to]);
+	useEffect(() => setN(count), [count]);
+	return /* @__PURE__ */ jsx(Text, {
+		...restProps,
+		children: number
+	});
 }
-
+//#endregion
 export { Number as default };
-//# sourceMappingURL=number.js.map
+
+//# sourceMappingURL=number.js.map

package/lib/es/components/text/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","sources":["../../../../packages/components/text/number.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { animate, formatNumber } from \"../../js/utils\";\nimport Text from \"./text\";\nimport { ITextNumber } from \"./type\";\n\nexport default function Number(props: ITextNumber) {\n\tconst {\n\t\tcount,\n\t\tto,\n\t\tdecimal,\n\t\tthousand = \",\",\n\t\tduration = 2400,\n\t\teasing,\n\t\t...restProps\n\t} = props;\n\tconst [n, setN] = useState(count);\n\n\tconst number = useMemo(() => {\n\t\tif (n === undefined) return;\n\n\t\tconst z = n.toFixed(decimal);\n\n\t\tif (!thousand) return z;\n\n\t\treturn formatNumber(n, { precision: decimal, thousand });\n\t}, [n, thousand]);\n\n\tuseEffect(() => {\n\t\tif (count === undefined || to === undefined) return;\n\n\t\tanimate(count, to, duration, (v) => setN(count + v), easing);\n\t}, [to]);\n\n\tuseEffect(() => setN(count), [count]);\n\n\treturn <Text {...restProps}>{number}</Text>;\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,MAAM,CAAC,KAAkB,EAAA;IAChD,MAAM,EACL,KAAK,EACL,EAAE,EACF,OAAO,EACP,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,GAAG,SAAS,EACZ,GAAG,KAAK;IACT,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEjC,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QAC3B,IAAI,CAAC,KAAK,SAAS;YAAE;QAErB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;AAE5B,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,CAAC;AAEvB,QAAA,OAAO,YAAY,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACzD,IAAA,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;AACd,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS;YAAE;QAE7C,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC;AAC7D,IAAA,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAER,IAAA,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAErC,IAAA,OAAOA,IAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,MAAM,GAAQ;AAC5C;;;;"}
+{"version":3,"file":"number.js","names":[],"sources":["../../../../packages/components/text/number.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { animate, formatNumber } from \"../../js/utils\";\nimport Text from \"./text\";\nimport { ITextNumber } from \"./type\";\n\nexport default function Number(props: ITextNumber) {\n\tconst {\n\t\tcount,\n\t\tto,\n\t\tdecimal,\n\t\tthousand = \",\",\n\t\tduration = 2400,\n\t\teasing,\n\t\t...restProps\n\t} = props;\n\tconst [n, setN] = useState(count);\n\n\tconst number = useMemo(() => {\n\t\tif (n === undefined) return;\n\n\t\tconst z = n.toFixed(decimal);\n\n\t\tif (!thousand) return z;\n\n\t\treturn formatNumber(n, { precision: decimal, thousand });\n\t}, [n, thousand]);\n\n\tuseEffect(() => {\n\t\tif (count === undefined || to === undefined) return;\n\n\t\tanimate(count, to, duration, (v) => setN(count + v), easing);\n\t}, [to]);\n\n\tuseEffect(() => setN(count), [count]);\n\n\treturn <Text {...restProps}>{number}</Text>;\n}\n"],"mappings":";;;;;AAKA,SAAwB,OAAO,OAAoB;CAClD,MAAM,EACL,OACA,IACA,SACA,WAAW,KACX,WAAW,MACX,QACA,GAAG,cACA;CACJ,MAAM,CAAC,GAAG,QAAQ,SAAS,MAAM;CAEjC,MAAM,SAAS,cAAc;AAC5B,MAAI,MAAM,KAAA,EAAW;EAErB,MAAM,IAAI,EAAE,QAAQ,QAAQ;AAE5B,MAAI,CAAC,SAAU,QAAO;AAEtB,SAAO,aAAa,GAAG;GAAE,WAAW;GAAS;GAAU,CAAC;IACtD,CAAC,GAAG,SAAS,CAAC;AAEjB,iBAAgB;AACf,MAAI,UAAU,KAAA,KAAa,OAAO,KAAA,EAAW;AAE7C,UAAQ,OAAO,IAAI,WAAW,MAAM,KAAK,QAAQ,EAAE,EAAE,OAAO;IAC1D,CAAC,GAAG,CAAC;AAER,iBAAgB,KAAK,MAAM,EAAE,CAAC,MAAM,CAAC;AAErC,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAY;EAAc,CAAA"}

package/lib/es/components/text/text.js

@@ -1,34 +1,37 @@
-import { jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useMemo } from 'react';
-import HighLight from './highlight.js';
-import Number from './number.js';
-import Number$1 from './time.js';
-
+import HighLight from "./highlight.js";
+import Number from "./number.js";
+import Number$1 from "./time.js";
+import classNames from "classnames";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/components/text/text.tsx
 const Text = (props) => {
-    const { as: Tag = "span", size, weight, decoration, gradient, wave, style, className, children, } = props;
-    const gradients = useMemo(() => {
-        if (!gradient || !Array.isArray(gradient))
-            return {};
-        return {
-            backgroundImage: `-webkit-linear-gradient(${gradient.join(",")})`,
-            backgroundClip: "text",
-        };
-    }, [gradient]);
-    return (jsx(Tag, { style: {
-            fontSize: size,
-            fontWeight: weight,
-            textDecoration: decoration,
-            ...gradients,
-            ...style,
-        }, className: classNames(className, {
-            "i-text-gradient": gradient,
-            "i-text-gradient-wave": wave,
-        }), children: children }));
+	const { as: Tag = "span", size, weight, decoration, gradient, wave, style, className, children } = props;
+	return /* @__PURE__ */ jsx(Tag, {
+		style: {
+			fontSize: size,
+			fontWeight: weight,
+			textDecoration: decoration,
+			...useMemo(() => {
+				if (!gradient || !Array.isArray(gradient)) return {};
+				return {
+					backgroundImage: `-webkit-linear-gradient(${gradient.join(",")})`,
+					backgroundClip: "text"
+				};
+			}, [gradient]),
+			...style
+		},
+		className: classNames(className, {
+			"i-text-gradient": gradient,
+			"i-text-gradient-wave": wave
+		}),
+		children
+	});
 };
 Text.Number = Number;
 Text.Time = Number$1;
 Text.HighLight = HighLight;
-
+//#endregion
 export { Text as default };
-//# sourceMappingURL=text.js.map
+
+//# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../packages/components/text/text.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useMemo } from \"react\";\nimport HighLight from \"./highlight\";\nimport \"./index.css\";\nimport Number from \"./number\";\nimport Time from \"./time\";\nimport { CompositionText, IText } from \"./type\";\n\nconst Text = (props: IText) => {\n\tconst {\n\t\tas: Tag = \"span\",\n\t\tsize,\n\t\tweight,\n\t\tdecoration,\n\t\tgradient,\n\t\twave,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t} = props;\n\n\tconst gradients = useMemo(() => {\n\t\tif (!gradient || !Array.isArray(gradient)) return {};\n\n\t\treturn {\n\t\t\tbackgroundImage: `-webkit-linear-gradient(${gradient.join(\",\")})`,\n\t\t\tbackgroundClip: \"text\",\n\t\t};\n\t}, [gradient]);\n\n\treturn (\n\t\t<Tag\n\t\t\tstyle={{\n\t\t\t\tfontSize: size,\n\t\t\t\tfontWeight: weight,\n\t\t\t\ttextDecoration: decoration,\n\t\t\t\t...gradients,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(className, {\n\t\t\t\t\"i-text-gradient\": gradient,\n\t\t\t\t\"i-text-gradient-wave\": wave,\n\t\t\t})}\n\t\t>\n\t\t\t{children}\n\t\t</Tag>\n\t);\n};\n\nText.Number = Number;\nText.Time = Time;\nText.HighLight = HighLight;\n\nexport default Text as CompositionText;\n"],"names":["_jsx","Time"],"mappings":";;;;;;;AAQA,MAAM,IAAI,GAAG,CAAC,KAAY,KAAI;IAC7B,MAAM,EACL,EAAE,EAAE,GAAG,GAAG,MAAM,EAChB,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,GACR,GAAG,KAAK;AAET,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAK;QAC9B,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,EAAE;QAEpD,OAAO;YACN,eAAe,EAAE,2BAA2B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG;AACjE,YAAA,cAAc,EAAE,MAAM;SACtB;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,QACCA,GAAA,CAAC,GAAG,EAAA,EACH,KAAK,EAAE;AACN,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,cAAc,EAAE,UAAU;AAC1B,YAAA,GAAG,SAAS;AACZ,YAAA,GAAG,KAAK;AACR,SAAA,EACD,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;AAChC,YAAA,iBAAiB,EAAE,QAAQ;AAC3B,YAAA,sBAAsB,EAAE,IAAI;AAC5B,SAAA,CAAC,EAAA,QAAA,EAED,QAAQ,EAAA,CACJ;AAER;AAEA,IAAI,CAAC,MAAM,GAAG,MAAM;AACpB,IAAI,CAAC,IAAI,GAAGC,QAAI;AAChB,IAAI,CAAC,SAAS,GAAG,SAAS;;;;"}
+{"version":3,"file":"text.js","names":[],"sources":["../../../../packages/components/text/text.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useMemo } from \"react\";\nimport HighLight from \"./highlight\";\nimport \"./index.css\";\nimport Number from \"./number\";\nimport Time from \"./time\";\nimport { CompositionText, IText } from \"./type\";\n\nconst Text = (props: IText) => {\n\tconst {\n\t\tas: Tag = \"span\",\n\t\tsize,\n\t\tweight,\n\t\tdecoration,\n\t\tgradient,\n\t\twave,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t} = props;\n\n\tconst gradients = useMemo(() => {\n\t\tif (!gradient || !Array.isArray(gradient)) return {};\n\n\t\treturn {\n\t\t\tbackgroundImage: `-webkit-linear-gradient(${gradient.join(\",\")})`,\n\t\t\tbackgroundClip: \"text\",\n\t\t};\n\t}, [gradient]);\n\n\treturn (\n\t\t<Tag\n\t\t\tstyle={{\n\t\t\t\tfontSize: size,\n\t\t\t\tfontWeight: weight,\n\t\t\t\ttextDecoration: decoration,\n\t\t\t\t...gradients,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(className, {\n\t\t\t\t\"i-text-gradient\": gradient,\n\t\t\t\t\"i-text-gradient-wave\": wave,\n\t\t\t})}\n\t\t>\n\t\t\t{children}\n\t\t</Tag>\n\t);\n};\n\nText.Number = Number;\nText.Time = Time;\nText.HighLight = HighLight;\n\nexport default Text as CompositionText;\n"],"mappings":";;;;;;;AAQA,MAAM,QAAQ,UAAiB;CAC9B,MAAM,EACL,IAAI,MAAM,QACV,MACA,QACA,YACA,UACA,MACA,OACA,WACA,aACG;AAWJ,QACC,oBAAC,KAAD;EACC,OAAO;GACN,UAAU;GACV,YAAY;GACZ,gBAAgB;GAChB,GAfe,cAAc;AAC/B,QAAI,CAAC,YAAY,CAAC,MAAM,QAAQ,SAAS,CAAE,QAAO,EAAE;AAEpD,WAAO;KACN,iBAAiB,2BAA2B,SAAS,KAAK,IAAI,CAAC;KAC/D,gBAAgB;KAChB;MACC,CAAC,SAAS,CAAC;GASX,GAAG;GACH;EACD,WAAW,WAAW,WAAW;GAChC,mBAAmB;GACnB,wBAAwB;GACxB,CAAC;EAED;EACG,CAAA;;AAIP,KAAK,SAAS;AACd,KAAK,OAAO;AACZ,KAAK,YAAY"}

package/lib/es/components/text/time.js

@@ -1,20 +1,23 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { formatTime } from '../../js/utils.js';
-import Text from './text.js';
-
+import { formatTime } from "../../js/utils.js";
+import Text from "./text.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/components/text/time.tsx
 function Number(props) {
-    const { seconds, zero, units, ...restProps } = props;
-    const text = useMemo(() => {
-        if (seconds === undefined)
-            return "";
-        return formatTime(seconds, {
-            zero,
-            units,
-        });
-    }, [seconds]);
-    return jsx(Text, { ...restProps, children: text });
+	const { seconds, zero, units, ...restProps } = props;
+	const text = useMemo(() => {
+		if (seconds === void 0) return "";
+		return formatTime(seconds, {
+			zero,
+			units
+		});
+	}, [seconds]);
+	return /* @__PURE__ */ jsx(Text, {
+		...restProps,
+		children: text
+	});
 }
-
+//#endregion
 export { Number as default };
-//# sourceMappingURL=time.js.map
+
+//# sourceMappingURL=time.js.map

package/lib/es/components/text/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sources":["../../../../packages/components/text/time.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { formatTime } from \"../../js/utils\";\nimport Text from \"./text\";\nimport { ITextTime } from \"./type\";\n\nexport default function Number(props: ITextTime) {\n\tconst { seconds, zero, units, ...restProps } = props;\n\n\tconst text = useMemo(() => {\n\t\tif (seconds === undefined) return \"\";\n\n\t\treturn formatTime(seconds, {\n\t\t\tzero,\n\t\t\tunits,\n\t\t});\n\t}, [seconds]);\n\n\treturn <Text {...restProps}>{text}</Text>;\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,MAAM,CAAC,KAAgB,EAAA;AAC9C,IAAA,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEpD,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,OAAO,KAAK,SAAS;AAAE,YAAA,OAAO,EAAE;QAEpC,OAAO,UAAU,CAAC,OAAO,EAAE;YAC1B,IAAI;YACJ,KAAK;AACL,SAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,OAAOA,IAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,IAAI,GAAQ;AAC1C;;;;"}
+{"version":3,"file":"time.js","names":[],"sources":["../../../../packages/components/text/time.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { formatTime } from \"../../js/utils\";\nimport Text from \"./text\";\nimport { ITextTime } from \"./type\";\n\nexport default function Number(props: ITextTime) {\n\tconst { seconds, zero, units, ...restProps } = props;\n\n\tconst text = useMemo(() => {\n\t\tif (seconds === undefined) return \"\";\n\n\t\treturn formatTime(seconds, {\n\t\t\tzero,\n\t\t\tunits,\n\t\t});\n\t}, [seconds]);\n\n\treturn <Text {...restProps}>{text}</Text>;\n}\n"],"mappings":";;;;;AAKA,SAAwB,OAAO,OAAkB;CAChD,MAAM,EAAE,SAAS,MAAM,OAAO,GAAG,cAAc;CAE/C,MAAM,OAAO,cAAc;AAC1B,MAAI,YAAY,KAAA,EAAW,QAAO;AAElC,SAAO,WAAW,SAAS;GAC1B;GACA;GACA,CAAC;IACA,CAAC,QAAQ,CAAC;AAEb,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAY;EAAY,CAAA"}

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

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

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

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

package/lib/es/components/tree/item.js

@@ -1,73 +1,134 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { KeyboardArrowDownRound } from '@ricons/material';
-import classNames from 'classnames';
-import { useState } from 'react';
-import Checkbox from '../checkbox/checkbox.js';
-import Icon from '../icon/icon.js';
-
+import icon_default from "../icon/index.js";
+import checkbox_default from "../checkbox/index.js";
+import classNames from "classnames";
+import { useState } from "react";
+import { KeyboardArrowDownRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/tree/item.tsx
 function TreeList(props) {
-    const { data = [], depth = 0, round, style, className, parent, nodeProps, ...restProps } = props;
-    const contents = data.map((item, i) => {
-        const { type } = item;
-        const title = item[nodeProps.title];
-        const itemKey = item[nodeProps.key] ||
-            (parent?.key !== undefined ? `${parent.key}-${i}` : `${i}`);
-        item.key = itemKey;
-        item.parent = parent;
-        if (type === "title") {
-            return (jsx("div", { className: 'i-tree-group-title', children: title }, i));
-        }
-        if (type && type !== "item") {
-            return (jsx("div", { className: `i-tree-type-${type}`, children: title }, i));
-        }
-        return (jsx(TreeItem, { index: i, item: item, depth: depth, nodeProps: nodeProps, ...restProps }, itemKey));
-    });
-    if (depth > 0)
-        return jsx(Fragment, { children: contents });
-    return (jsx("div", { className: classNames("i-tree", className, {
-            "i-tree-round": round,
-        }), style: style, children: contents }));
+	const { data = [], depth = 0, round, style, className, parent, nodeProps, ...restProps } = props;
+	const contents = data.map((item, i) => {
+		const { type } = item;
+		const title = item[nodeProps.title];
+		const itemKey = item[nodeProps.key] || (parent?.key !== void 0 ? `${parent.key}-${i}` : `${i}`);
+		item.key = itemKey;
+		item.parent = parent;
+		if (type === "title") return /* @__PURE__ */ jsx("div", {
+			className: "i-tree-group-title",
+			children: title
+		}, i);
+		if (type && type !== "item") return /* @__PURE__ */ jsx("div", {
+			className: `i-tree-type-${type}`,
+			children: title
+		}, i);
+		return /* @__PURE__ */ jsx(TreeItem, {
+			index: i,
+			item,
+			depth,
+			nodeProps,
+			...restProps
+		}, itemKey);
+	});
+	if (depth > 0) return /* @__PURE__ */ jsx(Fragment$1, { children: contents });
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames("i-tree", className, { "i-tree-round": round }),
+		style,
+		children: contents
+	});
 }
 const Header = (props) => {
-    const { as: Tag = "a", href, selected, children, ...restProps } = props;
-    const className = classNames("i-tree-item-header", {
-        "i-tree-item-selected": selected,
-    });
-    if (typeof Tag === "string") {
-        return (jsx(Tag, { href: href, className: className, ...restProps, children: children }));
-    }
-    return (jsx(Tag, { to: href || "", className: className, ...restProps, children: children }));
+	const { as: Tag = "a", href, selected, children, ...restProps } = props;
+	const className = classNames("i-tree-item-header", { "i-tree-item-selected": selected });
+	if (typeof Tag === "string") return /* @__PURE__ */ jsx(Tag, {
+		href,
+		className,
+		...restProps,
+		children
+	});
+	return /* @__PURE__ */ jsx(Tag, {
+		to: href || "",
+		className,
+		...restProps,
+		children
+	});
 };
 const TreeItem = (props) => {
-    const { item, depth = 0, index, selected, checked = [], partofs = {}, checkable, nodeProps, renderExtra, onItemClick, onItemSelect, onItemCheck, ...restProps } = props;
-    const { as, key = "", href, icon, title, expanded, disabled } = item;
-    const children = item[nodeProps.children];
-    const [expand, setExpand] = useState(expanded);
-    const handleExpand = (e, fromToggle) => {
-        if (fromToggle) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        if (disabled || !children?.length)
-            return;
-        setExpand((v) => !v);
-    };
-    const handleItemClick = (e) => {
-        if (disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        handleExpand(e);
-        onItemClick?.(item, e);
-        onItemSelect?.(key, item);
-    };
-    const handleItemCheck = (checked) => onItemCheck?.(item, checked, []);
-    const itemChecked = checked.includes(key);
-    return (jsxs("div", { className: classNames("i-tree-item", {
-            "i-tree-expand": expand,
-        }), children: [jsxs(Header, { as: as, href: href, style: { paddingLeft: `${depth * 1.5 + 0.5}em` }, selected: selected === key, onClick: handleItemClick, children: [checkable && (jsx(Checkbox.Item, { value: itemChecked, partof: !itemChecked && partofs[key], className: 'i-tree-checkbox', onChange: handleItemCheck, onClick: (e) => e.stopPropagation() })), icon && jsx("span", { className: 'i-tree-item-icon', children: icon }), jsx("span", { className: 'i-tree-item-title', children: title }), renderExtra?.(item), children && (jsx(Icon, { icon: jsx(KeyboardArrowDownRound, {}), className: 'i-tree-toggle', onClick: (e) => handleExpand(e, true) }))] }), children?.length && (jsx("div", { className: 'i-tree-item-content', children: jsx(TreeList, { data: children, depth: depth + 1, selected: selected, checkable: checkable, parent: item, partofs: partofs, checked: checked, nodeProps: nodeProps, renderExtra: renderExtra, onItemClick: onItemClick, onItemSelect: onItemSelect, onItemCheck: onItemCheck, ...restProps }) }))] }));
+	const { item, depth = 0, index, selected, checked = [], partofs = {}, checkable, nodeProps, renderExtra, onItemClick, onItemSelect, onItemCheck, ...restProps } = props;
+	const { as, key = "", href, icon, title, expanded, disabled } = item;
+	const children = item[nodeProps.children];
+	const [expand, setExpand] = useState(expanded);
+	const handleExpand = (e, fromToggle) => {
+		if (fromToggle) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+		if (disabled || !children?.length) return;
+		setExpand((v) => !v);
+	};
+	const handleItemClick = (e) => {
+		if (disabled) {
+			e.preventDefault();
+			e.stopPropagation();
+			return;
+		}
+		handleExpand(e);
+		onItemClick?.(item, e);
+		onItemSelect?.(key, item);
+	};
+	const handleItemCheck = (checked) => onItemCheck?.(item, checked, []);
+	const itemChecked = checked.includes(key);
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames("i-tree-item", { "i-tree-expand": expand }),
+		children: [/* @__PURE__ */ jsxs(Header, {
+			as,
+			href,
+			style: { paddingLeft: `${depth * 1.5 + .5}em` },
+			selected: selected === key,
+			onClick: handleItemClick,
+			children: [
+				checkable && /* @__PURE__ */ jsx(checkbox_default.Item, {
+					value: itemChecked,
+					partof: !itemChecked && partofs[key],
+					className: "i-tree-checkbox",
+					onChange: handleItemCheck,
+					onClick: (e) => e.stopPropagation()
+				}),
+				icon && /* @__PURE__ */ jsx("span", {
+					className: "i-tree-item-icon",
+					children: icon
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "i-tree-item-title",
+					children: title
+				}),
+				renderExtra?.(item),
+				children && /* @__PURE__ */ jsx(icon_default, {
+					icon: /* @__PURE__ */ jsx(KeyboardArrowDownRound, {}),
+					className: "i-tree-toggle",
+					onClick: (e) => handleExpand(e, true)
+				})
+			]
+		}), children?.length && /* @__PURE__ */ jsx("div", {
+			className: "i-tree-item-content",
+			children: /* @__PURE__ */ jsx(TreeList, {
+				data: children,
+				depth: depth + 1,
+				selected,
+				checkable,
+				parent: item,
+				partofs,
+				checked,
+				nodeProps,
+				renderExtra,
+				onItemClick,
+				onItemSelect,
+				onItemCheck,
+				...restProps
+			})
+		})]
+	});
 };
+//#endregion
+export { TreeList };
 
-export { TreeItem, TreeList };
-//# sourceMappingURL=item.js.map
+//# sourceMappingURL=item.js.map