@ioca/react 1.4.78 → 1.4.79

package/lib/cjs/components/picker/time/item.cjs

@@ -0,0 +1,20 @@
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/picker/time/item.tsx
+function Items(props) {
+	const { items = [], active, renderItem, unit, onClick } = props;
+	return items.map((n) => {
+		const isActive = n === active;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			className: (0, classnames.default)("i-timepicker-item", { "i-timepicker-item-active": isActive }),
+			onClick: () => onClick(n),
+			children: renderItem?.(n, isActive, unit) ?? (n < 10 ? `0${n}` : n)
+		}, n);
+	});
+}
+//#endregion
+exports.default = Items;
+
+//# sourceMappingURL=item.cjs.map

package/lib/cjs/components/picker/time/item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs","names":[],"sources":["../../../../../packages/components/picker/time/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nexport default function Items(props) {\n\tconst { items = [], active, renderItem, unit, onClick } = props;\n\n\treturn items.map((n) => {\n\t\tconst isActive = n === active;\n\n\t\treturn (\n\t\t\t<a\n\t\t\t\tkey={n}\n\t\t\t\tclassName={classNames(\"i-timepicker-item\", {\n\t\t\t\t\t\"i-timepicker-item-active\": isActive,\n\t\t\t\t})}\n\t\t\t\tonClick={() => onClick(n)}\n\t\t\t>\n\t\t\t\t{renderItem?.(n, isActive, unit) ?? (n < 10 ? `0${n}` : n)}\n\t\t\t</a>\n\t\t);\n\t});\n}\n"],"mappings":";;;;;AAEA,SAAwB,MAAM,OAAO;CACpC,MAAM,EAAE,QAAQ,EAAE,EAAE,QAAQ,YAAY,MAAM,YAAY;AAE1D,QAAO,MAAM,KAAK,MAAM;EACvB,MAAM,WAAW,MAAM;AAEvB,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAEC,YAAA,GAAA,WAAA,SAAsB,qBAAqB,EAC1C,4BAA4B,UAC5B,CAAC;GACF,eAAe,QAAQ,EAAE;aAExB,aAAa,GAAG,UAAU,KAAK,KAAK,IAAI,KAAK,IAAI,MAAM;GACrD,EAPE,EAOF;GAEJ"}

package/lib/cjs/components/picker/time/panel.cjs

@@ -0,0 +1,144 @@
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_item = require("./item.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/picker/time/panel.tsx
+const UnitMaps = {
+	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] = (0, react.useState)(void 0);
+	const [hour, setHour] = (0, react.useState)(void 0);
+	const [minute, setMinute] = (0, react.useState)(void 0);
+	const [second, setSecond] = (0, react.useState)(void 0);
+	const [hours, minutes, seconds] = (0, react.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);
+	};
+	(0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "i-timepicker",
+		children: [
+			hours.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [periods && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-timepicker-list",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+					items: periods,
+					active: period,
+					onClick: (p) => handleSetTime(p, "period")
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-timepicker-list",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+					items: hours,
+					active: hour,
+					unit: "hour",
+					renderItem,
+					onClick: (h) => handleSetTime(h, "hour")
+				})
+			})] }),
+			minutes.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-timepicker-list",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+					items: minutes,
+					active: minute,
+					unit: "minute",
+					renderItem,
+					onClick: (m) => handleSetTime(m, "minute")
+				})
+			}),
+			seconds.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-timepicker-list",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+					items: seconds,
+					active: second,
+					unit: "second",
+					renderItem,
+					onClick: (s) => handleSetTime(s, "second")
+				})
+			})
+		]
+	});
+}
+//#endregion
+exports.default = Panel;
+
+//# sourceMappingURL=panel.cjs.map

package/lib/cjs/components/picker/time/panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.cjs","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":"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"}

package/lib/cjs/components/popconfirm/index.cjs

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

package/lib/cjs/components/popconfirm/index.cjs.map

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

package/lib/cjs/components/popconfirm/popconfirm.cjs

@@ -0,0 +1,86 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_hooks = require("../../js/hooks.cjs");
+const require_index = require("../button/index.cjs");
+const require_index$1 = require("../icon/index.cjs");
+const require_index$2 = require("../popup/index.cjs");
+const require_index$3 = require("../flex/index.cjs");
+let _ricons_material = require("@ricons/material");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/popconfirm/popconfirm.tsx
+const defaultOk = { children: "确定" };
+const defaultCancel = {
+	children: "取消",
+	secondary: true
+};
+const Popconfirm = (props) => {
+	const { trigger = "click", visible, icon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.InfoOutlined, {}),
+		className: "error",
+		size: "1.2em"
+	}), content, okButtonProps, cancelButtonProps, children, align, position = "top", offset = 12, extra, onOk, onClose, ...restProps } = props;
+	const state = require_hooks.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__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
+		content: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "i-popconfirm",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$3.default, {
+				gap: ".5em",
+				children: [icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "i-popconfirm-content",
+					children: content
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$3.default, {
+				gap: 12,
+				justify: "flex-end",
+				className: "i-popconfirm-footer",
+				children: [
+					cancelButtonProps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+						...cancel,
+						onClick: handleCancel
+					}),
+					extra,
+					okButtonProps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+						loading: state.loading,
+						...ok,
+						onClick: handleOk
+					})
+				]
+			})]
+		}),
+		...restProps,
+		trigger,
+		visible: state.visible,
+		align,
+		offset,
+		position,
+		onVisibleChange: handleVisibleChange,
+		children
+	});
+};
+//#endregion
+exports.default = Popconfirm;
+
+//# sourceMappingURL=popconfirm.cjs.map

package/lib/cjs/components/popconfirm/popconfirm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.cjs","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":";;;;;;;;;oBAWA,UAAM,MACL;;CAGD,UAAM;CACL,WAAW;CACX;;CAGD,MAAM,EACL,UAAM,SACL,SACA,OAAO,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,cAAA,EAAA,CAAA;EAAA,WAAA;EAAA,MAAA;EAAA,CAAA,EACP,SACA,eACA,mBACA,UACA,OACA,WAAK,OACL,SAAS,IACT,OACA,MACA,SACA,GAAA,cACG;;EAGJ,SAAM;EACL;EACA,CAAA;4BAGD,OAAU,OAAO,EAAE,EAAC,WAAA,cAAA,GACjB;CACH,MAAG,SAAS,oBACZ,OAAM,OAAQ,EAAA,EAAO,eAAG,kBAAA,GACrB;;AAGH,QAAM,UAAA;AACL,YAAM,kBAAW,EAAA;;;AAIlB,QAAM,UAAW;AAChB,KAAA,UAAa,EAAE;AACf,MAAG;AACH,SAAI,QAAA;AACH,SAAM,UAAQ;YACR;AACN,SAAC,UAAQ;;;;AAKX,SAAM,UAAY,EAAE;AACnB,QAAM,WAAW;AACjB,QAAM,UAAU;;QA2BjB,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;EACE,SAxBF,iBAAA,GAAA,kBAAA,MAAA,OAAA;GAAM,WAAA;aAAN,CACE,iBAAA,GAAA,kBAAA,MAAA,gBAAA,SAAA;IAAI,KAAA;cAAJ,CACC,MACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAA;eAAA;KAAA,CAAA,CACA;;;;;;KAGL,sBAAuB,QACtB,iBAAA,GAAA,kBAAA,KAAA,cAAA,SAAA;MAAA,GAAA;MAAoB,SAAS;MAAC,CAAA;KAE9B;KACA,kBAAK,QACL,iBAAA,GAAA,kBAAA,KAAA,cAAA,SAAA;MACC,SAAA,MAAA;MACA,GAAA;MACA,SAAM;MACN,CAAA;KAED;MACA;;EAMF,GAAA;EACI;EACJ,SAAS,MAAA;EACF;EACA;EACC;EACR,iBAAU;EAEX;EACE,CAAA"}

package/lib/cjs/components/popup/content.cjs

@@ -0,0 +1,56 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_dom = require("react-dom");
+//#region packages/components/popup/content.tsx
+const Content = (0, react.forwardRef)((props, ref) => {
+	const { arrow, arrowProps = {}, className, children, ...restProps } = props;
+	const arrowCSS = (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: (0, classnames.default)("i-popup", className),
+		...restProps,
+		children: [arrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			className: "i-popup-arrow",
+			style: arrowCSS,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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 (0, react_dom.createPortal)(content, container);
+});
+//#endregion
+exports.default = Content;
+
+//# sourceMappingURL=content.cjs.map

package/lib/cjs/components/popup/content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.cjs","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,WAAA,GAAA,MAAA,aAAqD,OAAO,QAAQ;CACzE,MAAM,EAAE,OAAO,aAAa,EAAE,EAAE,WAAW,UAAU,GAAG,cAAc;CAEtE,MAAM,YAAA,GAAA,MAAA,eAAyB;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,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACM;EACL,YAAA,GAAA,WAAA,SAAsB,WAAW,UAAU;EAC3C,GAAI;YAHL,CAKE,SACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACC,OAAM;GACN,WAAU;GACV,OAAO;aAEP,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,GAAE,yFAA0F,CAAA;GAC7F,CAAA,EAGN,SACI;;CAGP,MAAM,YACL,OAAO,aAAa,cAAc,OAAQ,SAAS;AACpD,KAAI,CAAC,UAAW,QAAO;AACvB,SAAA,GAAA,UAAA,cAAoB,SAAS,UAAU;EACtC"}

package/lib/cjs/components/popup/index.cjs

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

package/lib/cjs/components/popup/index.cjs.map

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