@ioca/react 1.4.76 → 1.4.78

package/lib/types/components/picker/dates/index.js

@@ -0,0 +1,92 @@
+import icon_default from "../../icon/index.js";
+import popup_default from "../../popup/index.js";
+import input_default from "../../input/index.js";
+import Panel from "./panel.js";
+import classNames from "classnames";
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import CalendarMonthTwotone from "@ricons/material/es/CalendarMonthTwotone.js";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import "./index.css";
+//#region packages/components/picker/dates/index.tsx
+dayjs.extend(customParseFormat);
+const FORMATTYPES = [
+	"YYYY-MM-DD",
+	"YYYY-M-D",
+	"YYYY/MM/DD",
+	"YYYY/M/D"
+];
+const FORMAT = "YYYY-MM-DD";
+const Datepicker = (props) => {
+	const { name, value, weeks, format = FORMAT, placeholder = props.format ?? FORMAT, className, renderDate, renderMonth, renderYear, popupProps, disabledDate, onDateClick, onChange, onBlur, ...restProps } = props;
+	const [inputValue, setInputValue] = useState(value);
+	const [active, setActive] = useState(false);
+	const dayJsValue = useMemo(() => {
+		if (!inputValue) return null;
+		const date = dayjs(inputValue, format, true);
+		if (date.isValid()) return date;
+		return null;
+	}, [inputValue, format]);
+	const handleDateClick = (date) => {
+		handleChange(date.format(format));
+	};
+	const handleChange = (v) => {
+		setInputValue(v);
+		onChange?.(v);
+	};
+	const handleSetDate = () => {
+		if (!inputValue) return;
+		const date = dayjs(inputValue, FORMATTYPES, true);
+		if (date.isValid()) {
+			handleChange(date.format(format));
+			return;
+		}
+		handleChange("");
+	};
+	const handleBlur = (e) => {
+		onBlur?.(e);
+		handleSetDate();
+	};
+	const handleVisibleChange = (v) => {
+		popupProps?.onVisibleChange?.(v);
+		setActive(v);
+	};
+	useEffect(() => {
+		setInputValue(value);
+	}, [value]);
+	return /* @__PURE__ */ jsx(popup_default, {
+		visible: active,
+		trigger: "click",
+		position: "bottom",
+		arrow: false,
+		align: "start",
+		onVisibleChange: handleVisibleChange,
+		content: /* @__PURE__ */ jsx(Panel, {
+			value: dayJsValue,
+			weeks,
+			renderDate,
+			renderMonth,
+			renderYear,
+			disabledDate,
+			onDateClick: handleDateClick
+		}),
+		...popupProps,
+		children: /* @__PURE__ */ jsx(input_default, {
+			value: inputValue,
+			append: /* @__PURE__ */ jsx(icon_default, {
+				icon: /* @__PURE__ */ jsx(CalendarMonthTwotone, {}),
+				className: "i-datepicker-icon",
+				size: "1em"
+			}),
+			placeholder,
+			onChange: handleChange,
+			onBlur: handleBlur,
+			onEnter: handleSetDate,
+			className: classNames("i-datepicker-label", className),
+			...restProps
+		})
+	});
+};
+//#endregion
+export { Datepicker as default };

package/lib/types/components/picker/dates/panel.d.ts

@@ -0,0 +1,3 @@
+import { IBaseDates } from '../type';
+declare const Panel: (props: IBaseDates) => import("react/jsx-runtime").JSX.Element;
+export default Panel;

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

@@ -0,0 +1,147 @@
+import icon_default from "../../icon/index.js";
+import helpericon_default from "../../utils/helpericon/index.js";
+import Dates from "./dates.js";
+import classNames from "classnames";
+import { throttle } from "radash";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import KeyboardArrowLeftRound from "@ricons/material/es/KeyboardArrowLeftRound.js";
+import KeyboardArrowRightRound from "@ricons/material/es/KeyboardArrowRightRound.js";
+import dayjs from "dayjs";
+//#region packages/components/picker/dates/panel.tsx
+const MONTHS = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	9,
+	10,
+	11,
+	12
+];
+const YearMonth = (props) => {
+	const { value, unitMonth = "月", unitYear = "年", renderYear, renderMonth, onClick } = props;
+	return /* @__PURE__ */ jsxs("a", {
+		className: "i-datepicker-action",
+		"data-ripple": true,
+		onClick,
+		children: [
+			/* @__PURE__ */ jsx("span", { children: renderYear?.(value.year()) }),
+			unitYear,
+			/* @__PURE__ */ jsx("span", { children: renderMonth?.(value.month() + 1) }),
+			unitMonth
+		]
+	});
+};
+const Panel = (props) => {
+	const { value, unitYear, unitMonth, renderDate, renderMonth = (m) => m, renderYear = (y) => y, disabledDate, onDateClick } = props;
+	const [today, setToday] = useState(value);
+	const [month, setMonth] = useState(value || dayjs());
+	const [selectedYear, setSelectedYear] = useState(dayjs());
+	const [years, setYears] = useState([]);
+	const [selectable, setSelectable] = useState(false);
+	const $years = useRef(null);
+	const handleOperateMonth = (next) => {
+		setMonth((m) => m[next ? "add" : "subtract"](1, "month"));
+	};
+	const handleChangeDate = (date) => {
+		if (date.isSame(today, "day")) return;
+		if (!date.isSame(month, "month")) setMonth(date);
+		setToday(date);
+		onDateClick?.(date);
+	};
+	const handleChangeMonth = (month) => {
+		setMonth((m) => m.year(selectedYear.year()).month(month - 1));
+		setSelectable(false);
+	};
+	const getMoreYears = throttle({ interval: 100 }, (e) => {
+		const isUp = e.deltaY < 0;
+		setYears((ys) => ys.map((y) => y + (isUp ? -1 : 1)));
+	});
+	useEffect(() => {
+		if (!selectable) return;
+		setSelectedYear(month);
+		const y = month.year();
+		setYears([...Array.from({ length: 7 }).map((_, i) => y - 3 + i)]);
+	}, [selectable, month]);
+	useEffect(() => {
+		setToday(value);
+		setMonth(value || dayjs());
+	}, [value]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "i-datepicker",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "i-datepicker-units",
+				children: [
+					/* @__PURE__ */ jsx(YearMonth, {
+						value: month,
+						unitYear,
+						unitMonth,
+						renderMonth,
+						renderYear,
+						onClick: () => setSelectable(true)
+					}),
+					/* @__PURE__ */ jsx("a", {
+						className: "ml-auto i-datepicker-action",
+						"data-ripple": true,
+						onClick: () => handleOperateMonth(false),
+						children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowLeftRound, {}) })
+					}),
+					/* @__PURE__ */ jsx("a", {
+						className: "i-datepicker-action",
+						"data-ripple": true,
+						onClick: () => handleOperateMonth(true),
+						children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowRightRound, {}) })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: classNames("i-datepicker-ym", { "i-datepicker-active": selectable }),
+				children: [
+					/* @__PURE__ */ jsx(helpericon_default, {
+						active: true,
+						className: "i-datepicker-close",
+						onClick: (e) => {
+							e.stopPropagation();
+							setSelectable(false);
+						}
+					}),
+					/* @__PURE__ */ jsx("div", {
+						ref: $years,
+						className: "i-datepicker-years",
+						onWheel: getMoreYears,
+						children: years.map((y) => /* @__PURE__ */ jsx("a", {
+							className: classNames("i-datepicker-year", { "i-datepicker-active": y === selectedYear.year() }),
+							onClick: () => setSelectedYear((sy) => sy.year(y)),
+							children: renderYear(y)
+						}, y))
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "i-datepicker-months",
+						children: MONTHS.map((m) => {
+							return /* @__PURE__ */ jsx("a", {
+								className: classNames("i-datepicker-month", { "i-datepicker-active": m === month.month() + 1 }),
+								onClick: () => handleChangeMonth(m),
+								children: renderMonth(m)
+							}, m);
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Dates, {
+				value: today,
+				month,
+				disabledDate,
+				onDateClick: handleChangeDate,
+				renderDate
+			})
+		]
+	});
+};
+//#endregion
+export { Panel as default };

package/lib/types/components/picker/index.d.ts

@@ -0,0 +1,10 @@
+import { default as Colors } from './colors';
+import { default as Time } from './time';
+import { default as DatePicker } from './dates';
+declare const Picker: {
+    Dates: (props: import('./type').IDatePicker) => import("react/jsx-runtime").JSX.Element;
+    Time: typeof Time;
+    Colors: typeof Colors;
+};
+export { ColorPicker, DatePicker, TimePicker };
+export default Picker;

package/lib/types/components/picker/time/index.d.ts

@@ -1,6 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ITimePicker } from '../type.js';
-
-declare function TimePicker(props: ITimePicker): react_jsx_runtime.JSX.Element;
-
-export { TimePicker as default };
+import { ITimePicker } from '../type';
+export default function TimePicker(props: ITimePicker): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,69 @@
+import icon_default from "../../icon/index.js";
+import popup_default from "../../popup/index.js";
+import input_default from "../../input/index.js";
+import Panel from "./panel.js";
+import classNames from "classnames";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import AccessTimeRound from "@ricons/material/es/AccessTimeRound.js";
+//#region packages/components/picker/time/index.tsx
+const FORMAT = "hh:mm:ss";
+function TimePicker(props) {
+	const { name, value, format = FORMAT, periods, placeholder = props.format ?? FORMAT, className, renderItem, onChange, onBlur, popupProps, ...restProps } = props;
+	const [timeValue, setTimeValue] = useState(value);
+	const [safeValue, setSafeValue] = useState(void 0);
+	const [active, setActive] = useState(false);
+	const handleChange = (v) => {
+		setTimeValue(v);
+	};
+	const handleFallback = (v) => {
+		setSafeValue(v);
+	};
+	const handleValidTime = () => {
+		if (!timeValue) return;
+		setTimeValue(safeValue);
+	};
+	const handleBlur = (e) => {
+		onBlur?.(e);
+		handleValidTime();
+	};
+	const handleVisibleChange = (v) => {
+		popupProps?.onVisibleChange?.(v);
+		setActive(v);
+	};
+	useEffect(() => {
+		setTimeValue(value);
+	}, [value]);
+	return /* @__PURE__ */ jsx(popup_default, {
+		visible: active,
+		trigger: "click",
+		position: "bottom",
+		arrow: false,
+		align: "start",
+		...popupProps,
+		onVisibleChange: handleVisibleChange,
+		content: /* @__PURE__ */ jsx(Panel, {
+			value: timeValue,
+			format,
+			periods,
+			renderItem,
+			onChange: handleChange,
+			onFallback: handleFallback
+		}),
+		children: /* @__PURE__ */ jsx(input_default, {
+			value: timeValue,
+			placeholder,
+			append: /* @__PURE__ */ jsx(icon_default, {
+				icon: /* @__PURE__ */ jsx(AccessTimeRound, {}),
+				className: "i-timepicker-icon",
+				size: "1em"
+			}),
+			onChange: handleChange,
+			onBlur: handleBlur,
+			className: classNames("i-timepicker-label", className),
+			...restProps
+		})
+	});
+}
+//#endregion
+export { TimePicker as default };

package/lib/types/components/picker/time/item.d.ts

@@ -0,0 +1 @@
+export default function Items(props: any): any;

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

@@ -0,0 +1,16 @@
+import classNames from "classnames";
+import { jsx } from "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__ */ jsx("a", {
+			className: classNames("i-timepicker-item", { "i-timepicker-item-active": isActive }),
+			onClick: () => onClick(n),
+			children: renderItem?.(n, isActive, unit) ?? (n < 10 ? `0${n}` : n)
+		}, n);
+	});
+}
+//#endregion
+export { Items as default };

package/lib/types/components/picker/time/panel.d.ts

@@ -0,0 +1 @@
+export default function Panel(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,142 @@
+import Items from "./item.js";
+import { useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import "./index.css";
+//#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/picker/type.d.ts

@@ -1,14 +1,13 @@
 import { ColorPickerProps } from '@rc-component/color-picker';
 import { Dayjs } from 'dayjs';
 import { ReactNode } from 'react';
-import { BaseInput } from '../../type/index.js';
-import { IInput } from '../input/type.js';
-import { IPopup } from '../popup/type.js';
-
-interface IDatePicker extends BaseInput, IInput, Omit<IBaseDates, "value"> {
+import { BaseInput } from '../../type';
+import { IInput } from '../input/type';
+import { IPopup } from '../popup/type';
+export interface IDatePicker extends BaseInput, IInput, Omit<IBaseDates, "value"> {
     popupProps?: IPopup;
 }
-interface IBaseDates {
+export interface IBaseDates {
     value?: any;
     format?: string;
     weeks?: ReactNode[];
@@ -20,14 +19,14 @@ interface IBaseDates {
     onDateClick?: (date: Dayjs) => void;
     disabledDate?: (date: Dayjs) => boolean;
 }
-interface ITimePicker extends BaseInput, IInput {
+export interface ITimePicker extends BaseInput, IInput {
     value?: any;
     format?: string;
     periods?: string[];
     renderItem?: (number: number, active: boolean, unit: "hour" | "minute" | "second") => ReactNode;
     popupProps?: IPopup;
 }
-interface IColorPicker extends ColorPickerProps {
+export interface IColorPicker extends ColorPickerProps {
     value?: any;
     type?: "HEX" | "RGB" | "HSB";
     children?: ReactNode;
@@ -37,5 +36,3 @@ interface IColorPicker extends ColorPickerProps {
     placeholder?: ReactNode;
     onChange?: (value: any) => void;
 }
-
-export type { IBaseDates, IColorPicker, IDatePicker, ITimePicker };

package/lib/types/components/popconfirm/index.d.ts

@@ -1,5 +1,2 @@
-import Popconfirm from './popconfirm.js';
-
-
-
-export { Popconfirm as default };
+import { default as Popconfirm } from './popconfirm';
+export default Popconfirm;

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

@@ -0,0 +1,5 @@
+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.d.ts

@@ -1,6 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IPopconfirm } from './type.js';
-
-declare const Popconfirm: (props: IPopconfirm) => react_jsx_runtime.JSX.Element;
-
-export { Popconfirm as default };
+import { IPopconfirm } from './type';
+declare const Popconfirm: (props: IPopconfirm) => import("react/jsx-runtime").JSX.Element;
+export default Popconfirm;

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

@@ -0,0 +1,84 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
+import InfoOutlined from "@ricons/material/es/InfoOutlined.js";
+import "./index.css";
+//#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/popconfirm/type.d.ts

@@ -1,8 +1,7 @@
 import { ReactNode } from 'react';
-import { IButton } from '../button/type.js';
-import { IPopup } from '../popup/type.js';
-
-interface IPopconfirm extends IPopup {
+import { IButton } from '../button/type';
+import { IPopup } from '../popup/type';
+export interface IPopconfirm extends IPopup {
     icon?: ReactNode;
     okButtonProps?: IButton;
     cancelButtonProps?: IButton;
@@ -10,5 +9,3 @@ interface IPopconfirm extends IPopup {
     onOk?: () => Promise<void> | void;
     onClose?: () => Promise<void> | void;
 }
-
-export type { IPopconfirm };

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

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