@ioca/react 1.4.79 → 1.4.81

package/lib/cjs/components/datagrid/datagrid.cjs

@@ -1,140 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../loading/index.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_index$1 = require("../utils/empty/index.cjs");
-const require_row = require("./row.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-let react_jsx_runtime = require("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__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {}), loading, height = "unset", style, className, renderLoading = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-		size: "1.5em",
-		className: "color-3",
-		absolute: true
-	}), onCellClick, onRowClick, onCellDoubleClick, onHeaderClick, onSort, onScroll, onResize } = props;
-	const container = (0, react.useRef)(null);
-	const state = require_hooks.useReactive({
-		rows: data,
-		widths: columns.map((col) => col.width ?? "min-content"),
-		sortBy: "",
-		sortType: ""
-	});
-	const styles = (0, react.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] = require_utils.getNextSorter(state.sortBy, state.sortType, column.id);
-			Object.assign(state, {
-				sortBy,
-				sortType
-			});
-			onSort?.(sortBy, sortType);
-		}
-		onHeaderClick?.(column, e);
-	};
-	const rows = (0, react.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
-	]);
-	(0, react.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]);
-	(0, react.useEffect)(() => {
-		loading && container.current?.scrollTo({
-			top: 0,
-			left: 0
-		});
-	}, [loading]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		style: {
-			maxHeight: height,
-			"--cell-padding": cellPadding,
-			...styles
-		},
-		className: (0, classnames.default)("i-datagrid-container", className, {
-			"i-datagrid-bordered": border,
-			"i-datagrid-striped": striped
-		}),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			ref: container,
-			className: (0, classnames.default)("i-datagrid", { "i-datagrid-loading": loading }),
-			onWheel: onScroll,
-			children: [
-				header && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_row.Header, {
-					columns,
-					resizable,
-					sortType: state.sortType,
-					sortBy: state.sortBy,
-					cellEllipsis,
-					onWidthChange: handleWidthChange,
-					onHeaderClick: handleHeaderClick
-				}),
-				rows.map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_row.default, {
-					row: i + (header ? 1 : 0),
-					data: row,
-					cellEllipsis,
-					columns,
-					onCellClick,
-					onRowClick,
-					onCellDoubleClick
-				}, i)),
-				rows.length < 1 && empty
-			]
-		}), loading && renderLoading()]
-	});
-};
-//#endregion
-exports.default = Datagrid;
-
-//# sourceMappingURL=datagrid.cjs.map

package/lib/cjs/components/datagrid/datagrid.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"datagrid.cjs","names":[],"sources":["../../../../packages/components/datagrid/datagrid.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport classNames from \"classnames\";\nimport { CSSProperties, MouseEvent, useEffect, useMemo, useRef } from \"react\";\nimport { getNextSorter } from \"../../js/utils\";\nimport Loading from \"../loading\";\nimport Empty from \"../utils/empty\";\nimport \"./index.css\";\nimport Row, { Header } from \"./row\";\nimport type { IColumn, IData, IDatagrid, TDatagridState } from \"./type\";\n\nconst Datagrid = (props: IDatagrid) => {\n\tconst {\n\t\tdata = [],\n\t\tcolumns = [],\n\t\tborder,\n\t\tstriped,\n\t\theader = true,\n\t\tresizable,\n\t\tcellPadding = \".5em\",\n\t\tcellEllipsis,\n\t\tempty = <Empty />,\n\t\tloading,\n\t\theight = \"unset\",\n\t\tstyle,\n\t\tclassName,\n\t\trenderLoading = () => (\n\t\t\t<Loading size='1.5em' className='color-3' absolute />\n\t\t),\n\t\tonCellClick,\n\t\tonRowClick,\n\t\tonCellDoubleClick,\n\t\tonHeaderClick,\n\t\tonSort,\n\t\tonScroll,\n\t\tonResize,\n\t} = props;\n\n\tconst container = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<TDatagridState>({\n\t\trows: data,\n\t\twidths: columns.map((col) => col.width ?? \"min-content\"),\n\t\tsortBy: \"\",\n\t\tsortType: \"\",\n\t});\n\n\tconst styles = useMemo(() => {\n\t\tconst { widths } = state;\n\n\t\tconst o = {\n\t\t\t...style,\n\t\t\t\"--grid-template-columns\": widths\n\t\t\t\t.map((w) => {\n\t\t\t\t\treturn typeof w === \"number\" ? `${w}px` : w;\n\t\t\t\t})\n\t\t\t\t.join(\" \"),\n\t\t};\n\n\t\tif (!resizable) return o;\n\n\t\tconst fws = columns.map((col, i) => {\n\t\t\tconst { fixed } = col;\n\t\t\tif (!fixed) return 0;\n\t\t\treturn widths[i] as number;\n\t\t});\n\n\t\tcolumns.map((col, i) => {\n\t\t\tconst { fixed } = col;\n\t\t\tif (!fixed) return;\n\t\t\tif (i === 0) {\n\t\t\t\to[`--datagrid-cell-inset-0`] = 0;\n\t\t\t} else if (i === fws.length - 1) {\n\t\t\t\to[`--datagrid-cell-inset-${fws.length - 1}`] = \"auto 0\";\n\t\t\t} else {\n\t\t\t\tconst isLeft = fixed === \"left\";\n\t\t\t\tconst before = isLeft ? fws.slice(0, i) : fws.slice(i + 1);\n\t\t\t\tconst sum = before.reduce((pre, cur) => pre + cur) + \"px\";\n\t\t\t\tconst result = isLeft ? `${sum} auto` : `auto ${sum}`;\n\t\t\t\to[`--datagrid-cell-inset-${i}`] = result;\n\t\t\t}\n\t\t});\n\n\t\treturn o;\n\t}, [state.widths, resizable]);\n\n\tconst handleWidthChange = (i: number, w: number) => {\n\t\tif (!resizable) return;\n\n\t\tconst [...ws] = state.widths;\n\t\tws[i] = w;\n\t\tstate.widths = ws;\n\t\tonResize?.(columns[i], w);\n\t};\n\n\tconst handleHeaderClick = (column?: IColumn, e?: MouseEvent) => {\n\t\tif (column?.sorter) {\n\t\t\tconst [sortBy, sortType] = getNextSorter(\n\t\t\t\tstate.sortBy,\n\t\t\t\tstate.sortType,\n\t\t\t\tcolumn.id\n\t\t\t);\n\n\t\t\tObject.assign(state, {\n\t\t\t\tsortBy,\n\t\t\t\tsortType,\n\t\t\t});\n\n\t\t\tonSort?.(sortBy, sortType);\n\t\t}\n\n\t\tonHeaderClick?.(column, e);\n\t};\n\n\tconst rows = useMemo(() => {\n\t\tconst { sortBy, sortType } = state;\n\n\t\tif (sortBy && !onSort) {\n\t\t\tconst sorter = columns.find((col) => col.id === sortBy)?.sorter;\n\t\t\tconst sortFn =\n\t\t\t\ttypeof sorter === \"function\"\n\t\t\t\t\t? sorter\n\t\t\t\t\t: (a: IData, b: IData) => b[sortBy] - a[sortBy];\n\t\t\tconst sorted = [...data].sort(sortFn);\n\n\t\t\treturn sortType === \"desc\" ? sorted : sorted.reverse();\n\t\t}\n\n\t\treturn data;\n\t}, [data, columns, state.sortBy, state.sortType]);\n\n\tuseEffect(() => {\n\t\tif (!container.current) return;\n\t\tconst { current: div } = container;\n\t\tconst tds = div.querySelector(\".i-datagrid-row\")?.children;\n\t\tif (!tds?.length) return;\n\t\tstate.widths = Array.from(tds).map((node: any) => node.offsetWidth);\n\t}, [columns, resizable]);\n\n\tuseEffect(() => {\n\t\tloading && container.current?.scrollTo({ top: 0, left: 0 });\n\t}, [loading]);\n\n\tconst mergedStyle = {\n\t\t\"--cell-padding\": cellPadding,\n\t\t...styles,\n\t} as CSSProperties;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ maxHeight: height, ...mergedStyle }}\n\t\t\tclassName={classNames(\"i-datagrid-container\", className, {\n\t\t\t\t\"i-datagrid-bordered\": border,\n\t\t\t\t\"i-datagrid-striped\": striped,\n\t\t\t})}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={container}\n\t\t\t\tclassName={classNames(\"i-datagrid\", {\n\t\t\t\t\t\"i-datagrid-loading\": loading,\n\t\t\t\t})}\n\t\t\t\tonWheel={onScroll}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\tcolumns={columns}\n\t\t\t\t\t\tresizable={resizable}\n\t\t\t\t\t\tsortType={state.sortType}\n\t\t\t\t\t\tsortBy={state.sortBy}\n\t\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\t\tonWidthChange={handleWidthChange}\n\t\t\t\t\t\tonHeaderClick={handleHeaderClick}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{rows.map((row, i) => (\n\t\t\t\t\t<Row\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\trow={i + (header ? 1 : 0)}\n\t\t\t\t\t\tdata={row}\n\t\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\t\tcolumns={columns}\n\t\t\t\t\t\tonCellClick={onCellClick}\n\t\t\t\t\t\tonRowClick={onRowClick}\n\t\t\t\t\t\tonCellDoubleClick={onCellDoubleClick}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{rows.length < 1 && empty}\n\t\t\t</div>\n\n\t\t\t{loading && renderLoading()}\n\t\t</div>\n\t);\n};\n\nexport default Datagrid;\n"],"mappings":"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"}

package/lib/cjs/components/datagrid/index.cjs

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

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

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

package/lib/cjs/components/datagrid/resize.cjs

@@ -1,42 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/datagrid/resize.tsx
-function Resize(props) {
-	const { index, onWidthChange } = props;
-	const state = require_hooks.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;
-	};
-	require_hooks.useMouseMove(handleMouseMove);
-	require_hooks.useMouseUp(handleMouseUp);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-		className: "i-datagrid-resizor",
-		onMouseDown: handleMouseDown,
-		onClick: (e) => e.stopPropagation()
-	});
-}
-//#endregion
-exports.default = Resize;
-
-//# sourceMappingURL=resize.cjs.map

package/lib/cjs/components/datagrid/resize.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize.cjs","names":["useReactive"],"sources":["../../../../packages/components/datagrid/resize.tsx"],"sourcesContent":["import { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\n\nexport default function Resize(props) {\n\tconst { index, onWidthChange } = props;\n\tconst state = useReactive({\n\t\tresizing: false,\n\t\tx: 0,\n\t\twidth: 0,\n\t});\n\n\tconst handleMouseDown = (e) => {\n\t\tconst tar = e.target as HTMLElement;\n\t\tconst width = (tar.offsetParent as HTMLElement).offsetWidth;\n\n\t\tObject.assign(state, {\n\t\t\tx: e.pageX,\n\t\t\tresizing: true,\n\t\t\twidth,\n\t\t});\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.resizing) return;\n\n\t\te.preventDefault();\n\n\t\tconst after = state.width + e.pageX - state.x;\n\t\tif (after <= 24) return;\n\n\t\tonWidthChange(index, after);\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\treturn (\n\t\t<i\n\t\t\tclassName='i-datagrid-resizor'\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;AAEA,SAAwB,OAAO,OAAO;CACrC,MAAM,EAAE,OAAO,kBAAkB;CACjC,MAAM,QAAQA,cAAAA,YAAY;EACzB,UAAU;EACV,GAAG;EACH,OAAO;EACP,CAAC;CAEF,MAAM,mBAAmB,MAAM;EAE9B,MAAM,QADM,EAAE,OACK,aAA6B;AAEhD,SAAO,OAAO,OAAO;GACpB,GAAG,EAAE;GACL,UAAU;GACV;GACA,CAAC;;CAGH,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,MAAM,SAAU;AAErB,IAAE,gBAAgB;EAElB,MAAM,QAAQ,MAAM,QAAQ,EAAE,QAAQ,MAAM;AAC5C,MAAI,SAAS,GAAI;AAEjB,gBAAc,OAAO,MAAM;;CAG5B,MAAM,sBAAsB;AAC3B,MAAI,CAAC,MAAM,SAAU;AAErB,QAAM,WAAW;;AAGlB,eAAA,aAAa,gBAAgB;AAC7B,eAAA,WAAW,cAAc;AAEzB,QACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACC,WAAU;EACV,aAAa;EACb,UAAU,MAAM,EAAE,iBAAiB;EAClC,CAAA"}

package/lib/cjs/components/datagrid/row.cjs

@@ -1,68 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_cell = require("./cell.cjs");
-const require_resize = require("./resize.cjs");
-const require_sorter = require("./sorter.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/datagrid/row.tsx
-function Row(props) {
-	const { row, data, columns, cellEllipsis, onRowClick, onCellClick, onCellDoubleClick } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "i-datagrid-row",
-		onClick: () => onRowClick?.(data, row),
-		children: columns.map((col, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cell.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__ */ (0, react_jsx_runtime.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 = require_cell.getCellStyle({
-				justify,
-				row: 0,
-				col,
-				colSpan
-			});
-			const order = sortBy === id ? sortType : "";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				"data-col": id,
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: (0, classnames.default)("i-datagrid-cell-content", { "i-datagrid-cell-content-ellipsis": cellEllipsis }),
-						children: title || id
-					}),
-					sorter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_sorter.default, { type: order }),
-					resizable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_resize.default, {
-						index: col,
-						onWidthChange
-					})
-				]
-			}, col);
-		})
-	});
-}
-//#endregion
-exports.Header = Header;
-exports.default = Row;
-
-//# sourceMappingURL=row.cjs.map

package/lib/cjs/components/datagrid/row.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"row.cjs","names":["Cell","getCellStyle","Sorter","Resize"],"sources":["../../../../packages/components/datagrid/row.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Cell, getCellStyle } from \"./cell\";\nimport Resize from \"./resize\";\nimport Sorter from \"./sorter\";\nimport { IHeader, IRow } from \"./type\";\n\nexport default function Row(props: IRow) {\n\tconst {\n\t\trow,\n\t\tdata,\n\t\tcolumns,\n\t\tcellEllipsis,\n\t\tonRowClick,\n\t\tonCellClick,\n\t\tonCellDoubleClick,\n\t} = props;\n\n\treturn (\n\t\t<div className='i-datagrid-row' onClick={() => onRowClick?.(data, row)}>\n\t\t\t{columns.map((col, i) => (\n\t\t\t\t<Cell\n\t\t\t\t\tkey={i}\n\t\t\t\t\tcolumn={col}\n\t\t\t\t\tcol={i}\n\t\t\t\t\trow={row}\n\t\t\t\t\tdata={data}\n\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\tonCellClick={onCellClick}\n\t\t\t\t\tonCellDoubleClick={onCellDoubleClick}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nexport function Header(props: IHeader) {\n\tconst {\n\t\tcolumns,\n\t\tresizable,\n\t\tcellEllipsis,\n\t\tsortBy,\n\t\tsortType,\n\t\tonWidthChange,\n\t\tonHeaderClick,\n\t} = props;\n\n\treturn (\n\t\t<div className='i-datagrid-header i-datagrid-row'>\n\t\t\t{columns.map((column, col) => {\n\t\t\t\tconst {\n\t\t\t\t\tid,\n\t\t\t\t\ttitle,\n\t\t\t\t\tfixed,\n\t\t\t\t\tcolSpan,\n\t\t\t\t\tsorter,\n\t\t\t\t\tjustify,\n\t\t\t\t\trenderHeader,\n\t\t\t\t} = column;\n\t\t\t\tconst style = getCellStyle({\n\t\t\t\t\tjustify,\n\t\t\t\t\trow: 0,\n\t\t\t\t\tcol,\n\t\t\t\t\tcolSpan,\n\t\t\t\t});\n\n\t\t\t\tconst order = sortBy === id ? sortType : \"\";\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={col}\n\t\t\t\t\t\tdata-col={id}\n\t\t\t\t\t\tclassName={classNames(\"i-datagrid-cell\", {\n\t\t\t\t\t\t\t\"i-datagrid-has-sorter\": sorter,\n\t\t\t\t\t\t\t\"i-datagrid-cell-fixed\": fixed,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{ ...style, insetBlockStart: 0 }}\n\t\t\t\t\t\tonClick={(e) => onHeaderClick?.(column, e)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderHeader?.(column, col) ?? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content\",\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\":\n\t\t\t\t\t\t\t\t\t\t\tcellEllipsis,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title || id}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{sorter && <Sorter type={order} />}\n\n\t\t\t\t\t\t{resizable && (\n\t\t\t\t\t\t\t<Resize index={col} onWidthChange={onWidthChange} />\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</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAMA,SAAwB,IAAI,OAAa;CACxC,MAAM,EACL,KACA,MACA,SACA,cACA,YACA,aACA,sBACG;AAEJ,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EAAiB,eAAe,aAAa,MAAM,IAAI;YACpE,QAAQ,KAAK,KAAK,MAClB,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;GAEC,QAAQ;GACR,KAAK;GACA;GACC;GACQ;GACD;GACM;GAClB,EARI,EAQJ,CACD;EACG,CAAA;;AAIR,SAAgB,OAAO,OAAgB;CACtC,MAAM,EACL,SACA,WACA,cACA,QACA,UACA,eACA,kBACG;AAEJ,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,QAAQ,KAAK,QAAQ,QAAQ;GAC7B,MAAM,EACL,IACA,OACA,OACA,SACA,QACA,SACA,iBACG;GACJ,MAAM,QAAQC,aAAAA,aAAa;IAC1B;IACA,KAAK;IACL;IACA;IACA,CAAC;GAEF,MAAM,QAAQ,WAAW,KAAK,WAAW;AAEzC,UACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAEC,YAAU;IACV,YAAA,GAAA,WAAA,SAAsB,mBAAmB;KACxC,yBAAyB;KACzB,yBAAyB;KACzB,CAAC;IACF,OAAO;KAAE,GAAG;KAAO,iBAAiB;KAAG;IACvC,UAAU,MAAM,gBAAgB,QAAQ,EAAE;cAR3C;KAUE,eAAe,QAAQ,IAAI,IAC3B,iBAAA,GAAA,kBAAA,KAAC,OAAD;MACC,YAAA,GAAA,WAAA,SACC,2BACA,EACC,oCACC,cACD,CACD;gBAEA,SAAS;MACL,CAAA;KAGN,UAAU,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD,EAAQ,MAAM,OAAS,CAAA;KAEjC,aACA,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;MAAQ,OAAO;MAAoB;MAAiB,CAAA;KAEhD;MA5BA,IA4BA;IAEN;EACG,CAAA"}

package/lib/cjs/components/datagrid/sorter.cjs

@@ -1,28 +0,0 @@
-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/datagrid/sorter.tsx
-const Arrow = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 24 24",
-	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
-		fill: "none",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("a", {
-		className: (0, classnames.default)("i-datagrid-sorter", { [`i-datagrid-sorter-${type}`]: type }),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Arrow, { className: "i-datagrid-sorter-caret" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Arrow, { className: "i-datagrid-sorter-caret" })]
-	});
-}
-//#endregion
-exports.default = Sorter;
-
-//# sourceMappingURL=sorter.cjs.map

package/lib/cjs/components/datagrid/sorter.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sorter.cjs","names":[],"sources":["../../../../packages/components/datagrid/sorter.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nconst Arrow = (props) => (\n\t<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>\n\t\t<g fill='none'>\n\t\t\t<path\n\t\t\t\td='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'\n\t\t\t\tfill='currentColor'\n\t\t\t></path>\n\t\t</g>\n\t</svg>\n);\n\nexport default function Sorter(props) {\n\tconst { type } = props;\n\n\treturn (\n\t\t<a\n\t\t\tclassName={classNames(\"i-datagrid-sorter\", {\n\t\t\t\t[`i-datagrid-sorter-${type}`]: type,\n\t\t\t})}\n\t\t>\n\t\t\t<Arrow className='i-datagrid-sorter-caret' />\n\t\t\t<Arrow className='i-datagrid-sorter-caret' />\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;AAEA,MAAM,SAAS,UACd,iBAAA,GAAA,kBAAA,KAAC,OAAD;CAAK,OAAM;CAA6B,SAAQ;CAAY,GAAI;WAC/D,iBAAA,GAAA,kBAAA,KAAC,KAAD;EAAG,MAAK;YACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACC,GAAE;GACF,MAAK;GACE,CAAA;EACL,CAAA;CACC,CAAA;AAGP,SAAwB,OAAO,OAAO;CACrC,MAAM,EAAE,SAAS;AAEjB,QACC,iBAAA,GAAA,kBAAA,MAAC,KAAD;EACC,YAAA,GAAA,WAAA,SAAsB,qBAAqB,GACzC,qBAAqB,SAAS,MAC/B,CAAC;YAHH,CAKC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAO,WAAU,2BAA4B,CAAA,EAC7C,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAO,WAAU,2BAA4B,CAAA,CAC1C"}

package/lib/cjs/components/description/description.cjs

@@ -1,43 +0,0 @@
-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");
-//#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__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)(react.Fragment, {}, i);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: (0, classnames.default)("i-description-item", { "i-description-item-vertical": vertical }),
-				style: {
-					gridColumn: `span ${colSpan}`,
-					gridRow: `span ${rowSpan}`,
-					...style
-				},
-				children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "i-description-label",
-					style: { textAlign: labelAlign },
-					children: [label, colon]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-description-value",
-					children: value
-				})]
-			}, i);
-		})
-	});
-};
-//#endregion
-exports.default = Description;
-
-//# sourceMappingURL=description.cjs.map

package/lib/cjs/components/description/description.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"description.cjs","names":[],"sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CSSProperties, Fragment } from \"react\";\nimport \"./index.css\";\nimport { IDescription } from \"./type\";\n\nconst Description = (props: IDescription) => {\n\tconst {\n\t\tdata,\n\t\tcolon,\n\t\tcolumns = 1,\n\t\tgap = \".5em\",\n\t\talign,\n\t\tlabelWidth,\n\t\tlabelAlign,\n\t\tvertical,\n\t\tequally,\n\t\tstyle,\n\t\tclassName,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-description\", className)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\n\t\t\t\t\t})`,\n\t\t\t\t\tgap,\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t...style,\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{data.map((item, i) => {\n\t\t\t\tconst {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue,\n\t\t\t\t\tstyle,\n\t\t\t\t\thidden,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t\tcolSpan = 1,\n\t\t\t\t} = item;\n\n\t\t\t\tif (hidden) return <Fragment key={i} />;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\n\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='i-description-label'\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t{colon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Description;\n"],"mappings":";;;;;;;CAKA,MAAM,EACL,MACC,OACA,UAAK,GACL,MAAA,QACA,OACA,YACA,YACA,UACA,SACA,OACA,cACA;QAGD,iBAAA,GAAA,kBAAA,KAAA,OAAA;EACE,YAAA,GAAA,WAAA,SAAA,iBAAA,UAAA;EACA,OACA;IACC,8BAAA;GACC,qBAAqB,UAAU,QAAA,IAC/B,UAAA,QAAmB,OAClB;GACD;GACA,WAAG;GACH,GAAA;GACA;YAGH,KAAA,KAAA,MAAA,MAAA;GACE,MAAK,EACL,OACC,OACA,OACA,QACA,UAAM,GACN,UAAU,MACV;;UAKD,iBAAA,GAAA,kBAAA,MAAA,OAAA;IAEE,YAAA,GAAA,WAAA,SAAM,sBAAA,EACN,+BAAyB,UACxB,CAAC;IACF,OAAE;KACF,YAAO,QAAA;KACN,SAAA,QAAiB;KACjB,GAAA;KACA;cATH,CAWC,SACE,iBAAA,GAAA,kBAAA,MAAA,OAAA;KACC,WAAA;KACA,OAAA,EAAS,WAAI,YAAiB;eAF/B,CAIA,OACE,MACA;QAEH,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAC,WAAA;eAAA;KAAA,CAAA,CACI;MApBL,EAoBK;IAEN;EACA,CAAA"}

package/lib/cjs/components/description/index.cjs

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

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

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

package/lib/cjs/components/drawer/drawer.cjs

@@ -1,84 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_index = require("../utils/helpericon/index.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/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 = (0, react.useRef)(true);
-	const state = require_hooks.useReactive({
-		show: visible,
-		active: visible
-	});
-	const [isPending, startTransition] = (0, react.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;
-			});
-		});
-	};
-	(0, react.useEffect)(() => {
-		visible ? handleShow() : handleHide();
-	}, [visible]);
-	const handleBackdropClick = () => {
-		backdropClosable && handleHide();
-	};
-	require_hooks.useKeydown((e) => {
-		if (e.code !== "Escape" || !visible) return;
-		handleHide();
-	}, { disabled: disabledEsc });
-	if (!state.show) return null;
-	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, classnames.default)("i-backdrop-drawer", className, { "i-active": state.active }),
-		onClick: handleBackdropClick,
-		...restProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, classnames.default)("i-drawer", `i-drawer-${position}`),
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				header && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-					className: "i-drawer-header",
-					children: [header, !hideCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-						className: "i-drawer-close",
-						onClick: handleHide
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-drawer-content",
-					children
-				}),
-				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-drawer-footer",
-					children: footer
-				})
-			]
-		})
-	}), document.body);
-}
-//#endregion
-exports.default = Drawer;
-
-//# sourceMappingURL=drawer.cjs.map

package/lib/cjs/components/drawer/drawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.cjs","names":[],"sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useTransition } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown, useReactive } from \"../../js/hooks\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IDrawer } from \"./type\";\n\nfunction Drawer(props: IDrawer) {\n\tconst {\n\t\tvisible,\n\t\tposition = \"left\",\n\t\theader,\n\t\tfooter,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tkeepDOM,\n\t\tclassName,\n\t\tdisabledEsc,\n\t\tchildren,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst toggable = useRef(true);\n\tconst state = useReactive({\n\t\tshow: visible,\n\t\tactive: visible,\n\t});\n\tconst [isPending, startTransition] = useTransition();\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current || isPending) return;\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\tstate.active = false;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (!keepDOM) {\n\t\t\t\t\tstate.show = false;\n\t\t\t\t}\n\t\t\t\tonVisibleChange?.(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t\tonClose?.();\n\t\t\t}, 240);\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tif (!toggable.current || isPending) return;\n\n\t\tstate.show = true;\n\t\tonVisibleChange?.(true);\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tstate.active = true;\n\t\t\t\ttoggable.current = true;\n\t\t\t});\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{\n\t\t\tdisabled: disabledEsc,\n\t\t}\n\t);\n\n\tif (!state.show) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\n\t\t\t\t\"i-active\": state.active,\n\t\t\t})}\n\t\t\tonClick={handleBackdropClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className='i-drawer-header'>\n\t\t\t\t\t\t{header}\n\n\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\n\t\t\t\t\t\t\t\tonClick={handleHide}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\n\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body\n\t);\n}\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;;CAQA,MAAA,EACC,SACC,WAAO,QACP,QACA,QACA,mBAAM,MACN,iBACA,SACA,WACA,aACA,UACA,iBACA,SACA,GAAA,cACG;;CAGJ,MAAM,QAAQ,cAAA,YAAU;EACxB,MAAM;EACL,QAAM;EACN,CAAA;CACD,MAAE,CAAA,WAAA,oBAAA,GAAA,MAAA,gBAAA;;AAGF,MAAK,CAAC,SAAA,WAAmB,UAAA;AACxB,WAAK,UAAS;;AAGd,SAAA,SAAgB;;AAGf,QAAA,CAAA,QACC,OAAK,OAAS;AAEd,sBAAA,MAAA;AACA,aAAA,UAAkB;AAClB,eAAS;MACT,IAAA;IACA;;;AAIH,MAAK,CAAC,SAAA,WAAmB,UAAA;;AAGxB,oBAAiB,KAAA;AACjB,WAAA,UAAkB;;AAGlB,+BAAsB;AACrB,UAAA,SAAA;AACC,aAAM,UAAa;KACnB;IACA;;;AAIH,YAAW,YAAK,GAAA,YAAA;IACf,CAAA,QAAU,CAAA;;AAGX,sBAAM,YAA2B;;2BAIjC,MAAA;AACE,MAAI,EAAE,SAAA,YAAA,CAAA,QAAA;AACN,cAAY;IAEb,EACA,UAAA,aACC,CACD;;oCAKD,iBAAA,GAAA,kBAAA,KAAA,OAAA;EACE,YAAA,GAAA,WAAA,SAAA,qBAAA,WAAA,EACA,YAAW,MAAA,QACV,CAAC;EACF,SAAE;EACF,GAAA;YAED,iBAAA,GAAA,kBAAA,MAAA,OAAA;GACE,YAAA,GAAA,WAAA,SAAA,YAAA,YAAA,WAAA;GACA,UAAU,MAAC,EAAA,iBAAwB;aAFrC;IAIC,UACE,iBAAA,GAAA,kBAAA,MAAA,UAAA;KAAQ,WAAE;eAAV,CACC,QAAA,CAAA,mBAGC,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD;MACC,WAAA;MACA,SAAS;MACT,CAAA,CAED;;;;;;;;;;IAMF;;EACG,CAAA,EACN,SAAM,KACN"}

package/lib/cjs/components/drawer/index.cjs

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

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

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

package/lib/cjs/components/dropdown/dropdown.cjs

@@ -1,38 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../list/index.cjs");
-const require_index$1 = require("../popup/index.cjs");
-const require_item = require("./item.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/dropdown/dropdown.tsx
-const Dropdown = (props) => {
-	const { visible, width, content, children, ...restProps } = props;
-	const [active, setActive] = (0, react.useState)(visible);
-	if (!content) return children;
-	const handleVisibleChange = (v) => {
-		setActive(v);
-		if (props.onVisibleChange) props.onVisibleChange(v);
-	};
-	(0, react.useEffect)(() => {
-		setActive(visible);
-	}, [visible]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
-		trigger: "click",
-		position: "bottom",
-		content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.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 = require_item.default;
-//#endregion
-exports.default = Dropdown;
-
-//# sourceMappingURL=dropdown.cjs.map

package/lib/cjs/components/dropdown/dropdown.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.cjs","names":[],"sources":["../../../../packages/components/dropdown/dropdown.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport List from \"../list\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IDropdown } from \"./type\";\n\nconst Dropdown = (props: IDropdown) => {\n\tconst { visible, width, content, children, ...restProps } = props;\n\tconst [active, setActive] = useState(visible);\n\n\tif (!content) {\n\t\treturn children;\n\t}\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetActive(v);\n\t\tif (props.onVisibleChange) {\n\t\t\tprops.onVisibleChange(v);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetActive(visible);\n\t}, [visible]);\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tstyle={{ minWidth: width }}\n\t\t\t\t>\n\t\t\t\t\t{typeof content === \"function\"\n\t\t\t\t\t\t? content(() => setActive(false))\n\t\t\t\t\t\t: content}\n\t\t\t\t</List>\n\t\t\t}\n\t\t\t{...restProps}\n\t\t\ttouchable\n\t\t\tvisible={active}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;CAOA,MAAM,EAAA,SAAY,OAAO,SAAS,UAAK,GAAA,cAAA;CACtC,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAkB,QAAY;cAG7C,QAAK;;AAIL,YAAM,EAAA;AACL,MAAA,MAAU,gBACV,OAAI,gBAAM,EAAe;;;AAK1B,YAAW,QAAK;IACf,CAAA,QAAU,CAAA;QAGX,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;EACE,SAAA;EACA,UAAS;EACT,SACA,iBAAA,GAAA,kBAAA,KAAA,cAAA,SAAA;GACE,WAAA;GACA,OAAA,EAAS,UAAI,OAAS;aAEvB,OAAA,YAAA,aACE,cAAgB,UAAI,MAAQ,CAAA,GAC1B;GACA,CAAA;EAEL,GAAA;EACA,WAAA;EACA,SAAA;EACA,iBAAe;EAEhB;EACE,CAAA"}

package/lib/cjs/components/dropdown/index.cjs

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

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

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

package/lib/cjs/components/dropdown/item.cjs

@@ -1,36 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../list/index.cjs");
-const require_index$1 = require("../popup/index.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/dropdown/item.tsx
-const { Item: ListItem } = require_index.default;
-const Item = (props) => {
-	const { more, moreProps, onClick, ...restProps } = props;
-	const Li = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListItem, {
-		onClick: (e) => {
-			e.stopPropagation();
-			onClick?.(e);
-		},
-		...restProps
-	});
-	if (!more) return Li;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
-		position: "right",
-		touchable: true,
-		arrow: false,
-		align: "start",
-		offset: 10,
-		hideDelay: 240,
-		...moreProps,
-		content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-			className: "i-dropdown-content",
-			onClick: (e) => e.stopPropagation(),
-			children: more
-		}),
-		children: Li
-	});
-};
-//#endregion
-exports.default = Item;
-
-//# sourceMappingURL=item.cjs.map

package/lib/cjs/components/dropdown/item.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.cjs","names":["List","Popup"],"sources":["../../../../packages/components/dropdown/item.tsx"],"sourcesContent":["import List from \"../list\";\nimport Popup from \"../popup\";\nimport { IDropItem } from \"./type\";\n\nconst { Item: ListItem } = List;\n\nconst Item = (props: IDropItem) => {\n\tconst { more, moreProps, onClick, ...restProps } = props;\n\tconst Li = (\n\t\t<ListItem\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\tonClick?.(e);\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n\n\tif (!more) return Li;\n\n\treturn (\n\t\t<Popup\n\t\t\tposition='right'\n\t\t\ttouchable\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\toffset={10}\n\t\t\thideDelay={240}\n\t\t\t{...moreProps}\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t{more}\n\t\t\t\t</List>\n\t\t\t}\n\t\t>\n\t\t\t{Li}\n\t\t</Popup>\n\t);\n};\n\nexport default Item;\n"],"mappings":";;;;;AAIA,MAAM,EAAE,MAAM,aAAaA,cAAAA;AAE3B,MAAM,QAAQ,UAAqB;CAClC,MAAM,EAAE,MAAM,WAAW,SAAS,GAAG,cAAc;CACnD,MAAM,KACL,iBAAA,GAAA,kBAAA,KAAC,UAAD;EACC,UAAU,MAAM;AACf,KAAE,iBAAiB;AACnB,aAAU,EAAE;;EAEb,GAAI;EACH,CAAA;AAGH,KAAI,CAAC,KAAM,QAAO;AAElB,QACC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;EACC,UAAS;EACT,WAAA;EACA,OAAO;EACP,OAAM;EACN,QAAQ;EACR,WAAW;EACX,GAAI;EACJ,SACC,iBAAA,GAAA,kBAAA,KAACD,cAAAA,SAAD;GACC,WAAU;GACV,UAAU,MAAM,EAAE,iBAAiB;aAElC;GACK,CAAA;YAGP;EACM,CAAA"}