@ioca/react 1.5.20 → 1.5.22

package/lib/cjs/components/collapse/collapse.js

@@ -1,80 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var material = require('@ricons/material');
-var classNames = require('classnames');
-var react = require('react');
-var helpericon = require('../utils/helpericon/helpericon.js');
-var item = require('./item.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Collapse = (props) => {
-    const { active, items, multiple, border, headerClickable, className, children, renderToggle = (active) => active ? jsxRuntime.jsx(material.MinusRound, {}) : jsxRuntime.jsx(material.PlusRound, {}), onCollapse, ...restProps } = props;
-    const [activeKey, setActiveKey] = react.useState(active);
-    const collapses = react.useMemo(() => {
-        if (!items) {
-            if (!children)
-                return [];
-            return (react.Children.map(children, (node, i) => {
-                const { key, props: nodeProps } = node;
-                const { title, children, content, disabled, ...restProps } = nodeProps;
-                return {
-                    ...restProps,
-                    key: key || i,
-                    title,
-                    content: children || content,
-                    disabled,
-                };
-            }) || []);
-        }
-        return items;
-    }, [children]);
-    const handleHeaderClick = (item) => {
-        if (!headerClickable)
-            return;
-        handleToggle(item);
-    };
-    const handleToggle = (item, e) => {
-        const { key, disabled } = item;
-        e?.stopPropagation();
-        if (disabled)
-            return;
-        if (!multiple) {
-            const nextActive = activeKey === key ? undefined : key;
-            setActiveKey(nextActive);
-            onCollapse?.(key, nextActive !== undefined);
-            return;
-        }
-        const group = Array.isArray(activeKey) ? [...activeKey] : [];
-        const i = group.findIndex((k) => k === key);
-        if (i > -1) {
-            group.splice(i, 1);
-        }
-        else {
-            key !== undefined && group.push(key);
-        }
-        setActiveKey(group);
-        onCollapse?.(key, i < 0);
-    };
-    return (jsxRuntime.jsx("div", { className: classNames__default("i-collapse", {
-            "i-collapse-bordered": border,
-        }, className), ...restProps, children: collapses.map((item) => {
-            const { key, title, content, disabled, className, ...restProps } = item;
-            const isActive = multiple
-                ? (activeKey || []).includes(key)
-                : activeKey === key;
-            return (jsxRuntime.jsxs("div", { className: classNames__default("i-collapse-item", className, {
-                    "i-collapse-active": isActive,
-                    "i-collapse-disabled": disabled,
-                }), ...restProps, children: [jsxRuntime.jsxs("div", { className: 'i-collapse-header', onClick: () => handleHeaderClick(item), children: [title, jsxRuntime.jsx(helpericon.default, { active: true, className: 'i-collapse-toggle', icon: renderToggle(isActive), onClick: (e) => handleToggle(item, e) })] }), jsxRuntime.jsx("div", { className: 'i-collapse-content', children: content })] }, key));
-        }) }));
-};
-Collapse.Item = item.default;
-
-exports.default = Collapse;
-//# sourceMappingURL=collapse.js.map

package/lib/cjs/components/collapse/collapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapse.js","sources":["../../../../packages/components/collapse/collapse.tsx"],"sourcesContent":["import { MinusRound, PlusRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { Children, useMemo, useState } from \"react\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { ICollapse, ICollapseItem, TKey } from \"./type\";\n\nconst Collapse = (props: ICollapse) => {\n\tconst {\n\t\tactive,\n\t\titems,\n\t\tmultiple,\n\t\tborder,\n\t\theaderClickable,\n\t\tclassName,\n\t\tchildren,\n\t\trenderToggle = (active: boolean) =>\n\t\t\tactive ? <MinusRound /> : <PlusRound />,\n\t\tonCollapse,\n\t\t...restProps\n\t} = props;\n\n\tconst [activeKey, setActiveKey] = useState(active);\n\n\tconst collapses = useMemo(() => {\n\t\tif (!items) {\n\t\t\tif (!children) return [];\n\n\t\t\treturn (\n\t\t\t\tChildren.map(children, (node, i) => {\n\t\t\t\t\tconst { key, props: nodeProps } = node as {\n\t\t\t\t\t\tkey?: TKey;\n\t\t\t\t\t\tprops?: any;\n\t\t\t\t\t};\n\t\t\t\t\tconst { title, children, content, disabled, ...restProps } =\n\t\t\t\t\t\tnodeProps;\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...restProps,\n\t\t\t\t\t\tkey: key || i,\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tcontent: children || content,\n\t\t\t\t\t\tdisabled,\n\t\t\t\t\t};\n\t\t\t\t}) || []\n\t\t\t);\n\t\t}\n\n\t\treturn items;\n\t}, [children]);\n\n\tconst handleHeaderClick = (item: ICollapseItem) => {\n\t\tif (!headerClickable) return;\n\n\t\thandleToggle(item);\n\t};\n\n\tconst handleToggle = (item: ICollapseItem, e?) => {\n\t\tconst { key, disabled } = item;\n\t\te?.stopPropagation();\n\t\tif (disabled) return;\n\n\t\tif (!multiple) {\n\t\t\tconst nextActive = activeKey === key ? undefined : key;\n\t\t\tsetActiveKey(nextActive);\n\t\t\tonCollapse?.(key as TKey, nextActive !== undefined);\n\t\t\treturn;\n\t\t}\n\n\t\tconst group = Array.isArray(activeKey) ? [...activeKey] : [];\n\n\t\tconst i = group.findIndex((k) => k === key);\n\n\t\tif (i > -1) {\n\t\t\tgroup.splice(i, 1);\n\t\t} else {\n\t\t\tkey !== undefined && group.push(key);\n\t\t}\n\t\tsetActiveKey(group as any);\n\t\tonCollapse?.(key as TKey, i < 0);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-collapse\",\n\t\t\t\t{\n\t\t\t\t\t\"i-collapse-bordered\": border,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{collapses.map((item) => {\n\t\t\t\tconst {\n\t\t\t\t\tkey,\n\t\t\t\t\ttitle,\n\t\t\t\t\tcontent,\n\t\t\t\t\tdisabled,\n\t\t\t\t\tclassName,\n\t\t\t\t\t...restProps\n\t\t\t\t} = item;\n\t\t\t\tconst isActive = multiple\n\t\t\t\t\t? ((activeKey as TKey[]) || []).includes(key)\n\t\t\t\t\t: activeKey === key;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tclassName={classNames(\"i-collapse-item\", className, {\n\t\t\t\t\t\t\t\"i-collapse-active\": isActive,\n\t\t\t\t\t\t\t\"i-collapse-disabled\": disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName='i-collapse-header'\n\t\t\t\t\t\t\tonClick={() => handleHeaderClick(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\tclassName='i-collapse-toggle'\n\t\t\t\t\t\t\t\ticon={renderToggle(isActive)}\n\t\t\t\t\t\t\t\tonClick={(e) => handleToggle(item, e)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='i-collapse-content'>{content}</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\nCollapse.Item = Item;\n\nexport default Collapse;\n"],"names":["_jsx","MinusRound","PlusRound","useState","useMemo","Children","classNames","_jsxs","Helpericon","Item"],"mappings":"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"}

package/lib/cjs/components/collapse/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var collapse = require('./collapse.js');
-
-
-
-exports.default = collapse.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/collapse/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/cjs/components/collapse/item.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function Item(props) {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-}
-
-exports.default = Item;
-//# sourceMappingURL=item.js.map

package/lib/cjs/components/collapse/item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.js","sources":["../../../../packages/components/collapse/item.tsx"],"sourcesContent":["import { ICollapseItem } from \"./type\";\n\nexport default function Item(props: ICollapseItem) {\n\treturn <></>;\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAEc,SAAU,IAAI,CAAC,KAAoB,EAAA;AAChD,IAAA,OAAOA,uCAAK;AACb;;;;"}

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

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-function getCellStyle({ justify, col, row, colSpan = 1, rowSpan = 1, }) {
-    const style = {
-        "--datagrid-justify": justify,
-        gridArea: `${row + 1} / ${col + 1} / ${row + 1 + rowSpan} / ${col + 1 + colSpan}`,
-        insetInline: `var(--datagrid-cell-inset-${col})`,
-    };
-    return style;
-}
-function Cell(props) {
-    const { column, row, col, data, cellEllipsis, onCellClick, onCellDoubleClick, } = props;
-    const { id, fixed, justify, rowSpan, render } = column;
-    const style = react.useMemo(() => getCellStyle({ justify, col, row, rowSpan }), [col, fixed, justify, row, rowSpan]);
-    const handleClick = react.useCallback((e) => onCellClick?.(data, column, row, col, e), [col, column, data, onCellClick, row]);
-    const handleDoubleClick = react.useCallback((e) => onCellDoubleClick?.(data, column, row, col, e), [col, column, data, onCellDoubleClick, row]);
-    return (jsxRuntime.jsx("div", { className: classNames__default("i-datagrid-cell", {
-            [`i-datagrid-cell-fixed-${fixed}`]: fixed,
-        }), "data-col": id, style: style, onClick: handleClick, onDoubleClick: handleDoubleClick, children: render?.(data[id], data, row, col) ?? (jsxRuntime.jsx("div", { className: classNames__default("i-datagrid-cell-content", {
-                "i-datagrid-cell-content-ellipsis": cellEllipsis,
-            }), children: data[id] })) }));
-}
-
-exports.Cell = Cell;
-exports.getCellStyle = getCellStyle;
-//# sourceMappingURL=cell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cell.js","sources":["../../../../packages/components/datagrid/cell.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useCallback, useMemo } from \"react\";\nimport { ICell, IColumn } from \"./type\";\n\nexport function getCellStyle({\n\tjustify,\n\tcol,\n\trow,\n\tcolSpan = 1,\n\trowSpan = 1,\n}: Pick<IColumn, \"justify\" | \"fixed\"> & {\n\tcol: number;\n\trow: number;\n\tcolSpan?: number;\n\trowSpan?: number;\n\tisHeader?: boolean;\n}) {\n\tconst style = {\n\t\t\"--datagrid-justify\": justify,\n\t\tgridArea: `${row + 1} / ${col + 1} / ${row + 1 + rowSpan} / ${\n\t\t\tcol + 1 + colSpan\n\t\t}`,\n\t\tinsetInline: `var(--datagrid-cell-inset-${col})`,\n\t};\n\n\treturn style;\n}\n\nexport function Cell(props: ICell) {\n\tconst {\n\t\tcolumn,\n\t\trow,\n\t\tcol,\n\t\tdata,\n\t\tcellEllipsis,\n\t\tonCellClick,\n\t\tonCellDoubleClick,\n\t} = props;\n\tconst { id, fixed, justify, rowSpan, render } = column;\n\tconst style = useMemo(\n\t\t() => getCellStyle({ justify, fixed, col, row, rowSpan }),\n\t\t[col, fixed, justify, row, rowSpan],\n\t);\n\n\tconst handleClick = useCallback(\n\t\t(e: any) => onCellClick?.(data, column, row, col, e),\n\t\t[col, column, data, onCellClick, row],\n\t);\n\tconst handleDoubleClick = useCallback(\n\t\t(e: any) => onCellDoubleClick?.(data, column, row, col, e),\n\t\t[col, column, data, onCellDoubleClick, row],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-datagrid-cell\", {\n\t\t\t\t[`i-datagrid-cell-fixed-${fixed}`]: fixed,\n\t\t\t})}\n\t\t\tdata-col={id}\n\t\t\tstyle={style}\n\t\t\tonClick={handleClick}\n\t\t\tonDoubleClick={handleDoubleClick}\n\t\t>\n\t\t\t{render?.(data[id], data, row, col) ?? (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-datagrid-cell-content\", {\n\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\": cellEllipsis,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{data[id]}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["useMemo","useCallback","_jsx","classNames"],"mappings":";;;;;;;;;;SAIgB,YAAY,CAAC,EAC5B,OAAO,EACP,GAAG,EACH,GAAG,EACH,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,GAOX,EAAA;AACA,IAAA,MAAM,KAAK,GAAG;AACb,QAAA,oBAAoB,EAAE,OAAO;QAC7B,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAC,CAAA,GAAA,EAAM,GAAG,GAAG,CAAC,CAAA,GAAA,EAAM,GAAG,GAAG,CAAC,GAAG,OAAO,CAAA,GAAA,EACvD,GAAG,GAAG,CAAC,GAAG,OACX,CAAA,CAAE;QACF,WAAW,EAAE,CAAA,0BAAA,EAA6B,GAAG,CAAA,CAAA,CAAG;KAChD;AAED,IAAA,OAAO,KAAK;AACb;AAEM,SAAU,IAAI,CAAC,KAAY,EAAA;AAChC,IAAA,MAAM,EACL,MAAM,EACN,GAAG,EACH,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,GAAG,KAAK;AACT,IAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM;AACtD,IAAA,MAAM,KAAK,GAAGA,aAAO,CACpB,MAAM,YAAY,CAAC,EAAE,OAAO,EAAS,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EACzD,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,CACnC;AAED,IAAA,MAAM,WAAW,GAAGC,iBAAW,CAC9B,CAAC,CAAM,KAAK,WAAW,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EACpD,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,CAAC,CACrC;AACD,IAAA,MAAM,iBAAiB,GAAGA,iBAAW,CACpC,CAAC,CAAM,KAAK,iBAAiB,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAC1D,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,CAAC,CAC3C;AAED,IAAA,QACCC,cAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAEC,mBAAU,CAAC,iBAAiB,EAAE;AACxC,YAAA,CAAC,CAAA,sBAAA,EAAyB,KAAK,CAAA,CAAE,GAAG,KAAK;AACzC,SAAA,CAAC,cACQ,EAAE,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,EAAA,QAAA,EAE/B,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,KAClCD,cAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAEC,mBAAU,CAAC,yBAAyB,EAAE;AAChD,gBAAA,kCAAkC,EAAE,YAAY;aAChD,CAAC,EAAA,QAAA,EAED,IAAI,CAAC,EAAE,CAAC,EAAA,CACJ,CACN,EAAA,CACI;AAER;;;;;"}

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

@@ -1,219 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('react');
-var hooks = require('../../js/hooks.js');
-var utils = require('../../js/utils.js');
-var loading = require('../loading/loading.js');
-var index = require('../utils/empty/index.js');
-var helper = require('./helper.js');
-var row = require('./row.js');
-var virtual = require('./virtual.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Datagrid = (props) => {
-    const { data = [], columns = [], border, striped, header = true, resizable, cellPadding = ".5em", cellEllipsis, empty = jsxRuntime.jsx(index.default, {}), loading: loading$1, height = "unset", style, className, rowKey, virtual: virtual$1, renderLoading = () => jsxRuntime.jsx(loading.default, { className: "color-3", absolute: true }), onCellClick, onRowClick, onCellDoubleClick, onHeaderClick, onSort, onScroll, onResize, } = props;
-    const container = react.useRef(null);
-    const wrapRef = react.useRef(null);
-    const state = hooks.useReactive({
-        rows: data,
-        widths: columns.map((col) => col.width ?? "min-content"),
-        sortBy: "",
-        sortType: "",
-    });
-    const previewRef = react.useRef({ index: -1, width: -1, template: "" });
-    react.useEffect(() => {
-        const next = columns.map((col, i) => {
-            if (col.width != null)
-                return col.width;
-            return state.widths[i] ?? "min-content";
-        });
-        let changed = next.length !== state.widths.length;
-        if (!changed) {
-            for (let i = 0; i < next.length; i++) {
-                if (next[i] !== state.widths[i]) {
-                    changed = true;
-                    break;
-                }
-            }
-        }
-        if (changed)
-            state.widths = next;
-    }, [columns, state]);
-    const styles = react.useMemo(() => {
-        const { widths } = state;
-        const o = {
-            ...style,
-            "--grid-template-columns": helper.buildGridTemplateColumns(widths),
-        };
-        if (!resizable)
-            return o;
-        const cssWidths = helper.buildCssWidths(widths);
-        helper.applyFixedInsets((k, v) => {
-            o[k] = v;
-        }, columns, cssWidths);
-        return o;
-    }, [columns, resizable, state.widths, style]);
-    const handleWidthChange = react.useCallback((i, w, phase = "commit") => {
-        if (!resizable)
-            return;
-        if (phase === "preview") {
-            const el = wrapRef.current;
-            if (!el)
-                return;
-            if (previewRef.current.index === i &&
-                previewRef.current.width === w) {
-                return;
-            }
-            const template = helper.buildGridTemplateColumns(state.widths, i, w);
-            if (previewRef.current.template !== template) {
-                el.style.setProperty("--grid-template-columns", template);
-                const cssWidths = helper.buildCssWidths(state.widths, i, w);
-                helper.applyFixedInsets((k, v) => el.style.setProperty(k, v), columns, cssWidths);
-                previewRef.current.template = template;
-            }
-            previewRef.current.index = i;
-            previewRef.current.width = w;
-            return;
-        }
-        previewRef.current.index = -1;
-        previewRef.current.width = -1;
-        previewRef.current.template = "";
-        if (state.widths[i] === w)
-            return;
-        const next = [...state.widths];
-        next[i] = w;
-        state.widths = next;
-        onResize?.(columns[i], w);
-    }, [columns, onResize, resizable, state, wrapRef]);
-    const handleHeaderClick = react.useCallback((column, e) => {
-        if (column?.sorter) {
-            const [sortBy, sortType] = utils.getNextSorter(state.sortBy, state.sortType, column.id);
-            Object.assign(state, {
-                sortBy,
-                sortType,
-            });
-            onSort?.(sortBy, sortType);
-        }
-        onHeaderClick?.(column, e);
-    }, [onHeaderClick, onSort, state]);
-    const rows = 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]);
-    const useVirtual = react.useMemo(() => {
-        if (!virtual$1)
-            return false;
-        const rowHeight = virtual$1.rowHeight;
-        return !!rowHeight && rowHeight > 0;
-    }, [virtual$1]);
-    react.useEffect(() => {
-        if (!resizable)
-            return;
-        if (!container.current)
-            return;
-        if (!columns.some((col, i) => col.width == null && typeof state.widths[i] !== "number")) {
-            return;
-        }
-        let rafId = null;
-        let tries = 0;
-        const run = () => {
-            rafId = null;
-            const div = container.current;
-            if (!div)
-                return;
-            const headerRow = div.querySelector(".i-datagrid-header.i-datagrid-row");
-            const bodyRow = div.querySelector(".i-datagrid-row:not(.i-datagrid-header)");
-            const headerCells = headerRow ? Array.from(headerRow.children) : [];
-            const bodyCells = bodyRow ? Array.from(bodyRow.children) : [];
-            const cellCount = Math.max(headerCells.length, bodyCells.length);
-            if (cellCount < 1) {
-                tries++;
-                if (tries < 10)
-                    rafId = requestAnimationFrame(run);
-                return;
-            }
-            const measured = new Array(cellCount).fill(null);
-            for (let i = 0; i < cellCount; i++) {
-                const hw = headerCells[i]
-                    ?.offsetWidth;
-                const bw = bodyCells[i]
-                    ?.offsetWidth;
-                const w = Math.max(hw ?? 0, bw ?? 0);
-                measured[i] = w > 0 ? w : null;
-            }
-            const next = columns.map((col, i) => {
-                if (col.width != null)
-                    return col.width;
-                const cur = state.widths[i];
-                if (typeof cur === "number")
-                    return cur;
-                return measured[i] ?? cur ?? "min-content";
-            });
-            let changed = next.length !== state.widths.length;
-            if (!changed) {
-                for (let i = 0; i < next.length; i++) {
-                    if (next[i] !== state.widths[i]) {
-                        changed = true;
-                        break;
-                    }
-                }
-            }
-            if (changed)
-                state.widths = next;
-        };
-        rafId = requestAnimationFrame(run);
-        return () => {
-            if (rafId != null)
-                cancelAnimationFrame(rafId);
-        };
-    }, [columns, resizable, state, useVirtual]);
-    react.useEffect(() => {
-        if (!loading$1)
-            return;
-        if (useVirtual)
-            return;
-        container.current?.scrollTo({ top: 0, left: 0 });
-    }, [loading$1, useVirtual]);
-    const mergedStyle = react.useMemo(() => ({
-        "--cell-padding": cellPadding,
-        ...styles,
-    }), [cellPadding, styles]);
-    const getRowKey = react.useMemo(() => {
-        if (typeof rowKey === "function")
-            return rowKey;
-        if (typeof rowKey === "string") {
-            return (row) => row?.[rowKey];
-        }
-        return (_row, index) => index;
-    }, [rowKey]);
-    return (jsxRuntime.jsxs("div", { ref: wrapRef, style: {
-            maxHeight: height,
-            ...(useVirtual
-                ? { overflowX: "visible", overflowY: "hidden" }
-                : null),
-            ...mergedStyle,
-        }, className: classNames__default("i-datagrid-container", className, {
-            "i-datagrid-bordered": border,
-            "i-datagrid-striped": striped,
-        }), children: [useVirtual && virtual$1 ? (jsxRuntime.jsx(virtual.default, { virtual: virtual$1, columns: columns, rows: rows, header: header, sortBy: state.sortBy, sortType: state.sortType, height: height, loading: loading$1, resizable: resizable, striped: striped, cellEllipsis: cellEllipsis, empty: empty, wrapRef: wrapRef, containerRef: container, getRowKey: getRowKey, onHeaderClick: handleHeaderClick, onWidthChange: handleWidthChange, onRowClick: onRowClick, onCellClick: onCellClick, onCellDoubleClick: onCellDoubleClick, onScroll: onScroll })) : (jsxRuntime.jsxs("div", { ref: container, className: classNames__default("i-datagrid", {
-                    "i-datagrid-loading": loading$1,
-                }), onWheel: onScroll, children: [header && (jsxRuntime.jsx(row.Header, { columns: columns, resizable: resizable, sortType: state.sortType, sortBy: state.sortBy, cellEllipsis: cellEllipsis, onWidthChange: handleWidthChange, onHeaderClick: handleHeaderClick })), rows.map((row$1, i) => (jsxRuntime.jsx(row.default, { row: i + (header ? 1 : 0), data: row$1, cellEllipsis: cellEllipsis, columns: columns, onCellClick: onCellClick, onRowClick: onRowClick, onCellDoubleClick: onCellDoubleClick }, getRowKey(row$1, i) ?? i))), rows.length < 1 && empty] })), loading$1 && renderLoading()] }));
-};
-
-exports.default = Datagrid;
-//# sourceMappingURL=datagrid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"datagrid.js","sources":["../../../../packages/components/datagrid/datagrid.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport {\n    CSSProperties,\n    Key,\n    MouseEvent,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n} from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport { getNextSorter } from \"../../js/utils\";\nimport Loading from \"../loading\";\nimport Empty from \"../utils/empty\";\nimport {\n    applyFixedInsets,\n    buildCssWidths,\n    buildGridTemplateColumns,\n} from \"./helper\";\nimport \"./index.css\";\nimport Row, { Header } from \"./row\";\nimport type { IColumn, IData, IDatagrid, TDatagridState } from \"./type\";\nimport VirtualDatagrid from \"./virtual\";\n\nconst Datagrid = (props: IDatagrid) => {\n    const {\n        data = [],\n        columns = [],\n        border,\n        striped,\n        header = true,\n        resizable,\n        cellPadding = \".5em\",\n        cellEllipsis,\n        empty = <Empty />,\n        loading,\n        height = \"unset\",\n        style,\n        className,\n        rowKey,\n        virtual,\n        renderLoading = () => <Loading className=\"color-3\" absolute />,\n        onCellClick,\n        onRowClick,\n        onCellDoubleClick,\n        onHeaderClick,\n        onSort,\n        onScroll,\n        onResize,\n    } = props;\n\n    const container = useRef<HTMLDivElement>(null);\n    const wrapRef = useRef<HTMLDivElement>(null);\n\n    const state = useReactive<TDatagridState>({\n        rows: data,\n        widths: columns.map((col) => col.width ?? \"min-content\"),\n        sortBy: \"\",\n        sortType: \"\",\n    });\n    const previewRef = useRef({ index: -1, width: -1, template: \"\" });\n\n    useEffect(() => {\n        const next = columns.map((col, i) => {\n            if (col.width != null) return col.width;\n            return state.widths[i] ?? \"min-content\";\n        });\n\n        let changed = next.length !== state.widths.length;\n        if (!changed) {\n            for (let i = 0; i < next.length; i++) {\n                if (next[i] !== state.widths[i]) {\n                    changed = true;\n                    break;\n                }\n            }\n        }\n\n        if (changed) state.widths = next;\n    }, [columns, state]);\n\n    const styles = useMemo(() => {\n        const { widths } = state;\n\n        const o = {\n            ...style,\n            \"--grid-template-columns\": buildGridTemplateColumns(widths),\n        };\n\n        if (!resizable) return o;\n\n        const cssWidths = buildCssWidths(widths);\n        applyFixedInsets(\n            (k, v) => {\n                (o as any)[k] = v;\n            },\n            columns,\n            cssWidths,\n        );\n\n        return o;\n    }, [columns, resizable, state.widths, style]);\n\n    const handleWidthChange = useCallback(\n        (i: number, w: number, phase: \"preview\" | \"commit\" = \"commit\") => {\n            if (!resizable) return;\n            if (phase === \"preview\") {\n                const el = wrapRef.current;\n                if (!el) return;\n                if (\n                    previewRef.current.index === i &&\n                    previewRef.current.width === w\n                ) {\n                    return;\n                }\n\n                const template = buildGridTemplateColumns(state.widths, i, w);\n                if (previewRef.current.template !== template) {\n                    el.style.setProperty(\"--grid-template-columns\", template);\n                    const cssWidths = buildCssWidths(state.widths, i, w);\n                    applyFixedInsets(\n                        (k, v) => el.style.setProperty(k, v),\n                        columns,\n                        cssWidths,\n                    );\n                    previewRef.current.template = template;\n                }\n                previewRef.current.index = i;\n                previewRef.current.width = w;\n                return;\n            }\n\n            previewRef.current.index = -1;\n            previewRef.current.width = -1;\n            previewRef.current.template = \"\";\n\n            if (state.widths[i] === w) return;\n\n            const next = [...state.widths];\n            next[i] = w;\n            state.widths = next;\n            onResize?.(columns[i], w);\n        },\n        [columns, onResize, resizable, state, wrapRef],\n    );\n\n    const handleHeaderClick = useCallback(\n        (column?: IColumn, e?: MouseEvent) => {\n            if (column?.sorter) {\n                const [sortBy, sortType] = getNextSorter(\n                    state.sortBy,\n                    state.sortType,\n                    column.id,\n                );\n\n                Object.assign(state, {\n                    sortBy,\n                    sortType,\n                });\n\n                onSort?.(sortBy, sortType);\n            }\n\n            onHeaderClick?.(column, e);\n        },\n        [onHeaderClick, onSort, state],\n    );\n\n    const rows = useMemo(() => {\n        const { sortBy, sortType } = state;\n\n        if (sortBy && !onSort) {\n            const sorter = columns.find((col) => col.id === sortBy)?.sorter;\n            const sortFn =\n                typeof sorter === \"function\"\n                    ? sorter\n                    : (a: IData, b: IData) => b[sortBy] - a[sortBy];\n            const sorted = [...data].sort(sortFn);\n\n            return sortType === \"desc\" ? sorted : sorted.reverse();\n        }\n\n        return data;\n    }, [data, columns, state.sortBy, state.sortType]);\n\n    const useVirtual = useMemo(() => {\n        if (!virtual) return false;\n        const rowHeight = virtual.rowHeight;\n        return !!rowHeight && rowHeight > 0;\n    }, [virtual]);\n\n    useEffect(() => {\n        if (!resizable) return;\n        if (!container.current) return;\n        if (\n            !columns.some(\n                (col, i) =>\n                    col.width == null && typeof state.widths[i] !== \"number\",\n            )\n        ) {\n            return;\n        }\n\n        let rafId: number | null = null;\n        let tries = 0;\n\n        const run = () => {\n            rafId = null;\n            const div = container.current;\n            if (!div) return;\n\n            const headerRow = div.querySelector(\n                \".i-datagrid-header.i-datagrid-row\",\n            ) as HTMLElement | null;\n            const bodyRow = div.querySelector(\n                \".i-datagrid-row:not(.i-datagrid-header)\",\n            ) as HTMLElement | null;\n\n            const headerCells = headerRow ? Array.from(headerRow.children) : [];\n            const bodyCells = bodyRow ? Array.from(bodyRow.children) : [];\n\n            const cellCount = Math.max(headerCells.length, bodyCells.length);\n            if (cellCount < 1) {\n                tries++;\n                if (tries < 10) rafId = requestAnimationFrame(run);\n                return;\n            }\n\n            const measured = new Array<number | null>(cellCount).fill(null);\n            for (let i = 0; i < cellCount; i++) {\n                const hw = (headerCells[i] as HTMLElement | undefined)\n                    ?.offsetWidth;\n                const bw = (bodyCells[i] as HTMLElement | undefined)\n                    ?.offsetWidth;\n                const w = Math.max(hw ?? 0, bw ?? 0);\n                measured[i] = w > 0 ? w : null;\n            }\n\n            const next = columns.map((col, i) => {\n                if (col.width != null) return col.width;\n                const cur = state.widths[i];\n                if (typeof cur === \"number\") return cur;\n                return measured[i] ?? cur ?? \"min-content\";\n            });\n\n            let changed = next.length !== state.widths.length;\n            if (!changed) {\n                for (let i = 0; i < next.length; i++) {\n                    if (next[i] !== state.widths[i]) {\n                        changed = true;\n                        break;\n                    }\n                }\n            }\n            if (changed) state.widths = next;\n        };\n\n        rafId = requestAnimationFrame(run);\n        return () => {\n            if (rafId != null) cancelAnimationFrame(rafId);\n        };\n    }, [columns, resizable, state, useVirtual]);\n\n    useEffect(() => {\n        if (!loading) return;\n        if (useVirtual) return;\n        container.current?.scrollTo({ top: 0, left: 0 });\n    }, [loading, useVirtual]);\n\n    const mergedStyle = useMemo(\n        () =>\n            ({\n                \"--cell-padding\": cellPadding,\n                ...styles,\n            }) as CSSProperties,\n        [cellPadding, styles],\n    );\n\n    const getRowKey = useMemo(() => {\n        if (typeof rowKey === \"function\") return rowKey;\n        if (typeof rowKey === \"string\") {\n            return (row: IData) => row?.[rowKey] as Key;\n        }\n\n        return (_row: IData, index: number) => index as Key;\n    }, [rowKey]);\n\n    return (\n        <div\n            ref={wrapRef}\n            style={{\n                maxHeight: height,\n                ...(useVirtual\n                    ? { overflowX: \"visible\", overflowY: \"hidden\" }\n                    : null),\n                ...mergedStyle,\n            }}\n            className={classNames(\"i-datagrid-container\", className, {\n                \"i-datagrid-bordered\": border,\n                \"i-datagrid-striped\": striped,\n            })}\n        >\n            {useVirtual && virtual ? (\n                <VirtualDatagrid\n                    virtual={virtual}\n                    columns={columns}\n                    rows={rows}\n                    header={header}\n                    sortBy={state.sortBy}\n                    sortType={state.sortType}\n                    height={height}\n                    loading={loading}\n                    resizable={resizable}\n                    striped={striped}\n                    cellEllipsis={cellEllipsis}\n                    empty={empty}\n                    wrapRef={wrapRef}\n                    containerRef={container}\n                    getRowKey={getRowKey}\n                    onHeaderClick={handleHeaderClick}\n                    onWidthChange={handleWidthChange}\n                    onRowClick={onRowClick}\n                    onCellClick={onCellClick}\n                    onCellDoubleClick={onCellDoubleClick}\n                    onScroll={onScroll}\n                />\n            ) : (\n                <div\n                    ref={container}\n                    className={classNames(\"i-datagrid\", {\n                        \"i-datagrid-loading\": loading,\n                    })}\n                    onWheel={onScroll}\n                >\n                    {header && (\n                        <Header\n                            columns={columns}\n                            resizable={resizable}\n                            sortType={state.sortType}\n                            sortBy={state.sortBy}\n                            cellEllipsis={cellEllipsis}\n                            onWidthChange={handleWidthChange}\n                            onHeaderClick={handleHeaderClick}\n                        />\n                    )}\n\n                    {rows.map((row, i) => (\n                        <Row\n                            key={getRowKey(row, i) ?? i}\n                            row={i + (header ? 1 : 0)}\n                            data={row}\n                            cellEllipsis={cellEllipsis}\n                            columns={columns}\n                            onCellClick={onCellClick}\n                            onRowClick={onRowClick}\n                            onCellDoubleClick={onCellDoubleClick}\n                        />\n                    ))}\n\n                    {rows.length < 1 && empty}\n                </div>\n            )}\n\n            {loading && renderLoading()}\n        </div>\n    );\n};\n\nexport default Datagrid;\n"],"names":["_jsx","Empty","loading","virtual","Loading","useRef","useReactive","useEffect","useMemo","buildGridTemplateColumns","buildCssWidths","applyFixedInsets","useCallback","getNextSorter","_jsxs","classNames","VirtualDatagrid","Header","row","Row"],"mappings":"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"}

package/lib/cjs/components/datagrid/helper.js

@@ -1,83 +0,0 @@
-'use strict';
-
-const lengthRe = /^-?\d+(\.\d+)?(px|em|rem|%|vw|vh|vmin|vmax|ch|ex|cm|mm|in|pt|pc)$/;
-const isLength = (v) => {
-    if (v === "0")
-        return true;
-    if (v.startsWith("var(") || v.startsWith("calc("))
-        return true;
-    return lengthRe.test(v);
-};
-const sumLengths = (parts) => {
-    let out = null;
-    for (let i = 0; i < parts.length; i++) {
-        const v = parts[i];
-        if (!v || !isLength(v))
-            continue;
-        if (out == null)
-            out = [v];
-        else
-            out.push(v);
-    }
-    if (out == null || out.length < 1)
-        return "0";
-    if (out.length === 1)
-        return out[0];
-    return `calc(${out.join(" + ")})`;
-};
-const toCssWidth = (w) => typeof w === "number" ? `${w}px` : w;
-const buildGridTemplateColumns = (widths, overrideIndex, overrideWidth) => {
-    let out = "";
-    for (let i = 0; i < widths.length; i++) {
-        const w = i === overrideIndex && overrideWidth != null
-            ? overrideWidth
-            : widths[i];
-        out += (i ? " " : "") + toCssWidth(w);
-    }
-    return out;
-};
-const buildCssWidths = (widths, overrideIndex, overrideWidth) => {
-    const out = new Array(widths.length);
-    for (let i = 0; i < widths.length; i++) {
-        const w = i === overrideIndex && overrideWidth != null
-            ? overrideWidth
-            : widths[i];
-        out[i] = toCssWidth(w);
-    }
-    return out;
-};
-const applyFixedInsets = (setVar, columns, cssWidths) => {
-    for (let i = 0; i < columns.length; i++) {
-        const fixed = columns[i]?.fixed;
-        if (!fixed)
-            continue;
-        if (fixed === "left" && i === 0) {
-            setVar(`--datagrid-cell-inset-0`, "0");
-            continue;
-        }
-        if (fixed === "right" && i === columns.length - 1) {
-            setVar(`--datagrid-cell-inset-${columns.length - 1}`, "auto 0");
-            continue;
-        }
-        if (fixed === "left") {
-            const parts = [];
-            for (let j = 0; j < i; j++) {
-                if (columns[j]?.fixed === "left")
-                    parts.push(cssWidths[j]);
-            }
-            setVar(`--datagrid-cell-inset-${i}`, `${sumLengths(parts)} auto`);
-            continue;
-        }
-        const parts = [];
-        for (let j = i + 1; j < columns.length; j++) {
-            if (columns[j]?.fixed === "right")
-                parts.push(cssWidths[j]);
-        }
-        setVar(`--datagrid-cell-inset-${i}`, `auto ${sumLengths(parts)}`);
-    }
-};
-
-exports.applyFixedInsets = applyFixedInsets;
-exports.buildCssWidths = buildCssWidths;
-exports.buildGridTemplateColumns = buildGridTemplateColumns;
-//# sourceMappingURL=helper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sources":["../../../../packages/components/datagrid/helper.ts"],"sourcesContent":["import type { IColumn } from \"./type\";\n\nconst lengthRe =\n\t/^-?\\d+(\\.\\d+)?(px|em|rem|%|vw|vh|vmin|vmax|ch|ex|cm|mm|in|pt|pc)$/;\n\nconst isLength = (v: string) => {\n\tif (v === \"0\") return true;\n\tif (v.startsWith(\"var(\") || v.startsWith(\"calc(\")) return true;\n\treturn lengthRe.test(v);\n};\n\nconst sumLengths = (parts: string[]) => {\n\tlet out: string[] | null = null;\n\tfor (let i = 0; i < parts.length; i++) {\n\t\tconst v = parts[i];\n\t\tif (!v || !isLength(v)) continue;\n\t\tif (out == null) out = [v];\n\t\telse out.push(v);\n\t}\n\tif (out == null || out.length < 1) return \"0\";\n\tif (out.length === 1) return out[0];\n\treturn `calc(${out.join(\" + \")})`;\n};\n\nconst toCssWidth = (w: number | string) =>\n\ttypeof w === \"number\" ? `${w}px` : w;\n\nexport const buildGridTemplateColumns = (\n\twidths: (number | string)[],\n\toverrideIndex?: number,\n\toverrideWidth?: number,\n) => {\n\tlet out = \"\";\n\tfor (let i = 0; i < widths.length; i++) {\n\t\tconst w =\n\t\t\ti === overrideIndex && overrideWidth != null\n\t\t\t\t? overrideWidth\n\t\t\t\t: widths[i];\n\t\tout += (i ? \" \" : \"\") + toCssWidth(w);\n\t}\n\treturn out;\n};\n\nexport const buildCssWidths = (\n\twidths: (number | string)[],\n\toverrideIndex?: number,\n\toverrideWidth?: number,\n) => {\n\tconst out = new Array<string>(widths.length);\n\tfor (let i = 0; i < widths.length; i++) {\n\t\tconst w =\n\t\t\ti === overrideIndex && overrideWidth != null\n\t\t\t\t? overrideWidth\n\t\t\t\t: widths[i];\n\t\tout[i] = toCssWidth(w);\n\t}\n\treturn out;\n};\n\nexport const applyFixedInsets = (\n\tsetVar: (name: string, value: string) => void,\n\tcolumns: IColumn[],\n\tcssWidths: string[],\n) => {\n\tfor (let i = 0; i < columns.length; i++) {\n\t\tconst fixed = columns[i]?.fixed;\n\t\tif (!fixed) continue;\n\n\t\tif (fixed === \"left\" && i === 0) {\n\t\t\tsetVar(`--datagrid-cell-inset-0`, \"0\");\n\t\t\tcontinue;\n\t\t}\n\n\t\tif (fixed === \"right\" && i === columns.length - 1) {\n\t\t\tsetVar(`--datagrid-cell-inset-${columns.length - 1}`, \"auto 0\");\n\t\t\tcontinue;\n\t\t}\n\n\t\tif (fixed === \"left\") {\n\t\t\tconst parts: string[] = [];\n\t\t\tfor (let j = 0; j < i; j++) {\n\t\t\t\tif (columns[j]?.fixed === \"left\") parts.push(cssWidths[j]);\n\t\t\t}\n\t\t\tsetVar(`--datagrid-cell-inset-${i}`, `${sumLengths(parts)} auto`);\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst parts: string[] = [];\n\t\tfor (let j = i + 1; j < columns.length; j++) {\n\t\t\tif (columns[j]?.fixed === \"right\") parts.push(cssWidths[j]);\n\t\t}\n\t\tsetVar(`--datagrid-cell-inset-${i}`, `auto ${sumLengths(parts)}`);\n\t}\n};\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,GACb,mEAAmE;AAEpE,MAAM,QAAQ,GAAG,CAAC,CAAS,KAAI;IAC9B,IAAI,CAAC,KAAK,GAAG;AAAE,QAAA,OAAO,IAAI;AAC1B,IAAA,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;AAAE,QAAA,OAAO,IAAI;AAC9D,IAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,KAAe,KAAI;IACtC,IAAI,GAAG,GAAoB,IAAI;AAC/B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,QAAA,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAClB,QAAA,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE;QACxB,IAAI,GAAG,IAAI,IAAI;AAAE,YAAA,GAAG,GAAG,CAAC,CAAC,CAAC;;AACrB,YAAA,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IACjB;IACA,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAC7C,IAAA,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,GAAG,CAAC,CAAC,CAAC;IACnC,OAAO,CAAA,KAAA,EAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG;AAClC,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,CAAkB,KACrC,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAA,EAAG,CAAC,IAAI,GAAG,CAAC;AAE9B,MAAM,wBAAwB,GAAG,CACvC,MAA2B,EAC3B,aAAsB,EACtB,aAAsB,KACnB;IACH,IAAI,GAAG,GAAG,EAAE;AACZ,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACvC,MAAM,CAAC,GACN,CAAC,KAAK,aAAa,IAAI,aAAa,IAAI;AACvC,cAAE;AACF,cAAE,MAAM,CAAC,CAAC,CAAC;AACb,QAAA,GAAG,IAAI,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;IACtC;AACA,IAAA,OAAO,GAAG;AACX;AAEO,MAAM,cAAc,GAAG,CAC7B,MAA2B,EAC3B,aAAsB,EACtB,aAAsB,KACnB;IACH,MAAM,GAAG,GAAG,IAAI,KAAK,CAAS,MAAM,CAAC,MAAM,CAAC;AAC5C,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACvC,MAAM,CAAC,GACN,CAAC,KAAK,aAAa,IAAI,aAAa,IAAI;AACvC,cAAE;AACF,cAAE,MAAM,CAAC,CAAC,CAAC;QACb,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IACvB;AACA,IAAA,OAAO,GAAG;AACX;AAEO,MAAM,gBAAgB,GAAG,CAC/B,MAA6C,EAC7C,OAAkB,EAClB,SAAmB,KAChB;AACH,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK;AAC/B,QAAA,IAAI,CAAC,KAAK;YAAE;QAEZ,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,MAAM,CAAC,CAAA,uBAAA,CAAyB,EAAE,GAAG,CAAC;YACtC;QACD;AAEA,QAAA,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAClD,MAAM,CAAC,CAAA,sBAAA,EAAyB,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA,CAAE,EAAE,QAAQ,CAAC;YAC/D;QACD;AAEA,QAAA,IAAI,KAAK,KAAK,MAAM,EAAE;YACrB,MAAM,KAAK,GAAa,EAAE;AAC1B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC3B,gBAAA,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,MAAM;oBAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC3D;AACA,YAAA,MAAM,CAAC,CAAA,sBAAA,EAAyB,CAAC,CAAA,CAAE,EAAE,CAAA,EAAG,UAAU,CAAC,KAAK,CAAC,CAAA,KAAA,CAAO,CAAC;YACjE;QACD;QAEA,MAAM,KAAK,GAAa,EAAE;AAC1B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,OAAO;gBAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAC5D;AACA,QAAA,MAAM,CAAC,CAAA,sBAAA,EAAyB,CAAC,CAAA,CAAE,EAAE,CAAA,KAAA,EAAQ,UAAU,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;IAClE;AACD;;;;;;"}

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

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var datagrid = require('./datagrid.js');
-
-
-
-exports.default = datagrid.default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../js/hooks.js');
-
-const Resize = react.memo(function Resize(props) {
-    const { index, onWidthChange } = props;
-    const state = hooks.useReactive({
-        resizing: false,
-        x: 0,
-        width: 0,
-    });
-    const rafId = react.useRef(null);
-    const nextWidth = react.useRef(null);
-    react.useEffect(() => {
-        return () => {
-            if (rafId.current != null)
-                cancelAnimationFrame(rafId.current);
-        };
-    }, []);
-    const flush = react.useCallback(() => {
-        rafId.current = null;
-        if (nextWidth.current == null)
-            return;
-        onWidthChange(index, nextWidth.current, "preview");
-    }, [index, onWidthChange]);
-    const schedule = react.useCallback((w) => {
-        nextWidth.current = w;
-        if (rafId.current != null)
-            return;
-        rafId.current = requestAnimationFrame(flush);
-    }, [flush]);
-    const handleMouseDown = (e) => {
-        const tar = e.target;
-        const width = tar.offsetParent.offsetWidth;
-        Object.assign(state, {
-            x: e.pageX,
-            resizing: true,
-            width,
-        });
-    };
-    const handleMouseMove = react.useCallback((e) => {
-        if (!state.resizing)
-            return;
-        e.preventDefault();
-        const after = state.width + e.pageX - state.x;
-        if (after <= 24)
-            return;
-        schedule(after);
-    }, [index, schedule, state]);
-    const handleMouseUp = react.useCallback(() => {
-        if (!state.resizing)
-            return;
-        state.resizing = false;
-        const w = nextWidth.current;
-        if (rafId.current != null)
-            cancelAnimationFrame(rafId.current);
-        rafId.current = null;
-        if (w != null)
-            onWidthChange(index, w, "commit");
-        nextWidth.current = null;
-    }, [index, onWidthChange, state]);
-    hooks.useMouseMove(handleMouseMove);
-    hooks.useMouseUp(handleMouseUp);
-    return (jsxRuntime.jsx("i", { className: 'i-datagrid-resizor', onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation() }));
-});
-
-exports.default = Resize;
-//# sourceMappingURL=resize.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resize.js","sources":["../../../../packages/components/datagrid/resize.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef } from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\n\ntype ResizeProps = {\n\tindex: number;\n\tonWidthChange: (\n\t\tindex: number,\n\t\twidth: number,\n\t\tphase?: \"preview\" | \"commit\",\n\t) => void;\n};\n\nconst Resize = memo(function Resize(props: ResizeProps) {\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 rafId = useRef<number | null>(null);\n\tconst nextWidth = useRef<number | null>(null);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (rafId.current != null) cancelAnimationFrame(rafId.current);\n\t\t};\n\t}, []);\n\n\tconst flush = useCallback(() => {\n\t\trafId.current = null;\n\t\tif (nextWidth.current == null) return;\n\t\tonWidthChange(index, nextWidth.current, \"preview\");\n\t}, [index, onWidthChange]);\n\n\tconst schedule = useCallback(\n\t\t(w: number) => {\n\t\t\tnextWidth.current = w;\n\t\t\tif (rafId.current != null) return;\n\t\t\trafId.current = requestAnimationFrame(flush);\n\t\t},\n\t\t[flush],\n\t);\n\n\tconst handleMouseDown = (e: any) => {\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 = useCallback(\n\t\t(e: any) => {\n\t\t\tif (!state.resizing) return;\n\n\t\t\te.preventDefault();\n\n\t\t\tconst after = state.width + e.pageX - state.x;\n\t\t\tif (after <= 24) return;\n\n\t\t\tschedule(after);\n\t\t},\n\t\t[index, schedule, state],\n\t);\n\n\tconst handleMouseUp = useCallback(() => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t\tconst w = nextWidth.current;\n\t\tif (rafId.current != null) cancelAnimationFrame(rafId.current);\n\t\trafId.current = null;\n\t\tif (w != null) onWidthChange(index, w, \"commit\");\n\t\tnextWidth.current = null;\n\t}, [index, onWidthChange, state]);\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\nexport default Resize;\n"],"names":["memo","useReactive","useRef","useEffect","useCallback","useMouseMove","useMouseUp","_jsx"],"mappings":"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"}