@ioca/react 1.5.19 → 1.5.21

package/lib/cjs/components/progress/progress.js

@@ -1,90 +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 circle = require('./circle.js');
-var line = require('./line.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Progress = (props) => {
-    const { value = 0, lineWidth = 8, circleSize = 40, precision = 0, style, draggable = true, type = "line", barClass, vertical, label, labelInline, className, renderCursor, onChange, onDraggingChange, } = props;
-    const ref = react.useRef(null);
-    const state = hooks.useReactive({
-        value,
-        dragging: false,
-        size: 0,
-        start: 0,
-    });
-    const pageXY = vertical ? "pageY" : "pageX";
-    const rectTL = vertical ? "top" : "left";
-    const rectWH = vertical ? "height" : "width";
-    const getFixedValue = () => {
-        let value = +state.value.toFixed(precision);
-        value = Math.min(100, value);
-        value = Math.max(0, value);
-        return value;
-    };
-    const handleMouseDown = (e) => {
-        if (!ref.current || !draggable)
-            return;
-        if (e.touches) {
-            e = e.touches[0];
-        }
-        const rect = ref.current.getBoundingClientRect();
-        const value = ((e[pageXY] - rect[rectTL]) * 100) / rect[rectWH];
-        Object.assign(state, {
-            value: vertical ? 100 - value : value,
-            size: rect[rectWH],
-            start: rect[rectTL],
-            dragging: true,
-        });
-        onDraggingChange?.(true);
-    };
-    const handleMouseMove = (e) => {
-        if (!state.dragging || !draggable)
-            return;
-        e.preventDefault();
-        if (e.touches) {
-            e = e.touches[0];
-        }
-        const { start, size } = state;
-        const offset = e[pageXY] - start;
-        if (offset < 0 || offset > size)
-            return;
-        const value = ((e[pageXY] - start) * 100) / size;
-        state.value = vertical ? 100 - value : value;
-    };
-    const handleMouseUp = () => {
-        if (!state.dragging || !draggable)
-            return;
-        onChange?.(getFixedValue());
-        state.dragging = false;
-        onDraggingChange?.(false);
-    };
-    hooks.useMouseMove(handleMouseMove);
-    hooks.useMouseUp(handleMouseUp);
-    react.useEffect(() => {
-        if (value > 100) {
-            state.value = 100;
-            return;
-        }
-        if (value < 0) {
-            state.value = 0;
-            return;
-        }
-        state.value = value;
-    }, [value]);
-    return (jsxRuntime.jsxs("div", { className: classNames__default("i-input-label", className, {
-            "i-input-inline": labelInline,
-        }), style: style, children: [label && jsxRuntime.jsx("span", { className: 'i-input-label-text', children: label }), type === "line" && (jsxRuntime.jsx(line.default, { ref: ref, vertical: vertical, lineWidth: lineWidth, barClass: barClass, dragging: state.dragging, value: state.value, renderCursor: renderCursor, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown })), type === "circle" && (jsxRuntime.jsx(circle.default, { value: state.value, circleSize: circleSize, lineWidth: lineWidth }))] }));
-};
-
-exports.default = Progress;
-//# sourceMappingURL=progress.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress.js","sources":["../../../../packages/components/progress/progress.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport \"../../css/input.css\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport Circle from \"./circle\";\nimport \"./index.css\";\nimport Line from \"./line\";\nimport { IProgress } from \"./type\";\n\nconst Progress = (props: IProgress) => {\n\tconst {\n\t\tvalue = 0,\n\t\tlineWidth = 8,\n\t\tcircleSize = 40,\n\t\tprecision = 0,\n\t\tstyle,\n\t\tdraggable = true,\n\t\ttype = \"line\",\n\t\tbarClass,\n\t\tvertical,\n\t\tlabel,\n\t\tlabelInline,\n\t\tclassName,\n\t\trenderCursor,\n\t\tonChange,\n\t\tonDraggingChange,\n\t} = props;\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive({\n\t\tvalue,\n\t\tdragging: false,\n\t\tsize: 0,\n\t\tstart: 0,\n\t});\n\n\tconst pageXY = vertical ? \"pageY\" : \"pageX\";\n\tconst rectTL = vertical ? \"top\" : \"left\";\n\tconst rectWH = vertical ? \"height\" : \"width\";\n\n\tconst getFixedValue = () => {\n\t\tlet value = +state.value.toFixed(precision);\n\t\tvalue = Math.min(100, value);\n\t\tvalue = Math.max(0, value);\n\n\t\treturn value;\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!ref.current || !draggable) return;\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst rect = ref.current.getBoundingClientRect();\n\t\tconst value = ((e[pageXY] - rect[rectTL]) * 100) / rect[rectWH];\n\n\t\tObject.assign(state, {\n\t\t\tvalue: vertical ? 100 - value : value,\n\t\t\tsize: rect[rectWH],\n\t\t\tstart: rect[rectTL],\n\t\t\tdragging: true,\n\t\t});\n\t\tonDraggingChange?.(true);\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !draggable) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst { start, size } = state;\n\t\tconst offset = e[pageXY] - start;\n\n\t\tif (offset < 0 || offset > size) return;\n\n\t\tconst value = ((e[pageXY] - start) * 100) / size;\n\t\tstate.value = vertical ? 100 - value : value;\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging || !draggable) return;\n\n\t\tonChange?.(getFixedValue());\n\t\tstate.dragging = false;\n\t\tonDraggingChange?.(false);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseEffect(() => {\n\t\tif (value > 100) {\n\t\t\tstate.value = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (value < 0) {\n\t\t\tstate.value = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.value = value;\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t{type === \"line\" && (\n\t\t\t\t<Line\n\t\t\t\t\tref={ref}\n\t\t\t\t\tvertical={vertical}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t\tbarClass={barClass}\n\t\t\t\t\tdragging={state.dragging}\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\trenderCursor={renderCursor}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{type === \"circle\" && (\n\t\t\t\t<Circle\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\tcircleSize={circleSize}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Progress;\n"],"names":["useRef","useReactive","useMouseMove","useMouseUp","useEffect","_jsxs","classNames","_jsx","Line","Circle"],"mappings":"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"}

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

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

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

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

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

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-function RadioItem(props) {
-    const { type = "default", name, value, checked, disabled, children, onChange, } = props;
-    const isChildrenFn = typeof children === "function";
-    const handleChange = (e) => {
-        onChange?.(value, e);
-    };
-    return (jsxRuntime.jsxs("label", { className: classNames__default("i-radio-item", {
-            disabled,
-            "i-radio-item-custom": isChildrenFn,
-        }), children: [jsxRuntime.jsx("input", { type: 'radio', name: name, checked: checked, className: classNames__default("i-radio-input", `i-radio-${type}`), disabled: disabled, hidden: isChildrenFn, onChange: handleChange }), isChildrenFn ? (children(!!checked, value)) : (jsxRuntime.jsx("span", { className: 'i-radio-text', children: children }))] }));
-}
-
-exports.default = RadioItem;
-//# sourceMappingURL=item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"item.js","sources":["../../../../packages/components/radio/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { ChangeEvent } from \"react\";\nimport { IRadioItem } from \"./type\";\n\nexport default function RadioItem(props: IRadioItem) {\n\tconst {\n\t\ttype = \"default\",\n\t\tname,\n\t\tvalue,\n\t\tchecked,\n\t\tdisabled,\n\t\tchildren,\n\t\tonChange,\n\t} = props;\n\tconst isChildrenFn = typeof children === \"function\";\n\n\tconst handleChange = (e: ChangeEvent) => {\n\t\tonChange?.(value, e);\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\"i-radio-item\", {\n\t\t\t\tdisabled,\n\t\t\t\t\"i-radio-item-custom\": isChildrenFn,\n\t\t\t})}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype='radio'\n\t\t\t\tname={name}\n\t\t\t\tchecked={checked}\n\t\t\t\tclassName={classNames(\"i-radio-input\", `i-radio-${type}`)}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thidden={isChildrenFn}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\n\t\t\t{isChildrenFn ? (\n\t\t\t\tchildren(!!checked, value)\n\t\t\t) : (\n\t\t\t\t<span className='i-radio-text'>{children}</span>\n\t\t\t)}\n\t\t</label>\n\t);\n}\n"],"names":["_jsxs","classNames","_jsx"],"mappings":";;;;;;;;;;;AAIc,SAAU,SAAS,CAAC,KAAiB,EAAA;AAClD,IAAA,MAAM,EACL,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GACR,GAAG,KAAK;AACT,IAAA,MAAM,YAAY,GAAG,OAAO,QAAQ,KAAK,UAAU;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAc,KAAI;AACvC,QAAA,QAAQ,GAAG,KAAK,EAAE,CAAC,CAAC;AACrB,IAAA,CAAC;AAED,IAAA,QACCA,eAAA,CAAA,OAAA,EAAA,EACC,SAAS,EAAEC,mBAAU,CAAC,cAAc,EAAE;YACrC,QAAQ;AACR,YAAA,qBAAqB,EAAE,YAAY;AACnC,SAAA,CAAC,EAAA,QAAA,EAAA,CAEFC,cAAA,CAAA,OAAA,EAAA,EACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAED,mBAAU,CAAC,eAAe,EAAE,CAAA,QAAA,EAAW,IAAI,CAAA,CAAE,CAAC,EACzD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,YAAY,EAAA,CACrB,EAED,YAAY,IACZ,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,KAE1BC,yBAAM,SAAS,EAAC,cAAc,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAQ,CAChD,CAAA,EAAA,CACM;AAEV;;;;"}

package/lib/cjs/components/radio/radio.js

@@ -1,40 +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 utils = require('../../js/utils.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);
-
-function Radio(props) {
-    const { label, name, options, value, type = "default", status = "normal", message, optionInline = true, labelInline, disabled, required, className, style, renderItem, onChange, } = props;
-    const [selectedValue, setSelectedValue] = react.useState(value);
-    const formattedOptions = react.useMemo(() => utils.formatOption(options), [options]);
-    const handleChange = (value, e) => {
-        setSelectedValue(value);
-        onChange?.(value, e);
-    };
-    react.useEffect(() => {
-        setSelectedValue(value);
-    }, [value]);
-    return (jsxRuntime.jsxs("div", { className: classNames__default("i-radio i-input-label", {
-            [`i-radio-${status}`]: status !== "normal",
-            "i-input-inline": labelInline,
-        }, className), style: style, children: [label && (jsxRuntime.jsxs("span", { className: "i-input-label-text", children: [required && jsxRuntime.jsx("span", { className: "error", children: "*" }), label, message && jsxRuntime.jsx("p", { className: "i-radio-message", children: message })] })), jsxRuntime.jsx("div", { className: classNames__default("i-radio-options", {
-                    "i-options-block": !optionInline,
-                    "i-radio-options-button": type === "button",
-                }), children: formattedOptions.map((option) => {
-                    const checked = selectedValue === option.value;
-                    return (jsxRuntime.jsx(item.default, { name: name, value: option.value, checked: checked, type: type, disabled: disabled || option.disabled, onChange: handleChange, children: renderItem ?? option.label }, option.value));
-                }) })] }));
-}
-Radio.Item = item.default;
-
-exports.default = Radio;
-//# sourceMappingURL=radio.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio.js","sources":["../../../../packages/components/radio/radio.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport \"./index.css\";\nimport RadioItem from \"./item\";\nimport { IRadio } from \"./type\";\n\nfunction Radio(props: IRadio) {\n    const {\n        label,\n        name,\n        options,\n        value,\n        type = \"default\",\n        status = \"normal\",\n        message,\n        optionInline = true,\n        labelInline,\n        disabled,\n        required,\n        className,\n        style,\n        renderItem,\n        onChange,\n    } = props;\n\n    const [selectedValue, setSelectedValue] = useState(value);\n\n    const formattedOptions = useMemo(() => formatOption(options), [options]);\n\n    const handleChange = (value, e) => {\n        setSelectedValue(value);\n        onChange?.(value, e);\n    };\n\n    useEffect(() => {\n        setSelectedValue(value);\n    }, [value]);\n\n    return (\n        <div\n            className={classNames(\n                \"i-radio i-input-label\",\n                {\n                    [`i-radio-${status}`]: status !== \"normal\",\n                    \"i-input-inline\": labelInline,\n                },\n                className,\n            )}\n            style={style}\n        >\n            {label && (\n                <span className=\"i-input-label-text\">\n                    {required && <span className=\"error\">*</span>}\n                    {label}\n\n                    {message && <p className=\"i-radio-message\">{message}</p>}\n                </span>\n            )}\n\n            <div\n                className={classNames(\"i-radio-options\", {\n                    \"i-options-block\": !optionInline,\n                    \"i-radio-options-button\": type === \"button\",\n                })}\n            >\n                {formattedOptions.map((option) => {\n                    const checked = selectedValue === option.value;\n\n                    return (\n                        <RadioItem\n                            key={option.value as string}\n                            name={name}\n                            value={option.value}\n                            checked={checked}\n                            type={type}\n                            disabled={disabled || option.disabled}\n                            onChange={handleChange}\n                        >\n                            {renderItem ?? option.label}\n                        </RadioItem>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n\nRadio.Item = RadioItem;\n\nexport default Radio;\n"],"names":["useState","useMemo","formatOption","useEffect","_jsxs","classNames","_jsx","RadioItem"],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,KAAK,CAAC,KAAa,EAAA;AACxB,IAAA,MAAM,EACF,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,QAAQ,EACjB,OAAO,EACP,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,GACX,GAAG,KAAK;IAET,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAEzD,IAAA,MAAM,gBAAgB,GAAGC,aAAO,CAAC,MAAMC,kBAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAExE,IAAA,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,CAAC,KAAI;QAC9B,gBAAgB,CAAC,KAAK,CAAC;AACvB,QAAA,QAAQ,GAAG,KAAK,EAAE,CAAC,CAAC;AACxB,IAAA,CAAC;IAEDC,eAAS,CAAC,MAAK;QACX,gBAAgB,CAAC,KAAK,CAAC;AAC3B,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,QACIC,eAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,mBAAU,CACjB,uBAAuB,EACvB;AACI,YAAA,CAAC,WAAW,MAAM,CAAA,CAAE,GAAG,MAAM,KAAK,QAAQ;AAC1C,YAAA,gBAAgB,EAAE,WAAW;AAChC,SAAA,EACD,SAAS,CACZ,EACD,KAAK,EAAE,KAAK,aAEX,KAAK,KACFD,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,CAC/B,QAAQ,IAAIE,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,OAAO,kBAAS,EAC5C,KAAK,EAEL,OAAO,IAAIA,sBAAG,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAE,OAAO,GAAK,CAAA,EAAA,CACrD,CACV,EAEDA,cAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAED,mBAAU,CAAC,iBAAiB,EAAE;oBACrC,iBAAiB,EAAE,CAAC,YAAY;oBAChC,wBAAwB,EAAE,IAAI,KAAK,QAAQ;iBAC9C,CAAC,EAAA,QAAA,EAED,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AAC7B,oBAAA,MAAM,OAAO,GAAG,aAAa,KAAK,MAAM,CAAC,KAAK;oBAE9C,QACIC,eAACC,YAAS,EAAA,EAEN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,UAAU,IAAI,MAAM,CAAC,KAAK,EAAA,EARtB,MAAM,CAAC,KAAe,CASnB;AAEpB,gBAAA,CAAC,CAAC,EAAA,CACA,CAAA,EAAA,CACJ;AAEd;AAEA,KAAK,CAAC,IAAI,GAAGA,YAAS;;;;"}

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

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

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

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

package/lib/cjs/components/resizable/resizable.js

@@ -1,68 +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');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Resizable = (props) => {
-    const { other, children, vertical, height, size = "auto", minSize = 0, maxSize = "100%", style, line, className, asPercent, onResize, onResizeComplete, } = props;
-    const state = hooks.useReactive({
-        size,
-        resizing: false,
-        start: 0,
-        total: 0,
-    });
-    const ref = react.useRef(null);
-    const handleMouseDown = () => {
-        const rect = ref.current?.getBoundingClientRect();
-        if (!rect)
-            return;
-        state.resizing = true;
-        if (vertical) {
-            state.total = rect.height;
-            state.start = rect.top;
-            return;
-        }
-        state.total = rect.width;
-        state.start = rect.left;
-    };
-    const handleMouseMove = (e) => {
-        if (!state.resizing)
-            return;
-        e.preventDefault();
-        if (e.touches) {
-            e = e.touches[0];
-        }
-        const d = e[vertical ? "pageY" : "pageX"];
-        const offset = d - state.start;
-        state.size = asPercent ? `${(offset / state.total) * 100}%` : offset;
-        onResize?.(state.size);
-    };
-    const handleMouseUp = () => {
-        if (!state.resizing)
-            return;
-        state.resizing = false;
-        onResizeComplete?.(state.size);
-    };
-    hooks.useMouseUp(handleMouseUp);
-    hooks.useMouseMove(handleMouseMove);
-    return (jsxRuntime.jsxs("div", { ref: ref, className: classNames__default("i-resizable", className, {
-            [`i-resizable-vertical`]: vertical,
-        }), style: { ...style, height }, children: [jsxRuntime.jsx("div", { className: 'i-resizable-a', style: {
-                    [vertical ? "height" : "width"]: state.size,
-                    [vertical ? "minHeight" : "minWidth"]: minSize,
-                    [vertical ? "maxHeight" : "maxWidth"]: maxSize,
-                }, children: other }), jsxRuntime.jsx("div", { className: classNames__default("i-resizable-line", {
-                    [`i-resizable-resizing`]: state.resizing,
-                }), onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, onContextMenu: (e) => e.preventDefault(), children: jsxRuntime.jsx("div", { className: 'i-resizable-line-node', children: line }) }), jsxRuntime.jsx("div", { className: 'i-resizable-b', children: children })] }));
-};
-
-exports.default = Resizable;
-//# sourceMappingURL=resizable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resizable.js","sources":["../../../../packages/components/resizable/resizable.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useRef } from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IResizable } from \"./type\";\n\nconst Resizable = (props: IResizable) => {\n\tconst {\n\t\tother,\n\t\tchildren,\n\t\tvertical,\n\t\theight,\n\t\tsize = \"auto\",\n\t\tminSize = 0,\n\t\tmaxSize = \"100%\",\n\t\tstyle,\n\t\tline,\n\t\tclassName,\n\t\tasPercent,\n\t\tonResize,\n\t\tonResizeComplete,\n\t} = props;\n\n\tconst state = useReactive({\n\t\tsize,\n\t\tresizing: false,\n\t\tstart: 0,\n\t\ttotal: 0,\n\t});\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst handleMouseDown = () => {\n\t\tconst rect = ref.current?.getBoundingClientRect();\n\t\tif (!rect) return;\n\n\t\tstate.resizing = true;\n\n\t\tif (vertical) {\n\t\t\tstate.total = rect.height;\n\t\t\tstate.start = rect.top;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.total = rect.width;\n\t\tstate.start = rect.left;\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.resizing) return;\n\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst d = e[vertical ? \"pageY\" : \"pageX\"];\n\t\tconst offset = d - state.start;\n\n\t\tstate.size = asPercent ? `${(offset / state.total) * 100}%` : offset;\n\t\tonResize?.(state.size);\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t\tonResizeComplete?.(state.size);\n\t};\n\n\tuseMouseUp(handleMouseUp);\n\tuseMouseMove(handleMouseMove);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-resizable\", className, {\n\t\t\t\t[`i-resizable-vertical`]: vertical,\n\t\t\t})}\n\t\t\tstyle={{ ...style, height }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName='i-resizable-a'\n\t\t\t\tstyle={{\n\t\t\t\t\t[vertical ? \"height\" : \"width\"]: state.size,\n\t\t\t\t\t[vertical ? \"minHeight\" : \"minWidth\"]: minSize,\n\t\t\t\t\t[vertical ? \"maxHeight\" : \"maxWidth\"]: maxSize,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{other}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-resizable-line\", {\n\t\t\t\t\t[`i-resizable-resizing`]: state.resizing,\n\t\t\t\t})}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t>\n\t\t\t\t<div className='i-resizable-line-node'>{line}</div>\n\t\t\t</div>\n\n\t\t\t<div className='i-resizable-b'>{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default Resizable;\n"],"names":["useReactive","useRef","useMouseUp","useMouseMove","_jsxs","classNames","_jsx"],"mappings":"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"}

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

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

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

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

package/lib/cjs/components/river/river.js

@@ -1,114 +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');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const River = (props) => {
-    const { children, className, speed = 1, pauseOnHover, ...restProps } = props;
-    const trackRef = react.useRef(null);
-    const state = hooks.useReactive({
-        initialized: false,
-        offset: 0,
-        queue: [],
-        paddingLeft: 0,
-        pause: false,
-    });
-    const rafRef = react.useRef(null);
-    const sizeRef = react.useRef([]);
-    const [items, length] = react.useMemo(() => {
-        const nodes = react.Children.toArray(children);
-        return [nodes, nodes.length];
-    }, [children]);
-    const animate = () => {
-        if (!trackRef.current)
-            return;
-        let next = state.offset - speed;
-        const d = Math.abs(next);
-        const [head, ...restQueue] = state.queue;
-        const size = sizeRef.current.at(head % length) ?? 0;
-        if (d > size) {
-            const tail = state.queue.at(-1);
-            const newQueue = [...restQueue, tail + 1];
-            state.queue = newQueue;
-            next += size;
-        }
-        state.offset = next;
-        if (!state.pause) {
-            rafRef.current = requestAnimationFrame(animate);
-        }
-    };
-    const cancelRaf = () => {
-        if (!rafRef.current)
-            return;
-        cancelAnimationFrame(rafRef.current);
-        rafRef.current = null;
-    };
-    const handleMouseOver = () => {
-        if (!pauseOnHover)
-            return;
-        state.pause = true;
-        cancelRaf();
-    };
-    const handleMouseLeave = () => {
-        if (!pauseOnHover)
-            return;
-        state.pause = false;
-        rafRef.current = requestAnimationFrame(animate);
-    };
-    react.useLayoutEffect(() => {
-        if (!trackRef.current)
-            return;
-        const pa = trackRef.current.offsetParent;
-        const parentWidth = pa.offsetWidth;
-        const nodes = Array.from(trackRef.current.childNodes);
-        const length = nodes.length;
-        if (length < 2)
-            return;
-        let contentWidth = trackRef.current.scrollWidth;
-        let count = 0;
-        const tails = [];
-        const sizes = nodes.map((node) => {
-            return node.offsetWidth;
-        });
-        sizeRef.current = sizes;
-        while (contentWidth < parentWidth) {
-            const w = sizes.at(count % length) ?? 0;
-            tails.push(length + count);
-            contentWidth += w;
-            count += 1;
-        }
-        state.offset = -1 * sizes.at(-1);
-        state.queue = [-1, ...sizes.map((_, i) => i), ...tails];
-        animate();
-        state.initialized = true;
-        return () => {
-            state.queue = [];
-            state.initialized = false;
-            state.offset = 0;
-            cancelRaf();
-        };
-    }, [children]);
-    return (jsxRuntime.jsx("div", { ...restProps, className: classNames__default("i-river", {
-            "i-river-initialized": state.initialized,
-        }, className), children: jsxRuntime.jsxs("div", { ref: trackRef, className: 'i-river-track', style: {
-                transform: `translate3d(${state.offset}px, 0, 0)`,
-                paddingLeft: state.paddingLeft,
-            }, onMouseOver: handleMouseOver, onMouseLeave: handleMouseLeave, children: [!state.initialized &&
-                    react.Children.map(children, (item, i) => {
-                        return (jsxRuntime.jsx("div", { className: 'i-river-item', children: item }, i));
-                    }), state.initialized &&
-                    state.queue.map((index) => {
-                        return (jsxRuntime.jsx("div", { className: 'i-river-item', children: items.at(index % items.length) }, index));
-                    })] }) }));
-};
-
-exports.default = River;
-//# sourceMappingURL=river.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"river.js","sources":["../../../../packages/components/river/river.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IRiver } from \"./type\";\n\nconst River = (props: IRiver) => {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tspeed = 1,\n\t\tpauseOnHover,\n\t\t...restProps\n\t} = props;\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<any>({\n\t\tinitialized: false,\n\t\toffset: 0,\n\t\tqueue: [],\n\t\tpaddingLeft: 0,\n\t\tpause: false,\n\t});\n\tconst rafRef = useRef<any>(null);\n\tconst sizeRef = useRef<number[]>([]);\n\tconst [items, length] = useMemo(() => {\n\t\tconst nodes = Children.toArray(children);\n\n\t\treturn [nodes, nodes.length];\n\t}, [children]);\n\n\tconst animate = () => {\n\t\tif (!trackRef.current) return;\n\n\t\tlet next = state.offset - speed;\n\t\tconst d = Math.abs(next);\n\t\tconst [head, ...restQueue] = state.queue;\n\t\tconst size = sizeRef.current.at(head % length) ?? 0;\n\n\t\tif (d > size) {\n\t\t\tconst tail = state.queue.at(-1);\n\t\t\tconst newQueue = [...restQueue, tail + 1];\n\n\t\t\tstate.queue = newQueue;\n\t\t\tnext += size;\n\t\t}\n\n\t\tstate.offset = next;\n\n\t\tif (!state.pause) {\n\t\t\trafRef.current = requestAnimationFrame(animate);\n\t\t}\n\t};\n\n\tconst cancelRaf = () => {\n\t\tif (!rafRef.current) return;\n\n\t\tcancelAnimationFrame(rafRef.current);\n\t\trafRef.current = null;\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = true;\n\t\tcancelRaf();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = false;\n\t\trafRef.current = requestAnimationFrame(animate);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tif (!trackRef.current) return;\n\n\t\tconst pa = trackRef.current.offsetParent as HTMLDivElement;\n\t\tconst parentWidth = pa.offsetWidth;\n\t\tconst nodes = Array.from(trackRef.current.childNodes);\n\t\tconst length = nodes.length;\n\n\t\tif (length < 2) return;\n\n\t\tlet contentWidth = trackRef.current.scrollWidth;\n\t\tlet count = 0;\n\t\tconst tails: number[] = [];\n\n\t\tconst sizes = nodes.map((node: any) => {\n\t\t\treturn node.offsetWidth;\n\t\t});\n\t\tsizeRef.current = sizes;\n\n\t\twhile (contentWidth < parentWidth) {\n\t\t\tconst w = sizes.at(count % length) ?? 0;\n\t\t\ttails.push(length + count);\n\t\t\tcontentWidth += w;\n\t\t\tcount += 1;\n\t\t}\n\n\t\tstate.offset = -1 * sizes.at(-1);\n\t\tstate.queue = [-1, ...sizes.map((_, i) => i), ...tails];\n\n\t\tanimate();\n\t\tstate.initialized = true;\n\n\t\treturn () => {\n\t\t\tstate.queue = [];\n\t\t\tstate.initialized = false;\n\t\t\tstate.offset = 0;\n\n\t\t\tcancelRaf();\n\t\t};\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\t{...restProps}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-river\",\n\t\t\t\t{\n\t\t\t\t\t\"i-river-initialized\": state.initialized,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName='i-river-track'\n\t\t\t\tstyle={{\n\t\t\t\t\ttransform: `translate3d(${state.offset}px, 0, 0)`,\n\t\t\t\t\tpaddingLeft: state.paddingLeft,\n\t\t\t\t}}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t{!state.initialized &&\n\t\t\t\t\tChildren.map(children, (item, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={i}>\n\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t{state.initialized &&\n\t\t\t\t\tstate.queue.map((index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={index}>\n\t\t\t\t\t\t\t\t{items.at(index % items.length)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default River;\n"],"names":["useRef","useReactive","useMemo","Children","useLayoutEffect","_jsx","classNames","_jsxs"],"mappings":"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"}

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

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

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

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

package/lib/cjs/components/scroll/scroll.js

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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);
-
-const Scroll = (props) => {
-    const { style, className, draggable, onScroll, children, ...restProps } = props;
-    const scrollRef = react.useRef(null);
-    const [dragging, setDragging] = react.useState(false);
-    const dragState = react.useRef({ down: false, startX: 0, scrollLeft: 0 });
-    react.useEffect(() => {
-        const el = scrollRef.current;
-        if (!el)
-            return;
-        const onWheel = (e) => {
-            const canScroll = el.scrollWidth > el.clientWidth + 1;
-            if (!canScroll)
-                return;
-            e.preventDefault();
-            e.stopPropagation();
-            const delta = Math.abs(e.deltaX) > Math.abs(e.deltaY)
-                ? e.deltaX
-                : e.deltaY;
-            el.scrollLeft += delta;
-        };
-        const opts = {
-            passive: false,
-            capture: true,
-        };
-        el.addEventListener("wheel", onWheel, opts);
-        return () => el.removeEventListener("wheel", onWheel, opts);
-    }, []);
-    react.useEffect(() => {
-        if (!draggable)
-            return;
-        const handleMouseMove = (e) => {
-            if (!dragState.current.down || !scrollRef.current)
-                return;
-            const x = e.clientX - dragState.current.startX;
-            scrollRef.current.scrollLeft =
-                dragState.current.scrollLeft - x;
-        };
-        const handleMouseUp = () => {
-            dragState.current.down = false;
-            setDragging(false);
-        };
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
-        return () => {
-            document.removeEventListener("mousemove", handleMouseMove);
-            document.removeEventListener("mouseup", handleMouseUp);
-        };
-    }, [draggable]);
-    const handleMouseDown = (e) => {
-        if (!draggable || !scrollRef.current)
-            return;
-        setDragging(true);
-        dragState.current = {
-            down: true,
-            startX: e.clientX,
-            scrollLeft: scrollRef.current.scrollLeft,
-        };
-    };
-    return (jsxRuntime.jsx("div", { ref: scrollRef, className: classNames__default("i-scroll", className, {
-            "i-scroll-draggable": draggable,
-            "i-scroll-dragging": dragging,
-        }), style: style, onScroll: onScroll, onMouseDown: handleMouseDown, ...restProps, children: children }));
-};
-
-exports.default = Scroll;
-//# sourceMappingURL=scroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scroll.js","sources":["../../../../packages/components/scroll/scroll.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useState } from \"react\";\nimport \"./index.css\";\nimport { IScroll } from \"./type\";\n\nconst Scroll = (props: IScroll) => {\n\tconst { style, className, draggable, onScroll, children, ...restProps } =\n\t\tprops;\n\tconst scrollRef = useRef<HTMLDivElement>(null);\n\tconst [dragging, setDragging] = useState(false);\n\tconst dragState = useRef({ down: false, startX: 0, scrollLeft: 0 });\n\n\tuseEffect(() => {\n\t\tconst el = scrollRef.current;\n\t\tif (!el) return;\n\n\t\tconst onWheel = (e: WheelEvent) => {\n\t\t\tconst canScroll = el.scrollWidth > el.clientWidth + 1;\n\t\t\tif (!canScroll) return;\n\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\tconst delta =\n\t\t\t\tMath.abs(e.deltaX) > Math.abs(e.deltaY)\n\t\t\t\t\t? e.deltaX\n\t\t\t\t\t: e.deltaY;\n\t\t\tel.scrollLeft += delta;\n\t\t};\n\n\t\tconst opts: AddEventListenerOptions = {\n\t\t\tpassive: false,\n\t\t\tcapture: true,\n\t\t};\n\t\tel.addEventListener(\"wheel\", onWheel, opts);\n\t\treturn () => el.removeEventListener(\"wheel\", onWheel, opts);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!draggable) return;\n\n\t\tconst handleMouseMove = (e: MouseEvent) => {\n\t\t\tif (!dragState.current.down || !scrollRef.current) return;\n\t\t\tconst x = e.clientX - dragState.current.startX;\n\t\t\tscrollRef.current.scrollLeft =\n\t\t\t\tdragState.current.scrollLeft - x;\n\t\t};\n\n\t\tconst handleMouseUp = () => {\n\t\t\tdragState.current.down = false;\n\t\t\tsetDragging(false);\n\t\t};\n\n\t\tdocument.addEventListener(\"mousemove\", handleMouseMove);\n\t\tdocument.addEventListener(\"mouseup\", handleMouseUp);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"mousemove\", handleMouseMove);\n\t\t\tdocument.removeEventListener(\"mouseup\", handleMouseUp);\n\t\t};\n\t}, [draggable]);\n\n\tconst handleMouseDown = (e: React.MouseEvent) => {\n\t\tif (!draggable || !scrollRef.current) return;\n\t\tsetDragging(true);\n\t\tdragState.current = {\n\t\t\tdown: true,\n\t\t\tstartX: e.clientX,\n\t\t\tscrollLeft: scrollRef.current.scrollLeft,\n\t\t};\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef}\n\t\t\tclassName={classNames(\"i-scroll\", className, {\n\t\t\t\t\"i-scroll-draggable\": draggable,\n\t\t\t\t\"i-scroll-dragging\": dragging,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t\tonScroll={onScroll}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default Scroll;\n"],"names":["useRef","useState","useEffect","_jsx","classNames"],"mappings":"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"}

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

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

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

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

package/lib/cjs/components/select/options.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var material = require('@ricons/material');
-var classNames = require('classnames');
-var icon = require('../icon/icon.js');
-var list = require('../list/list.js');
-var tag = require('../tag/tag.js');
-var index = require('../utils/empty/index.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Options = (props) => {
-    const { value: val, options, filter, filterPlaceholder, multiple, empty = jsxRuntime.jsx(index.default, {}), onSelect, onFilter, } = props;
-    return (jsxRuntime.jsxs("div", { className: classNames__default("i-select-options", {
-            "i-select-options-multiple": multiple,
-        }), children: [filter && multiple && (jsxRuntime.jsxs("div", { className: 'i-select-filter', children: [jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.SearchRound, {}), className: 'color-8 ml-8 my-auto', size: '1.2em' }), jsxRuntime.jsx("input", { type: 'text', className: 'i-input', placeholder: filterPlaceholder, onChange: onFilter })] })), options.length === 0 && empty, options.map((option, i) => {
-                const { label, value, disabled } = option;
-                const isActive = multiple
-                    ? val?.includes(value)
-                    : val === value;
-                return (jsxRuntime.jsxs(list.default.Item, { active: isActive, type: 'option', onClick: () => onSelect?.(value, option), disabled: disabled, children: [multiple && (jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.CheckRound, {}), className: 'i-select-option-check', size: '1em' })), label] }, value || i));
-            })] }));
-};
-const activeOptions = (options = [], value = [], max = 3) => {
-    const total = options.flatMap((opt) => value.includes(opt.value) ? [opt] : []);
-    if (max >= total.length)
-        return total;
-    const rest = total.length - max;
-    const after = total.slice(0, max);
-    after.push(rest);
-    return after;
-};
-const displayValue = (config) => {
-    const { options, value, maxDisplay, multiple, onSelect } = config;
-    if (multiple) {
-        return activeOptions(options, value, maxDisplay).map((opt, i) => {
-            if (typeof opt === "number")
-                return jsxRuntime.jsxs(tag.default, { children: ["+", opt] }, i);
-            const { label, value } = opt;
-            return (jsxRuntime.jsx(tag.default, { hoverShowClose: true, onClose: (e) => {
-                    e?.stopPropagation();
-                    onSelect?.(value, opt);
-                }, children: label }, value));
-        });
-    }
-    return options.find((opt) => opt.value === value)?.label;
-};
-
-exports.Options = Options;
-exports.activeOptions = activeOptions;
-exports.displayValue = displayValue;
-//# sourceMappingURL=options.js.map