@ioca/react 1.4.80 → 1.4.81

package/lib/cjs/js/useRipple/index.js

@@ -1,45 +1,51 @@
-//#region packages/js/useRipple/index.ts
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const TIMEOUT = 500;
 const useRipple = () => {
-	if (!document) return;
-	if (document.documentElement.dataset["iocaRipple"]) return;
-	document.documentElement.dataset["iocaRipple"] = "enable";
-	document.addEventListener("mousedown", listener);
+    if (!document)
+        return;
+    if (document.documentElement.dataset["iocaRipple"])
+        return;
+    document.documentElement.dataset["iocaRipple"] = "enable";
+    document.addEventListener("mousedown", listener);
 };
 function listener(e) {
-	const target = e.target;
-	const parent = target.closest("[data-ripple]");
-	if (!target || !parent) return;
-	triggerRipple(parent, e);
+    const target = e.target;
+    const parent = target.closest("[data-ripple]");
+    if (!target || !parent)
+        return;
+    triggerRipple(parent, e);
 }
 function triggerRipple(target, e) {
-	if (!document) return;
-	const [$box, $ripple] = createRipple();
-	const rect = target.getBoundingClientRect();
-	const size = Math.max(rect.width, rect.height) * 2;
-	$ripple.style.cssText = `
+    if (!document)
+        return;
+    const [$box, $ripple] = createRipple();
+    const rect = target.getBoundingClientRect();
+    const size = Math.max(rect.width, rect.height) * 2;
+    $ripple.style.cssText = `
         left: ${e.pageX - rect.left}px;
         top: ${e.pageY - rect.top}px;
         width: ${size}px;
         height: ${size}px;
-        transition: all ${TIMEOUT / 1e3}s;
+        transition: all ${TIMEOUT / 1000}s;
     `;
-	target.insertAdjacentElement("afterbegin", $box);
-	target.offsetHeight;
-	$ripple.classList.add("i-ripple-active");
-	setTimeout(() => {
-		$box.remove();
-	}, TIMEOUT);
+    target.insertAdjacentElement("afterbegin", $box);
+    target.offsetHeight;
+    $ripple.classList.add("i-ripple-active");
+    setTimeout(() => {
+        $box.remove();
+    }, TIMEOUT);
 }
 function createRipple() {
-	const $box = document.createElement("SPAN");
-	const $ripple = document.createElement("SPAN");
-	$box.className = "i-ripple-container";
-	$ripple.className = "i-ripple";
-	$box.append($ripple);
-	return [$box, $ripple];
+    const $box = document.createElement("SPAN");
+    const $ripple = document.createElement("SPAN");
+    $box.className = "i-ripple-container";
+    $ripple.className = "i-ripple";
+    $box.append($ripple);
+    return [$box, $ripple];
 }
-//#endregion
-exports.default = useRipple;
 
-//# sourceMappingURL=index.js.map
+exports.default = useRipple;
+//# sourceMappingURL=index.js.map

package/lib/cjs/js/useRipple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\n\nconst TIMEOUT = 500;\n\nconst useRipple = () => {\n\tif (!document) return;\n\tif (document.documentElement.dataset[\"iocaRipple\"]) return;\n\tdocument.documentElement.dataset[\"iocaRipple\"] = \"enable\";\n\n\tdocument.addEventListener(\"mousedown\", listener);\n};\n\nfunction listener(e: MouseEvent) {\n\tconst target = e.target as HTMLElement;\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\n\n\tif (!target || !parent) return;\n\n\ttriggerRipple(parent, e);\n}\n\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\n\tif (!document) return;\n\tconst [$box, $ripple] = createRipple();\n\tconst rect = target.getBoundingClientRect();\n\tconst size = Math.max(rect.width, rect.height) * 2;\n\n\t$ripple.style.cssText = `\n        left: ${e.pageX - rect.left}px;\n        top: ${e.pageY - rect.top}px;\n        width: ${size}px;\n        height: ${size}px;\n        transition: all ${TIMEOUT / 1000}s;\n    `;\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\n\ttarget.offsetHeight;\n\t$ripple.classList.add(\"i-ripple-active\");\n\n\tsetTimeout(() => {\n\t\t$box.remove();\n\t}, TIMEOUT);\n}\n\nfunction createRipple() {\n\tconst $box = document.createElement(\"SPAN\");\n\tconst $ripple = document.createElement(\"SPAN\");\n\n\t$box.className = \"i-ripple-container\";\n\t$ripple.className = \"i-ripple\";\n\n\t$box.append($ripple);\n\n\treturn [$box, $ripple];\n}\n\nexport default useRipple;\n"],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\n\nconst TIMEOUT = 500;\n\nconst useRipple = () => {\n\tif (!document) return;\n\tif (document.documentElement.dataset[\"iocaRipple\"]) return;\n\tdocument.documentElement.dataset[\"iocaRipple\"] = \"enable\";\n\n\tdocument.addEventListener(\"mousedown\", listener);\n};\n\nfunction listener(e: MouseEvent) {\n\tconst target = e.target as HTMLElement;\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\n\n\tif (!target || !parent) return;\n\n\ttriggerRipple(parent, e);\n}\n\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\n\tif (!document) return;\n\tconst [$box, $ripple] = createRipple();\n\tconst rect = target.getBoundingClientRect();\n\tconst size = Math.max(rect.width, rect.height) * 2;\n\n\t$ripple.style.cssText = `\n        left: ${e.pageX - rect.left}px;\n        top: ${e.pageY - rect.top}px;\n        width: ${size}px;\n        height: ${size}px;\n        transition: all ${TIMEOUT / 1000}s;\n    `;\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\n\ttarget.offsetHeight;\n\t$ripple.classList.add(\"i-ripple-active\");\n\n\tsetTimeout(() => {\n\t\t$box.remove();\n\t}, TIMEOUT);\n}\n\nfunction createRipple() {\n\tconst $box = document.createElement(\"SPAN\");\n\tconst $ripple = document.createElement(\"SPAN\");\n\n\t$box.className = \"i-ripple-container\";\n\t$ripple.className = \"i-ripple\";\n\n\t$box.append($ripple);\n\n\treturn [$box, $ripple];\n}\n\nexport default useRipple;\n"],"names":[],"mappings":";;;;AAEA,MAAM,OAAO,GAAG,GAAG;AAEnB,MAAM,SAAS,GAAG,MAAK;AACtB,IAAA,IAAI,CAAC,QAAQ;QAAE;AACf,IAAA,IAAI,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC;QAAE;IACpD,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,QAAQ;AAEzD,IAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;AACjD;AAEA,SAAS,QAAQ,CAAC,CAAa,EAAA;AAC9B,IAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAgB;AAE7D,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE;AAExB,IAAA,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;AACzB;AAEA,SAAS,aAAa,CAAC,MAAmB,EAAE,CAAa,EAAA;AACxD,IAAA,IAAI,CAAC,QAAQ;QAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,EAAE;AACtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;AAC3C,IAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AAElD,IAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG;AACT,cAAA,EAAA,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;AACpB,aAAA,EAAA,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAA;iBAChB,IAAI,CAAA;kBACH,IAAI,CAAA;AACI,wBAAA,EAAA,OAAO,GAAG,IAAI,CAAA;KACnC;AACJ,IAAA,MAAM,CAAC,qBAAqB,CAAC,YAAY,EAAE,IAAI,CAAC;IAChD,MAAM,CAAC,YAAY;AACnB,IAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAExC,UAAU,CAAC,MAAK;QACf,IAAI,CAAC,MAAM,EAAE;IACd,CAAC,EAAE,OAAO,CAAC;AACZ;AAEA,SAAS,YAAY,GAAA;IACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;IAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAE9C,IAAA,IAAI,CAAC,SAAS,GAAG,oBAAoB;AACrC,IAAA,OAAO,CAAC,SAAS,GAAG,UAAU;AAE9B,IAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;AAEpB,IAAA,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;AACvB;;;;"}

package/lib/cjs/js/useTheme/index.js

@@ -1,30 +1,37 @@
-require("../../_virtual/_rolldown/runtime.js");
-const require_hooks = require("../hooks.js");
-let react = require("react");
-//#region packages/js/useTheme/index.ts
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('../hooks.js');
+var react = require('react');
+
 const useTheme = (props) => {
-	const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange } = props ?? {};
-	const [mounted, setMounted] = (0, react.useState)(false);
-	const [theme, setTheme] = require_hooks.useLocalStorageState(key, {
-		defaultValue,
-		listenStorageChange
-	});
-	(0, react.useEffect)(() => {
-		setMounted(true);
-	}, []);
-	(0, react.useEffect)(() => {
-		if (!mounted || !theme) return;
-		const cls = document.documentElement.classList;
-		const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
-		if (prev) cls.replace(prev, theme);
-		else cls.add(theme);
-	}, [theme, mounted]);
-	return {
-		theme: mounted ? theme : defaultValue,
-		setTheme: mounted ? setTheme : () => {}
-	};
+    const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange, } = props ?? {};
+    const [mounted, setMounted] = react.useState(false);
+    const [theme, setTheme] = hooks.useLocalStorageState(key, {
+        defaultValue,
+        listenStorageChange,
+    });
+    react.useEffect(() => {
+        setMounted(true);
+    }, []);
+    react.useEffect(() => {
+        if (!mounted || !theme)
+            return;
+        const cls = document.documentElement.classList;
+        const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
+        if (prev) {
+            cls.replace(prev, theme);
+        }
+        else {
+            cls.add(theme);
+        }
+    }, [theme, mounted]);
+    return {
+        theme: mounted ? theme : defaultValue,
+        setTheme: mounted ? setTheme : () => { },
+    };
 };
-//#endregion
-exports.default = useTheme;
 
-//# sourceMappingURL=index.js.map
+exports.default = useTheme;
+//# sourceMappingURL=index.js.map

package/lib/cjs/js/useTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLocalStorageState"],"sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"../hooks\";\nimport { useEffect, useState } from \"react\";\nimport { ITheme } from \"./type\";\n\nconst useTheme = (props?: ITheme) => {\n\tconst {\n\t\tkey = \"ioca-react-theme\",\n\t\tdefaultValue = \"theme-auto\",\n\t\tlistenStorageChange,\n\t} = props ?? {};\n\n\tconst [mounted, setMounted] = useState(false);\n\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\n\t\tdefaultValue,\n\t\tlistenStorageChange,\n\t});\n\n\tuseEffect(() => {\n\t\tsetMounted(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!mounted || !theme) return;\n\n\t\tconst cls = document.documentElement.classList;\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\n\n\t\tif (prev) {\n\t\t\tcls.replace(prev, theme);\n\t\t} else {\n\t\t\tcls.add(theme);\n\t\t}\n\t}, [theme, mounted]);\n\n\treturn {\n\t\ttheme: mounted ? theme : defaultValue,\n\t\tsetTheme: mounted ? setTheme : () => {},\n\t};\n};\n\nexport default useTheme;\n"],"mappings":";;;;AAIA,MAAM,YAAY,UAAmB;CACpC,MAAM,EACL,MAAM,oBACN,eAAe,cACf,wBACG,SAAS,EAAE;CAEf,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAE7C,MAAM,CAAC,OAAO,YAAYA,cAAAA,qBAA6B,KAAK;EAC3D;EACA;EACA,CAAC;AAEF,EAAA,GAAA,MAAA,iBAAgB;AACf,aAAW,KAAK;IACd,EAAE,CAAC;AAEN,EAAA,GAAA,MAAA,iBAAgB;AACf,MAAI,CAAC,WAAW,CAAC,MAAO;EAExB,MAAM,MAAM,SAAS,gBAAgB;EACrC,MAAM,OAAO,MAAM,KAAK,IAAI,CAAC,MAAM,MAAM,EAAE,WAAW,SAAS,CAAC;AAEhE,MAAI,KACH,KAAI,QAAQ,MAAM,MAAM;MAExB,KAAI,IAAI,MAAM;IAEb,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAO;EACN,OAAO,UAAU,QAAQ;EACzB,UAAU,UAAU,iBAAiB;EACrC"}
+{"version":3,"file":"index.js","sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"../hooks\";\nimport { useEffect, useState } from \"react\";\nimport { ITheme } from \"./type\";\n\nconst useTheme = (props?: ITheme) => {\n\tconst {\n\t\tkey = \"ioca-react-theme\",\n\t\tdefaultValue = \"theme-auto\",\n\t\tlistenStorageChange,\n\t} = props ?? {};\n\n\tconst [mounted, setMounted] = useState(false);\n\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\n\t\tdefaultValue,\n\t\tlistenStorageChange,\n\t});\n\n\tuseEffect(() => {\n\t\tsetMounted(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!mounted || !theme) return;\n\n\t\tconst cls = document.documentElement.classList;\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\n\n\t\tif (prev) {\n\t\t\tcls.replace(prev, theme);\n\t\t} else {\n\t\t\tcls.add(theme);\n\t\t}\n\t}, [theme, mounted]);\n\n\treturn {\n\t\ttheme: mounted ? theme : defaultValue,\n\t\tsetTheme: mounted ? setTheme : () => {},\n\t};\n};\n\nexport default useTheme;\n"],"names":["useState","useLocalStorageState","useEffect"],"mappings":";;;;;;;AAIA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AACnC,IAAA,MAAM,EACL,GAAG,GAAG,kBAAkB,EACxB,YAAY,GAAG,YAAY,EAC3B,mBAAmB,GACnB,GAAG,KAAK,IAAI,EAAE;IAEf,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,0BAAoB,CAAS,GAAG,EAAE;QAC3D,YAAY;QACZ,mBAAmB;AACnB,KAAA,CAAC;IAEFC,eAAS,CAAC,MAAK;QACd,UAAU,CAAC,IAAI,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC;IAENA,eAAS,CAAC,MAAK;AACd,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE;AAExB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEhE,IAAI,IAAI,EAAE;AACT,YAAA,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;QACzB;aAAO;AACN,YAAA,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QACf;AACD,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpB,OAAO;QACN,KAAK,EAAE,OAAO,GAAG,KAAK,GAAG,YAAY;AACrC,QAAA,QAAQ,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAK,EAAE,CAAC;KACvC;AACF;;;;"}