tiny-ui 1.0.2 → 1.0.4

package/lib/split/split.js

@@ -1,124 +1,144 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const resizer_1 = tslib_1.__importDefault(require("./resizer"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const split_pane_1 = tslib_1.__importDefault(require("./split-pane"));
-const warning_1 = tslib_1.__importDefault(require("../_utils/warning"));
-const split_context_1 = require("./split-context");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_warning = require("../_utils/warning.js");
+const require_resizer = require("./resizer.js");
+const require_split_context = require("./split-context.js");
+const require_split_pane = require("./split-pane.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/split/split.tsx
 const Split = (props) => {
-    const { mode = 'vertical', disabled = false, min = 50, max = 50, resizerSize = 6, defaultSize, step, onChange, onDragStarted, onDragFinished, prefixCls: customisedCls, style: defaultStyle, resizerProps, className, children, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('split', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className, {
-        [`${prefixCls}_${mode}`]: mode,
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const [pane1Size, setPane1Size] = (0, react_1.useState)(undefined);
-    const wrapperRef = (0, react_1.useRef)(null);
-    const paneRef = (0, react_1.useRef)(null);
-    const isActiveMove = (0, react_1.useRef)(false);
-    const lastPosition = (0, react_1.useRef)(0);
-    const wrapper = wrapperRef.current;
-    const getSizeNumber = (0, react_1.useCallback)((size) => {
-        if (typeof size === 'string') {
-            if (wrapper) {
-                const { width, height } = wrapper.getBoundingClientRect();
-                return ((mode === 'vertical' ? width : height) * parseFloat(size)) / 100;
-            }
-        }
-        else {
-            return size;
-        }
-        return 0;
-    }, [mode, wrapper]);
-    const minSize = getSizeNumber(min);
-    let maxSize = getSizeNumber(max);
-    if (wrapper) {
-        const { width, height } = wrapper.getBoundingClientRect();
-        maxSize = (mode === 'vertical' ? width : height) - maxSize - resizerSize;
-    }
-    const onResizerMouseDown = (e) => {
-        isActiveMove.current = true;
-        lastPosition.current = e[mode === 'vertical' ? 'clientX' : 'clientY'];
-        onDragStarted && onDragStarted();
-    };
-    const onMouseMove = (0, react_1.useCallback)((e) => {
-        if (!disabled && isActiveMove.current) {
-            const pane = paneRef.current;
-            if (pane) {
-                if (pane.getBoundingClientRect) {
-                    const width = pane.getBoundingClientRect().width;
-                    const height = pane.getBoundingClientRect().height;
-                    const current = e[mode === 'vertical' ? 'clientX' : 'clientY'];
-                    const size = mode === 'vertical' ? width : height;
-                    let offset = lastPosition.current - current;
-                    if (step) {
-                        if (Math.abs(offset) < step) {
-                            return;
-                        }
-                        offset = Math.round((offset / step) * step);
-                    }
-                    let newSize = size - offset;
-                    const newPosition = lastPosition.current - offset;
-                    if (newSize < minSize) {
-                        newSize = minSize;
-                    }
-                    else if (newSize > maxSize) {
-                        newSize = maxSize;
-                    }
-                    else {
-                        lastPosition.current = newPosition;
-                    }
-                    !('size' in props) && setPane1Size(newSize);
-                    onChange && onChange(newSize);
-                }
-            }
-        }
-    }, [props, disabled, maxSize, minSize, mode, onChange, step]);
-    const onMouseUp = (0, react_1.useCallback)(() => {
-        isActiveMove.current = false;
-        onDragFinished && onDragFinished();
-    }, [onDragFinished]);
-    let style;
-    if (mode === 'vertical') {
-        style = {
-            ...defaultStyle,
-        };
-    }
-    else {
-        style = {
-            ...defaultStyle,
-            minHeight: '100%',
-            width: '100%',
-        };
-    }
-    (0, react_1.useEffect)(() => {
-        window.addEventListener('mousemove', onMouseMove);
-        window.addEventListener('mouseup', onMouseUp);
-        return () => {
-            window.removeEventListener('mousemove', onMouseMove);
-            window.removeEventListener('mouseup', onMouseUp);
-        };
-    }, [onMouseMove, onMouseUp]);
-    (0, react_1.useEffect)(() => {
-        const initialSize = getSizeNumber(props.size || defaultSize || minSize);
-        setPane1Size(initialSize);
-    }, [getSizeNumber, props.size, defaultSize, minSize]);
-    (0, react_1.useEffect)(() => {
-        if ('size' in props) {
-            const size = getSizeNumber(props.size);
-            setPane1Size(size);
-        }
-    }, [props, getSizeNumber]);
-    (0, warning_1.default)(react_1.default.Children.count(children) > 2, 'There are more than 2 children inside Split.');
-    const childrenList = react_1.default.Children.toArray(children).filter((child) => child);
-    return ((0, jsx_runtime_1.jsx)(split_context_1.SplitContext.Provider, { value: { mode }, children: (0, jsx_runtime_1.jsxs)("div", { ref: wrapperRef, ...otherProps, className: cls, style: style, children: [(0, jsx_runtime_1.jsx)(split_pane_1.default, { ref: paneRef, size: pane1Size, style: { flex: '0 0 auto' }, children: childrenList[0] }), (0, jsx_runtime_1.jsx)(resizer_1.default, { ...resizerProps, size: resizerSize, mode: mode, onResizerMouseDown: onResizerMouseDown }), (0, jsx_runtime_1.jsx)(split_pane_1.default, { style: { flex: '1 1 0%' }, children: childrenList[1] })] }) }));
+	const { mode = "vertical", disabled = false, min = 50, max = 50, resizerSize = 6, defaultSize, step, onChange, onDragStarted, onDragFinished, prefixCls: customisedCls, style: defaultStyle, resizerProps, className, children, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("split", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, {
+		[`${prefixCls}_${mode}`]: mode,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const [pane1Size, setPane1Size] = (0, react.useState)(void 0);
+	const wrapperRef = (0, react.useRef)(null);
+	const paneRef = (0, react.useRef)(null);
+	const isActiveMove = (0, react.useRef)(false);
+	const lastPosition = (0, react.useRef)(0);
+	const wrapper = wrapperRef.current;
+	const getSizeNumber = (0, react.useCallback)((size) => {
+		if (typeof size === "string") {
+			if (wrapper) {
+				const { width, height } = wrapper.getBoundingClientRect();
+				return (mode === "vertical" ? width : height) * parseFloat(size) / 100;
+			}
+		} else return size;
+		return 0;
+	}, [mode, wrapper]);
+	const minSize = getSizeNumber(min);
+	let maxSize = getSizeNumber(max);
+	if (wrapper) {
+		const { width, height } = wrapper.getBoundingClientRect();
+		maxSize = (mode === "vertical" ? width : height) - maxSize - resizerSize;
+	}
+	const onResizerMouseDown = (e) => {
+		isActiveMove.current = true;
+		lastPosition.current = e[mode === "vertical" ? "clientX" : "clientY"];
+		onDragStarted && onDragStarted();
+	};
+	const onMouseMove = (0, react.useCallback)((e) => {
+		if (!disabled && isActiveMove.current) {
+			const pane = paneRef.current;
+			if (pane) {
+				if (pane.getBoundingClientRect) {
+					const width = pane.getBoundingClientRect().width;
+					const height = pane.getBoundingClientRect().height;
+					const current = e[mode === "vertical" ? "clientX" : "clientY"];
+					const size = mode === "vertical" ? width : height;
+					let offset = lastPosition.current - current;
+					if (step) {
+						if (Math.abs(offset) < step) return;
+						offset = Math.round(offset / step * step);
+					}
+					let newSize = size - offset;
+					const newPosition = lastPosition.current - offset;
+					if (newSize < minSize) newSize = minSize;
+					else if (newSize > maxSize) newSize = maxSize;
+					else lastPosition.current = newPosition;
+					!("size" in props) && setPane1Size(newSize);
+					onChange && onChange(newSize);
+				}
+			}
+		}
+	}, [
+		props,
+		disabled,
+		maxSize,
+		minSize,
+		mode,
+		onChange,
+		step
+	]);
+	const onMouseUp = (0, react.useCallback)(() => {
+		isActiveMove.current = false;
+		onDragFinished && onDragFinished();
+	}, [onDragFinished]);
+	let style;
+	if (mode === "vertical") style = { ...defaultStyle };
+	else style = {
+		...defaultStyle,
+		minHeight: "100%",
+		width: "100%"
+	};
+	(0, react.useEffect)(() => {
+		window.addEventListener("mousemove", onMouseMove);
+		window.addEventListener("mouseup", onMouseUp);
+		return () => {
+			window.removeEventListener("mousemove", onMouseMove);
+			window.removeEventListener("mouseup", onMouseUp);
+		};
+	}, [onMouseMove, onMouseUp]);
+	(0, react.useEffect)(() => {
+		setPane1Size(getSizeNumber(props.size || defaultSize || minSize));
+	}, [
+		getSizeNumber,
+		props.size,
+		defaultSize,
+		minSize
+	]);
+	(0, react.useEffect)(() => {
+		if ("size" in props) setPane1Size(getSizeNumber(props.size));
+	}, [props, getSizeNumber]);
+	require_warning.default(react.default.Children.count(children) > 2, "There are more than 2 children inside Split.");
+	const childrenList = react.default.Children.toArray(children).filter((child) => child);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_split_context.SplitContext.Provider, {
+		value: { mode },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: wrapperRef,
+			...otherProps,
+			className: cls,
+			style,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_split_pane.default, {
+					ref: paneRef,
+					size: pane1Size,
+					style: { flex: "0 0 auto" },
+					children: childrenList[0]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_resizer.default, {
+					...resizerProps,
+					size: resizerSize,
+					mode,
+					onResizerMouseDown
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_split_pane.default, {
+					style: { flex: "1 1 0%" },
+					children: childrenList[1]
+				})
+			]
+		})
+	});
 };
-Split.displayName = 'Split';
+Split.displayName = "Split";
+//#endregion
 exports.default = Split;
+
 //# sourceMappingURL=split.js.map

package/lib/split/split.js.map

@@ -1 +1 @@
-{"version":3,"file":"split.js","sourceRoot":"","sources":["../../components/split/split.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoF;AACpF,oEAAoC;AACpC,gEAAgC;AAChC,sEAAkE;AAClE,+CAAiD;AACjD,sEAAgC;AAChC,wEAAwC;AACxC,mDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAe,EAAE;IAC/C,MAAM,EACJ,IAAI,GAAG,UAAU,EACjB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,EAAE,EACR,GAAG,GAAG,EAAE,EACR,WAAW,GAAG,CAAC,EACf,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,YAAY,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI;QAC9B,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;KACpC,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,SAAS,CAAC,CAAC;IAC1E,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;IAEnC,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,IAAqB,EAAU,EAAE;QAChC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBAC1D,OAAO,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC;YAC3E,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,EACD,CAAC,IAAI,EAAE,OAAO,CAAC,CAChB,CAAC;IACF,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC1D,OAAO,GAAG,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,OAAO,GAAG,WAAW,CAAC;IAC3E,CAAC;IAED,MAAM,kBAAkB,GAAG,CAAC,CAAgC,EAAQ,EAAE;QACpE,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACtE,aAAa,IAAI,aAAa,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,CAAa,EAAQ,EAAE;QACtB,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACtC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;YAC7B,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;oBAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;oBACjD,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;oBACnD,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;oBAC/D,MAAM,IAAI,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;oBAClD,IAAI,MAAM,GAAG,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;oBAC5C,IAAI,IAAI,EAAE,CAAC;wBACT,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;4BAC5B,OAAO;wBACT,CAAC;wBACD,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;oBAC9C,CAAC;oBAED,IAAI,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;oBAC5B,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC;oBAElD,IAAI,OAAO,GAAG,OAAO,EAAE,CAAC;wBACtB,OAAO,GAAG,OAAO,CAAC;oBACpB,CAAC;yBAAM,IAAI,OAAO,GAAG,OAAO,EAAE,CAAC;wBAC7B,OAAO,GAAG,OAAO,CAAC;oBACpB,CAAC;yBAAM,CAAC;wBACN,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;oBACrC,CAAC;oBAED,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC;oBAC5C,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAC1D,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAS,EAAE;QACvC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,cAAc,IAAI,cAAc,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAI,KAA0B,CAAC;IAC/B,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,KAAK,GAAG;YACN,GAAG,YAAY;SAChB,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,KAAK,GAAG;YACN,GAAG,YAAY;YACf,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,MAAM;SACd,CAAC;IACJ,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAS,EAAE;YAChB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACrD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW,IAAI,OAAO,CAAC,CAAC;QACxE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;YACpB,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,IAAuB,CAAC,CAAC;YAC1D,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3B,IAAA,iBAAO,EAAC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,8CAA8C,CAAC,CAAC;IAC5F,MAAM,YAAY,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;IAE/E,OAAO,CACL,uBAAC,4BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YACpC,iCAAK,GAAG,EAAE,UAAU,KAAM,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,aAChE,uBAAC,oBAAI,IAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,YAC7D,YAAY,CAAC,CAAC,CAAC,GACX,EACP,uBAAC,iBAAO,OACF,YAAY,EAChB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,GACtC,EACF,uBAAC,oBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAG,YAAY,CAAC,CAAC,CAAC,GAAQ,IACrD,GACgB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"split.js","names":["getPrefixCls","ConfigContext","React","SplitContext","Pane","Resizer"],"sources":["../../components/split/split.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Resizer from './resizer';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport Pane from './split-pane';\nimport warning from '../_utils/warning';\nimport { SplitContext } from './split-context';\nimport { SplitProps } from './types';\n\nconst Split = (props: SplitProps): JSX.Element => {\n  const {\n    mode = 'vertical',\n    disabled = false,\n    min = 50,\n    max = 50,\n    resizerSize = 6,\n    defaultSize,\n    step,\n    onChange,\n    onDragStarted,\n    onDragFinished,\n    prefixCls: customisedCls,\n    style: defaultStyle,\n    resizerProps,\n    className,\n    children,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('split', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${mode}`]: mode,\n    [`${prefixCls}_disabled`]: disabled,\n  });\n  const [pane1Size, setPane1Size] = useState<number | undefined>(undefined);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const paneRef = useRef<HTMLDivElement | null>(null);\n  const isActiveMove = useRef(false);\n  const lastPosition = useRef(0);\n  const wrapper = wrapperRef.current;\n\n  const getSizeNumber = useCallback(\n    (size: number | string): number => {\n      if (typeof size === 'string') {\n        if (wrapper) {\n          const { width, height } = wrapper.getBoundingClientRect();\n          return ((mode === 'vertical' ? width : height) * parseFloat(size)) / 100;\n        }\n      } else {\n        return size;\n      }\n      return 0;\n    },\n    [mode, wrapper]\n  );\n  const minSize = getSizeNumber(min);\n  let maxSize = getSizeNumber(max);\n  if (wrapper) {\n    const { width, height } = wrapper.getBoundingClientRect();\n    maxSize = (mode === 'vertical' ? width : height) - maxSize - resizerSize;\n  }\n\n  const onResizerMouseDown = (e: React.MouseEvent<HTMLElement>): void => {\n    isActiveMove.current = true;\n    lastPosition.current = e[mode === 'vertical' ? 'clientX' : 'clientY'];\n    onDragStarted && onDragStarted();\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent): void => {\n      if (!disabled && isActiveMove.current) {\n        const pane = paneRef.current;\n        if (pane) {\n          if (pane.getBoundingClientRect) {\n            const width = pane.getBoundingClientRect().width;\n            const height = pane.getBoundingClientRect().height;\n            const current = e[mode === 'vertical' ? 'clientX' : 'clientY'];\n            const size = mode === 'vertical' ? width : height;\n            let offset = lastPosition.current - current;\n            if (step) {\n              if (Math.abs(offset) < step) {\n                return;\n              }\n              offset = Math.round((offset / step) * step);\n            }\n\n            let newSize = size - offset;\n            const newPosition = lastPosition.current - offset;\n\n            if (newSize < minSize) {\n              newSize = minSize;\n            } else if (newSize > maxSize) {\n              newSize = maxSize;\n            } else {\n              lastPosition.current = newPosition;\n            }\n\n            !('size' in props) && setPane1Size(newSize);\n            onChange && onChange(newSize);\n          }\n        }\n      }\n    },\n    [props, disabled, maxSize, minSize, mode, onChange, step]\n  );\n\n  const onMouseUp = useCallback((): void => {\n    isActiveMove.current = false;\n    onDragFinished && onDragFinished();\n  }, [onDragFinished]);\n\n  let style: React.CSSProperties;\n  if (mode === 'vertical') {\n    style = {\n      ...defaultStyle,\n    };\n  } else {\n    style = {\n      ...defaultStyle,\n      minHeight: '100%',\n      width: '100%',\n    };\n  }\n\n  useEffect(() => {\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n\n    return (): void => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [onMouseMove, onMouseUp]);\n\n  useEffect(() => {\n    const initialSize = getSizeNumber(props.size || defaultSize || minSize);\n    setPane1Size(initialSize);\n  }, [getSizeNumber, props.size, defaultSize, minSize]);\n\n  useEffect(() => {\n    if ('size' in props) {\n      const size = getSizeNumber(props.size as number | string);\n      setPane1Size(size);\n    }\n  }, [props, getSizeNumber]);\n\n  warning(React.Children.count(children) > 2, 'There are more than 2 children inside Split.');\n  const childrenList = React.Children.toArray(children).filter((child) => child);\n\n  return (\n    <SplitContext.Provider value={{ mode }}>\n      <div ref={wrapperRef} {...otherProps} className={cls} style={style}>\n        <Pane ref={paneRef} size={pane1Size} style={{ flex: '0 0 auto' }}>\n          {childrenList[0]}\n        </Pane>\n        <Resizer\n          {...resizerProps}\n          size={resizerSize}\n          mode={mode}\n          onResizerMouseDown={onResizerMouseDown}\n        />\n        <Pane style={{ flex: '1 1 0%' }}>{childrenList[1]}</Pane>\n      </div>\n    </SplitContext.Provider>\n  );\n};\n\nSplit.displayName = 'Split';\n\nexport default Split;\n"],"mappings":"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"}

package/lib/split/style/_index.scss

@@ -0,0 +1,98 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-split {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  outline: none;
+  overflow: hidden;
+  user-select: text;
+
+  &_horizontal {
+    flex-direction: column;
+  }
+
+  &_vertical {
+    flex-direction: row;
+  }
+}
+
+.#{$prefix}-split-pane {
+  box-sizing: border-box;
+  position: relative;
+  outline: none;
+}
+
+.#{$prefix}-split-bar {
+  position: relative;
+  box-sizing: border-box;
+  background-color: var(--ty-split-bar-bg);
+  border: 1px solid var(--ty-split-bar-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &:before,
+  &:after {
+    content: '';
+    box-sizing: border-box;
+    display: block;
+    border: 1px solid var(--ty-split-bar-line);
+  }
+
+  &_vertical {
+    height: 100%;
+    cursor: col-resize;
+    flex-direction: column;
+    border-top: none;
+    border-bottom: none;
+
+    &:active {
+      cursor: ew-resize;
+    }
+
+    &:before,
+    &:after {
+      height: 4px;
+      width: 100%;
+      border-left: 0;
+      border-right: 0;
+    }
+
+    &:before {
+      margin-bottom: 1px;
+    }
+
+    &:after {
+      margin-top: 1px;
+    }
+  }
+
+  &_horizontal {
+    width: 100%;
+    cursor: row-resize;
+    border-left: none;
+    border-right: none;
+
+    &:active {
+      cursor: ns-resize;
+    }
+
+    &:before,
+    &:after {
+      height: 100%;
+      width: 4px;
+      border-top: 0;
+      border-bottom: 0;
+    }
+
+    &:before {
+      margin-right: 1px;
+    }
+
+    &:after {
+      margin-left: 1px;
+    }
+  }
+}

package/lib/split/style/index.css

@@ -0,0 +1,82 @@
+.ty-split {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  outline: none;
+  overflow: hidden;
+  -webkit-user-select: text;
+     -moz-user-select: text;
+          user-select: text;
+}
+.ty-split_horizontal {
+  flex-direction: column;
+}
+.ty-split_vertical {
+  flex-direction: row;
+}
+
+.ty-split-pane {
+  box-sizing: border-box;
+  position: relative;
+  outline: none;
+}
+
+.ty-split-bar {
+  position: relative;
+  box-sizing: border-box;
+  background-color: var(--ty-split-bar-bg);
+  border: 1px solid var(--ty-split-bar-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ty-split-bar:before, .ty-split-bar:after {
+  content: "";
+  box-sizing: border-box;
+  display: block;
+  border: 1px solid var(--ty-split-bar-line);
+}
+.ty-split-bar_vertical {
+  height: 100%;
+  cursor: col-resize;
+  flex-direction: column;
+  border-top: none;
+  border-bottom: none;
+}
+.ty-split-bar_vertical:active {
+  cursor: ew-resize;
+}
+.ty-split-bar_vertical:before, .ty-split-bar_vertical:after {
+  height: 4px;
+  width: 100%;
+  border-left: 0;
+  border-right: 0;
+}
+.ty-split-bar_vertical:before {
+  margin-bottom: 1px;
+}
+.ty-split-bar_vertical:after {
+  margin-top: 1px;
+}
+.ty-split-bar_horizontal {
+  width: 100%;
+  cursor: row-resize;
+  border-left: none;
+  border-right: none;
+}
+.ty-split-bar_horizontal:active {
+  cursor: ns-resize;
+}
+.ty-split-bar_horizontal:before, .ty-split-bar_horizontal:after {
+  height: 100%;
+  width: 4px;
+  border-top: 0;
+  border-bottom: 0;
+}
+.ty-split-bar_horizontal:before {
+  margin-right: 1px;
+}
+.ty-split-bar_horizontal:after {
+  margin-left: 1px;
+}

package/lib/split/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/lib/split/style/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/split/types.d.ts

@@ -1,25 +1,30 @@
-import React from 'react';
-import { BaseProps, DirectionType } from '../_utils/props';
-import { ResizerProps } from './resizer';
-export interface SplitProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
-    /** Split mode */
-    mode?: DirectionType;
-    /** Disabled flag */
-    disabled?: boolean;
-    /** Minimum width / height of the target pane */
-    min?: number | string;
-    /** Maximum width / height of the target pane */
-    max?: number | string;
-    /** Control the size of target pane */
-    size?: number | string;
-    /** Default size of target pane */
-    defaultSize?: number | string;
-    /** Resizer's other props */
-    resizerProps?: ResizerProps;
-    /** Drag step */
-    step?: number;
-    resizerSize?: number;
-    onChange?: (size: number) => void;
-    onDragStarted?: () => void;
-    onDragFinished?: () => void;
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import { ResizerProps } from "./resizer.js";
+import React from "react";
+
+//#region components/split/types.d.ts
+interface SplitProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  /** Split mode */
+  mode?: DirectionType;
+  /** Disabled flag */
+  disabled?: boolean;
+  /** Minimum width / height of the target pane */
+  min?: number | string;
+  /** Maximum width / height of the target pane */
+  max?: number | string;
+  /** Control the size of target pane */
+  size?: number | string;
+  /** Default size of target pane */
+  defaultSize?: number | string;
+  /** Resizer's other props */
+  resizerProps?: ResizerProps;
+  /** Drag step */
+  step?: number;
+  resizerSize?: number;
+  onChange?: (size: number) => void;
+  onDragStarted?: () => void;
+  onDragFinished?: () => void;
 }
+//#endregion
+export { SplitProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/split-button/index.js

@@ -1,6 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const split_button_1 = tslib_1.__importDefault(require("./split-button"));
-exports.default = split_button_1.default;
+require('../style/base.css');
+require('./style/index.css');
+require('../button/style/index.css');
+require('../dropdown/style/index.css');
+//#region components/split-button/index.tsx
+var split_button_default = require("./split-button.js").default;
+//#endregion
+exports.default = split_button_default;
+
 //# sourceMappingURL=index.js.map

package/lib/split-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/split-button/index.tsx"],"names":[],"mappings":";;;AAAA,0EAAyC;AAEzC,kBAAe,sBAAW,CAAC"}
+{"version":3,"file":"index.js","names":["SplitButton"],"sources":["../../components/split-button/index.tsx"],"sourcesContent":["import SplitButton from './split-button';\n\nexport default SplitButton;\n"],"mappings":";AAEA,IAAA,oDAAeA"}

package/lib/split-button/split-button.d.ts

@@ -1,7 +1,11 @@
-import React from 'react';
-import { SplitButtonProps } from './types';
+import { SplitButtonProps } from "./types.js";
+import React from "react";
+
+//#region components/split-button/split-button.d.ts
 declare const SplitButton: {
-    (props: SplitButtonProps): React.ReactElement;
-    displayName: string;
+  (props: SplitButtonProps): React.ReactElement;
+  displayName: string;
 };
-export default SplitButton;
+//#endregion
+export { SplitButton };
+//# sourceMappingURL=split-button.d.ts.map