@ioca/react 1.4.79 → 1.4.81

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

@@ -1,141 +0,0 @@
-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
-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] = 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")
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { Panel as default };

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

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

package/lib/types/components/popconfirm/popconfirm.js

@@ -1,83 +0,0 @@
-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: "确定" };
-const defaultCancel = {
-	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
-	});
-};
-//#endregion
-export { Popconfirm as default };

package/lib/types/components/popup/content.d.ts

@@ -1,3 +0,0 @@
-import { IPopupContent } from './type';
-declare const Content: import('react').ForwardRefExoticComponent<IPopupContent & import('react').RefAttributes<HTMLDivElement>>;
-export default Content;

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

@@ -1,52 +0,0 @@
-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
-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);
-});
-//#endregion
-export { Content as default };

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

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