@ioca/react 1.4.80 → 1.4.81

package/lib/types/components/datagrid/cell.js

@@ -1,34 +0,0 @@
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/datagrid/cell.tsx
-function getCellStyle({ justify, col, row, colSpan = 1, rowSpan = 1 }) {
-	return {
-		"--datagrid-justify": justify,
-		gridArea: `${row + 1} / ${col + 1} / ${row + 1 + rowSpan} / ${col + 1 + colSpan}`,
-		insetInline: `var(--datagrid-cell-inset-${col})`
-	};
-}
-function Cell(props) {
-	const { column, row, col, data, cellEllipsis, onCellClick, onCellDoubleClick } = props;
-	const { id, fixed, justify, rowSpan, render } = column;
-	const style = getCellStyle({
-		justify,
-		fixed,
-		col,
-		row,
-		rowSpan
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames("i-datagrid-cell", { [`i-datagrid-cell-fixed-${fixed}`]: fixed }),
-		"data-col": id,
-		style,
-		onClick: (e) => onCellClick?.(data, column, row, col, e),
-		onDoubleClick: (e) => onCellDoubleClick?.(data, column, row, col, e),
-		children: render?.(data[id], data, row, col) ?? /* @__PURE__ */ jsx("div", {
-			className: classNames("i-datagrid-cell-content", { "i-datagrid-cell-content-ellipsis": cellEllipsis }),
-			children: data[id]
-		})
-	});
-}
-//#endregion
-export { Cell, getCellStyle };

package/lib/types/components/datagrid/datagrid.js

@@ -1,136 +0,0 @@
-import loading_default from "../loading/index.js";
-import { useReactive } from "../../js/hooks.js";
-import { getNextSorter } from "../../js/utils.js";
-import Empty from "../utils/empty/index.js";
-import Row, { Header } from "./row.js";
-import classNames from "classnames";
-import { useEffect, useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/datagrid/datagrid.tsx
-const Datagrid = (props) => {
-	const { data = [], columns = [], border, striped, header = true, resizable, cellPadding = ".5em", cellEllipsis, empty = /* @__PURE__ */ jsx(Empty, {}), loading, height = "unset", style, className, renderLoading = () => /* @__PURE__ */ jsx(loading_default, {
-		size: "1.5em",
-		className: "color-3",
-		absolute: true
-	}), onCellClick, onRowClick, onCellDoubleClick, onHeaderClick, onSort, onScroll, onResize } = props;
-	const container = useRef(null);
-	const state = useReactive({
-		rows: data,
-		widths: columns.map((col) => col.width ?? "min-content"),
-		sortBy: "",
-		sortType: ""
-	});
-	const styles = useMemo(() => {
-		const { widths } = state;
-		const o = {
-			...style,
-			"--grid-template-columns": widths.map((w) => {
-				return typeof w === "number" ? `${w}px` : w;
-			}).join(" ")
-		};
-		if (!resizable) return o;
-		const fws = columns.map((col, i) => {
-			const { fixed } = col;
-			if (!fixed) return 0;
-			return widths[i];
-		});
-		columns.map((col, i) => {
-			const { fixed } = col;
-			if (!fixed) return;
-			if (i === 0) o[`--datagrid-cell-inset-0`] = 0;
-			else if (i === fws.length - 1) o[`--datagrid-cell-inset-${fws.length - 1}`] = "auto 0";
-			else {
-				const isLeft = fixed === "left";
-				const sum = (isLeft ? fws.slice(0, i) : fws.slice(i + 1)).reduce((pre, cur) => pre + cur) + "px";
-				const result = isLeft ? `${sum} auto` : `auto ${sum}`;
-				o[`--datagrid-cell-inset-${i}`] = result;
-			}
-		});
-		return o;
-	}, [state.widths, resizable]);
-	const handleWidthChange = (i, w) => {
-		if (!resizable) return;
-		const [ ...ws] = state.widths;
-		ws[i] = w;
-		state.widths = ws;
-		onResize?.(columns[i], w);
-	};
-	const handleHeaderClick = (column, e) => {
-		if (column?.sorter) {
-			const [sortBy, sortType] = getNextSorter(state.sortBy, state.sortType, column.id);
-			Object.assign(state, {
-				sortBy,
-				sortType
-			});
-			onSort?.(sortBy, sortType);
-		}
-		onHeaderClick?.(column, e);
-	};
-	const rows = useMemo(() => {
-		const { sortBy, sortType } = state;
-		if (sortBy && !onSort) {
-			const sorter = columns.find((col) => col.id === sortBy)?.sorter;
-			const sortFn = typeof sorter === "function" ? sorter : (a, b) => b[sortBy] - a[sortBy];
-			const sorted = [...data].sort(sortFn);
-			return sortType === "desc" ? sorted : sorted.reverse();
-		}
-		return data;
-	}, [
-		data,
-		columns,
-		state.sortBy,
-		state.sortType
-	]);
-	useEffect(() => {
-		if (!container.current) return;
-		const { current: div } = container;
-		const tds = div.querySelector(".i-datagrid-row")?.children;
-		if (!tds?.length) return;
-		state.widths = Array.from(tds).map((node) => node.offsetWidth);
-	}, [columns, resizable]);
-	useEffect(() => {
-		loading && container.current?.scrollTo({
-			top: 0,
-			left: 0
-		});
-	}, [loading]);
-	return /* @__PURE__ */ jsxs("div", {
-		style: {
-			maxHeight: height,
-			"--cell-padding": cellPadding,
-			...styles
-		},
-		className: classNames("i-datagrid-container", className, {
-			"i-datagrid-bordered": border,
-			"i-datagrid-striped": striped
-		}),
-		children: [/* @__PURE__ */ jsxs("div", {
-			ref: container,
-			className: classNames("i-datagrid", { "i-datagrid-loading": loading }),
-			onWheel: onScroll,
-			children: [
-				header && /* @__PURE__ */ jsx(Header, {
-					columns,
-					resizable,
-					sortType: state.sortType,
-					sortBy: state.sortBy,
-					cellEllipsis,
-					onWidthChange: handleWidthChange,
-					onHeaderClick: handleHeaderClick
-				}),
-				rows.map((row, i) => /* @__PURE__ */ jsx(Row, {
-					row: i + (header ? 1 : 0),
-					data: row,
-					cellEllipsis,
-					columns,
-					onCellClick,
-					onRowClick,
-					onCellDoubleClick
-				}, i)),
-				rows.length < 1 && empty
-			]
-		}), loading && renderLoading()]
-	});
-};
-//#endregion
-export { Datagrid as default };

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

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

package/lib/types/components/datagrid/resize.js

@@ -1,39 +0,0 @@
-import { useMouseMove, useMouseUp, useReactive } from "../../js/hooks.js";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/datagrid/resize.tsx
-function Resize(props) {
-	const { index, onWidthChange } = props;
-	const state = useReactive({
-		resizing: false,
-		x: 0,
-		width: 0
-	});
-	const handleMouseDown = (e) => {
-		const width = e.target.offsetParent.offsetWidth;
-		Object.assign(state, {
-			x: e.pageX,
-			resizing: true,
-			width
-		});
-	};
-	const handleMouseMove = (e) => {
-		if (!state.resizing) return;
-		e.preventDefault();
-		const after = state.width + e.pageX - state.x;
-		if (after <= 24) return;
-		onWidthChange(index, after);
-	};
-	const handleMouseUp = () => {
-		if (!state.resizing) return;
-		state.resizing = false;
-	};
-	useMouseMove(handleMouseMove);
-	useMouseUp(handleMouseUp);
-	return /* @__PURE__ */ jsx("i", {
-		className: "i-datagrid-resizor",
-		onMouseDown: handleMouseDown,
-		onClick: (e) => e.stopPropagation()
-	});
-}
-//#endregion
-export { Resize as default };

package/lib/types/components/datagrid/row.js

@@ -1,63 +0,0 @@
-import { Cell, getCellStyle } from "./cell.js";
-import Resize from "./resize.js";
-import Sorter from "./sorter.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/datagrid/row.tsx
-function Row(props) {
-	const { row, data, columns, cellEllipsis, onRowClick, onCellClick, onCellDoubleClick } = props;
-	return /* @__PURE__ */ jsx("div", {
-		className: "i-datagrid-row",
-		onClick: () => onRowClick?.(data, row),
-		children: columns.map((col, i) => /* @__PURE__ */ jsx(Cell, {
-			column: col,
-			col: i,
-			row,
-			data,
-			cellEllipsis,
-			onCellClick,
-			onCellDoubleClick
-		}, i))
-	});
-}
-function Header(props) {
-	const { columns, resizable, cellEllipsis, sortBy, sortType, onWidthChange, onHeaderClick } = props;
-	return /* @__PURE__ */ jsx("div", {
-		className: "i-datagrid-header i-datagrid-row",
-		children: columns.map((column, col) => {
-			const { id, title, fixed, colSpan, sorter, justify, renderHeader } = column;
-			const style = getCellStyle({
-				justify,
-				row: 0,
-				col,
-				colSpan
-			});
-			const order = sortBy === id ? sortType : "";
-			return /* @__PURE__ */ jsxs("div", {
-				"data-col": id,
-				className: classNames("i-datagrid-cell", {
-					"i-datagrid-has-sorter": sorter,
-					"i-datagrid-cell-fixed": fixed
-				}),
-				style: {
-					...style,
-					insetBlockStart: 0
-				},
-				onClick: (e) => onHeaderClick?.(column, e),
-				children: [
-					renderHeader?.(column, col) ?? /* @__PURE__ */ jsx("div", {
-						className: classNames("i-datagrid-cell-content", { "i-datagrid-cell-content-ellipsis": cellEllipsis }),
-						children: title || id
-					}),
-					sorter && /* @__PURE__ */ jsx(Sorter, { type: order }),
-					resizable && /* @__PURE__ */ jsx(Resize, {
-						index: col,
-						onWidthChange
-					})
-				]
-			}, col);
-		})
-	});
-}
-//#endregion
-export { Header, Row as default };

package/lib/types/components/datagrid/sorter.js

@@ -1,24 +0,0 @@
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/datagrid/sorter.tsx
-const Arrow = (props) => /* @__PURE__ */ jsx("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 24 24",
-	...props,
-	children: /* @__PURE__ */ jsx("g", {
-		fill: "none",
-		children: /* @__PURE__ */ jsx("path", {
-			d: "M9 17.898c0 1.074 1.265 1.648 2.073.941l6.31-5.522a1.75 1.75 0 0 0 0-2.634l-6.31-5.522C10.265 4.454 9 5.028 9 6.102v11.796z",
-			fill: "currentColor"
-		})
-	})
-});
-function Sorter(props) {
-	const { type } = props;
-	return /* @__PURE__ */ jsxs("a", {
-		className: classNames("i-datagrid-sorter", { [`i-datagrid-sorter-${type}`]: type }),
-		children: [/* @__PURE__ */ jsx(Arrow, { className: "i-datagrid-sorter-caret" }), /* @__PURE__ */ jsx(Arrow, { className: "i-datagrid-sorter-caret" })]
-	});
-}
-//#endregion
-export { Sorter as default };

package/lib/types/components/description/description.js

@@ -1,39 +0,0 @@
-import classNames from "classnames";
-import { Fragment } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/description/description.tsx
-const Description = (props) => {
-	const { data, colon, columns = 1, gap = ".5em", align, labelWidth, labelAlign, vertical, equally, style, className } = props;
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames("i-description", className),
-		style: {
-			["--description-label-width"]: labelWidth,
-			gridTemplateColumns: `repeat(${columns}, ${equally ? "1fr" : "auto"})`,
-			gap,
-			textAlign: align,
-			...style
-		},
-		children: data.map((item, i) => {
-			const { label, value, style, hidden, rowSpan = 1, colSpan = 1 } = item;
-			if (hidden) return /* @__PURE__ */ jsx(Fragment, {}, i);
-			return /* @__PURE__ */ jsxs("div", {
-				className: classNames("i-description-item", { "i-description-item-vertical": vertical }),
-				style: {
-					gridColumn: `span ${colSpan}`,
-					gridRow: `span ${rowSpan}`,
-					...style
-				},
-				children: [label && /* @__PURE__ */ jsxs("div", {
-					className: "i-description-label",
-					style: { textAlign: labelAlign },
-					children: [label, colon]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "i-description-value",
-					children: value
-				})]
-			}, i);
-		})
-	});
-};
-//#endregion
-export { Description as default };

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

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

package/lib/types/components/drawer/drawer.js

@@ -1,80 +0,0 @@
-import { useKeydown, useReactive } from "../../js/hooks.js";
-import helpericon_default from "../utils/helpericon/index.js";
-import classNames from "classnames";
-import { useEffect, useRef, useTransition } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-//#region packages/components/drawer/drawer.tsx
-function Drawer(props) {
-	const { visible, position = "left", header, footer, backdropClosable = true, hideCloseButton, keepDOM, className, disabledEsc, children, onVisibleChange, onClose, ...restProps } = props;
-	const toggable = useRef(true);
-	const state = useReactive({
-		show: visible,
-		active: visible
-	});
-	const [isPending, startTransition] = useTransition();
-	const handleHide = () => {
-		if (!toggable.current || isPending) return;
-		toggable.current = false;
-		startTransition(() => {
-			state.active = false;
-			setTimeout(() => {
-				if (!keepDOM) state.show = false;
-				onVisibleChange?.(false);
-				toggable.current = true;
-				onClose?.();
-			}, 240);
-		});
-	};
-	const handleShow = () => {
-		if (!toggable.current || isPending) return;
-		state.show = true;
-		onVisibleChange?.(true);
-		toggable.current = false;
-		startTransition(() => {
-			requestAnimationFrame(() => {
-				state.active = true;
-				toggable.current = true;
-			});
-		});
-	};
-	useEffect(() => {
-		visible ? handleShow() : handleHide();
-	}, [visible]);
-	const handleBackdropClick = () => {
-		backdropClosable && handleHide();
-	};
-	useKeydown((e) => {
-		if (e.code !== "Escape" || !visible) return;
-		handleHide();
-	}, { disabled: disabledEsc });
-	if (!state.show) return null;
-	return createPortal(/* @__PURE__ */ jsx("div", {
-		className: classNames("i-backdrop-drawer", className, { "i-active": state.active }),
-		onClick: handleBackdropClick,
-		...restProps,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: classNames("i-drawer", `i-drawer-${position}`),
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				header && /* @__PURE__ */ jsxs("header", {
-					className: "i-drawer-header",
-					children: [header, !hideCloseButton && /* @__PURE__ */ jsx(helpericon_default, {
-						className: "i-drawer-close",
-						onClick: handleHide
-					})]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "i-drawer-content",
-					children
-				}),
-				footer && /* @__PURE__ */ jsx("div", {
-					className: "i-drawer-footer",
-					children: footer
-				})
-			]
-		})
-	}), document.body);
-}
-//#endregion
-export { Drawer as default };

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

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

package/lib/types/components/dropdown/dropdown.js

@@ -1,35 +0,0 @@
-import list_default from "../list/index.js";
-import popup_default from "../popup/index.js";
-import Item from "./item.js";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/dropdown/dropdown.tsx
-const Dropdown = (props) => {
-	const { visible, width, content, children, ...restProps } = props;
-	const [active, setActive] = useState(visible);
-	if (!content) return children;
-	const handleVisibleChange = (v) => {
-		setActive(v);
-		if (props.onVisibleChange) props.onVisibleChange(v);
-	};
-	useEffect(() => {
-		setActive(visible);
-	}, [visible]);
-	return /* @__PURE__ */ jsx(popup_default, {
-		trigger: "click",
-		position: "bottom",
-		content: /* @__PURE__ */ jsx(list_default, {
-			className: "i-dropdown-content",
-			style: { minWidth: width },
-			children: typeof content === "function" ? content(() => setActive(false)) : content
-		}),
-		...restProps,
-		touchable: true,
-		visible: active,
-		onVisibleChange: handleVisibleChange,
-		children
-	});
-};
-Dropdown.Item = Item;
-//#endregion
-export { Dropdown as default };

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

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

package/lib/types/components/dropdown/item.js

@@ -1,33 +0,0 @@
-import list_default from "../list/index.js";
-import popup_default from "../popup/index.js";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/dropdown/item.tsx
-const { Item: ListItem } = list_default;
-const Item = (props) => {
-	const { more, moreProps, onClick, ...restProps } = props;
-	const Li = /* @__PURE__ */ jsx(ListItem, {
-		onClick: (e) => {
-			e.stopPropagation();
-			onClick?.(e);
-		},
-		...restProps
-	});
-	if (!more) return Li;
-	return /* @__PURE__ */ jsx(popup_default, {
-		position: "right",
-		touchable: true,
-		arrow: false,
-		align: "start",
-		offset: 10,
-		hideDelay: 240,
-		...moreProps,
-		content: /* @__PURE__ */ jsx(list_default, {
-			className: "i-dropdown-content",
-			onClick: (e) => e.stopPropagation(),
-			children: more
-		}),
-		children: Li
-	});
-};
-//#endregion
-export { Item as default };

package/lib/types/components/editor/controls.js

@@ -1,83 +0,0 @@
-import button_default from "../button/index.js";
-import icon_default from "../icon/index.js";
-import { ClearAllRound, FormatBoldRound, FormatItalicRound, FormatUnderlinedRound, RedoRound, StrikethroughSRound, UndoRound } from "@ricons/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import xss from "xss";
-//#region packages/components/editor/controls.tsx
-const { escapeAttrValue } = xss;
-const exec = (a, b, c) => {
-	if (typeof document === "undefined") return;
-	return document.execCommand(a, b, c);
-};
-const xssOptions = { onIgnoreTagAttr: function(tag, name, value) {
-	if (["data-", "style"].includes(name.substr(0, 5))) return name + "=\"" + escapeAttrValue(value) + "\"";
-} };
-const fnMap = {
-	bold: {
-		icon: /* @__PURE__ */ jsx(FormatBoldRound, {}),
-		onClick: () => exec("bold"),
-		tip: "粗体"
-	},
-	italic: {
-		icon: /* @__PURE__ */ jsx(FormatItalicRound, {}),
-		onClick: () => exec("italic"),
-		tip: "斜体"
-	},
-	underline: {
-		icon: /* @__PURE__ */ jsx(FormatUnderlinedRound, {}),
-		onClick: () => exec("underline"),
-		tip: "下划线"
-	},
-	strike: {
-		icon: /* @__PURE__ */ jsx(StrikethroughSRound, {}),
-		onClick: () => exec("strikeThrough"),
-		tip: "删除线"
-	},
-	redo: {
-		icon: /* @__PURE__ */ jsx(RedoRound, {}),
-		onClick: () => exec("redo"),
-		tip: "重做"
-	},
-	undo: {
-		icon: /* @__PURE__ */ jsx(UndoRound, {}),
-		onClick: () => exec("undo"),
-		tip: "撤销"
-	},
-	clear: {
-		icon: /* @__PURE__ */ jsx(ClearAllRound, {}),
-		onClick: () => exec("removeFormat"),
-		tip: "清除格式"
-	}
-};
-const aliasMap = {
-	simple: [
-		"undo",
-		"redo",
-		"bold",
-		"italic",
-		"underline",
-		"strike",
-		"clear"
-	],
-	all: Object.keys(fnMap)
-};
-function getControls(fns, options) {
-	const { controlBtnProps } = options;
-	return (typeof fns === "string" ? aliasMap[fns] : fns).map((k) => {
-		if (fnMap[k]) {
-			const { icon, render, tip, onClick } = fnMap[k];
-			if (render) return render(options);
-			return /* @__PURE__ */ jsxs(button_default, {
-				...controlBtnProps,
-				onClick,
-				children: [/* @__PURE__ */ jsx(icon_default, { icon }), tip && /* @__PURE__ */ jsx("span", {
-					className: "i-editor-control-tip",
-					children: tip
-				})]
-			}, k);
-		}
-		return /* @__PURE__ */ jsx(Fragment, {}, k);
-	});
-}
-//#endregion
-export { getControls as default, exec, xssOptions };

package/lib/types/components/editor/editor.js

@@ -1,86 +0,0 @@
-import getControls, { exec, xssOptions } from "./controls.js";
-import classNames from "classnames";
-import { useImperativeHandle, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import xss from "xss";
-//#region packages/components/editor/editor.tsx
-const Editor = (props) => {
-	const { ref, width, height = "10em", placeholder, autosize, border = true, richPaste, controls = "simple", className, style, onInput, onPaste, onKeyDown, ...restProps } = props;
-	const editorRef = useRef(null);
-	const controlBtnProps = {
-		square: true,
-		flat: true,
-		size: "small"
-	};
-	const handlePaste = async (e) => {
-		onPaste?.(e);
-		if (richPaste) return;
-		e.preventDefault();
-		exec("insertText", false, e.clipboardData.getData("text/plain"));
-	};
-	const handleKeyDown = (e) => {
-		onKeyDown?.(e);
-		switch (e.key) {
-			case "Tab":
-				e.preventDefault();
-				exec("insertHTML", false, "	");
-				break;
-			case "Enter":
-				e.preventDefault();
-				exec("insertLineBreak");
-				if (!editorRef.current) return;
-				editorRef.current.scrollBy({
-					top: 20,
-					left: -1e3
-				});
-				if (!autosize) return;
-				editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;
-				break;
-			default: break;
-		}
-	};
-	useImperativeHandle(ref, () => {
-		return {
-			input: editorRef.current,
-			setValue(html) {
-				if (!editorRef.current) return;
-				const safeHtml = xss(html, xssOptions);
-				editorRef.current.innerHTML = safeHtml;
-			},
-			getSafeValue() {
-				return xss(editorRef.current?.innerHTML ?? "", xssOptions);
-			}
-		};
-	});
-	const handleInput = (e) => {
-		let html = editorRef.current?.innerHTML ?? "";
-		if (["<br>", "\n"].includes(html) && editorRef.current) {
-			html = "";
-			editorRef.current.innerHTML = html;
-		}
-		onInput?.(html, e);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-editor", className, { "i-editor-borderless": !border }),
-		style: {
-			...style,
-			[autosize ? "minHeight" : "height"]: height,
-			width
-		},
-		children: [controls !== "none" && /* @__PURE__ */ jsx("div", {
-			className: "i-editor-controls",
-			children: getControls(controls, { controlBtnProps })
-		}), /* @__PURE__ */ jsx("div", {
-			ref: editorRef,
-			className: "i-editor-content",
-			"data-placeholder": placeholder,
-			contentEditable: true,
-			onPaste: handlePaste,
-			onInput: handleInput,
-			onKeyDown: handleKeyDown,
-			...restProps
-		})]
-	});
-};
-//#endregion
-export { Editor as default };