@ioca/react 1.4.76 → 1.4.77

package/lib/es/components/picker/colors/footer.js

@@ -1,34 +1,62 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { CheckRound } from '@ricons/material';
-import { useState, useEffect } from 'react';
-import Button from '../../button/button.js';
-import Icon from '../../icon/icon.js';
-import Input from '../../input/input.js';
-import Select from '../../select/select.js';
-
+import button_default from "../../button/index.js";
+import icon_default from "../../icon/index.js";
+import input_default from "../../input/index.js";
+import select_default from "../../select/index.js";
+import { useEffect, useState } from "react";
+import { CheckRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/picker/colors/footer.tsx
 const ColorMethods = {
-    HEX: "toHexString",
-    RGB: "toRgbString",
-    HSB: "toHsbString",
+	HEX: "toHexString",
+	RGB: "toRgbString",
+	HSB: "toHsbString"
 };
 function Footer(props) {
-    const { value, type, onTypeChange, onChange, onOk } = props;
-    const [inputValue, setInputValue] = useState(value);
-    const [colorType, setColorType] = useState(type);
-    const handleChange = (v) => {
-        setInputValue(v);
-        onChange(v);
-    };
-    const handleTypeChange = (t) => {
-        setColorType(t);
-        onTypeChange(t);
-    };
-    useEffect(() => {
-        setInputValue(value);
-        setColorType(type);
-    }, [value, type]);
-    return (jsxs("div", { className: 'i-colorpicker-footer', children: [jsx(Select, { readOnly: true, hideClear: true, hideArrow: true, style: { width: "5.6em" }, options: ["RGB", "HEX", "HSB"], value: colorType, onChange: handleTypeChange }), jsx(Input, { placeholder: 'color', value: inputValue, onChange: handleChange }), jsx(Button, { square: true, onClick: onOk, children: jsx(Icon, { icon: jsx(CheckRound, {}) }) })] }));
+	const { value, type, onTypeChange, onChange, onOk } = props;
+	const [inputValue, setInputValue] = useState(value);
+	const [colorType, setColorType] = useState(type);
+	const handleChange = (v) => {
+		setInputValue(v);
+		onChange(v);
+	};
+	const handleTypeChange = (t) => {
+		setColorType(t);
+		onTypeChange(t);
+	};
+	useEffect(() => {
+		setInputValue(value);
+		setColorType(type);
+	}, [value, type]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "i-colorpicker-footer",
+		children: [
+			/* @__PURE__ */ jsx(select_default, {
+				readOnly: true,
+				hideClear: true,
+				hideArrow: true,
+				style: { width: "5.6em" },
+				options: [
+					"RGB",
+					"HEX",
+					"HSB"
+				],
+				value: colorType,
+				onChange: handleTypeChange
+			}),
+			/* @__PURE__ */ jsx(input_default, {
+				placeholder: "color",
+				value: inputValue,
+				onChange: handleChange
+			}),
+			/* @__PURE__ */ jsx(button_default, {
+				square: true,
+				onClick: onOk,
+				children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(CheckRound, {}) })
+			})
+		]
+	});
 }
-
+//#endregion
 export { ColorMethods, Footer as default };
-//# sourceMappingURL=footer.js.map
+
+//# sourceMappingURL=footer.js.map

package/lib/es/components/picker/colors/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../../../packages/components/picker/colors/footer.tsx"],"sourcesContent":["import { CheckRound } from \"@ricons/material\";\nimport { useEffect, useState } from \"react\";\nimport Button from \"../../button\";\nimport Icon from \"../../icon\";\nimport Input from \"../../input\";\nimport Select from \"../../select\";\n\nexport const ColorMethods = {\n\tHEX: \"toHexString\",\n\tRGB: \"toRgbString\",\n\tHSB: \"toHsbString\",\n};\n\nexport default function Footer(props) {\n\tconst { value, type, onTypeChange, onChange, onOk } = props;\n\tconst [inputValue, setInputValue] = useState(value);\n\tconst [colorType, setColorType] = useState(type);\n\n\tconst handleChange = (v) => {\n\t\tsetInputValue(v);\n\t\tonChange(v);\n\t};\n\n\tconst handleTypeChange = (t) => {\n\t\tsetColorType(t);\n\t\tonTypeChange(t);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t\tsetColorType(type);\n\t}, [value, type]);\n\n\treturn (\n\t\t<div className='i-colorpicker-footer'>\n\t\t\t<Select\n\t\t\t\treadOnly\n\t\t\t\thideClear\n\t\t\t\thideArrow\n\t\t\t\tstyle={{ width: \"5.6em\" }}\n\t\t\t\toptions={[\"RGB\", \"HEX\", \"HSB\"]}\n\t\t\t\tvalue={colorType}\n\t\t\t\tonChange={handleTypeChange}\n\t\t\t/>\n\t\t\t<Input\n\t\t\t\tplaceholder='color'\n\t\t\t\tvalue={inputValue}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\t\t\t<Button square onClick={onOk}>\n\t\t\t\t<Icon icon={<CheckRound />} />\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAOO,MAAM,YAAY,GAAG;AAC3B,IAAA,GAAG,EAAE,aAAa;AAClB,IAAA,GAAG,EAAE,aAAa;AAClB,IAAA,GAAG,EAAE,aAAa;;AAGL,SAAU,MAAM,CAAC,KAAK,EAAA;AACnC,IAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAC,KAAI;QAC1B,aAAa,CAAC,CAAC,CAAC;QAChB,QAAQ,CAAC,CAAC,CAAC;AACZ,IAAA,CAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAI;QAC9B,YAAY,CAAC,CAAC,CAAC;QACf,YAAY,CAAC,CAAC,CAAC;AAChB,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACd,aAAa,CAAC,KAAK,CAAC;QACpB,YAAY,CAAC,IAAI,CAAC;AACnB,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAEjB,IAAA,QACCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,aACpCC,GAAA,CAAC,MAAM,EAAA,EACN,QAAQ,QACR,SAAS,EAAA,IAAA,EACT,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACzB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC9B,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,gBAAgB,EAAA,CACzB,EACFA,GAAA,CAAC,KAAK,EAAA,EACL,WAAW,EAAC,OAAO,EACnB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EAAA,CACrB,EACFA,GAAA,CAAC,MAAM,EAAA,EAAC,MAAM,QAAC,OAAO,EAAE,IAAI,EAAA,QAAA,EAC3BA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAEA,IAAC,UAAU,EAAA,EAAA,CAAG,GAAI,EAAA,CACtB,CAAA,EAAA,CACJ;AAER;;;;"}
+{"version":3,"file":"footer.js","names":["Select","Input","Button","Icon"],"sources":["../../../../../packages/components/picker/colors/footer.tsx"],"sourcesContent":["import { CheckRound } from \"@ricons/material\";\nimport { useEffect, useState } from \"react\";\nimport Button from \"../../button\";\nimport Icon from \"../../icon\";\nimport Input from \"../../input\";\nimport Select from \"../../select\";\n\nexport const ColorMethods = {\n\tHEX: \"toHexString\",\n\tRGB: \"toRgbString\",\n\tHSB: \"toHsbString\",\n};\n\nexport default function Footer(props) {\n\tconst { value, type, onTypeChange, onChange, onOk } = props;\n\tconst [inputValue, setInputValue] = useState(value);\n\tconst [colorType, setColorType] = useState(type);\n\n\tconst handleChange = (v) => {\n\t\tsetInputValue(v);\n\t\tonChange(v);\n\t};\n\n\tconst handleTypeChange = (t) => {\n\t\tsetColorType(t);\n\t\tonTypeChange(t);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t\tsetColorType(type);\n\t}, [value, type]);\n\n\treturn (\n\t\t<div className='i-colorpicker-footer'>\n\t\t\t<Select\n\t\t\t\treadOnly\n\t\t\t\thideClear\n\t\t\t\thideArrow\n\t\t\t\tstyle={{ width: \"5.6em\" }}\n\t\t\t\toptions={[\"RGB\", \"HEX\", \"HSB\"]}\n\t\t\t\tvalue={colorType}\n\t\t\t\tonChange={handleTypeChange}\n\t\t\t/>\n\t\t\t<Input\n\t\t\t\tplaceholder='color'\n\t\t\t\tvalue={inputValue}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\t\t\t<Button square onClick={onOk}>\n\t\t\t\t<Icon icon={<CheckRound />} />\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAOA,MAAa,eAAe;CAC3B,KAAK;CACL,KAAK;CACL,KAAK;CACL;AAED,SAAwB,OAAO,OAAO;CACrC,MAAM,EAAE,OAAO,MAAM,cAAc,UAAU,SAAS;CACtD,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,MAAM,gBAAgB,MAAM;AAC3B,gBAAc,EAAE;AAChB,WAAS,EAAE;;CAGZ,MAAM,oBAAoB,MAAM;AAC/B,eAAa,EAAE;AACf,eAAa,EAAE;;AAGhB,iBAAgB;AACf,gBAAc,MAAM;AACpB,eAAa,KAAK;IAChB,CAAC,OAAO,KAAK,CAAC;AAEjB,QACC,qBAAC,OAAD;EAAK,WAAU;YAAf;GACC,oBAACA,gBAAD;IACC,UAAA;IACA,WAAA;IACA,WAAA;IACA,OAAO,EAAE,OAAO,SAAS;IACzB,SAAS;KAAC;KAAO;KAAO;KAAM;IAC9B,OAAO;IACP,UAAU;IACT,CAAA;GACF,oBAACC,eAAD;IACC,aAAY;IACZ,OAAO;IACP,UAAU;IACT,CAAA;GACF,oBAACC,gBAAD;IAAQ,QAAA;IAAO,SAAS;cACvB,oBAACC,cAAD,EAAM,MAAM,oBAAC,YAAD,EAAc,CAAA,EAAI,CAAA;IACtB,CAAA;GACJ"}

package/lib/es/components/picker/colors/handle.js

@@ -1,10 +1,23 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/picker/colors/handle.tsx
 const Handle = (props) => {
-    const { ref, color, handle, placeholder, className, ...restProps } = props;
-    return (jsxs("div", { ref: ref, className: classNames("i-colorpicker-handle", className), ...restProps, children: [handle !== "text" && (jsx("i", { className: 'i-colorpicker-square', style: { background: color } })), handle !== "square" && (jsx("span", { className: 'i-colorpicker-text', style: { color }, children: color ?? placeholder }))] }));
+	const { ref, color, handle, placeholder, className, ...restProps } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: classNames("i-colorpicker-handle", className),
+		...restProps,
+		children: [handle !== "text" && /* @__PURE__ */ jsx("i", {
+			className: "i-colorpicker-square",
+			style: { background: color }
+		}), handle !== "square" && /* @__PURE__ */ jsx("span", {
+			className: "i-colorpicker-text",
+			style: { color },
+			children: color ?? placeholder
+		})]
+	});
 };
-
+//#endregion
 export { Handle as default };
-//# sourceMappingURL=handle.js.map
+
+//# sourceMappingURL=handle.js.map

package/lib/es/components/picker/colors/handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle.js","sources":["../../../../../packages/components/picker/colors/handle.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nconst Handle = (props) => {\n\tconst { ref, color, handle, placeholder, className, ...restProps } = props;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-colorpicker-handle\", className)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{handle !== \"text\" && (\n\t\t\t\t<i\n\t\t\t\t\tclassName='i-colorpicker-square'\n\t\t\t\t\tstyle={{ background: color }}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{handle !== \"square\" && (\n\t\t\t\t<span className='i-colorpicker-text' style={{ color }}>\n\t\t\t\t\t{color ?? placeholder}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Handle;\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAEA,MAAM,MAAM,GAAG,CAAC,KAAK,KAAI;AACxB,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAE1E,IAAA,QACCA,IAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAA,GACpD,SAAS,EAAA,QAAA,EAAA,CAEZ,MAAM,KAAK,MAAM,KACjBC,GAAA,CAAA,GAAA,EAAA,EACC,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA,CAC3B,CACF,EAEA,MAAM,KAAK,QAAQ,KACnBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EACnD,KAAK,IAAI,WAAW,EAAA,CACf,CACP,CAAA,EAAA,CACI;AAER;;;;"}
+{"version":3,"file":"handle.js","names":[],"sources":["../../../../../packages/components/picker/colors/handle.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nconst Handle = (props) => {\n\tconst { ref, color, handle, placeholder, className, ...restProps } = props;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-colorpicker-handle\", className)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{handle !== \"text\" && (\n\t\t\t\t<i\n\t\t\t\t\tclassName='i-colorpicker-square'\n\t\t\t\t\tstyle={{ background: color }}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{handle !== \"square\" && (\n\t\t\t\t<span className='i-colorpicker-text' style={{ color }}>\n\t\t\t\t\t{color ?? placeholder}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Handle;\n"],"mappings":";;;AAEA,MAAM,UAAU,UAAU;CACzB,MAAM,EAAE,KAAK,OAAO,QAAQ,aAAa,WAAW,GAAG,cAAc;AAErE,QACC,qBAAC,OAAD;EACM;EACL,WAAW,WAAW,wBAAwB,UAAU;EACxD,GAAI;YAHL,CAKE,WAAW,UACX,oBAAC,KAAD;GACC,WAAU;GACV,OAAO,EAAE,YAAY,OAAO;GAC3B,CAAA,EAGF,WAAW,YACX,oBAAC,QAAD;GAAM,WAAU;GAAqB,OAAO,EAAE,OAAO;aACnD,SAAS;GACJ,CAAA,CAEH"}

package/lib/es/components/picker/colors/index.js

@@ -1,59 +1,79 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import ColorsPanel from '@rc-component/color-picker';
-import { useState, useEffect } from 'react';
-import Popup from '../../popup/popup.js';
-import Footer, { ColorMethods } from './footer.js';
-import Handle from './handle.js';
-
+import popup_default from "../../popup/index.js";
+import Footer, { ColorMethods } from "./footer.js";
+import Handle from "./handle.js";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import ColorsPanel from "@rc-component/color-picker";
+//#region packages/components/picker/colors/index.tsx
 function ColorPicker(props) {
-    const { value, type = "HEX", disabledAlpha, children, usePanel, handle = "both", placeholder = "Colors", popupProps, onChange, } = props;
-    const [colorType, setColorType] = useState(type);
-    const [colorValue, setColorValue] = useState(value);
-    const [syncValue, setSyncValue] = useState(value);
-    const [visible, setVisible] = useState(popupProps?.visible);
-    const handleChange = (target) => {
-        setSyncValue(target);
-    };
-    const handleComplete = (target) => {
-        const method = ColorMethods[colorType];
-        if (target.a !== 1) {
-            target.a = parseFloat(target.a.toFixed(3));
-        }
-        setColorValue(target[method]?.());
-    };
-    const handleVisibleChange = (v) => {
-        setVisible(v);
-        popupProps?.onVisibleChange?.(v);
-    };
-    const handleTypeChange = (t) => {
-        const method = ColorMethods[t];
-        setColorType(t);
-        setColorValue(syncValue?.[method]?.());
-    };
-    const handleValueChange = (v) => {
-        setColorValue(v);
-        setSyncValue(v);
-    };
-    const handleOk = () => {
-        onChange?.(colorValue);
-        setVisible(false);
-    };
-    useEffect(() => {
-        setSyncValue(value);
-        setColorValue(value);
-    }, [value]);
-    useEffect(() => {
-        if (popupProps?.visible !== undefined) {
-            setVisible(popupProps.visible);
-        }
-    }, [popupProps?.visible]);
-    if (usePanel) {
-        return jsx(ColorsPanel, { ...props });
-    }
-    return (jsx(Popup, { trigger: 'click', touchable: true, position: 'bottom', ...popupProps, visible: visible, content: jsx(ColorsPanel, { value: syncValue, disabledAlpha: disabledAlpha, panelRender: (panel) => {
-                return (jsxs(Fragment, { children: [panel, jsx(Footer, { value: colorValue, type: colorType, onTypeChange: handleTypeChange, onChange: handleValueChange, onOk: handleOk })] }));
-            }, onChange: handleChange, onChangeComplete: handleComplete }), onVisibleChange: handleVisibleChange, children: children ?? (jsx(Handle, { color: value, handle: handle, placeholder: placeholder })) }));
+	const { value, type = "HEX", disabledAlpha, children, usePanel, handle = "both", placeholder = "Colors", popupProps, onChange } = props;
+	const [colorType, setColorType] = useState(type);
+	const [colorValue, setColorValue] = useState(value);
+	const [syncValue, setSyncValue] = useState(value);
+	const [visible, setVisible] = useState(popupProps?.visible);
+	const handleChange = (target) => {
+		setSyncValue(target);
+	};
+	const handleComplete = (target) => {
+		const method = ColorMethods[colorType];
+		if (target.a !== 1) target.a = parseFloat(target.a.toFixed(3));
+		setColorValue(target[method]?.());
+	};
+	const handleVisibleChange = (v) => {
+		setVisible(v);
+		popupProps?.onVisibleChange?.(v);
+	};
+	const handleTypeChange = (t) => {
+		const method = ColorMethods[t];
+		setColorType(t);
+		setColorValue(syncValue?.[method]?.());
+	};
+	const handleValueChange = (v) => {
+		setColorValue(v);
+		setSyncValue(v);
+	};
+	const handleOk = () => {
+		onChange?.(colorValue);
+		setVisible(false);
+	};
+	useEffect(() => {
+		setSyncValue(value);
+		setColorValue(value);
+	}, [value]);
+	useEffect(() => {
+		if (popupProps?.visible !== void 0) setVisible(popupProps.visible);
+	}, [popupProps?.visible]);
+	if (usePanel) return /* @__PURE__ */ jsx(ColorsPanel, { ...props });
+	return /* @__PURE__ */ jsx(popup_default, {
+		trigger: "click",
+		touchable: true,
+		position: "bottom",
+		...popupProps,
+		visible,
+		content: /* @__PURE__ */ jsx(ColorsPanel, {
+			value: syncValue,
+			disabledAlpha,
+			panelRender: (panel) => {
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [panel, /* @__PURE__ */ jsx(Footer, {
+					value: colorValue,
+					type: colorType,
+					onTypeChange: handleTypeChange,
+					onChange: handleValueChange,
+					onOk: handleOk
+				})] });
+			},
+			onChange: handleChange,
+			onChangeComplete: handleComplete
+		}),
+		onVisibleChange: handleVisibleChange,
+		children: children ?? /* @__PURE__ */ jsx(Handle, {
+			color: value,
+			handle,
+			placeholder
+		})
+	});
 }
-
+//#endregion
 export { ColorPicker as default };
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/lib/es/components/picker/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/picker/colors/index.tsx"],"sourcesContent":["import ColorsPanel from \"@rc-component/color-picker\";\nimport { useEffect, useState } from \"react\";\nimport Popup from \"../../popup\";\nimport { IColorPicker } from \"../type\";\nimport Footer, { ColorMethods } from \"./footer\";\nimport Handle from \"./handle\";\nimport \"./index.css\";\n\nexport default function ColorPicker(props: IColorPicker) {\n\tconst {\n\t\tvalue,\n\t\ttype = \"HEX\",\n\t\tdisabledAlpha,\n\t\tchildren,\n\t\tusePanel,\n\t\thandle = \"both\",\n\t\tplaceholder = \"Colors\",\n\t\tpopupProps,\n\t\tonChange,\n\t} = props;\n\n\tconst [colorType, setColorType] = useState(type);\n\tconst [colorValue, setColorValue] = useState(value);\n\tconst [syncValue, setSyncValue] = useState(value);\n\tconst [visible, setVisible] = useState<boolean | undefined>(popupProps?.visible);\n\n\tconst handleChange = (target) => {\n\t\tsetSyncValue(target);\n\t};\n\n\tconst handleComplete = (target) => {\n\t\tconst method = ColorMethods[colorType];\n\n\t\tif (target.a !== 1) {\n\t\t\ttarget.a = parseFloat(target.a.toFixed(3));\n\t\t}\n\n\t\tsetColorValue(target[method]?.());\n\t};\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetVisible(v);\n\t\tpopupProps?.onVisibleChange?.(v);\n\t};\n\n\tconst handleTypeChange = (t) => {\n\t\tconst method = ColorMethods[t];\n\n\t\tsetColorType(t);\n\t\tsetColorValue(syncValue?.[method]?.());\n\t};\n\n\tconst handleValueChange = (v) => {\n\t\tsetColorValue(v);\n\t\tsetSyncValue(v);\n\t};\n\n\tconst handleOk = () => {\n\t\tonChange?.(colorValue);\n\t\tsetVisible(false);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSyncValue(value);\n\t\tsetColorValue(value);\n\t}, [value]);\n\n\tuseEffect(() => {\n\t\tif (popupProps?.visible !== undefined) {\n\t\t\tsetVisible(popupProps.visible);\n\t\t}\n\t}, [popupProps?.visible]);\n\n\tif (usePanel) {\n\t\treturn <ColorsPanel {...props} />;\n\t}\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\ttouchable\n\t\t\tposition='bottom'\n\t\t\t{...popupProps}\n\t\t\tvisible={visible}\n\t\t\tcontent={\n\t\t\t\t<ColorsPanel\n\t\t\t\t\tvalue={syncValue}\n\t\t\t\t\tdisabledAlpha={disabledAlpha}\n\t\t\t\t\tpanelRender={(panel) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{panel}\n\t\t\t\t\t\t\t\t<Footer\n\t\t\t\t\t\t\t\t\tvalue={colorValue}\n\t\t\t\t\t\t\t\t\ttype={colorType}\n\t\t\t\t\t\t\t\t\tonTypeChange={handleTypeChange}\n\t\t\t\t\t\t\t\t\tonChange={handleValueChange}\n\t\t\t\t\t\t\t\t\tonOk={handleOk}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonChangeComplete={handleComplete}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children ?? (\n\t\t\t\t<Handle\n\t\t\t\t\tcolor={value}\n\t\t\t\t\thandle={handle}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Popup>\n\t);\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../packages/components/picker/colors/index.tsx"],"sourcesContent":["import ColorsPanel from \"@rc-component/color-picker\";\nimport { useEffect, useState } from \"react\";\nimport Popup from \"../../popup\";\nimport { IColorPicker } from \"../type\";\nimport Footer, { ColorMethods } from \"./footer\";\nimport Handle from \"./handle\";\nimport \"./index.css\";\n\nexport default function ColorPicker(props: IColorPicker) {\n\tconst {\n\t\tvalue,\n\t\ttype = \"HEX\",\n\t\tdisabledAlpha,\n\t\tchildren,\n\t\tusePanel,\n\t\thandle = \"both\",\n\t\tplaceholder = \"Colors\",\n\t\tpopupProps,\n\t\tonChange,\n\t} = props;\n\n\tconst [colorType, setColorType] = useState(type);\n\tconst [colorValue, setColorValue] = useState(value);\n\tconst [syncValue, setSyncValue] = useState(value);\n\tconst [visible, setVisible] = useState<boolean | undefined>(popupProps?.visible);\n\n\tconst handleChange = (target) => {\n\t\tsetSyncValue(target);\n\t};\n\n\tconst handleComplete = (target) => {\n\t\tconst method = ColorMethods[colorType];\n\n\t\tif (target.a !== 1) {\n\t\t\ttarget.a = parseFloat(target.a.toFixed(3));\n\t\t}\n\n\t\tsetColorValue(target[method]?.());\n\t};\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetVisible(v);\n\t\tpopupProps?.onVisibleChange?.(v);\n\t};\n\n\tconst handleTypeChange = (t) => {\n\t\tconst method = ColorMethods[t];\n\n\t\tsetColorType(t);\n\t\tsetColorValue(syncValue?.[method]?.());\n\t};\n\n\tconst handleValueChange = (v) => {\n\t\tsetColorValue(v);\n\t\tsetSyncValue(v);\n\t};\n\n\tconst handleOk = () => {\n\t\tonChange?.(colorValue);\n\t\tsetVisible(false);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSyncValue(value);\n\t\tsetColorValue(value);\n\t}, [value]);\n\n\tuseEffect(() => {\n\t\tif (popupProps?.visible !== undefined) {\n\t\t\tsetVisible(popupProps.visible);\n\t\t}\n\t}, [popupProps?.visible]);\n\n\tif (usePanel) {\n\t\treturn <ColorsPanel {...props} />;\n\t}\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\ttouchable\n\t\t\tposition='bottom'\n\t\t\t{...popupProps}\n\t\t\tvisible={visible}\n\t\t\tcontent={\n\t\t\t\t<ColorsPanel\n\t\t\t\t\tvalue={syncValue}\n\t\t\t\t\tdisabledAlpha={disabledAlpha}\n\t\t\t\t\tpanelRender={(panel) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{panel}\n\t\t\t\t\t\t\t\t<Footer\n\t\t\t\t\t\t\t\t\tvalue={colorValue}\n\t\t\t\t\t\t\t\t\ttype={colorType}\n\t\t\t\t\t\t\t\t\tonTypeChange={handleTypeChange}\n\t\t\t\t\t\t\t\t\tonChange={handleValueChange}\n\t\t\t\t\t\t\t\t\tonOk={handleOk}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonChangeComplete={handleComplete}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children ?? (\n\t\t\t\t<Handle\n\t\t\t\t\tcolor={value}\n\t\t\t\t\thandle={handle}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Popup>\n\t);\n}\n"],"mappings":";;;;;;;AAQA,SAAwB,YAAY,OAAqB;CACxD,MAAM,EACL,OACA,OAAO,OACP,eACA,UACA,UACA,SAAS,QACT,cAAc,UACd,YACA,aACG;CAEJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,SAAS,cAAc,SAA8B,YAAY,QAAQ;CAEhF,MAAM,gBAAgB,WAAW;AAChC,eAAa,OAAO;;CAGrB,MAAM,kBAAkB,WAAW;EAClC,MAAM,SAAS,aAAa;AAE5B,MAAI,OAAO,MAAM,EAChB,QAAO,IAAI,WAAW,OAAO,EAAE,QAAQ,EAAE,CAAC;AAG3C,gBAAc,OAAO,WAAW,CAAC;;CAGlC,MAAM,uBAAuB,MAAe;AAC3C,aAAW,EAAE;AACb,cAAY,kBAAkB,EAAE;;CAGjC,MAAM,oBAAoB,MAAM;EAC/B,MAAM,SAAS,aAAa;AAE5B,eAAa,EAAE;AACf,gBAAc,YAAY,WAAW,CAAC;;CAGvC,MAAM,qBAAqB,MAAM;AAChC,gBAAc,EAAE;AAChB,eAAa,EAAE;;CAGhB,MAAM,iBAAiB;AACtB,aAAW,WAAW;AACtB,aAAW,MAAM;;AAGlB,iBAAgB;AACf,eAAa,MAAM;AACnB,gBAAc,MAAM;IAClB,CAAC,MAAM,CAAC;AAEX,iBAAgB;AACf,MAAI,YAAY,YAAY,KAAA,EAC3B,YAAW,WAAW,QAAQ;IAE7B,CAAC,YAAY,QAAQ,CAAC;AAEzB,KAAI,SACH,QAAO,oBAAC,aAAD,EAAa,GAAI,OAAS,CAAA;AAGlC,QACC,oBAAC,eAAD;EACC,SAAQ;EACR,WAAA;EACA,UAAS;EACT,GAAI;EACK;EACT,SACC,oBAAC,aAAD;GACC,OAAO;GACQ;GACf,cAAc,UAAU;AACvB,WACC,qBAAA,YAAA,EAAA,UAAA,CACE,OACD,oBAAC,QAAD;KACC,OAAO;KACP,MAAM;KACN,cAAc;KACd,UAAU;KACV,MAAM;KACN,CAAA,CACA,EAAA,CAAA;;GAGJ,UAAU;GACV,kBAAkB;GAClB,CAAA;EAEF,iBAAiB;YAEhB,YACA,oBAAC,QAAD;GACC,OAAO;GACC;GACK;GACb,CAAA;EAEI,CAAA"}

package/lib/es/components/picker/dates/dates.js

@@ -1,46 +1,65 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import dayjs from 'dayjs';
-import { useMemo } from 'react';
-
+import classNames from "classnames";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import dayjs from "dayjs";
+//#region packages/components/picker/dates/dates.tsx
 const Dates = (props) => {
-    const { value, month, weeks = ["一", "二", "三", "四", "五", "六", "日"], renderDate = (date) => date.date(), disabledDate, onDateClick, } = props;
-    const today = dayjs();
-    const dates = useMemo(() => {
-        const dates = [];
-        const lastDateOfLastMonth = month.add(-1, "month").endOf("month");
-        let { $W, $D } = lastDateOfLastMonth;
-        if ($W !== 0) {
-            const lastMonthDates = Array.from({ length: $W }).map((whatever, i) => lastDateOfLastMonth.add(i + 1 - $W, "day"));
-            dates.push(...lastMonthDates);
-        }
-        const lastDate = month.endOf("month");
-        $D = lastDate.$D;
-        $W = lastDate.$W;
-        dates.push(...Array.from({ length: $D }).map((whatever, i) => lastDate.add(i + 1 - $D, "day")));
-        if ($W !== 0) {
-            dates.push(...Array.from({ length: 7 - $W }).map((whatever, i) => lastDate.add(i + 1, "day")));
-        }
-        return dates;
-    }, [month]);
-    const handleDateClick = (date) => {
-        if (disabledDate?.(date))
-            return;
-        onDateClick?.(date);
-    };
-    return (jsxs(Fragment, { children: [jsx("div", { className: 'i-datepicker-weeks', children: weeks.map((week, i) => (jsx("span", { className: 'i-datepicker-week', children: week }, i))) }), jsx("div", { className: 'i-datepicker-dates', children: dates.map((date, i) => {
-                    const active = date.isSame(value, "day");
-                    const isSameMonth = date.isSame(month, "month");
-                    const isToday = date.isSame(today, "day");
-                    const disabled = disabledDate?.(date);
-                    return (jsx("div", { className: classNames("i-datepicker-item", {
-                            "i-datepicker-active": active,
-                            "i-datepicker-same-month": isSameMonth,
-                            "i-datepicker-today": isToday,
-                            "i-datepicker-disabled": disabled,
-                        }), onClick: () => handleDateClick(date), children: renderDate(date) }, i));
-                }) })] }));
+	const { value, month, weeks = [
+		"一",
+		"二",
+		"三",
+		"四",
+		"五",
+		"六",
+		"日"
+	], renderDate = (date) => date.date(), disabledDate, onDateClick } = props;
+	const today = dayjs();
+	const dates = useMemo(() => {
+		const dates = [];
+		const lastDateOfLastMonth = month.add(-1, "month").endOf("month");
+		let { $W, $D } = lastDateOfLastMonth;
+		if ($W !== 0) {
+			const lastMonthDates = Array.from({ length: $W }).map((whatever, i) => lastDateOfLastMonth.add(i + 1 - $W, "day"));
+			dates.push(...lastMonthDates);
+		}
+		const lastDate = month.endOf("month");
+		$D = lastDate.$D;
+		$W = lastDate.$W;
+		dates.push(...Array.from({ length: $D }).map((whatever, i) => lastDate.add(i + 1 - $D, "day")));
+		if ($W !== 0) dates.push(...Array.from({ length: 7 - $W }).map((whatever, i) => lastDate.add(i + 1, "day")));
+		return dates;
+	}, [month]);
+	const handleDateClick = (date) => {
+		if (disabledDate?.(date)) return;
+		onDateClick?.(date);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		className: "i-datepicker-weeks",
+		children: weeks.map((week, i) => /* @__PURE__ */ jsx("span", {
+			className: "i-datepicker-week",
+			children: week
+		}, i))
+	}), /* @__PURE__ */ jsx("div", {
+		className: "i-datepicker-dates",
+		children: dates.map((date, i) => {
+			const active = date.isSame(value, "day");
+			const isSameMonth = date.isSame(month, "month");
+			const isToday = date.isSame(today, "day");
+			const disabled = disabledDate?.(date);
+			return /* @__PURE__ */ jsx("div", {
+				className: classNames("i-datepicker-item", {
+					"i-datepicker-active": active,
+					"i-datepicker-same-month": isSameMonth,
+					"i-datepicker-today": isToday,
+					"i-datepicker-disabled": disabled
+				}),
+				onClick: () => handleDateClick(date),
+				children: renderDate(date)
+			}, i);
+		})
+	})] });
 };
-
+//#endregion
 export { Dates as default };
-//# sourceMappingURL=dates.js.map
+
+//# sourceMappingURL=dates.js.map

package/lib/es/components/picker/dates/dates.js.map

@@ -1 +1 @@
-{"version":3,"file":"dates.js","sources":["../../../../../packages/components/picker/dates/dates.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport { ReactNode, useMemo } from \"react\";\nimport { IBaseDates } from \"../type\";\n\nconst Dates = (\n\tprops: IBaseDates & {\n\t\tmonth: any;\n\t}\n) => {\n\tconst {\n\t\tvalue,\n\t\tmonth,\n\t\tweeks = [\"一\", \"二\", \"三\", \"四\", \"五\", \"六\", \"日\"],\n\t\trenderDate = (date: Dayjs) => date.date(),\n\t\tdisabledDate,\n\t\tonDateClick,\n\t} = props;\n\tconst today = dayjs();\n\n\tconst dates = useMemo(() => {\n\t\tconst dates: Dayjs[] = [];\n\n\t\tconst lastDateOfLastMonth = month.add(-1, \"month\").endOf(\"month\");\n\t\tlet { $W, $D } = lastDateOfLastMonth;\n\n\t\tif ($W !== 0) {\n\t\t\tconst lastMonthDates = Array.from({ length: $W }).map(\n\t\t\t\t(whatever, i) => lastDateOfLastMonth.add(i + 1 - $W, \"day\")\n\t\t\t);\n\t\t\tdates.push(...lastMonthDates);\n\t\t}\n\n\t\tconst lastDate = month.endOf(\"month\");\n\t\t$D = lastDate.$D;\n\t\t$W = lastDate.$W;\n\t\tdates.push(\n\t\t\t...Array.from({ length: $D }).map((whatever, i) =>\n\t\t\t\tlastDate.add(i + 1 - $D, \"day\")\n\t\t\t)\n\t\t);\n\n\t\tif ($W !== 0) {\n\t\t\tdates.push(\n\t\t\t\t...Array.from({ length: 7 - $W }).map((whatever, i) =>\n\t\t\t\t\tlastDate.add(i + 1, \"day\")\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\treturn dates;\n\t}, [month]);\n\n\tconst handleDateClick = (date: Dayjs) => {\n\t\tif (disabledDate?.(date)) return;\n\n\t\tonDateClick?.(date);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div className='i-datepicker-weeks'>\n\t\t\t\t{weeks.map((week: ReactNode, i: number) => (\n\t\t\t\t\t<span key={i} className='i-datepicker-week'>\n\t\t\t\t\t\t{week}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t<div className='i-datepicker-dates'>\n\t\t\t\t{dates.map((date, i: number) => {\n\t\t\t\t\tconst active = date.isSame(value, \"day\");\n\t\t\t\t\tconst isSameMonth = date.isSame(month, \"month\");\n\t\t\t\t\tconst isToday = date.isSame(today, \"day\");\n\t\t\t\t\tconst disabled = disabledDate?.(date);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\tclassName={classNames(\"i-datepicker-item\", {\n\t\t\t\t\t\t\t\t\"i-datepicker-active\": active,\n\t\t\t\t\t\t\t\t\"i-datepicker-same-month\": isSameMonth,\n\t\t\t\t\t\t\t\t\"i-datepicker-today\": isToday,\n\t\t\t\t\t\t\t\t\"i-datepicker-disabled\": disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => handleDateClick(date)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderDate(date)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default Dates;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"dates.js","names":[],"sources":["../../../../../packages/components/picker/dates/dates.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport { ReactNode, useMemo } from \"react\";\nimport { IBaseDates } from \"../type\";\n\nconst Dates = (\n\tprops: IBaseDates & {\n\t\tmonth: any;\n\t}\n) => {\n\tconst {\n\t\tvalue,\n\t\tmonth,\n\t\tweeks = [\"一\", \"二\", \"三\", \"四\", \"五\", \"六\", \"日\"],\n\t\trenderDate = (date: Dayjs) => date.date(),\n\t\tdisabledDate,\n\t\tonDateClick,\n\t} = props;\n\tconst today = dayjs();\n\n\tconst dates = useMemo(() => {\n\t\tconst dates: Dayjs[] = [];\n\n\t\tconst lastDateOfLastMonth = month.add(-1, \"month\").endOf(\"month\");\n\t\tlet { $W, $D } = lastDateOfLastMonth;\n\n\t\tif ($W !== 0) {\n\t\t\tconst lastMonthDates = Array.from({ length: $W }).map(\n\t\t\t\t(whatever, i) => lastDateOfLastMonth.add(i + 1 - $W, \"day\")\n\t\t\t);\n\t\t\tdates.push(...lastMonthDates);\n\t\t}\n\n\t\tconst lastDate = month.endOf(\"month\");\n\t\t$D = lastDate.$D;\n\t\t$W = lastDate.$W;\n\t\tdates.push(\n\t\t\t...Array.from({ length: $D }).map((whatever, i) =>\n\t\t\t\tlastDate.add(i + 1 - $D, \"day\")\n\t\t\t)\n\t\t);\n\n\t\tif ($W !== 0) {\n\t\t\tdates.push(\n\t\t\t\t...Array.from({ length: 7 - $W }).map((whatever, i) =>\n\t\t\t\t\tlastDate.add(i + 1, \"day\")\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\treturn dates;\n\t}, [month]);\n\n\tconst handleDateClick = (date: Dayjs) => {\n\t\tif (disabledDate?.(date)) return;\n\n\t\tonDateClick?.(date);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div className='i-datepicker-weeks'>\n\t\t\t\t{weeks.map((week: ReactNode, i: number) => (\n\t\t\t\t\t<span key={i} className='i-datepicker-week'>\n\t\t\t\t\t\t{week}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t<div className='i-datepicker-dates'>\n\t\t\t\t{dates.map((date, i: number) => {\n\t\t\t\t\tconst active = date.isSame(value, \"day\");\n\t\t\t\t\tconst isSameMonth = date.isSame(month, \"month\");\n\t\t\t\t\tconst isToday = date.isSame(today, \"day\");\n\t\t\t\t\tconst disabled = disabledDate?.(date);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\tclassName={classNames(\"i-datepicker-item\", {\n\t\t\t\t\t\t\t\t\"i-datepicker-active\": active,\n\t\t\t\t\t\t\t\t\"i-datepicker-same-month\": isSameMonth,\n\t\t\t\t\t\t\t\t\"i-datepicker-today\": isToday,\n\t\t\t\t\t\t\t\t\"i-datepicker-disabled\": disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => handleDateClick(date)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderDate(date)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default Dates;\n"],"mappings":";;;;;AAKA,MAAM,SACL,UAGI;CACJ,MAAM,EACL,OACA,OACA,QAAQ;EAAC;EAAK;EAAK;EAAK;EAAK;EAAK;EAAK;EAAI,EAC3C,cAAc,SAAgB,KAAK,MAAM,EACzC,cACA,gBACG;CACJ,MAAM,QAAQ,OAAO;CAErB,MAAM,QAAQ,cAAc;EAC3B,MAAM,QAAiB,EAAE;EAEzB,MAAM,sBAAsB,MAAM,IAAI,IAAI,QAAQ,CAAC,MAAM,QAAQ;EACjE,IAAI,EAAE,IAAI,OAAO;AAEjB,MAAI,OAAO,GAAG;GACb,MAAM,iBAAiB,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAChD,UAAU,MAAM,oBAAoB,IAAI,IAAI,IAAI,IAAI,MAAM,CAC3D;AACD,SAAM,KAAK,GAAG,eAAe;;EAG9B,MAAM,WAAW,MAAM,MAAM,QAAQ;AACrC,OAAK,SAAS;AACd,OAAK,SAAS;AACd,QAAM,KACL,GAAG,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,UAAU,MAC5C,SAAS,IAAI,IAAI,IAAI,IAAI,MAAM,CAC/B,CACD;AAED,MAAI,OAAO,EACV,OAAM,KACL,GAAG,MAAM,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,UAAU,MAChD,SAAS,IAAI,IAAI,GAAG,MAAM,CAC1B,CACD;AAGF,SAAO;IACL,CAAC,MAAM,CAAC;CAEX,MAAM,mBAAmB,SAAgB;AACxC,MAAI,eAAe,KAAK,CAAE;AAE1B,gBAAc,KAAK;;AAGpB,QACC,qBAAA,YAAA,EAAA,UAAA,CACC,oBAAC,OAAD;EAAK,WAAU;YACb,MAAM,KAAK,MAAiB,MAC5B,oBAAC,QAAD;GAAc,WAAU;aACtB;GACK,EAFI,EAEJ,CACN;EACG,CAAA,EACN,oBAAC,OAAD;EAAK,WAAU;YACb,MAAM,KAAK,MAAM,MAAc;GAC/B,MAAM,SAAS,KAAK,OAAO,OAAO,MAAM;GACxC,MAAM,cAAc,KAAK,OAAO,OAAO,QAAQ;GAC/C,MAAM,UAAU,KAAK,OAAO,OAAO,MAAM;GACzC,MAAM,WAAW,eAAe,KAAK;AAErC,UACC,oBAAC,OAAD;IAEC,WAAW,WAAW,qBAAqB;KAC1C,uBAAuB;KACvB,2BAA2B;KAC3B,sBAAsB;KACtB,yBAAyB;KACzB,CAAC;IACF,eAAe,gBAAgB,KAAK;cAEnC,WAAW,KAAK;IACZ,EAVA,EAUA;IAEN;EACG,CAAA,CACJ,EAAA,CAAA"}

package/lib/es/components/picker/dates/index.js

@@ -1,59 +1,93 @@
-import { jsx } from 'react/jsx-runtime';
-import { CalendarMonthTwotone } from '@ricons/material';
-import classNames from 'classnames';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat.js';
-import { useState, useMemo, useEffect } from 'react';
-import Icon from '../../icon/icon.js';
-import Input from '../../input/input.js';
-import Popup from '../../popup/popup.js';
-import Panel from './panel.js';
-
+import icon_default from "../../icon/index.js";
+import popup_default from "../../popup/index.js";
+import input_default from "../../input/index.js";
+import Panel from "./panel.js";
+import classNames from "classnames";
+import { useEffect, useMemo, useState } from "react";
+import { CalendarMonthTwotone } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { jsx } from "react/jsx-runtime";
+import dayjs from "dayjs";
+import customParseFormat from "/Users/iann/codes/ioca-react/node_modules/.pnpm/dayjs@1.11.20/node_modules/dayjs/plugin/customParseFormat.js";
+//#region packages/components/picker/dates/index.tsx
 dayjs.extend(customParseFormat);
-const FORMATTYPES = ["YYYY-MM-DD", "YYYY-M-D", "YYYY/MM/DD", "YYYY/M/D"];
+const FORMATTYPES = [
+	"YYYY-MM-DD",
+	"YYYY-M-D",
+	"YYYY/MM/DD",
+	"YYYY/M/D"
+];
 const FORMAT = "YYYY-MM-DD";
 const Datepicker = (props) => {
-    const { name, value, weeks, format = FORMAT, placeholder = props.format ?? FORMAT, className, renderDate, renderMonth, renderYear, popupProps, disabledDate, onDateClick, onChange, onBlur, ...restProps } = props;
-    const [inputValue, setInputValue] = useState(value);
-    const [active, setActive] = useState(false);
-    const dayJsValue = useMemo(() => {
-        if (!inputValue)
-            return null;
-        const date = dayjs(inputValue, format, true);
-        if (date.isValid())
-            return date;
-        return null;
-    }, [inputValue, format]);
-    const handleDateClick = (date) => {
-        handleChange(date.format(format));
-    };
-    const handleChange = (v) => {
-        setInputValue(v);
-        onChange?.(v);
-    };
-    const handleSetDate = () => {
-        if (!inputValue)
-            return;
-        const date = dayjs(inputValue, FORMATTYPES, true);
-        if (date.isValid()) {
-            handleChange(date.format(format));
-            return;
-        }
-        handleChange("");
-    };
-    const handleBlur = (e) => {
-        onBlur?.(e);
-        handleSetDate();
-    };
-    const handleVisibleChange = (v) => {
-        popupProps?.onVisibleChange?.(v);
-        setActive(v);
-    };
-    useEffect(() => {
-        setInputValue(value);
-    }, [value]);
-    return (jsx(Popup, { visible: active, trigger: 'click', position: 'bottom', arrow: false, align: 'start', onVisibleChange: handleVisibleChange, content: jsx(Panel, { value: dayJsValue, weeks: weeks, renderDate: renderDate, renderMonth: renderMonth, renderYear: renderYear, disabledDate: disabledDate, onDateClick: handleDateClick }), ...popupProps, children: jsx(Input, { value: inputValue, append: jsx(Icon, { icon: jsx(CalendarMonthTwotone, {}), className: 'i-datepicker-icon', size: '1em' }), placeholder: placeholder, onChange: handleChange, onBlur: handleBlur, onEnter: handleSetDate, className: classNames("i-datepicker-label", className), ...restProps }) }));
+	const { name, value, weeks, format = FORMAT, placeholder = props.format ?? FORMAT, className, renderDate, renderMonth, renderYear, popupProps, disabledDate, onDateClick, onChange, onBlur, ...restProps } = props;
+	const [inputValue, setInputValue] = useState(value);
+	const [active, setActive] = useState(false);
+	const dayJsValue = useMemo(() => {
+		if (!inputValue) return null;
+		const date = dayjs(inputValue, format, true);
+		if (date.isValid()) return date;
+		return null;
+	}, [inputValue, format]);
+	const handleDateClick = (date) => {
+		handleChange(date.format(format));
+	};
+	const handleChange = (v) => {
+		setInputValue(v);
+		onChange?.(v);
+	};
+	const handleSetDate = () => {
+		if (!inputValue) return;
+		const date = dayjs(inputValue, FORMATTYPES, true);
+		if (date.isValid()) {
+			handleChange(date.format(format));
+			return;
+		}
+		handleChange("");
+	};
+	const handleBlur = (e) => {
+		onBlur?.(e);
+		handleSetDate();
+	};
+	const handleVisibleChange = (v) => {
+		popupProps?.onVisibleChange?.(v);
+		setActive(v);
+	};
+	useEffect(() => {
+		setInputValue(value);
+	}, [value]);
+	return /* @__PURE__ */ jsx(popup_default, {
+		visible: active,
+		trigger: "click",
+		position: "bottom",
+		arrow: false,
+		align: "start",
+		onVisibleChange: handleVisibleChange,
+		content: /* @__PURE__ */ jsx(Panel, {
+			value: dayJsValue,
+			weeks,
+			renderDate,
+			renderMonth,
+			renderYear,
+			disabledDate,
+			onDateClick: handleDateClick
+		}),
+		...popupProps,
+		children: /* @__PURE__ */ jsx(input_default, {
+			value: inputValue,
+			append: /* @__PURE__ */ jsx(icon_default, {
+				icon: /* @__PURE__ */ jsx(CalendarMonthTwotone, {}),
+				className: "i-datepicker-icon",
+				size: "1em"
+			}),
+			placeholder,
+			onChange: handleChange,
+			onBlur: handleBlur,
+			onEnter: handleSetDate,
+			className: classNames("i-datepicker-label", className),
+			...restProps
+		})
+	});
 };
-
+//#endregion
 export { Datepicker as default };
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map