tiny-ui 1.0.2 → 1.0.4

package/es/color-picker/color-picker.js

@@ -1,163 +1,250 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useRef, useContext, useCallback } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { useClickOutside } from '../_utils/hooks';
-import Popup from '../popup';
-import { parseColor, formatColor, hsbToHex } from './utils';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useClickOutside } from "../_utils/hooks.js";
+import popup_default from "../popup/index.js";
+import { formatColor, hsbToHex, parseColor } from "./utils.js";
+import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/color-picker/color-picker.tsx
 const ColorPicker = React.forwardRef((props, _ref) => {
-    const { defaultValue = '#6e41bf', presets, showAlpha = false, disabled = false, trigger = 'click', defaultFormat = 'hex', prefixCls: customisedCls, className, style, onChange, onFormatChange, children, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('color-picker', configContext.prefixCls, customisedCls);
-    const [color, setColor] = useState(() => parseColor('value' in props ? props.value : defaultValue));
-    const [format, setFormat] = useState('format' in props ? props.format : defaultFormat);
-    const [open, setOpen] = useState(false);
-    const [dragging, setDragging] = useState(false);
-    const spectrumRef = useRef(null);
-    const hueRef = useRef(null);
-    const alphaRef = useRef(null);
-    const wrapperRef = useRef(null);
-    const isOpen = ('open' in props ? props.open : undefined) ?? open;
-    const controlledOpen = 'open' in props ? props.open : undefined;
-    useEffect(() => {
-        if ('value' in props && props.value) {
-            setColor(parseColor(props.value));
-        }
-    }, [props.value]);
-    useEffect(() => {
-        if ('format' in props)
-            setFormat(props.format);
-    }, [props.format]);
-    useEffect(() => {
-        if ('open' in props)
-            setOpen(props.open);
-    }, [props.open]);
-    useClickOutside(wrapperRef.current, () => {
-        if (controlledOpen === undefined)
-            setOpen(false);
-        props.onOpenChange?.(false);
-    });
-    const emitChange = useCallback((c) => {
-        const formatted = formatColor(c, format);
-        onChange?.(formatted);
-    }, [format, onChange]);
-    const updateColor = (updates) => {
-        const newColor = { ...color, ...updates };
-        if (!('value' in props)) {
-            setColor(newColor);
-        }
-        emitChange(newColor);
-    };
-    const handleSpectrumMouseDown = (e) => {
-        if (disabled)
-            return;
-        setDragging(true);
-        updateSpectrumFromEvent(e.nativeEvent);
-    };
-    const updateSpectrumFromEvent = (e) => {
-        const rect = spectrumRef.current?.getBoundingClientRect();
-        if (!rect)
-            return;
-        const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
-        const y = Math.max(0, Math.min(e.clientY - rect.top, rect.height));
-        const s = Math.round((x / rect.width) * 100);
-        const b = Math.round(100 - (y / rect.height) * 100);
-        updateColor({ s, b });
-    };
-    const handleHueMouseDown = (e) => {
-        if (disabled)
-            return;
-        updateHueFromEvent(e.nativeEvent);
-        const handleMove = (ev) => updateHueFromEvent(ev);
-        const handleUp = () => {
-            document.removeEventListener('mousemove', handleMove);
-            document.removeEventListener('mouseup', handleUp);
-        };
-        document.addEventListener('mousemove', handleMove);
-        document.addEventListener('mouseup', handleUp);
-    };
-    const updateHueFromEvent = (e) => {
-        const rect = hueRef.current?.getBoundingClientRect();
-        if (!rect)
-            return;
-        const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
-        const h = Math.round((x / rect.width) * 360);
-        updateColor({ h });
-    };
-    const handleAlphaMouseDown = (e) => {
-        if (disabled)
-            return;
-        updateAlphaFromEvent(e.nativeEvent);
-        const handleMove = (ev) => updateAlphaFromEvent(ev);
-        const handleUp = () => {
-            document.removeEventListener('mousemove', handleMove);
-            document.removeEventListener('mouseup', handleUp);
-        };
-        document.addEventListener('mousemove', handleMove);
-        document.addEventListener('mouseup', handleUp);
-    };
-    const updateAlphaFromEvent = (e) => {
-        const rect = alphaRef.current?.getBoundingClientRect();
-        if (!rect)
-            return;
-        const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
-        const a = Math.round((x / rect.width) * 100) / 100;
-        updateColor({ a });
-    };
-    useEffect(() => {
-        if (!dragging)
-            return;
-        const handleMove = (e) => updateSpectrumFromEvent(e);
-        const handleUp = () => setDragging(false);
-        document.addEventListener('mousemove', handleMove);
-        document.addEventListener('mouseup', handleUp);
-        return () => {
-            document.removeEventListener('mousemove', handleMove);
-            document.removeEventListener('mouseup', handleUp);
-        };
-    }, [dragging, color.h, color.a]);
-    const toggleOpen = () => {
-        if (disabled)
-            return;
-        const next = !isOpen;
-        if (controlledOpen === undefined)
-            setOpen(next);
-        props.onOpenChange?.(next);
-    };
-    const handleFormatChange = () => {
-        const formats = ['hex', 'rgb', 'hsb'];
-        const idx = formats.indexOf(format);
-        const next = formats[(idx + 1) % formats.length];
-        if (!('format' in props))
-            setFormat(next);
-        onFormatChange?.(next);
-    };
-    const handlePresetClick = (preset) => {
-        const c = parseColor(preset);
-        if (!('value' in props))
-            setColor(c);
-        emitChange(c);
-    };
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const hexColor = hsbToHex(color);
-    const hueColor = hsbToHex({ h: color.h, s: 100, b: 100, a: 1 });
-    const renderPanel = () => (_jsxs("div", { className: `${prefixCls}__panel`, children: [_jsxs("div", { ref: spectrumRef, className: `${prefixCls}__spectrum`, style: { backgroundColor: hueColor }, onMouseDown: handleSpectrumMouseDown, children: [_jsx("div", { className: `${prefixCls}__spectrum-white` }), _jsx("div", { className: `${prefixCls}__spectrum-black` }), _jsx("div", { className: `${prefixCls}__spectrum-handle`, style: {
-                            left: `${color.s}%`,
-                            top: `${100 - color.b}%`,
-                            backgroundColor: hexColor,
-                        } })] }), _jsxs("div", { className: `${prefixCls}__controls`, children: [_jsx("div", { className: `${prefixCls}__preview`, style: { backgroundColor: hexColor } }), _jsxs("div", { className: `${prefixCls}__sliders`, children: [_jsx("div", { ref: hueRef, className: `${prefixCls}__hue`, onMouseDown: handleHueMouseDown, children: _jsx("div", { className: `${prefixCls}__slider-handle`, style: { left: `${(color.h / 360) * 100}%` } }) }), showAlpha && (_jsx("div", { ref: alphaRef, className: `${prefixCls}__alpha`, onMouseDown: handleAlphaMouseDown, style: {
-                                    background: `linear-gradient(to right, transparent, ${hsbToHex({ ...color, a: 1 })})`,
-                                }, children: _jsx("div", { className: `${prefixCls}__slider-handle`, style: { left: `${color.a * 100}%` } }) }))] })] }), _jsxs("div", { className: `${prefixCls}__input-row`, children: [_jsx("button", { type: "button", className: `${prefixCls}__format-btn`, onClick: handleFormatChange, children: format.toUpperCase() }), _jsx("input", { className: `${prefixCls}__hex-input`, value: formatColor(color, format), onChange: (e) => {
-                            const c = parseColor(e.target.value);
-                            if (!('value' in props))
-                                setColor(c);
-                            onChange?.(e.target.value);
-                        } })] }), presets && presets.length > 0 && (_jsx("div", { className: `${prefixCls}__presets`, children: presets.map((preset, i) => (_jsx("div", { className: `${prefixCls}__preset`, style: { backgroundColor: preset }, onClick: () => handlePresetClick(preset), title: preset }, i))) }))] }));
-    return (_jsx("div", { ...otherProps, ref: wrapperRef, className: cls, style: style, children: _jsx(Popup, { trigger: "manual", placement: "bottom", arrow: false, visible: isOpen, content: renderPanel(), children: _jsx("div", { className: `${prefixCls}__trigger`, onClick: trigger === 'click' ? toggleOpen : undefined, onMouseEnter: trigger === 'hover' ? toggleOpen : undefined, children: children || (_jsx("div", { className: `${prefixCls}__swatch`, children: _jsx("div", { className: `${prefixCls}__swatch-inner`, style: { backgroundColor: hexColor } }) })) }) }) }));
+	const { defaultValue = "#6e41bf", presets, showAlpha = false, disabled = false, trigger = "click", defaultFormat = "hex", prefixCls: customisedCls, className, style, onChange, onFormatChange, children, ...otherProps } = props;
+	const prefixCls = getPrefixCls("color-picker", useContext(ConfigContext).prefixCls, customisedCls);
+	const [color, setColor] = useState(() => parseColor("value" in props ? props.value : defaultValue));
+	const [format, setFormat] = useState("format" in props ? props.format : defaultFormat);
+	const [open, setOpen] = useState(false);
+	const [dragging, setDragging] = useState(false);
+	const spectrumRef = useRef(null);
+	const hueRef = useRef(null);
+	const alphaRef = useRef(null);
+	const wrapperRef = useRef(null);
+	const isOpen = ("open" in props ? props.open : void 0) ?? open;
+	const controlledOpen = "open" in props ? props.open : void 0;
+	useEffect(() => {
+		if ("value" in props && props.value) setColor(parseColor(props.value));
+	}, [props.value]);
+	useEffect(() => {
+		if ("format" in props) setFormat(props.format);
+	}, [props.format]);
+	useEffect(() => {
+		if ("open" in props) setOpen(props.open);
+	}, [props.open]);
+	useClickOutside(wrapperRef, () => {
+		if (controlledOpen === void 0) setOpen(false);
+		props.onOpenChange?.(false);
+	});
+	const emitChange = useCallback((c) => {
+		const formatted = formatColor(c, format);
+		onChange?.(formatted);
+	}, [format, onChange]);
+	const updateColor = (updates) => {
+		const newColor = {
+			...color,
+			...updates
+		};
+		if (!("value" in props)) setColor(newColor);
+		emitChange(newColor);
+	};
+	const handleSpectrumMouseDown = (e) => {
+		if (disabled) return;
+		setDragging(true);
+		updateSpectrumFromEvent(e.nativeEvent);
+	};
+	const updateSpectrumFromEvent = (e) => {
+		const rect = spectrumRef.current?.getBoundingClientRect();
+		if (!rect) return;
+		const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
+		const y = Math.max(0, Math.min(e.clientY - rect.top, rect.height));
+		updateColor({
+			s: Math.round(x / rect.width * 100),
+			b: Math.round(100 - y / rect.height * 100)
+		});
+	};
+	const handleHueMouseDown = (e) => {
+		if (disabled) return;
+		updateHueFromEvent(e.nativeEvent);
+		const handleMove = (ev) => updateHueFromEvent(ev);
+		const handleUp = () => {
+			document.removeEventListener("mousemove", handleMove);
+			document.removeEventListener("mouseup", handleUp);
+		};
+		document.addEventListener("mousemove", handleMove);
+		document.addEventListener("mouseup", handleUp);
+	};
+	const updateHueFromEvent = (e) => {
+		const rect = hueRef.current?.getBoundingClientRect();
+		if (!rect) return;
+		const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
+		updateColor({ h: Math.round(x / rect.width * 360) });
+	};
+	const handleAlphaMouseDown = (e) => {
+		if (disabled) return;
+		updateAlphaFromEvent(e.nativeEvent);
+		const handleMove = (ev) => updateAlphaFromEvent(ev);
+		const handleUp = () => {
+			document.removeEventListener("mousemove", handleMove);
+			document.removeEventListener("mouseup", handleUp);
+		};
+		document.addEventListener("mousemove", handleMove);
+		document.addEventListener("mouseup", handleUp);
+	};
+	const updateAlphaFromEvent = (e) => {
+		const rect = alphaRef.current?.getBoundingClientRect();
+		if (!rect) return;
+		const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
+		updateColor({ a: Math.round(x / rect.width * 100) / 100 });
+	};
+	useEffect(() => {
+		if (!dragging) return;
+		const handleMove = (e) => updateSpectrumFromEvent(e);
+		const handleUp = () => setDragging(false);
+		document.addEventListener("mousemove", handleMove);
+		document.addEventListener("mouseup", handleUp);
+		return () => {
+			document.removeEventListener("mousemove", handleMove);
+			document.removeEventListener("mouseup", handleUp);
+		};
+	}, [
+		dragging,
+		color.h,
+		color.a
+	]);
+	const toggleOpen = () => {
+		if (disabled) return;
+		const next = !isOpen;
+		if (controlledOpen === void 0) setOpen(next);
+		props.onOpenChange?.(next);
+	};
+	const handleFormatChange = () => {
+		const formats = [
+			"hex",
+			"rgb",
+			"hsb"
+		];
+		const next = formats[(formats.indexOf(format) + 1) % formats.length];
+		if (!("format" in props)) setFormat(next);
+		onFormatChange?.(next);
+	};
+	const handlePresetClick = (preset) => {
+		const c = parseColor(preset);
+		if (!("value" in props)) setColor(c);
+		emitChange(c);
+	};
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_disabled`]: disabled });
+	const hexColor = hsbToHex(color);
+	const hueColor = hsbToHex({
+		h: color.h,
+		s: 100,
+		b: 100,
+		a: 1
+	});
+	const renderPanel = () => /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}__panel`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				ref: spectrumRef,
+				className: `${prefixCls}__spectrum`,
+				style: { backgroundColor: hueColor },
+				onMouseDown: handleSpectrumMouseDown,
+				children: [
+					/* @__PURE__ */ jsx("div", { className: `${prefixCls}__spectrum-white` }),
+					/* @__PURE__ */ jsx("div", { className: `${prefixCls}__spectrum-black` }),
+					/* @__PURE__ */ jsx("div", {
+						className: `${prefixCls}__spectrum-handle`,
+						style: {
+							left: `${color.s}%`,
+							top: `${100 - color.b}%`,
+							backgroundColor: hexColor
+						}
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: `${prefixCls}__controls`,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__preview`,
+					style: { backgroundColor: hexColor }
+				}), /* @__PURE__ */ jsxs("div", {
+					className: `${prefixCls}__sliders`,
+					children: [/* @__PURE__ */ jsx("div", {
+						ref: hueRef,
+						className: `${prefixCls}__hue`,
+						onMouseDown: handleHueMouseDown,
+						children: /* @__PURE__ */ jsx("div", {
+							className: `${prefixCls}__slider-handle`,
+							style: { left: `${color.h / 360 * 100}%` }
+						})
+					}), showAlpha && /* @__PURE__ */ jsx("div", {
+						ref: alphaRef,
+						className: `${prefixCls}__alpha`,
+						onMouseDown: handleAlphaMouseDown,
+						style: { background: `linear-gradient(to right, transparent, ${hsbToHex({
+							...color,
+							a: 1
+						})})` },
+						children: /* @__PURE__ */ jsx("div", {
+							className: `${prefixCls}__slider-handle`,
+							style: { left: `${color.a * 100}%` }
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: `${prefixCls}__input-row`,
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: `${prefixCls}__format-btn`,
+					onClick: handleFormatChange,
+					children: format.toUpperCase()
+				}), /* @__PURE__ */ jsx("input", {
+					className: `${prefixCls}__hex-input`,
+					value: formatColor(color, format),
+					onChange: (e) => {
+						const c = parseColor(e.target.value);
+						if (!("value" in props)) setColor(c);
+						onChange?.(e.target.value);
+					}
+				})]
+			}),
+			presets && presets.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__presets`,
+				children: presets.map((preset, i) => /* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__preset`,
+					style: { backgroundColor: preset },
+					onClick: () => handlePresetClick(preset),
+					title: preset
+				}, i))
+			})
+		]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		ref: wrapperRef,
+		className: cls,
+		style,
+		children: /* @__PURE__ */ jsx(popup_default, {
+			trigger: "manual",
+			placement: "bottom",
+			arrow: false,
+			visible: isOpen,
+			content: renderPanel(),
+			children: /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__trigger`,
+				onClick: trigger === "click" ? toggleOpen : void 0,
+				onMouseEnter: trigger === "hover" ? toggleOpen : void 0,
+				children: children || /* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__swatch`,
+					children: /* @__PURE__ */ jsx("div", {
+						className: `${prefixCls}__swatch-inner`,
+						style: { backgroundColor: hexColor }
+					})
+				})
+			})
+		})
+	});
 });
-ColorPicker.displayName = 'ColorPicker';
-export default ColorPicker;
+ColorPicker.displayName = "ColorPicker";
+//#endregion
+export { ColorPicker as default };
+
 //# sourceMappingURL=color-picker.js.map

package/es/color-picker/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../components/color-picker/color-picker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"color-picker.js","names":["Popup"],"sources":["../../components/color-picker/color-picker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useContext, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useClickOutside } from '../_utils/hooks';\nimport Popup from '../popup';\nimport { ColorPickerProps, Color, ColorFormat } from './types';\nimport { parseColor, formatColor, hsbToHex } from './utils';\n\nconst ColorPicker = React.forwardRef<HTMLDivElement, ColorPickerProps>((props, _ref) => {\n  const {\n    defaultValue = '#6e41bf',\n    presets,\n    showAlpha = false,\n    disabled = false,\n    trigger = 'click',\n    defaultFormat = 'hex',\n    prefixCls: customisedCls,\n    className,\n    style,\n    onChange,\n    onFormatChange,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('color-picker', configContext.prefixCls, customisedCls);\n\n  const [color, setColor] = useState<Color>(() =>\n    parseColor('value' in props ? (props.value as string) : defaultValue)\n  );\n  const [format, setFormat] = useState<ColorFormat>(\n    'format' in props ? (props.format as ColorFormat) : defaultFormat\n  );\n  const [open, setOpen] = useState(false);\n  const [dragging, setDragging] = useState(false);\n\n  const spectrumRef = useRef<HTMLDivElement>(null);\n  const hueRef = useRef<HTMLDivElement>(null);\n  const alphaRef = useRef<HTMLDivElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const isOpen = ('open' in props ? (props.open as boolean) : undefined) ?? open;\n  const controlledOpen = 'open' in props ? (props.open as boolean) : undefined;\n\n  useEffect(() => {\n    if ('value' in props && props.value) {\n      setColor(parseColor(props.value));\n    }\n  }, [props.value]);\n\n  useEffect(() => {\n    if ('format' in props) setFormat(props.format as ColorFormat);\n  }, [props.format]);\n\n  useEffect(() => {\n    if ('open' in props) setOpen(props.open as boolean);\n  }, [props.open]);\n\n  useClickOutside(wrapperRef, () => {\n    if (controlledOpen === undefined) setOpen(false);\n    props.onOpenChange?.(false);\n  });\n\n  const emitChange = useCallback((c: Color) => {\n    const formatted = formatColor(c, format);\n    onChange?.(formatted);\n  }, [format, onChange]);\n\n  const updateColor = (updates: Partial<Color>) => {\n    const newColor = { ...color, ...updates };\n    if (!('value' in props)) {\n      setColor(newColor);\n    }\n    emitChange(newColor);\n  };\n\n  const handleSpectrumMouseDown = (e: React.MouseEvent) => {\n    if (disabled) return;\n    setDragging(true);\n    updateSpectrumFromEvent(e.nativeEvent);\n  };\n\n  const updateSpectrumFromEvent = (e: MouseEvent | React.MouseEvent['nativeEvent']) => {\n    const rect = spectrumRef.current?.getBoundingClientRect();\n    if (!rect) return;\n    const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));\n    const y = Math.max(0, Math.min(e.clientY - rect.top, rect.height));\n    const s = Math.round((x / rect.width) * 100);\n    const b = Math.round(100 - (y / rect.height) * 100);\n    updateColor({ s, b });\n  };\n\n  const handleHueMouseDown = (e: React.MouseEvent) => {\n    if (disabled) return;\n    updateHueFromEvent(e.nativeEvent);\n    const handleMove = (ev: MouseEvent) => updateHueFromEvent(ev);\n    const handleUp = () => {\n      document.removeEventListener('mousemove', handleMove);\n      document.removeEventListener('mouseup', handleUp);\n    };\n    document.addEventListener('mousemove', handleMove);\n    document.addEventListener('mouseup', handleUp);\n  };\n\n  const updateHueFromEvent = (e: MouseEvent | React.MouseEvent['nativeEvent']) => {\n    const rect = hueRef.current?.getBoundingClientRect();\n    if (!rect) return;\n    const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));\n    const h = Math.round((x / rect.width) * 360);\n    updateColor({ h });\n  };\n\n  const handleAlphaMouseDown = (e: React.MouseEvent) => {\n    if (disabled) return;\n    updateAlphaFromEvent(e.nativeEvent);\n    const handleMove = (ev: MouseEvent) => updateAlphaFromEvent(ev);\n    const handleUp = () => {\n      document.removeEventListener('mousemove', handleMove);\n      document.removeEventListener('mouseup', handleUp);\n    };\n    document.addEventListener('mousemove', handleMove);\n    document.addEventListener('mouseup', handleUp);\n  };\n\n  const updateAlphaFromEvent = (e: MouseEvent | React.MouseEvent['nativeEvent']) => {\n    const rect = alphaRef.current?.getBoundingClientRect();\n    if (!rect) return;\n    const x = Math.max(0, Math.min(e.clientX - rect.left, rect.width));\n    const a = Math.round((x / rect.width) * 100) / 100;\n    updateColor({ a });\n  };\n\n  useEffect(() => {\n    if (!dragging) return;\n    const handleMove = (e: MouseEvent) => updateSpectrumFromEvent(e);\n    const handleUp = () => setDragging(false);\n    document.addEventListener('mousemove', handleMove);\n    document.addEventListener('mouseup', handleUp);\n    return () => {\n      document.removeEventListener('mousemove', handleMove);\n      document.removeEventListener('mouseup', handleUp);\n    };\n  }, [dragging, color.h, color.a]);\n\n  const toggleOpen = () => {\n    if (disabled) return;\n    const next = !isOpen;\n    if (controlledOpen === undefined) setOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const handleFormatChange = () => {\n    const formats: ColorFormat[] = ['hex', 'rgb', 'hsb'];\n    const idx = formats.indexOf(format);\n    const next = formats[(idx + 1) % formats.length];\n    if (!('format' in props)) setFormat(next);\n    onFormatChange?.(next);\n  };\n\n  const handlePresetClick = (preset: string) => {\n    const c = parseColor(preset);\n    if (!('value' in props)) setColor(c);\n    emitChange(c);\n  };\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_disabled`]: disabled,\n  });\n\n  const hexColor = hsbToHex(color);\n  const hueColor = hsbToHex({ h: color.h, s: 100, b: 100, a: 1 });\n\n  const renderPanel = () => (\n    <div className={`${prefixCls}__panel`}>\n      <div\n        ref={spectrumRef}\n        className={`${prefixCls}__spectrum`}\n        style={{ backgroundColor: hueColor }}\n        onMouseDown={handleSpectrumMouseDown}\n      >\n        <div className={`${prefixCls}__spectrum-white`} />\n        <div className={`${prefixCls}__spectrum-black`} />\n        <div\n          className={`${prefixCls}__spectrum-handle`}\n          style={{\n            left: `${color.s}%`,\n            top: `${100 - color.b}%`,\n            backgroundColor: hexColor,\n          }}\n        />\n      </div>\n\n      <div className={`${prefixCls}__controls`}>\n        <div className={`${prefixCls}__preview`} style={{ backgroundColor: hexColor }} />\n        <div className={`${prefixCls}__sliders`}>\n          <div\n            ref={hueRef}\n            className={`${prefixCls}__hue`}\n            onMouseDown={handleHueMouseDown}\n          >\n            <div\n              className={`${prefixCls}__slider-handle`}\n              style={{ left: `${(color.h / 360) * 100}%` }}\n            />\n          </div>\n          {showAlpha && (\n            <div\n              ref={alphaRef}\n              className={`${prefixCls}__alpha`}\n              onMouseDown={handleAlphaMouseDown}\n              style={{\n                background: `linear-gradient(to right, transparent, ${hsbToHex({ ...color, a: 1 })})`,\n              }}\n            >\n              <div\n                className={`${prefixCls}__slider-handle`}\n                style={{ left: `${color.a * 100}%` }}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className={`${prefixCls}__input-row`}>\n        <button\n          type=\"button\"\n          className={`${prefixCls}__format-btn`}\n          onClick={handleFormatChange}\n        >\n          {format.toUpperCase()}\n        </button>\n        <input\n          className={`${prefixCls}__hex-input`}\n          value={formatColor(color, format)}\n          onChange={(e) => {\n            const c = parseColor(e.target.value);\n            if (!('value' in props)) setColor(c);\n            onChange?.(e.target.value);\n          }}\n        />\n      </div>\n\n      {presets && presets.length > 0 && (\n        <div className={`${prefixCls}__presets`}>\n          {presets.map((preset, i) => (\n            <div\n              key={i}\n              className={`${prefixCls}__preset`}\n              style={{ backgroundColor: preset }}\n              onClick={() => handlePresetClick(preset)}\n              title={preset}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div {...otherProps} ref={wrapperRef} className={cls} style={style}>\n      <Popup\n        trigger=\"manual\"\n        placement=\"bottom\"\n        arrow={false}\n        visible={isOpen}\n        content={renderPanel()}>\n        <div\n          className={`${prefixCls}__trigger`}\n          onClick={trigger === 'click' ? toggleOpen : undefined}\n          onMouseEnter={trigger === 'hover' ? toggleOpen : undefined}\n        >\n          {children || (\n            <div className={`${prefixCls}__swatch`}>\n              <div\n                className={`${prefixCls}__swatch-inner`}\n                style={{ backgroundColor: hexColor }}\n              />\n            </div>\n          )}\n        </div>\n      </Popup>\n    </div>\n  );\n});\n\nColorPicker.displayName = 'ColorPicker';\nexport default ColorPicker;\n"],"mappings":"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"}

package/es/color-picker/index.d.ts

@@ -1,2 +1 @@
-import ColorPicker from './color-picker';
-export default ColorPicker;
+import { ColorPicker } from "./color-picker.js";

package/es/color-picker/index.js

@@ -1,3 +1,9 @@
-import ColorPicker from './color-picker';
-export default ColorPicker;
+import '../style/base.css';
+import './style/index.css';
+import ColorPicker from "./color-picker.js";
+//#region components/color-picker/index.tsx
+var color_picker_default = ColorPicker;
+//#endregion
+export { color_picker_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/color-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/color-picker/index.tsx"],"sourcesContent":["import ColorPicker from './color-picker';\n\nexport default ColorPicker;\n"],"mappings":";;AAEA,IAAA,uBAAe"}