@ioca/react 1.4.80 → 1.5.1

package/lib/es/components/picker/time/panel.js

@@ -1,143 +1,100 @@
-import Items from "./item.js";
-import { useEffect, useMemo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/picker/time/panel.tsx
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import Items from './item.js';
+
 const UnitMaps = {
-	h: "hour",
-	hh: "hour",
-	m: "minute",
-	mm: "minute",
-	s: "second",
-	ss: "second"
+    h: "hour",
+    hh: "hour",
+    m: "minute",
+    mm: "minute",
+    s: "second",
+    ss: "second",
 };
 function Panel(props) {
-	const { value, stepH = 1, stepM = 1, stepS = 1, format, periods, renderItem, onChange, onFallback } = props;
-	const [period, setPeriod] = useState(void 0);
-	const [hour, setHour] = useState(void 0);
-	const [minute, setMinute] = useState(void 0);
-	const [second, setSecond] = useState(void 0);
-	const [hours, minutes, seconds] = useMemo(() => {
-		const hasH = format.includes("h");
-		const hasM = format.includes("m");
-		const hasS = format.includes("s");
-		return [
-			hasH ? Array.from({ length: (periods ? 12 : 24) / stepH }, (_, i) => i * stepH) : [],
-			hasM ? Array.from({ length: 60 / stepM }, (_, i) => i * stepM) : [],
-			hasS ? Array.from({ length: 60 / stepS }, (_, i) => i * stepS) : []
-		];
-	}, [
-		stepH,
-		stepM,
-		stepS,
-		format,
-		periods
-	]);
-	const updateValue = (next) => {
-		const nextPeriod = next?.period ?? period;
-		const nextHour = next?.hour ?? hour;
-		const nextMinute = next?.minute ?? minute;
-		const nextSecond = next?.second ?? second;
-		let result = format.replace(/(hh|h){1}|(mm|m){1}|(ss|s){1}/gi, (pattern) => {
-			const p = pattern.toLowerCase();
-			const u = UnitMaps[p];
-			const n = u === "hour" ? nextHour ?? 0 : u === "minute" ? nextMinute ?? 0 : nextSecond ?? 0;
-			return p.length > 1 && n < 10 ? `0${n ?? 0}` : n ?? 0;
-		});
-		if (periods && hours.length > 0) result = `${nextPeriod ?? periods[0]} ${result}`;
-		onChange(result);
-	};
-	const handleSetTime = (v, unit) => {
-		const next = {
-			period,
-			hour,
-			minute,
-			second,
-			[unit]: v
-		};
-		if (unit === "period") setPeriod(v);
-		if (unit === "hour") setHour(v);
-		if (unit === "minute") setMinute(v);
-		if (unit === "second") setSecond(v);
-		updateValue(next);
-	};
-	useEffect(() => {
-		let time = value ?? "";
-		if (periods && hours.length > 0 && value) {
-			const [p, t] = value.split(" ");
-			time = t ?? "";
-			setPeriod(periods.includes(p) ? p : void 0);
-		}
-		const nums = time.match(/\d+/g) ?? [];
-		if (!nums.length) {
-			onFallback("");
-			return;
-		}
-		let i = 0;
-		const parsed = {
-			hour: void 0,
-			minute: void 0,
-			second: void 0
-		};
-		const r = format.replace(/(hh|h)+|(mm|m)+|(ss|s)+/gi, (p) => {
-			const n = nums[i++] ?? 0;
-			const o = Math.min(59, n);
-			parsed[UnitMaps[p]] = o;
-			return p.length > 1 && o < 10 ? `0${o}` : o;
-		});
-		setHour(parsed.hour);
-		setMinute(parsed.minute);
-		setSecond(parsed.second);
-		onFallback(r);
-	}, [
-		value,
-		format,
-		hours.length,
-		periods
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "i-timepicker",
-		children: [
-			hours.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [periods && /* @__PURE__ */ jsx("div", {
-				className: "i-timepicker-list",
-				children: /* @__PURE__ */ jsx(Items, {
-					items: periods,
-					active: period,
-					onClick: (p) => handleSetTime(p, "period")
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: "i-timepicker-list",
-				children: /* @__PURE__ */ jsx(Items, {
-					items: hours,
-					active: hour,
-					unit: "hour",
-					renderItem,
-					onClick: (h) => handleSetTime(h, "hour")
-				})
-			})] }),
-			minutes.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: "i-timepicker-list",
-				children: /* @__PURE__ */ jsx(Items, {
-					items: minutes,
-					active: minute,
-					unit: "minute",
-					renderItem,
-					onClick: (m) => handleSetTime(m, "minute")
-				})
-			}),
-			seconds.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: "i-timepicker-list",
-				children: /* @__PURE__ */ jsx(Items, {
-					items: seconds,
-					active: second,
-					unit: "second",
-					renderItem,
-					onClick: (s) => handleSetTime(s, "second")
-				})
-			})
-		]
-	});
+    const { value, stepH = 1, stepM = 1, stepS = 1, format, periods, renderItem, onChange, onFallback, } = props;
+    const [period, setPeriod] = useState(undefined);
+    const [hour, setHour] = useState(undefined);
+    const [minute, setMinute] = useState(undefined);
+    const [second, setSecond] = useState(undefined);
+    const [hours, minutes, seconds] = useMemo(() => {
+        const hasH = format.includes("h");
+        const hasM = format.includes("m");
+        const hasS = format.includes("s");
+        const hours = hasH
+            ? Array.from({ length: (periods ? 12 : 24) / stepH }, (_, i) => i * stepH)
+            : [];
+        const minutes = hasM
+            ? Array.from({ length: 60 / stepM }, (_, i) => i * stepM)
+            : [];
+        const seconds = hasS
+            ? Array.from({ length: 60 / stepS }, (_, i) => i * stepS)
+            : [];
+        return [hours, minutes, seconds];
+    }, [stepH, stepM, stepS, format, periods]);
+    const updateValue = (next) => {
+        const nextPeriod = next?.period ?? period;
+        const nextHour = next?.hour ?? hour;
+        const nextMinute = next?.minute ?? minute;
+        const nextSecond = next?.second ?? second;
+        const reg = /(hh|h){1}|(mm|m){1}|(ss|s){1}/gi;
+        let result = format.replace(reg, (pattern) => {
+            const p = pattern.toLowerCase();
+            const u = UnitMaps[p];
+            const n = u === "hour"
+                ? (nextHour ?? 0)
+                : u === "minute"
+                    ? (nextMinute ?? 0)
+                    : (nextSecond ?? 0);
+            return p.length > 1 && n < 10 ? `0${n ?? 0}` : n ?? 0;
+        });
+        if (periods && hours.length > 0) {
+            result = `${nextPeriod ?? periods[0]} ${result}`;
+        }
+        onChange(result);
+    };
+    const handleSetTime = (v, unit) => {
+        const next = { period, hour, minute, second, [unit]: v };
+        if (unit === "period")
+            setPeriod(v);
+        if (unit === "hour")
+            setHour(v);
+        if (unit === "minute")
+            setMinute(v);
+        if (unit === "second")
+            setSecond(v);
+        updateValue(next);
+    };
+    useEffect(() => {
+        let time = value ?? "";
+        if (periods && hours.length > 0 && value) {
+            const [p, t] = value.split(" ");
+            time = t ?? "";
+            setPeriod(periods.includes(p) ? p : undefined);
+        }
+        const nums = time.match(/\d+/g) ?? [];
+        if (!nums.length) {
+            onFallback("");
+            return;
+        }
+        let i = 0;
+        const parsed = {
+            hour: undefined,
+            minute: undefined,
+            second: undefined,
+        };
+        const r = format.replace(/(hh|h)+|(mm|m)+|(ss|s)+/gi, (p) => {
+            const n = nums[i++] ?? 0;
+            const o = Math.min(59, n);
+            parsed[UnitMaps[p]] = o;
+            return p.length > 1 && o < 10 ? `0${o}` : o;
+        });
+        setHour(parsed.hour);
+        setMinute(parsed.minute);
+        setSecond(parsed.second);
+        onFallback(r);
+    }, [value, format, hours.length, periods]);
+    return (jsxs("div", { className: 'i-timepicker', children: [hours.length > 0 && (jsxs(Fragment, { children: [periods && (jsx("div", { className: 'i-timepicker-list', children: jsx(Items, { items: periods, active: period, onClick: (p) => handleSetTime(p, "period") }) })), jsx("div", { className: 'i-timepicker-list', children: jsx(Items, { items: hours, active: hour, unit: 'hour', renderItem: renderItem, onClick: (h) => handleSetTime(h, "hour") }) })] })), minutes.length > 0 && (jsx("div", { className: 'i-timepicker-list', children: jsx(Items, { items: minutes, active: minute, unit: 'minute', renderItem: renderItem, onClick: (m) => handleSetTime(m, "minute") }) })), seconds.length > 0 && (jsx("div", { className: 'i-timepicker-list', children: jsx(Items, { items: seconds, active: second, unit: 'second', renderItem: renderItem, onClick: (s) => handleSetTime(s, "second") }) }))] }));
 }
-//#endregion
-export { Panel as default };
 
-//# sourceMappingURL=panel.js.map
+export { Panel as default };
+//# sourceMappingURL=panel.js.map

package/lib/es/components/picker/time/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":[],"sources":["../../../../../packages/components/picker/time/panel.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport \"./index.css\";\nimport Items from \"./item\";\n\nconst UnitMaps = {\n\th: \"hour\",\n\thh: \"hour\",\n\tm: \"minute\",\n\tmm: \"minute\",\n\ts: \"second\",\n\tss: \"second\",\n};\n\nexport default function Panel(props) {\n\tconst {\n\t\tvalue,\n\t\tstepH = 1,\n\t\tstepM = 1,\n\t\tstepS = 1,\n\t\tformat,\n\t\tperiods,\n\t\trenderItem,\n\t\tonChange,\n\t\tonFallback,\n\t} = props;\n\tconst [period, setPeriod] = useState<any>(undefined);\n\tconst [hour, setHour] = useState<any>(undefined);\n\tconst [minute, setMinute] = useState<any>(undefined);\n\tconst [second, setSecond] = useState<any>(undefined);\n\n\tconst [hours, minutes, seconds] = useMemo(() => {\n\t\tconst hasH = format.includes(\"h\");\n\t\tconst hasM = format.includes(\"m\");\n\t\tconst hasS = format.includes(\"s\");\n\t\tconst hours = hasH\n\t\t\t? Array.from(\n\t\t\t\t\t{ length: (periods ? 12 : 24) / stepH },\n\t\t\t\t\t(_, i) => i * stepH\n\t\t\t  )\n\t\t\t: [];\n\t\tconst minutes = hasM\n\t\t\t? Array.from({ length: 60 / stepM }, (_, i) => i * stepM)\n\t\t\t: [];\n\t\tconst seconds = hasS\n\t\t\t? Array.from({ length: 60 / stepS }, (_, i) => i * stepS)\n\t\t\t: [];\n\n\t\treturn [hours, minutes, seconds];\n\t}, [stepH, stepM, stepS, format, periods]);\n\n\tconst updateValue = (next?: {\n\t\tperiod?: any;\n\t\thour?: any;\n\t\tminute?: any;\n\t\tsecond?: any;\n\t}) => {\n\t\tconst nextPeriod = next?.period ?? period;\n\t\tconst nextHour = next?.hour ?? hour;\n\t\tconst nextMinute = next?.minute ?? minute;\n\t\tconst nextSecond = next?.second ?? second;\n\n\t\tconst reg = /(hh|h){1}|(mm|m){1}|(ss|s){1}/gi;\n\t\tlet result = format.replace(reg, (pattern) => {\n\t\t\tconst p = pattern.toLowerCase();\n\t\t\tconst u = UnitMaps[p];\n\t\t\tconst n =\n\t\t\t\tu === \"hour\"\n\t\t\t\t\t? (nextHour ?? 0)\n\t\t\t\t\t: u === \"minute\"\n\t\t\t\t\t\t? (nextMinute ?? 0)\n\t\t\t\t\t\t: (nextSecond ?? 0);\n\n\t\t\treturn p.length > 1 && n < 10 ? `0${n ?? 0}` : n ?? 0;\n\t\t});\n\n\t\tif (periods && hours.length > 0) {\n\t\t\tresult = `${nextPeriod ?? periods[0]} ${result}`;\n\t\t}\n\n\t\tonChange(result);\n\t};\n\n\tconst handleSetTime = (v, unit) => {\n\t\tconst next = { period, hour, minute, second, [unit]: v };\n\n\t\tif (unit === \"period\") setPeriod(v);\n\t\tif (unit === \"hour\") setHour(v);\n\t\tif (unit === \"minute\") setMinute(v);\n\t\tif (unit === \"second\") setSecond(v);\n\n\t\tupdateValue(next);\n\t};\n\n\tuseEffect(() => {\n\t\tlet time = value ?? \"\";\n\n\t\tif (periods && hours.length > 0 && value) {\n\t\t\tconst [p, t] = value.split(\" \");\n\t\t\ttime = t ?? \"\";\n\t\t\tsetPeriod(periods.includes(p) ? p : undefined);\n\t\t}\n\n\t\tconst nums = time.match(/\\d+/g) ?? [];\n\n\t\tif (!nums.length) {\n\t\t\tonFallback(\"\");\n\t\t\treturn;\n\t\t}\n\n\t\tlet i = 0;\n\t\tconst parsed = {\n\t\t\thour: undefined,\n\t\t\tminute: undefined,\n\t\t\tsecond: undefined,\n\t\t};\n\t\tconst r = format.replace(/(hh|h)+|(mm|m)+|(ss|s)+/gi, (p) => {\n\t\t\tconst n = nums[i++] ?? 0;\n\t\t\tconst o = Math.min(59, n);\n\t\t\tparsed[UnitMaps[p]] = o;\n\t\t\treturn p.length > 1 && o < 10 ? `0${o}` : o;\n\t\t});\n\n\t\tsetHour(parsed.hour);\n\t\tsetMinute(parsed.minute);\n\t\tsetSecond(parsed.second);\n\t\tonFallback(r);\n\t}, [value, format, hours.length, periods]);\n\n\treturn (\n\t\t<div className='i-timepicker'>\n\t\t\t{hours.length > 0 && (\n\t\t\t\t<>\n\t\t\t\t\t{periods && (\n\t\t\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t\t\t<Items\n\t\t\t\t\t\t\t\titems={periods}\n\t\t\t\t\t\t\t\tactive={period}\n\t\t\t\t\t\t\t\tonClick={(p) => handleSetTime(p, \"period\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t\t<Items\n\t\t\t\t\t\t\titems={hours}\n\t\t\t\t\t\t\tactive={hour}\n\t\t\t\t\t\t\tunit='hour'\n\t\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\t\tonClick={(h) => handleSetTime(h, \"hour\")}\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\t{minutes.length > 0 && (\n\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t<Items\n\t\t\t\t\t\titems={minutes}\n\t\t\t\t\t\tactive={minute}\n\t\t\t\t\t\tunit='minute'\n\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\tonClick={(m) => handleSetTime(m, \"minute\")}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{seconds.length > 0 && (\n\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t<Items\n\t\t\t\t\t\titems={seconds}\n\t\t\t\t\t\tactive={second}\n\t\t\t\t\t\tunit='second'\n\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\tonClick={(s) => handleSetTime(s, \"second\")}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":""}
+{"version":3,"file":"panel.js","sources":["../../../../../packages/components/picker/time/panel.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\r\nimport \"./index.css\";\r\nimport Items from \"./item\";\r\n\r\nconst UnitMaps = {\r\n\th: \"hour\",\r\n\thh: \"hour\",\r\n\tm: \"minute\",\r\n\tmm: \"minute\",\r\n\ts: \"second\",\r\n\tss: \"second\",\r\n};\r\n\r\nexport default function Panel(props) {\r\n\tconst {\r\n\t\tvalue,\r\n\t\tstepH = 1,\r\n\t\tstepM = 1,\r\n\t\tstepS = 1,\r\n\t\tformat,\r\n\t\tperiods,\r\n\t\trenderItem,\r\n\t\tonChange,\r\n\t\tonFallback,\r\n\t} = props;\r\n\tconst [period, setPeriod] = useState<any>(undefined);\r\n\tconst [hour, setHour] = useState<any>(undefined);\r\n\tconst [minute, setMinute] = useState<any>(undefined);\r\n\tconst [second, setSecond] = useState<any>(undefined);\r\n\r\n\tconst [hours, minutes, seconds] = useMemo(() => {\r\n\t\tconst hasH = format.includes(\"h\");\r\n\t\tconst hasM = format.includes(\"m\");\r\n\t\tconst hasS = format.includes(\"s\");\r\n\t\tconst hours = hasH\r\n\t\t\t? Array.from(\r\n\t\t\t\t\t{ length: (periods ? 12 : 24) / stepH },\r\n\t\t\t\t\t(_, i) => i * stepH\r\n\t\t\t  )\r\n\t\t\t: [];\r\n\t\tconst minutes = hasM\r\n\t\t\t? Array.from({ length: 60 / stepM }, (_, i) => i * stepM)\r\n\t\t\t: [];\r\n\t\tconst seconds = hasS\r\n\t\t\t? Array.from({ length: 60 / stepS }, (_, i) => i * stepS)\r\n\t\t\t: [];\r\n\r\n\t\treturn [hours, minutes, seconds];\r\n\t}, [stepH, stepM, stepS, format, periods]);\r\n\r\n\tconst updateValue = (next?: {\r\n\t\tperiod?: any;\r\n\t\thour?: any;\r\n\t\tminute?: any;\r\n\t\tsecond?: any;\r\n\t}) => {\r\n\t\tconst nextPeriod = next?.period ?? period;\r\n\t\tconst nextHour = next?.hour ?? hour;\r\n\t\tconst nextMinute = next?.minute ?? minute;\r\n\t\tconst nextSecond = next?.second ?? second;\r\n\r\n\t\tconst reg = /(hh|h){1}|(mm|m){1}|(ss|s){1}/gi;\r\n\t\tlet result = format.replace(reg, (pattern) => {\r\n\t\t\tconst p = pattern.toLowerCase();\r\n\t\t\tconst u = UnitMaps[p];\r\n\t\t\tconst n =\r\n\t\t\t\tu === \"hour\"\r\n\t\t\t\t\t? (nextHour ?? 0)\r\n\t\t\t\t\t: u === \"minute\"\r\n\t\t\t\t\t\t? (nextMinute ?? 0)\r\n\t\t\t\t\t\t: (nextSecond ?? 0);\r\n\r\n\t\t\treturn p.length > 1 && n < 10 ? `0${n ?? 0}` : n ?? 0;\r\n\t\t});\r\n\r\n\t\tif (periods && hours.length > 0) {\r\n\t\t\tresult = `${nextPeriod ?? periods[0]} ${result}`;\r\n\t\t}\r\n\r\n\t\tonChange(result);\r\n\t};\r\n\r\n\tconst handleSetTime = (v, unit) => {\r\n\t\tconst next = { period, hour, minute, second, [unit]: v };\r\n\r\n\t\tif (unit === \"period\") setPeriod(v);\r\n\t\tif (unit === \"hour\") setHour(v);\r\n\t\tif (unit === \"minute\") setMinute(v);\r\n\t\tif (unit === \"second\") setSecond(v);\r\n\r\n\t\tupdateValue(next);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tlet time = value ?? \"\";\r\n\r\n\t\tif (periods && hours.length > 0 && value) {\r\n\t\t\tconst [p, t] = value.split(\" \");\r\n\t\t\ttime = t ?? \"\";\r\n\t\t\tsetPeriod(periods.includes(p) ? p : undefined);\r\n\t\t}\r\n\r\n\t\tconst nums = time.match(/\\d+/g) ?? [];\r\n\r\n\t\tif (!nums.length) {\r\n\t\t\tonFallback(\"\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet i = 0;\r\n\t\tconst parsed = {\r\n\t\t\thour: undefined,\r\n\t\t\tminute: undefined,\r\n\t\t\tsecond: undefined,\r\n\t\t};\r\n\t\tconst r = format.replace(/(hh|h)+|(mm|m)+|(ss|s)+/gi, (p) => {\r\n\t\t\tconst n = nums[i++] ?? 0;\r\n\t\t\tconst o = Math.min(59, n);\r\n\t\t\tparsed[UnitMaps[p]] = o;\r\n\t\t\treturn p.length > 1 && o < 10 ? `0${o}` : o;\r\n\t\t});\r\n\r\n\t\tsetHour(parsed.hour);\r\n\t\tsetMinute(parsed.minute);\r\n\t\tsetSecond(parsed.second);\r\n\t\tonFallback(r);\r\n\t}, [value, format, hours.length, periods]);\r\n\r\n\treturn (\r\n\t\t<div className='i-timepicker'>\r\n\t\t\t{hours.length > 0 && (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{periods && (\r\n\t\t\t\t\t\t<div className='i-timepicker-list'>\r\n\t\t\t\t\t\t\t<Items\r\n\t\t\t\t\t\t\t\titems={periods}\r\n\t\t\t\t\t\t\t\tactive={period}\r\n\t\t\t\t\t\t\t\tonClick={(p) => handleSetTime(p, \"period\")}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div className='i-timepicker-list'>\r\n\t\t\t\t\t\t<Items\r\n\t\t\t\t\t\t\titems={hours}\r\n\t\t\t\t\t\t\tactive={hour}\r\n\t\t\t\t\t\t\tunit='hour'\r\n\t\t\t\t\t\t\trenderItem={renderItem}\r\n\t\t\t\t\t\t\tonClick={(h) => handleSetTime(h, \"hour\")}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t{minutes.length > 0 && (\r\n\t\t\t\t<div className='i-timepicker-list'>\r\n\t\t\t\t\t<Items\r\n\t\t\t\t\t\titems={minutes}\r\n\t\t\t\t\t\tactive={minute}\r\n\t\t\t\t\t\tunit='minute'\r\n\t\t\t\t\t\trenderItem={renderItem}\r\n\t\t\t\t\t\tonClick={(m) => handleSetTime(m, \"minute\")}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{seconds.length > 0 && (\r\n\t\t\t\t<div className='i-timepicker-list'>\r\n\t\t\t\t\t<Items\r\n\t\t\t\t\t\titems={seconds}\r\n\t\t\t\t\t\tactive={second}\r\n\t\t\t\t\t\tunit='second'\r\n\t\t\t\t\t\trenderItem={renderItem}\r\n\t\t\t\t\t\tonClick={(s) => handleSetTime(s, \"second\")}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n}\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

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

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

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

package/lib/es/components/popconfirm/popconfirm.js

@@ -1,85 +1,53 @@
-import { useReactive } from "../../js/hooks.js";
-import button_default from "../button/index.js";
-import icon_default from "../icon/index.js";
-import popup_default from "../popup/index.js";
-import flex_default from "../flex/index.js";
-import { InfoOutlined } from "@ricons/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/popconfirm/popconfirm.tsx
-const defaultOk = { children: "确定" };
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { InfoOutlined } from '@ricons/material';
+import { useReactive } from '../../js/hooks.js';
+import Button from '../button/button.js';
+import Flex from '../flex/flex.js';
+import Icon from '../icon/icon.js';
+import Popup from '../popup/popup.js';
+
+const defaultOk = {
+    children: "确定",
+};
 const defaultCancel = {
-	children: "取消",
-	secondary: true
+    children: "取消",
+    secondary: true,
 };
 const Popconfirm = (props) => {
-	const { trigger = "click", visible, icon = /* @__PURE__ */ jsx(icon_default, {
-		icon: /* @__PURE__ */ jsx(InfoOutlined, {}),
-		className: "error",
-		size: "1.2em"
-	}), content, okButtonProps, cancelButtonProps, children, align, position = "top", offset = 12, extra, onOk, onClose, ...restProps } = props;
-	const state = useReactive({
-		loading: false,
-		visible
-	});
-	const ok = okButtonProps ? Object.assign({}, defaultOk, okButtonProps) : defaultOk;
-	const cancel = cancelButtonProps ? Object.assign({}, defaultCancel, cancelButtonProps) : defaultCancel;
-	const handleVisibleChange = (v) => {
-		state.visible = v;
-		restProps.onVisibleChange?.(v);
-	};
-	const handleOk = async (e) => {
-		state.loading = true;
-		ok.onClick?.(e);
-		try {
-			await onOk?.();
-			state.visible = false;
-		} finally {
-			state.loading = false;
-		}
-	};
-	const handleCancel = async (e) => {
-		cancel.onClick?.(e);
-		await onClose?.();
-		state.visible = false;
-	};
-	return /* @__PURE__ */ jsx(popup_default, {
-		content: /* @__PURE__ */ jsxs("div", {
-			className: "i-popconfirm",
-			children: [/* @__PURE__ */ jsxs(flex_default, {
-				gap: ".5em",
-				children: [icon, /* @__PURE__ */ jsx("div", {
-					className: "i-popconfirm-content",
-					children: content
-				})]
-			}), /* @__PURE__ */ jsxs(flex_default, {
-				gap: 12,
-				justify: "flex-end",
-				className: "i-popconfirm-footer",
-				children: [
-					cancelButtonProps !== null && /* @__PURE__ */ jsx(button_default, {
-						...cancel,
-						onClick: handleCancel
-					}),
-					extra,
-					okButtonProps !== null && /* @__PURE__ */ jsx(button_default, {
-						loading: state.loading,
-						...ok,
-						onClick: handleOk
-					})
-				]
-			})]
-		}),
-		...restProps,
-		trigger,
-		visible: state.visible,
-		align,
-		offset,
-		position,
-		onVisibleChange: handleVisibleChange,
-		children
-	});
+    const { trigger = "click", visible, icon = jsx(Icon, { icon: jsx(InfoOutlined, {}), className: 'error', size: '1.2em' }), content, okButtonProps, cancelButtonProps, children, align, position = "top", offset = 12, extra, onOk, onClose, ...restProps } = props;
+    const state = useReactive({
+        loading: false,
+        visible,
+    });
+    const ok = okButtonProps
+        ? Object.assign({}, defaultOk, okButtonProps)
+        : defaultOk;
+    const cancel = cancelButtonProps
+        ? Object.assign({}, defaultCancel, cancelButtonProps)
+        : defaultCancel;
+    const handleVisibleChange = (v) => {
+        state.visible = v;
+        restProps.onVisibleChange?.(v);
+    };
+    const handleOk = async (e) => {
+        state.loading = true;
+        ok.onClick?.(e);
+        try {
+            await onOk?.();
+            state.visible = false;
+        }
+        finally {
+            state.loading = false;
+        }
+    };
+    const handleCancel = async (e) => {
+        cancel.onClick?.(e);
+        await onClose?.();
+        state.visible = false;
+    };
+    const popconfirmContent = (jsxs("div", { className: 'i-popconfirm', children: [jsxs(Flex, { gap: '.5em', children: [icon, jsx("div", { className: 'i-popconfirm-content', children: content })] }), jsxs(Flex, { gap: 12, justify: 'flex-end', className: 'i-popconfirm-footer', children: [cancelButtonProps !== null && (jsx(Button, { ...cancel, onClick: handleCancel })), extra, okButtonProps !== null && (jsx(Button, { loading: state.loading, ...ok, onClick: handleOk }))] })] }));
+    return (jsx(Popup, { content: popconfirmContent, ...restProps, trigger: trigger, visible: state.visible, align: align, offset: offset, position: position, onVisibleChange: handleVisibleChange, children: children }));
 };
-//#endregion
-export { Popconfirm as default };
 
-//# sourceMappingURL=popconfirm.js.map
+export { Popconfirm as default };
+//# sourceMappingURL=popconfirm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.js","names":[],"sources":["../../../../packages/components/popconfirm/popconfirm.tsx"],"sourcesContent":["import { InfoOutlined } from \"@ricons/material\";\nimport { MouseEvent } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport Button from \"../button\";\nimport { IButton } from \"../button/type\";\nimport Flex from \"../flex\";\nimport Icon from \"../icon\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport { IPopconfirm } from \"./type\";\n\nconst defaultOk = {\n\tchildren: \"确定\",\n};\n\nconst defaultCancel = {\n\tchildren: \"取消\",\n\tsecondary: true,\n};\n\nconst Popconfirm = (props: IPopconfirm) => {\n\tconst {\n\t\ttrigger = \"click\",\n\t\tvisible,\n\t\ticon = <Icon icon={<InfoOutlined />} className='error' size='1.2em' />,\n\t\tcontent,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tchildren,\n\t\talign,\n\t\tposition = \"top\",\n\t\toffset = 12,\n\t\textra,\n\t\tonOk,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive({\n\t\tloading: false,\n\t\tvisible,\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 handleVisibleChange = (v: boolean) => {\n\t\tstate.visible = v;\n\t\trestProps.onVisibleChange?.(v);\n\t};\n\n\tconst handleOk = async (e: MouseEvent<HTMLElement>) => {\n\t\tstate.loading = true;\n\t\tok.onClick?.(e);\n\t\ttry {\n\t\t\tawait onOk?.();\n\t\t\tstate.visible = false;\n\t\t} finally {\n\t\t\tstate.loading = false;\n\t\t}\n\t};\n\n\tconst handleCancel = async (e: MouseEvent<HTMLElement>) => {\n\t\tcancel.onClick?.(e);\n\t\tawait onClose?.();\n\t\tstate.visible = false;\n\t};\n\n\tconst popconfirmContent = (\n\t\t<div className='i-popconfirm'>\n\t\t\t<Flex gap='.5em'>\n\t\t\t\t{icon}\n\t\t\t\t<div className='i-popconfirm-content'>{content}</div>\n\t\t\t</Flex>\n\n\t\t\t<Flex gap={12} justify='flex-end' className='i-popconfirm-footer'>\n\t\t\t\t{cancelButtonProps !== null && (\n\t\t\t\t\t<Button {...cancel} onClick={handleCancel} />\n\t\t\t\t)}\n\t\t\t\t{extra}\n\t\t\t\t{okButtonProps !== null && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tloading={state.loading}\n\t\t\t\t\t\t{...ok}\n\t\t\t\t\t\tonClick={handleOk}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Flex>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<Popup\n\t\t\tcontent={popconfirmContent}\n\t\t\t{...restProps}\n\t\t\ttrigger={trigger}\n\t\t\tvisible={state.visible}\n\t\t\talign={align}\n\t\t\toffset={offset}\n\t\t\tposition={position}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nexport default Popconfirm;\n"],"mappings":""}
+{"version":3,"file":"popconfirm.js","sources":["../../../../packages/components/popconfirm/popconfirm.tsx"],"sourcesContent":["import { InfoOutlined } from \"@ricons/material\";\r\nimport { MouseEvent } from \"react\";\r\nimport { useReactive } from \"../../js/hooks\";\r\nimport Button from \"../button\";\r\nimport { IButton } from \"../button/type\";\r\nimport Flex from \"../flex\";\r\nimport Icon from \"../icon\";\r\nimport Popup from \"../popup\";\r\nimport \"./index.css\";\r\nimport { IPopconfirm } from \"./type\";\r\n\r\nconst defaultOk = {\r\n\tchildren: \"确定\",\r\n};\r\n\r\nconst defaultCancel = {\r\n\tchildren: \"取消\",\r\n\tsecondary: true,\r\n};\r\n\r\nconst Popconfirm = (props: IPopconfirm) => {\r\n\tconst {\r\n\t\ttrigger = \"click\",\r\n\t\tvisible,\r\n\t\ticon = <Icon icon={<InfoOutlined />} className='error' size='1.2em' />,\r\n\t\tcontent,\r\n\t\tokButtonProps,\r\n\t\tcancelButtonProps,\r\n\t\tchildren,\r\n\t\talign,\r\n\t\tposition = \"top\",\r\n\t\toffset = 12,\r\n\t\textra,\r\n\t\tonOk,\r\n\t\tonClose,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst state = useReactive({\r\n\t\tloading: false,\r\n\t\tvisible,\r\n\t});\r\n\r\n\tconst ok: IButton = okButtonProps\r\n\t\t? Object.assign({}, defaultOk, okButtonProps)\r\n\t\t: defaultOk;\r\n\tconst cancel: IButton = cancelButtonProps\r\n\t\t? Object.assign({}, defaultCancel, cancelButtonProps)\r\n\t\t: defaultCancel;\r\n\r\n\tconst handleVisibleChange = (v: boolean) => {\r\n\t\tstate.visible = v;\r\n\t\trestProps.onVisibleChange?.(v);\r\n\t};\r\n\r\n\tconst handleOk = async (e: MouseEvent<HTMLElement>) => {\r\n\t\tstate.loading = true;\r\n\t\tok.onClick?.(e);\r\n\t\ttry {\r\n\t\t\tawait onOk?.();\r\n\t\t\tstate.visible = false;\r\n\t\t} finally {\r\n\t\t\tstate.loading = false;\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleCancel = async (e: MouseEvent<HTMLElement>) => {\r\n\t\tcancel.onClick?.(e);\r\n\t\tawait onClose?.();\r\n\t\tstate.visible = false;\r\n\t};\r\n\r\n\tconst popconfirmContent = (\r\n\t\t<div className='i-popconfirm'>\r\n\t\t\t<Flex gap='.5em'>\r\n\t\t\t\t{icon}\r\n\t\t\t\t<div className='i-popconfirm-content'>{content}</div>\r\n\t\t\t</Flex>\r\n\r\n\t\t\t<Flex gap={12} justify='flex-end' className='i-popconfirm-footer'>\r\n\t\t\t\t{cancelButtonProps !== null && (\r\n\t\t\t\t\t<Button {...cancel} onClick={handleCancel} />\r\n\t\t\t\t)}\r\n\t\t\t\t{extra}\r\n\t\t\t\t{okButtonProps !== null && (\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tloading={state.loading}\r\n\t\t\t\t\t\t{...ok}\r\n\t\t\t\t\t\tonClick={handleOk}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t</Flex>\r\n\t\t</div>\r\n\t);\r\n\r\n\treturn (\r\n\t\t<Popup\r\n\t\t\tcontent={popconfirmContent}\r\n\t\t\t{...restProps}\r\n\t\t\ttrigger={trigger}\r\n\t\t\tvisible={state.visible}\r\n\t\t\talign={align}\r\n\t\t\toffset={offset}\r\n\t\t\tposition={position}\r\n\t\t\tonVisibleChange={handleVisibleChange}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</Popup>\r\n\t);\r\n};\r\n\r\nexport default Popconfirm;\r\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/es/components/popup/content.js

@@ -1,54 +1,43 @@
-import classNames from "classnames";
-import { forwardRef, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-//#region packages/components/popup/content.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { forwardRef, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+
 const Content = forwardRef((props, ref) => {
-	const { arrow, arrowProps = {}, className, children, ...restProps } = props;
-	const arrowCSS = useMemo(() => {
-		let { left = 0, top = 0, pos } = arrowProps;
-		let transform = "";
-		switch (pos) {
-			case "left":
-				left += 2;
-				transform = `translate(-100%, -50%) rotate(180deg)`;
-				break;
-			case "right":
-				left -= 2;
-				transform = `translate(0, -50%)`;
-				break;
-			case "top":
-				top -= 2;
-				transform = `translate(-50%, -50%) rotate(-90deg)`;
-				break;
-			case "bottom":
-				top += 2;
-				transform = `translate(-50%, -50%) rotate(90deg)`;
-				break;
-			default: break;
-		}
-		return {
-			left,
-			top,
-			transform
-		};
-	}, [arrowProps]);
-	const content = /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: classNames("i-popup", className),
-		...restProps,
-		children: [arrow && /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			className: "i-popup-arrow",
-			style: arrowCSS,
-			children: /* @__PURE__ */ jsx("path", { d: "M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z" })
-		}), children]
-	});
-	const container = typeof document === "undefined" ? null : document.body;
-	if (!container) return null;
-	return createPortal(content, container);
+    const { arrow, arrowProps = {}, className, children, ...restProps } = props;
+    const arrowCSS = useMemo(() => {
+        let { left = 0, top = 0, pos } = arrowProps;
+        let transform = "";
+        switch (pos) {
+            case "left":
+                left += 2;
+                transform = `translate(-100%, -50%) rotate(180deg)`;
+                break;
+            case "right":
+                left -= 2;
+                transform = `translate(0, -50%)`;
+                break;
+            case "top":
+                top -= 2;
+                transform = `translate(-50%, -50%) rotate(-90deg)`;
+                break;
+            case "bottom":
+                top += 2;
+                transform = `translate(-50%, -50%) rotate(90deg)`;
+                break;
+        }
+        return {
+            left,
+            top,
+            transform,
+        };
+    }, [arrowProps]);
+    const content = (jsxs("div", { ref: ref, className: classNames("i-popup", className), ...restProps, children: [arrow && (jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', className: 'i-popup-arrow', style: arrowCSS, children: jsx("path", { d: 'M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z' }) })), children] }));
+    const container = typeof document === "undefined" ? null : document.body;
+    if (!container)
+        return null;
+    return createPortal(content, container);
 });
-//#endregion
-export { Content as default };
 
-//# sourceMappingURL=content.js.map
+export { Content as default };
+//# sourceMappingURL=content.js.map

package/lib/es/components/popup/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","names":[],"sources":["../../../../packages/components/popup/content.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { IPopupContent } from \"./type\";\n\nconst Content = forwardRef<HTMLDivElement, IPopupContent>((props, ref) => {\n\tconst { arrow, arrowProps = {}, className, children, ...restProps } = props;\n\n\tconst arrowCSS = useMemo(() => {\n\t\tlet { left = 0, top = 0, pos } = arrowProps as any;\n\t\tlet transform = \"\";\n\n\t\tswitch (pos) {\n\t\t\tcase \"left\":\n\t\t\t\tleft += 2;\n\t\t\t\ttransform = `translate(-100%, -50%) rotate(180deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tleft -= 2;\n\t\t\t\ttransform = `translate(0, -50%)`;\n\t\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\ttop -= 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(-90deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\ttop += 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(90deg)`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn {\n\t\t\tleft,\n\t\t\ttop,\n\t\t\ttransform,\n\t\t};\n\t}, [arrowProps]);\n\n\tconst content = (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-popup\", className)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{arrow && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\t\tclassName='i-popup-arrow'\n\t\t\t\t\tstyle={arrowCSS}\n\t\t\t\t>\n\t\t\t\t\t<path d='M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z' />\n\t\t\t\t</svg>\n\t\t\t)}\n\n\t\t\t{children}\n\t\t</div>\n\t);\n\n\tconst container =\n\t\ttypeof document === \"undefined\" ? null : (document.body as HTMLElement);\n\tif (!container) return null;\n\treturn createPortal(content, container);\n});\n\nexport default Content;\n"],"mappings":";;;;;AAKA,MAAM,UAAU,YAA2C,OAAO,QAAQ;CACzE,MAAM,EAAE,OAAO,aAAa,EAAE,EAAE,WAAW,UAAU,GAAG,cAAc;CAEtE,MAAM,WAAW,cAAc;EAC9B,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ;EACjC,IAAI,YAAY;AAEhB,UAAQ,KAAR;GACC,KAAK;AACJ,YAAQ;AACR,gBAAY;AACZ;GACD,KAAK;AACJ,YAAQ;AACR,gBAAY;AACZ;GACD,KAAK;AACJ,WAAO;AACP,gBAAY;AACZ;GACD,KAAK;AACJ,WAAO;AACP,gBAAY;AACZ;GACD,QACC;;AAGF,SAAO;GACN;GACA;GACA;GACA;IACC,CAAC,WAAW,CAAC;CAEhB,MAAM,UACL,qBAAC,OAAD;EACM;EACL,WAAW,WAAW,WAAW,UAAU;EAC3C,GAAI;YAHL,CAKE,SACA,oBAAC,OAAD;GACC,OAAM;GACN,WAAU;GACV,OAAO;aAEP,oBAAC,QAAD,EAAM,GAAE,yFAA0F,CAAA;GAC7F,CAAA,EAGN,SACI;;CAGP,MAAM,YACL,OAAO,aAAa,cAAc,OAAQ,SAAS;AACpD,KAAI,CAAC,UAAW,QAAO;AACvB,QAAO,aAAa,SAAS,UAAU;EACtC"}
+{"version":3,"file":"content.js","sources":["../../../../packages/components/popup/content.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { forwardRef, useMemo } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { IPopupContent } from \"./type\";\r\n\r\nconst Content = forwardRef<HTMLDivElement, IPopupContent>((props, ref) => {\r\n\tconst { arrow, arrowProps = {}, className, children, ...restProps } = props;\r\n\r\n\tconst arrowCSS = useMemo(() => {\r\n\t\tlet { left = 0, top = 0, pos } = arrowProps as any;\r\n\t\tlet transform = \"\";\r\n\r\n\t\tswitch (pos) {\r\n\t\t\tcase \"left\":\r\n\t\t\t\tleft += 2;\r\n\t\t\t\ttransform = `translate(-100%, -50%) rotate(180deg)`;\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"right\":\r\n\t\t\t\tleft -= 2;\r\n\t\t\t\ttransform = `translate(0, -50%)`;\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"top\":\r\n\t\t\t\ttop -= 2;\r\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(-90deg)`;\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"bottom\":\r\n\t\t\t\ttop += 2;\r\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(90deg)`;\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\tleft,\r\n\t\t\ttop,\r\n\t\t\ttransform,\r\n\t\t};\r\n\t}, [arrowProps]);\r\n\r\n\tconst content = (\r\n\t\t<div\r\n\t\t\tref={ref}\r\n\t\t\tclassName={classNames(\"i-popup\", className)}\r\n\t\t\t{...restProps}\r\n\t\t>\r\n\t\t\t{arrow && (\r\n\t\t\t\t<svg\r\n\t\t\t\t\txmlns='http://www.w3.org/2000/svg'\r\n\t\t\t\t\tclassName='i-popup-arrow'\r\n\t\t\t\t\tstyle={arrowCSS}\r\n\t\t\t\t>\r\n\t\t\t\t\t<path d='M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z' />\r\n\t\t\t\t</svg>\r\n\t\t\t)}\r\n\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n\r\n\tconst container =\r\n\t\ttypeof document === \"undefined\" ? null : (document.body as HTMLElement);\r\n\tif (!container) return null;\r\n\treturn createPortal(content, container);\r\n});\r\n\r\nexport default Content;\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKA,MAAM,OAAO,GAAG,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,KAAI;AACxE,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAE3E,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAK;AAC7B,QAAA,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,UAAiB;QAClD,IAAI,SAAS,GAAG,EAAE;QAElB,QAAQ,GAAG;AACV,YAAA,KAAK,MAAM;gBACV,IAAI,IAAI,CAAC;gBACT,SAAS,GAAG,uCAAuC;gBACnD;AACD,YAAA,KAAK,OAAO;gBACX,IAAI,IAAI,CAAC;gBACT,SAAS,GAAG,oBAAoB;gBAChC;AACD,YAAA,KAAK,KAAK;gBACT,GAAG,IAAI,CAAC;gBACR,SAAS,GAAG,sCAAsC;gBAClD;AACD,YAAA,KAAK,QAAQ;gBACZ,GAAG,IAAI,CAAC;gBACR,SAAS,GAAG,qCAAqC;gBACjD;;QAKF,OAAO;YACN,IAAI;YACJ,GAAG;YACH,SAAS;SACT;AACF,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhB,MAAM,OAAO,IACZA,IAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,KACvC,SAAS,EAAA,QAAA,EAAA,CAEZ,KAAK,KACLC,GAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,QAAQ,EAAA,QAAA,EAEfA,cAAM,CAAC,EAAC,uFAAuF,EAAA,CAAG,EAAA,CAC7F,CACN,EAEA,QAAQ,CAAA,EAAA,CACJ,CACN;AAED,IAAA,MAAM,SAAS,GACd,OAAO,QAAQ,KAAK,WAAW,GAAG,IAAI,GAAI,QAAQ,CAAC,IAAoB;AACxE,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;AAC3B,IAAA,OAAO,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC;AACxC,CAAC;;;;"}

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

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

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

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