@ioca/react 1.4.79 → 1.4.81

package/lib/cjs/components/modal/content.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content.cjs","names":[],"sources":["../../../../packages/components/modal/content.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport Button from \"../button\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IModalContent } from \"./type\";\n\nexport default function Content(props: IModalContent) {\n\tconst {\n\t\ttitle,\n\t\tfooter,\n\t\thideCloseButton,\n\t\tfooterLeft,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tchildren,\n\t\tonOk,\n\t\tonClose,\n\t} = props;\n\tconst showHeader = title || !hideCloseButton;\n\n\tconst handleOk = async () => {\n\t\tconst ret = await onOk?.();\n\n\t\tif (ret === false) return;\n\n\t\tonClose?.();\n\t};\n\n\tconst renderFooter = useMemo(() => {\n\t\tif (footer || footer === null) return footer;\n\n\t\tconst propsOk = Object.assign(\n\t\t\t{\n\t\t\t\tchildren: \"确定\",\n\t\t\t\tonClick: handleOk,\n\t\t\t},\n\t\t\tokButtonProps\n\t\t);\n\t\tconst propsCancel = Object.assign(\n\t\t\t{\n\t\t\t\tsecondary: true,\n\t\t\t\tchildren: \"关闭\",\n\t\t\t\tonClick: onClose,\n\t\t\t},\n\t\t\tcancelButtonProps\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{footerLeft}\n\t\t\t\t<Button {...propsOk} />\n\t\t\t\t<Button {...propsCancel} />\n\t\t\t</>\n\t\t);\n\t}, [footer, okButtonProps, cancelButtonProps]);\n\n\treturn (\n\t\t<>\n\t\t\t{showHeader && (\n\t\t\t\t<header className='i-modal-header'>\n\t\t\t\t\t{title && <b>{title}</b>}\n\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive={!hideCloseButton}\n\t\t\t\t\t\tclassName='i-modal-close'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<div className='i-modal-content'>{children}</div>\n\n\t\t\t<footer className='i-modal-footer'>{renderFooter}</footer>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;CAMA,MAAO,EACN,OACC,QACA,iBACA,YACA,eACA,mBACA,UACA,MACA,YACA;CACD,MAAI,aAAK,SAAA,CAAA;;MAGH,MAAW,QAAU,KAAA,MAAA;;;;AAQ3B,MAAK,UAAC,WAAe,KAAW,QAAG;gCAGlC;GACC,UAAA;GACC,SAAS;GACT,EACD,cACA;EACD,MAAC,cAAA,OAAA,OACD;GACC,WAAA;GACC,UAAU;GACV,SAAS;GACT,EACD,kBACA;SAGD,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;GACE;GACA,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD,EAAC,GAAU,SAAA,CAAA;GACX,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD,EAAQ,GAAI,aAAU,CAAA;GACrB,EAAA,CAAA;IAEF;EAAA;EAAA;EAAA;EAAA,CAAA;QAGF,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;EACE,cACC,iBAAA,GAAA,kBAAA,MAAA,UAAA;GAAA,WAAc;aAAd,CACC,SAAO,iBAAA,GAAA,kBAAA,KAAA,KAAA,EAAA,UAAA,OAAa,CAAA,EAAA,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;IAGnB,QAAA,CAAA;IACA,WAAS;IACT,SAAS;IACT,CAAA,CACA;;;;;;;;;;EAMF,EAAA,CAAA"}

package/lib/cjs/components/modal/context.cjs

@@ -1,7 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-//#region packages/components/modal/context.ts
-const ModalContext = (0, require("react").createContext)(false);
-//#endregion
-exports.default = ModalContext;
-
-//# sourceMappingURL=context.cjs.map

package/lib/cjs/components/modal/context.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.cjs","names":[],"sources":["../../../../packages/components/modal/context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nconst ModalContext = createContext(false);\n\nexport default ModalContext;\n"],"mappings":";;AAEA,MAAM,gBAAA,oBAAA,eAA6B,MAAM"}

package/lib/cjs/components/modal/hookModal.cjs

@@ -1,28 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_modal = require("./modal.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/modal/hookModal.tsx
-const HookModal = (props) => {
-	const { ref, ...restProps } = props;
-	const state = require_hooks.useReactive({});
-	const mergedProps = Object.assign({}, restProps, state);
-	(0, react.useImperativeHandle)(ref, () => ({
-		update: (config = {}) => {
-			Object.assign(state, config);
-		},
-		close: () => {
-			state.visible = false;
-			if (mergedProps.closable) return;
-			Promise.resolve().then(() => {
-				state.visible = true;
-			});
-		}
-	}));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_modal.default, { ...mergedProps });
-};
-//#endregion
-exports.default = HookModal;
-
-//# sourceMappingURL=hookModal.cjs.map

package/lib/cjs/components/modal/hookModal.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hookModal.cjs","names":["useReactive","Modal"],"sources":["../../../../packages/components/modal/hookModal.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport { useImperativeHandle } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport Modal from \"./modal\";\nimport type { IModal, RefHookModal } from \"./type\";\n\nconst HookModal = (\n\tprops: IModal & { ref?: RefObject<RefHookModal | null> }\n) => {\n\tconst { ref, ...restProps } = props;\n\tconst state = useReactive<IModal>({});\n\n\tconst mergedProps = Object.assign({}, restProps, state);\n\n\tuseImperativeHandle(ref, () => ({\n\t\tupdate: (config: IModal = {}) => {\n\t\t\tObject.assign(state, config);\n\t\t},\n\n\t\tclose: () => {\n\t\t\tstate.visible = false;\n\n\t\t\tif (mergedProps.closable) return;\n\t\t\tPromise.resolve().then(() => {\n\t\t\t\tstate.visible = true;\n\t\t\t});\n\t\t},\n\t}));\n\n\treturn <Modal {...mergedProps} />;\n};\n\nexport default HookModal;\n"],"mappings":";;;;;;AAMA,MAAM,aACL,UACI;CACJ,MAAM,EAAE,KAAK,GAAG,cAAc;CAC9B,MAAM,QAAQA,cAAAA,YAAoB,EAAE,CAAC;CAErC,MAAM,cAAc,OAAO,OAAO,EAAE,EAAE,WAAW,MAAM;AAEvD,EAAA,GAAA,MAAA,qBAAoB,YAAY;EAC/B,SAAS,SAAiB,EAAE,KAAK;AAChC,UAAO,OAAO,OAAO,OAAO;;EAG7B,aAAa;AACZ,SAAM,UAAU;AAEhB,OAAI,YAAY,SAAU;AAC1B,WAAQ,SAAS,CAAC,WAAW;AAC5B,UAAM,UAAU;KACf;;EAEH,EAAE;AAEH,QAAO,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD,EAAO,GAAI,aAAe,CAAA"}

package/lib/cjs/components/modal/index.cjs

@@ -1,6 +0,0 @@
-//#region packages/components/modal/index.tsx
-var modal_default = require("./modal.cjs").default;
-//#endregion
-exports.default = modal_default;
-
-//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/modal/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Modal"],"sources":["../../../../packages/components/modal/index.tsx"],"sourcesContent":["import Modal from \"./modal\";\n\nexport default Modal;\n"],"mappings":";AAEA,IAAA,uCAAeA"}

package/lib/cjs/components/modal/modal.cjs

@@ -1,117 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_content = require("./content.cjs");
-const require_context = require("./context.cjs");
-const require_useModal = require("./useModal.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_dom = require("react-dom");
-//#region packages/components/modal/modal.tsx
-function Modal(props) {
-	const { visible, title, footer, okButtonProps, cancelButtonProps, closable = true, hideBackdrop, backdropClosable = true, hideCloseButton, disableEsc, width, height, customized, fixed, hideShadow, children, style, className, keepDOM, footerLeft, onClick, onVisibleChange, onClose, onOk, ...restProps } = props;
-	const [show, setShow] = (0, react.useState)(visible);
-	const [active, setActive] = (0, react.useState)(false);
-	const [bounced, setBounced] = (0, react.useState)(false);
-	const [mounted, setMounted] = (0, react.useState)(false);
-	const toggable = (0, react.useRef)(true);
-	const handleShow = async () => {
-		if (!toggable.current) return;
-		(!keepDOM || !show) && setShow(true);
-		toggable.current = false;
-		const timer = setTimeout(() => {
-			setActive(true);
-			onVisibleChange?.(true);
-			toggable.current = true;
-		}, 64);
-		return () => clearTimeout(timer);
-	};
-	const handleHide = () => {
-		if (!toggable.current) return;
-		toggable.current = false;
-		if (!closable) {
-			setBounced(true);
-			const timer = setTimeout(() => {
-				setBounced(false);
-				toggable.current = true;
-			}, 400);
-			return () => clearTimeout(timer);
-		}
-		setActive(false);
-		const timer = setTimeout(() => {
-			!keepDOM && setShow(false);
-			toggable.current = true;
-			onVisibleChange?.(false);
-			onClose?.();
-		}, 240);
-		return () => clearTimeout(timer);
-	};
-	const handleBackdropClick = () => {
-		backdropClosable && handleHide();
-	};
-	require_hooks.useKeydown((e) => {
-		if (e.code !== "Escape" || !visible) return;
-		handleHide();
-	}, { disabled: disableEsc });
-	(0, react.useEffect)(() => {
-		visible ? handleShow() : handleHide();
-	}, [visible]);
-	(0, react.useEffect)(() => {
-		setMounted(true);
-	}, []);
-	const handleClick = () => {
-		if (typeof document === "undefined") return;
-		document.documentElement.click();
-	};
-	if (!show || !mounted) return null;
-	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, classnames.default)("i-modal-container", {
-			"i-modal-backdrop": !hideBackdrop,
-			"i-modal-customized": customized,
-			"i-modal-active": active,
-			fixed
-		}, className),
-		style,
-		onClick: handleBackdropClick,
-		"aria-modal": "true",
-		inert: !active,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, classnames.default)("i-modal", {
-				bounced,
-				shadow: !hideShadow
-			}),
-			style: {
-				width,
-				height
-			},
-			onClick: (e) => {
-				e.stopPropagation();
-				handleClick();
-				onClick?.(e);
-			},
-			role: "dialog",
-			"aria-labelledby": title ? "modal-title" : void 0,
-			...restProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_context.default.Provider, {
-				value: true,
-				children: [customized && children, !customized && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_content.default, {
-					title,
-					hideCloseButton,
-					footer,
-					okButtonProps,
-					cancelButtonProps,
-					children,
-					footerLeft,
-					onOk,
-					onClose: handleHide
-				})]
-			})
-		})
-	}), document?.body ?? null);
-}
-Modal.useModal = require_useModal.default;
-//#endregion
-exports.default = Modal;
-
-//# sourceMappingURL=modal.cjs.map

package/lib/cjs/components/modal/modal.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.cjs","names":[],"sources":["../../../../packages/components/modal/modal.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown } from \"../../js/hooks\";\nimport Content from \"./content\";\nimport ModalContext from \"./context\";\nimport \"./index.css\";\nimport { CompositionModal, IModal } from \"./type\";\nimport useModal from \"./useModal\";\n\nfunction Modal(props: IModal) {\n\tconst {\n\t\tvisible,\n\t\ttitle,\n\t\tfooter,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tclosable = true,\n\t\thideBackdrop,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tdisableEsc,\n\t\twidth,\n\t\theight,\n\t\tcustomized,\n\t\tfixed,\n\t\thideShadow,\n\t\tchildren,\n\t\tstyle,\n\t\tclassName,\n\t\tkeepDOM,\n\t\tfooterLeft,\n\t\tonClick,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\tonOk,\n\t\t...restProps\n\t} = props;\n\n\tconst [show, setShow] = useState(visible);\n\tconst [active, setActive] = useState(false);\n\tconst [bounced, setBounced] = useState(false);\n\tconst [mounted, setMounted] = useState(false);\n\tconst toggable = useRef(true);\n\n\tconst handleShow = async () => {\n\t\tif (!toggable.current) return;\n\n\t\t(!keepDOM || !show) && setShow(true);\n\t\ttoggable.current = false;\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetActive(true);\n\t\t\tonVisibleChange?.(true);\n\t\t\ttoggable.current = true;\n\t\t}, 64);\n\n\t\treturn () => clearTimeout(timer);\n\t};\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current) return;\n\t\ttoggable.current = false;\n\n\t\tif (!closable) {\n\t\t\tsetBounced(true);\n\t\t\tconst timer = setTimeout(() => {\n\t\t\t\tsetBounced(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t}, 400);\n\t\t\treturn () => clearTimeout(timer);\n\t\t}\n\n\t\tsetActive(false);\n\t\tconst timer = setTimeout(() => {\n\t\t\t!keepDOM && setShow(false);\n\t\t\ttoggable.current = true;\n\t\t\tonVisibleChange?.(false);\n\t\t\tonClose?.();\n\t\t}, 240);\n\n\t\treturn () => clearTimeout(timer);\n\t};\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{ disabled: disableEsc }\n\t);\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tuseEffect(() => {\n\t\tsetMounted(true);\n\t}, []);\n\n\tconst handleClick = () => {\n\t\tif (typeof document === \"undefined\") return;\n\t\tdocument.documentElement.click();\n\t};\n\n\tif (!show || !mounted) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-modal-container\",\n\t\t\t\t{\n\t\t\t\t\t\"i-modal-backdrop\": !hideBackdrop,\n\t\t\t\t\t\"i-modal-customized\": customized,\n\t\t\t\t\t\"i-modal-active\": active,\n\t\t\t\t\tfixed,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\tonClick={handleBackdropClick}\n\t\t\taria-modal='true'\n\t\t\tinert={!active}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-modal\", {\n\t\t\t\t\tbounced,\n\t\t\t\t\tshadow: !hideShadow,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t}}\n\t\t\t\tonClick={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\thandleClick();\n\t\t\t\t\tonClick?.(e);\n\t\t\t\t}}\n\t\t\t\trole='dialog'\n\t\t\t\taria-labelledby={title ? \"modal-title\" : undefined}\n\t\t\t\t{...restProps}\n\t\t\t>\n\t\t\t\t<ModalContext.Provider value={true}>\n\t\t\t\t\t{customized && children}\n\n\t\t\t\t\t{!customized && (\n\t\t\t\t\t\t<Content\n\t\t\t\t\t\t\ttitle={title}\n\t\t\t\t\t\t\thideCloseButton={hideCloseButton}\n\t\t\t\t\t\t\tfooter={footer}\n\t\t\t\t\t\t\tokButtonProps={okButtonProps}\n\t\t\t\t\t\t\tcancelButtonProps={cancelButtonProps}\n\t\t\t\t\t\t\tchildren={children}\n\t\t\t\t\t\t\tfooterLeft={footerLeft}\n\t\t\t\t\t\t\tonOk={onOk}\n\t\t\t\t\t\t\tonClose={handleHide}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</ModalContext.Provider>\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument?.body ?? null\n\t);\n}\n\nModal.useModal = useModal;\n\nexport default Modal as CompositionModal;\n"],"mappings":";;;;;;;;;;;;CAUA,MAAA,EACC,SACC,OACA,QACA,eACA,mBACA,WAAA,MACA,cACA,mBAAY,MACZ,iBACA,YACA,OACA,QACA,YACA,OACA,YACA,UACA,OACA,WACA,SACA,YACA,SACA,iBACA,SACA,MACA,GAAA,cACG;;CAGJ,MAAM,CAAC,QAAM,cAAA,GAAA,MAAA,UAAoB,MAAQ;CACzC,MAAM,CAAC,SAAQ,eAAA,GAAA,MAAA,UAAsB,MAAM;CAC3C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAC7C,MAAM,YAAA,GAAA,MAAA,QAAU,KAAa;;AAG7B,MAAK,CAAC,SAAA,QAAkB;;AAGvB,WAAS,UAAU;;AAGnB,aAAW,KAAG;AACb,qBAAe,KAAA;AACf,YAAA,UAAkB;KAClB,GAAA;;;;AAMF,MAAK,CAAC,SAAA,QAAkB;AACvB,WAAK,UAAS;;AAGd,cAAK,KAAU;GACd,MAAA,QAAW,iBAAK;AAChB,eAAY,MAAE;AACb,aAAA,UAAiB;MACjB,IAAA;AACD,gBAAO,aAAA,MAAA;;;EAIR,MAAA,QAAU,iBAAM;AAChB,IAAA,WAAa,QAAC,MAAa;AAC1B,YAAS,UAAU;AACnB,qBAAkB,MAAK;AACvB,cAAA;KACA,IAAA;;;;AAMF,sBAAM,YAA2B;;2BAIjC,MAAA;AACE,MAAI,EAAE,SAAA,YAAA,CAAA,QAAA;AACN,cAAY;IAEb,EAAC,UAAA,YAAA,CACD;;AAGD,YAAW,YAAK,GAAA,YAAA;IACf,CAAA,QAAU,CAAA;;AAGX,aAAY,KAAI;IACf,EAAA,CAAA;;AAGD,MAAK,OAAC,aAAmB,YAAC;AACzB,WAAI,gBAAqB,OAAA;;;oCAM1B,iBAAA,GAAA,kBAAA,KAAA,OAAA;EACE,YAAA,GAAA,WAAA,SACA,qBACC;GACA,oBAAA,CAAA;GACC,sBAAqB;GACrB,kBAAS;GACT;GACA,EACD,UACA;EACA;EACD,SAAO;EACP,cAAS;EACT,OAAK,CAAA;YAEN,iBAAA,GAAA,kBAAA,KAAA,OAAA;GACE,YAAA,GAAA,WAAA,SAAA,WAAA;IACA;IACC,QAAO,CAAA;IACP,CAAA;GACD,OAAE;IACF;IACC;IACA;GACD,UAAC,MAAA;AACD,MAAA,iBAAgB;AACf,iBAAE;AACF,cAAA,EAAY;;GAEb,MAAC;GACD,mBAAY,QAAA,gBAAA,KAAA;GACZ,GAAI;aAEL,iBAAA,GAAA,kBAAA,MAAA,gBAAA,QAAA,UAAA;IAAA,OAAA;cAAA,CACE,cAAa,UAAA,CAAA,cAGZ,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD;KACC;KACY;KACZ;KACc;KACC;KACf;KACU;KACV;KACA,SAAM;KACN,CAAA,CAED;;GACA,CAAA;EACE,CAAA,EACN,UAAM,QAAA,KACN"}

package/lib/cjs/components/modal/useModal.cjs

@@ -1,39 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_hookModal = require("./hookModal.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/modal/useModal.tsx
-function useModal() {
-	const ref = (0, react.useRef)(null);
-	const handleOpen = (props) => {
-		const unMount = require_utils.renderNode(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_hookModal.default, {
-			ref,
-			visible: true,
-			...props,
-			onClose: () => {
-				props.onClose?.();
-				unMount?.();
-			}
-		}));
-	};
-	const handleUpdate = (props) => {
-		if (!ref.current) return;
-		const { update } = ref.current;
-		update(props);
-	};
-	const handleClose = () => {
-		if (!ref.current) return;
-		const { close } = ref.current;
-		close();
-	};
-	return {
-		open: handleOpen,
-		update: handleUpdate,
-		close: handleClose
-	};
-}
-//#endregion
-exports.default = useModal;
-
-//# sourceMappingURL=useModal.cjs.map

package/lib/cjs/components/modal/useModal.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.cjs","names":["renderNode","HookModal"],"sources":["../../../../packages/components/modal/useModal.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { renderNode } from \"../../js/utils\";\nimport HookModal from \"./hookModal\";\nimport { IModal, RefHookModal } from \"./type\";\n\nexport default function useModal() {\n\tconst ref = useRef<RefHookModal>(null);\n\n\tconst handleOpen = (props: IModal) => {\n\t\tconst unMount = renderNode(\n\t\t\t<HookModal\n\t\t\t\tref={ref}\n\t\t\t\tvisible\n\t\t\t\t{...props}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tprops.onClose?.();\n\t\t\t\t\tunMount?.();\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst handleUpdate = (props: IModal) => {\n\t\tif (!ref.current) return;\n\n\t\tconst { update } = ref.current;\n\t\tupdate(props);\n\t};\n\n\tconst handleClose = () => {\n\t\tif (!ref.current) return;\n\n\t\tconst { close } = ref.current;\n\t\tclose();\n\t};\n\n\treturn {\n\t\topen: handleOpen,\n\t\tupdate: handleUpdate,\n\t\tclose: handleClose,\n\t};\n}\n"],"mappings":";;;;;;AAKA,SAAwB,WAAW;CAClC,MAAM,OAAA,GAAA,MAAA,QAA2B,KAAK;CAEtC,MAAM,cAAc,UAAkB;EACrC,MAAM,UAAUA,cAAAA,WACf,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,SAAD;GACM;GACL,SAAA;GACA,GAAI;GACJ,eAAe;AACd,UAAM,WAAW;AACjB,eAAW;;GAEX,CAAA,CACF;;CAGF,MAAM,gBAAgB,UAAkB;AACvC,MAAI,CAAC,IAAI,QAAS;EAElB,MAAM,EAAE,WAAW,IAAI;AACvB,SAAO,MAAM;;CAGd,MAAM,oBAAoB;AACzB,MAAI,CAAC,IAAI,QAAS;EAElB,MAAM,EAAE,UAAU,IAAI;AACtB,SAAO;;AAGR,QAAO;EACN,MAAM;EACN,QAAQ;EACR,OAAO;EACP"}

package/lib/cjs/components/pagination/index.cjs

@@ -1,6 +0,0 @@
-//#region packages/components/pagination/index.tsx
-var pagination_default = require("./pagination.cjs").default;
-//#endregion
-exports.default = pagination_default;
-
-//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/pagination/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Pagination"],"sources":["../../../../packages/components/pagination/index.tsx"],"sourcesContent":["import Pagination from \"./pagination\";\n\nexport default Pagination;\n"],"mappings":";AAEA,IAAA,iDAAeA"}

package/lib/cjs/components/pagination/page.cjs

@@ -1,31 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../loading/index.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/pagination/page.tsx
-const Page = (props) => {
-	const { page, active, disabled, children, onChange } = props;
-	const [loading, setLoading] = (0, react.useState)(false);
-	const handleClick = async () => {
-		if (active || loading || disabled) return;
-		setLoading(true);
-		await onChange?.(page);
-		setLoading(false);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-		className: (0, classnames.default)("i-page", {
-			"i-page-active": active,
-			"i-page-loading": loading,
-			"i-page-disabled": disabled
-		}),
-		"data-page": page,
-		onClick: handleClick,
-		children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { absolute: true }), children]
-	});
-};
-//#endregion
-exports.default = Page;
-
-//# sourceMappingURL=page.cjs.map

package/lib/cjs/components/pagination/page.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"page.cjs","names":["Loading"],"sources":["../../../../packages/components/pagination/page.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useState } from \"react\";\nimport Loading from \"../loading\";\nimport { IPageItem } from \"./type\";\n\nconst Page = (props: IPageItem) => {\n\tconst { page, active, disabled, children, onChange } = props;\n\tconst [loading, setLoading] = useState(false);\n\n\tconst handleClick = async () => {\n\t\tif (active || loading || disabled) return;\n\n\t\tsetLoading(true);\n\t\tawait onChange?.(page);\n\t\tsetLoading(false);\n\t};\n\n\treturn (\n\t\t<a\n\t\t\tclassName={classNames(\"i-page\", {\n\t\t\t\t\"i-page-active\": active,\n\t\t\t\t\"i-page-loading\": loading,\n\t\t\t\t\"i-page-disabled\": disabled,\n\t\t\t})}\n\t\t\tdata-page={page}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{loading && <Loading absolute />}\n\t\t\t{children}\n\t\t</a>\n\t);\n};\n\nexport default Page;\n"],"mappings":";;;;;;;AAKA,MAAM,QAAQ,UAAqB;CAClC,MAAM,EAAE,MAAM,QAAQ,UAAU,UAAU,aAAa;CACvD,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAE7C,MAAM,cAAc,YAAY;AAC/B,MAAI,UAAU,WAAW,SAAU;AAEnC,aAAW,KAAK;AAChB,QAAM,WAAW,KAAK;AACtB,aAAW,MAAM;;AAGlB,QACC,iBAAA,GAAA,kBAAA,MAAC,KAAD;EACC,YAAA,GAAA,WAAA,SAAsB,UAAU;GAC/B,iBAAiB;GACjB,kBAAkB;GAClB,mBAAmB;GACnB,CAAC;EACF,aAAW;EACX,SAAS;YAPV,CASE,WAAW,iBAAA,GAAA,kBAAA,KAACA,cAAAA,SAAD,EAAS,UAAA,MAAW,CAAA,EAC/B,SACE"}

package/lib/cjs/components/pagination/pagination.cjs

@@ -1,86 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../icon/index.cjs");
-const require_page = require("./page.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/pagination/pagination.tsx
-const Pagination = (props) => {
-	const { page: defaultPage = 1, size = 10, total = 0, sibling = 2, prev = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.KeyboardArrowLeftRound, {}) }), next = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.KeyboardArrowRightRound, {}) }), simple, jumper, className, renderEllipsis = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.MoreHorizRound, {}),
-		className: "color-7"
-	}), renderPage = (i) => i, onChange, ...restProps } = props;
-	const [page, setPage] = (0, react.useState)(defaultPage);
-	const [loading, setLoading] = (0, react.useState)(false);
-	const totalPage = (0, react.useMemo)(() => Math.ceil(total / size), [size, total]);
-	const [start, end, loop] = (0, react.useMemo)(() => {
-		const start = Math.max(1, page - sibling);
-		const end = Math.min(totalPage, page + sibling);
-		return [
-			start,
-			end,
-			Array.from({ length: end - start + 1 }).map((n, i) => start + i)
-		];
-	}, [
-		page,
-		totalPage,
-		sibling
-	]);
-	const handlePageChange = async (p) => {
-		if (!onChange || loading) return;
-		setLoading(true);
-		return new Promise(async (resolve) => {
-			if (p === void 0) return;
-			await onChange(p);
-			setPage(p);
-			setLoading(false);
-			resolve();
-		});
-	};
-	(0, react.useEffect)(() => setPage(defaultPage), [defaultPage]);
-	if (totalPage <= page && page === 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)("i-pagination", className),
-		...restProps,
-		children: [
-			prev && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_page.default, {
-				page: page - 1 || 1,
-				disabled: page === 1,
-				onChange: handlePageChange,
-				children: prev
-			}),
-			start > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_page.default, {
-				page: 1,
-				onChange: handlePageChange,
-				children: renderPage(1)
-			}),
-			start > 2 && renderEllipsis(),
-			loop.map((p) => {
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_page.default, {
-					page: p,
-					active: p === page,
-					onChange: handlePageChange,
-					children: renderPage(p)
-				}, p);
-			}),
-			end < totalPage - 1 && renderEllipsis(),
-			end < totalPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_page.default, {
-				page: totalPage,
-				onChange: handlePageChange,
-				children: renderPage(totalPage)
-			}),
-			next && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_page.default, {
-				page: page + 1,
-				disabled: page === totalPage,
-				onChange: handlePageChange,
-				children: next
-			})
-		]
-	});
-};
-//#endregion
-exports.default = Pagination;
-
-//# sourceMappingURL=pagination.cjs.map

package/lib/cjs/components/pagination/pagination.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.cjs","names":[],"sources":["../../../../packages/components/pagination/pagination.tsx"],"sourcesContent":["import {\n\tKeyboardArrowLeftRound,\n\tKeyboardArrowRightRound,\n\tMoreHorizRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport Icon from \"../icon\";\nimport \"./index.css\";\nimport Page from \"./page\";\nimport { IPagination } from \"./type\";\n\nconst Pagination = (props: IPagination) => {\n\tconst {\n\t\tpage: defaultPage = 1,\n\t\tsize = 10,\n\t\ttotal = 0,\n\t\tsibling = 2,\n\t\tprev = <Icon icon={<KeyboardArrowLeftRound />} />,\n\t\tnext = <Icon icon={<KeyboardArrowRightRound />} />,\n\t\tsimple,\n\t\tjumper,\n\t\tclassName,\n\t\trenderEllipsis = () => (\n\t\t\t<Icon icon={<MoreHorizRound />} className='color-7' />\n\t\t),\n\t\trenderPage = (i) => i,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [page, setPage] = useState(defaultPage);\n\tconst [loading, setLoading] = useState(false);\n\n\tconst totalPage = useMemo(() => Math.ceil(total / size), [size, total]);\n\n\tconst [start, end, loop] = useMemo(() => {\n\t\tconst start = Math.max(1, page - sibling);\n\t\tconst end = Math.min(totalPage, page + sibling);\n\n\t\treturn [\n\t\t\tstart,\n\t\t\tend,\n\t\t\tArray.from({ length: end - start + 1 }).map((n, i) => start + i),\n\t\t];\n\t}, [page, totalPage, sibling]);\n\n\tconst handlePageChange = async (p?: number) => {\n\t\tif (!onChange || loading) return;\n\t\tsetLoading(true);\n\n\t\treturn new Promise<void>(async (resolve) => {\n\t\t\tif (p === undefined) return;\n\t\t\tawait onChange(p);\n\t\t\tsetPage(p);\n\t\t\tsetLoading(false);\n\t\t\tresolve();\n\t\t});\n\t};\n\n\tuseEffect(() => setPage(defaultPage), [defaultPage]);\n\n\tif (totalPage <= page && page === 1) return <></>;\n\n\treturn (\n\t\t<div className={classNames(\"i-pagination\", className)} {...restProps}>\n\t\t\t{prev && (\n\t\t\t\t<Page\n\t\t\t\t\tpage={page - 1 || 1}\n\t\t\t\t\tdisabled={page === 1}\n\t\t\t\t\tonChange={handlePageChange}\n\t\t\t\t>\n\t\t\t\t\t{prev}\n\t\t\t\t</Page>\n\t\t\t)}\n\n\t\t\t{start > 1 && (\n\t\t\t\t<Page page={1} onChange={handlePageChange}>\n\t\t\t\t\t{renderPage(1)}\n\t\t\t\t</Page>\n\t\t\t)}\n\n\t\t\t{start > 2 && renderEllipsis()}\n\n\t\t\t{loop.map((p) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Page\n\t\t\t\t\t\tkey={p}\n\t\t\t\t\t\tpage={p}\n\t\t\t\t\t\tactive={p === page}\n\t\t\t\t\t\tonChange={handlePageChange}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderPage(p)}\n\t\t\t\t\t</Page>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t{end < totalPage - 1 && renderEllipsis()}\n\n\t\t\t{end < totalPage && (\n\t\t\t\t<Page page={totalPage} onChange={handlePageChange}>\n\t\t\t\t\t{renderPage(totalPage)}\n\t\t\t\t</Page>\n\t\t\t)}\n\n\t\t\t{next && (\n\t\t\t\t<Page\n\t\t\t\t\tpage={page + 1}\n\t\t\t\t\tdisabled={page === totalPage}\n\t\t\t\t\tonChange={handlePageChange}\n\t\t\t\t>\n\t\t\t\t\t{next}\n\t\t\t\t</Page>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Pagination;\n"],"mappings":";;;;;;;;;;CAYA,MAAM,EACL,MAAM,cAAA,GACL,OAAM,IACN,QAAO,GACP,UAAS,GACT,OAAO,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD,EAAI,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,wBAAA,EAAA,CAAA,EAAA,CAAA,EACX,OAAO,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD,EAAM,MAAM,iBAAA,GAAA,kBAAA,KAAC,iBAAA,yBAAD,EAA2B,CAAA,EAAG,CAAA,EACjD,QACA,QACA,WACA,uBACA,iBAAA,GAAA,kBAAA,KAAA,cAAA,SAAA;EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAc,iBAAA,gBAAd,EAAuB,CAAA;EAAA,WAAA;EAAA,CAAA,EAEvB,cAAC,MAAA,GACD,UACA,GAAA,cACG;;CAGJ,MAAM,CAAC,SAAM,eAAA,GAAA,MAAA,UAAoB,MAAY;;;EAK7C,MAAO,QAAO,KAAK,IAAK,GAAG,OAAO,QAAO;EACxC,MAAM,MAAM,KAAE,IAAK,WAAa,OAAC,QAAQ;;GAGzC;GACC;GACA,MAAG,KAAA,EAAA,QAAA,MAAA,QAAA,GAAA,CAAA,CAAA,KAAA,GAAA,MAAA,QAAA,EAAA;GACH;IACA;EAAA;EAAA;EAAA;EAAA,CAAA;;AAGF,MAAK,CAAC,YAAA,QAAmB;AACxB,aAAK,KAAW;;AAGhB,OAAA,MAAW,KAAA,EAAQ;AAClB,SAAM,SAAI,EAAA;AACV,WAAM,EAAA;AACN,cAAU,MAAA;AACV,YAAA;IACA;;;;QAQF,iBAAA,GAAA,kBAAA,MAAA,OAAA;EAAM,YAAA,GAAA,WAAA,SAAC,gBAAA,UAAA;EAAA,GAAA;YAAP;GACE,QACC,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;IACC,MAAA,OAAA,KAAA;IACA,UAAU,SAAS;IACnB,UAAU;cAEX;IACM,CAAA;gBAIN,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;IAAM,MAAM;IAAC,UAAA;cACZ,WAAY,EAAE;IACb,CAAA;;;AAMF,WACA,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;KAEE,MAAM;KACN,QAAO,MAAA;KACP,UAAU;eAEX,WAAA,EAAA;KACE,EAND,EAMC;KAEF;;sBAKD,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;IAAM,MAAA;IAAa,UAAA;cAClB,WAAW,UAAW;IACrB,CAAA;WAIF,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;IACC,MAAA,OAAA;IACA,UAAU,SAAI;IACd,UAAU;cAEX;IACM,CAAA;GAEN"}

package/lib/cjs/components/picker/colors/footer.cjs

@@ -1,64 +0,0 @@
-require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../button/index.cjs");
-const require_index$1 = require("../../icon/index.cjs");
-const require_index$2 = require("../../input/index.cjs");
-const require_index$3 = require("../../select/index.cjs");
-let react = require("react");
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/picker/colors/footer.tsx
-const ColorMethods = {
-	HEX: "toHexString",
-	RGB: "toRgbString",
-	HSB: "toHsbString"
-};
-function Footer(props) {
-	const { value, type, onTypeChange, onChange, onOk } = props;
-	const [inputValue, setInputValue] = (0, react.useState)(value);
-	const [colorType, setColorType] = (0, react.useState)(type);
-	const handleChange = (v) => {
-		setInputValue(v);
-		onChange(v);
-	};
-	const handleTypeChange = (t) => {
-		setColorType(t);
-		onTypeChange(t);
-	};
-	(0, react.useEffect)(() => {
-		setInputValue(value);
-		setColorType(type);
-	}, [value, type]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "i-colorpicker-footer",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.default, {
-				readOnly: true,
-				hideClear: true,
-				hideArrow: true,
-				style: { width: "5.6em" },
-				options: [
-					"RGB",
-					"HEX",
-					"HSB"
-				],
-				value: colorType,
-				onChange: handleTypeChange
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
-				placeholder: "color",
-				value: inputValue,
-				onChange: handleChange
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				square: true,
-				onClick: onOk,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.CheckRound, {}) })
-			})
-		]
-	});
-}
-//#endregion
-exports.ColorMethods = ColorMethods;
-exports.default = Footer;
-
-//# sourceMappingURL=footer.cjs.map

package/lib/cjs/components/picker/colors/footer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.cjs","names":["Select","Input","Button","Icon","CheckRound"],"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,kBAAA,GAAA,MAAA,UAA0B,MAAM;CACnD,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,KAAK;CAEhD,MAAM,gBAAgB,MAAM;AAC3B,gBAAc,EAAE;AAChB,WAAS,EAAE;;CAGZ,MAAM,oBAAoB,MAAM;AAC/B,eAAa,EAAE;AACf,eAAa,EAAE;;AAGhB,EAAA,GAAA,MAAA,iBAAgB;AACf,gBAAc,MAAM;AACpB,eAAa,KAAK;IAChB,CAAC,OAAO,KAAK,CAAC;AAEjB,QACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACC,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;IACC,UAAA;IACA,WAAA;IACA,WAAA;IACA,OAAO,EAAE,OAAO,SAAS;IACzB,SAAS;KAAC;KAAO;KAAO;KAAM;IAC9B,OAAO;IACP,UAAU;IACT,CAAA;GACF,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;IACC,aAAY;IACZ,OAAO;IACP,UAAU;IACT,CAAA;GACF,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IAAQ,QAAA;IAAO,SAAS;cACvB,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD,EAAM,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,YAAD,EAAc,CAAA,EAAI,CAAA;IACtB,CAAA;GACJ"}

package/lib/cjs/components/picker/colors/handle.cjs

@@ -1,25 +0,0 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/picker/colors/handle.tsx
-const Handle = (props) => {
-	const { ref, color, handle, placeholder, className, ...restProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: (0, classnames.default)("i-colorpicker-handle", className),
-		...restProps,
-		children: [handle !== "text" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-			className: "i-colorpicker-square",
-			style: { background: color }
-		}), handle !== "square" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "i-colorpicker-text",
-			style: { color },
-			children: color ?? placeholder
-		})]
-	});
-};
-//#endregion
-exports.default = Handle;
-
-//# sourceMappingURL=handle.cjs.map

package/lib/cjs/components/picker/colors/handle.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"handle.cjs","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,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACM;EACL,YAAA,GAAA,WAAA,SAAsB,wBAAwB,UAAU;EACxD,GAAI;YAHL,CAKE,WAAW,UACX,iBAAA,GAAA,kBAAA,KAAC,KAAD;GACC,WAAU;GACV,OAAO,EAAE,YAAY,OAAO;GAC3B,CAAA,EAGF,WAAW,YACX,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;GAAqB,OAAO,EAAE,OAAO;aACnD,SAAS;GACJ,CAAA,CAEH"}

package/lib/cjs/components/picker/colors/index.cjs

@@ -1,81 +0,0 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../popup/index.cjs");
-const require_footer = require("./footer.cjs");
-const require_handle = require("./handle.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _rc_component_color_picker = require("@rc-component/color-picker");
-_rc_component_color_picker = require_runtime.__toESM(_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] = (0, react.useState)(type);
-	const [colorValue, setColorValue] = (0, react.useState)(value);
-	const [syncValue, setSyncValue] = (0, react.useState)(value);
-	const [visible, setVisible] = (0, react.useState)(popupProps?.visible);
-	const handleChange = (target) => {
-		setSyncValue(target);
-	};
-	const handleComplete = (target) => {
-		const method = require_footer.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 = require_footer.ColorMethods[t];
-		setColorType(t);
-		setColorValue(syncValue?.[method]?.());
-	};
-	const handleValueChange = (v) => {
-		setColorValue(v);
-		setSyncValue(v);
-	};
-	const handleOk = () => {
-		onChange?.(colorValue);
-		setVisible(false);
-	};
-	(0, react.useEffect)(() => {
-		setSyncValue(value);
-		setColorValue(value);
-	}, [value]);
-	(0, react.useEffect)(() => {
-		if (popupProps?.visible !== void 0) setVisible(popupProps.visible);
-	}, [popupProps?.visible]);
-	if (usePanel) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rc_component_color_picker.default, { ...props });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-		trigger: "click",
-		touchable: true,
-		position: "bottom",
-		...popupProps,
-		visible,
-		content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rc_component_color_picker.default, {
-			value: syncValue,
-			disabledAlpha,
-			panelRender: (panel) => {
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [panel, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_footer.default, {
-					value: colorValue,
-					type: colorType,
-					onTypeChange: handleTypeChange,
-					onChange: handleValueChange,
-					onOk: handleOk
-				})] });
-			},
-			onChange: handleChange,
-			onChangeComplete: handleComplete
-		}),
-		onVisibleChange: handleVisibleChange,
-		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_handle.default, {
-			color: value,
-			handle,
-			placeholder
-		})
-	});
-}
-//#endregion
-exports.default = ColorPicker;
-
-//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/picker/colors/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","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":";;;;;;;;;AAMA,SAAoB,YAAA,OAAA;SAEpB,OACC,OAAM,OACL,eACA,UACA,UACA,SAAQ,QACR,cAAQ,UACR,YACA,aACA;CAED,MAAI,CAAA,WAAK,iBAAA,GAAA,MAAA,UAAA,KAAA;;CAET,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,MAAK;CAChD,MAAM,CAAC,SAAA,eAAA,GAAA,MAAA,UAA4C,YAAA,QAAA;CAEnD,MAAM,gBAAU,WAAc;;;CAI9B,MAAC,kBAAA,WAAA;;AAGA,MAAA,OAAM,MAAS,EAAA,QAAA,IAAA,WAAA,OAAA,EAAA,QAAA,EAAA,CAAA;AAIf,gBAAA,OAAA,WAAA,CAAA;;CAGD,MAAC,uBAAA,MAAA;;AAED,cAAM,kBAAyB,EAAC;;CAGhC,MAAC,oBAAA,MAAA;;AAGA,eAAa,EAAE;;;CAIhB,MAAC,qBAAA,MAAA;;AAED,eAAM,EAAA;;CAGN,MAAC,iBAAA;;AAED,aAAM,MAAY;;AAGlB,EAAA,GAAA,MAAA,iBAAC;;AAED,gBAAe,MAAC;IACf,CAAA,MAAA,CAAA;AAED,EAAA,GAAA,MAAA,iBAAW;qCAEX,YAAa,WAAG,QAAA;IAEd,CAAA,YAAW,QAAW,CAAA;AAExB,KAAI,SAAA,QAAA,iBAAA,GAAA,kBAAA,KAAA,2BAAA,SAAA,EAAA,GAAA,OAAA,CAAA;AAIJ,QAAA,iBAAA,GAAA,kBAAA,KAAA,cAAA,SAAA;EAEA,SAAO;EACL,WAAA;EACA,UAAS;EACT,GAAA;EACS;EACT,SACA,iBAAA,GAAA,kBAAA,KAAA,2BAAA,SAAA;GACA,OAAQ;GACN;GACA,cAAO,UAAS;AAChB,WACA,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACC,OACE,iBAAA,GAAA,kBAAA,KAAA,eAAA,SAAA;KACC,OAAK;KACL,MAAA;KACA,cAAO;KACP,UAAM;KACN,MAAA;KACA,CAAA,CACA,EAAA,CAAA;;GAGJ,UAAE;GACF,kBAAC;GACD,CAAA;EAEF,iBAAE;YAEF,YACD,iBAAA,GAAA,kBAAA,KAAA,eAAA,SAAA;GACE,OAAQ;GACP;GACY;GACZ,CAAA;EAEA,CAAA"}