@ioca/react 1.4.79 → 1.4.80

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

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

package/lib/cjs/components/list/{item.cjs → item.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -27,4 +27,4 @@ const Item = (props) => {
 //#endregion
 exports.default = Item;
 
-//# sourceMappingURL=item.cjs.map
+//# sourceMappingURL=item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"sources":["../../../../packages/components/list/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { IListItem } from \"./type\";\n\nconst Item = (props: IListItem) => {\n\tconst {\n\t\tref,\n\t\tactive,\n\t\ttype,\n\t\talign,\n\t\tdisabled,\n\t\tlabel,\n\t\tstyle,\n\t\tborder,\n\t\tclassName,\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<li\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-list-item\", className, {\n\t\t\t\t\"i-list-item-active\": active,\n\t\t\t\t\"i-list-option\": type === \"option\",\n\t\t\t\t\"i-list-item-bordered\": border,\n\t\t\t\tdisabled,\n\t\t\t})}\n\t\t\tstyle={{ alignItems: align, ...style }}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{label !== undefined && (\n\t\t\t\t<span className='i-list-item-label'>{label}</span>\n\t\t\t)}\n\t\t\t{children}\n\t\t</li>\n\t);\n};\n\nexport default Item;\n"],"mappings":";;;;;AAGA,MAAM,QAAQ,UAAqB;CAClC,MAAM,EACL,KACA,QACA,MACA,OACA,UACA,OACA,OACA,QACA,WACA,UACA,GAAG,cACA;AAEJ,QACC,iBAAA,GAAA,kBAAA,MAAC,MAAD;EACM;EACL,YAAA,GAAA,WAAA,SAAsB,eAAe,WAAW;GAC/C,sBAAsB;GACtB,iBAAiB,SAAS;GAC1B,wBAAwB;GACxB;GACA,CAAC;EACF,OAAO;GAAE,YAAY;GAAO,GAAG;GAAO;EACtC,GAAI;YATL,CAWE,UAAU,KAAA,KACV,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAqB;GAAa,CAAA,EAElD,SACG"}

package/lib/cjs/components/list/{list.cjs → list.js}

@@ -1,5 +1,5 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_item = require("./item.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_item = require("./item.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -27,4 +27,4 @@ List.Item = require_item.default;
 //#endregion
 exports.default = List;
 
-//# sourceMappingURL=list.cjs.map
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","names":[],"sources":["../../../../packages/components/list/list.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, cloneElement } from \"react\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IList } from \"./type\";\n\nconst List = (props: IList) => {\n\tconst { label, type, border, className, children, ...restProps } = props;\n\n\treturn (\n\t\t<ul className={classNames(\"i-list\", className)} {...restProps}>\n\t\t\t{Children.map(children, (node: any, i) => {\n\t\t\t\tconst renderLabel =\n\t\t\t\t\ttypeof label === \"function\" ? label(i) : label;\n\n\t\t\t\tconst { type, props: nodeProps } = node;\n\n\t\t\t\tif (type === Item) {\n\t\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\t\tlabel: renderLabel,\n\t\t\t\t\t\t...nodeProps,\n\t\t\t\t\t\ttype: props.type,\n\t\t\t\t\t\tborder,\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn node;\n\t\t\t})}\n\t\t</ul>\n\t);\n};\n\nList.Item = Item;\n\nexport default List;\n"],"mappings":""}

package/lib/cjs/components/loading/{index.cjs → index.js}

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

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

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

package/lib/cjs/components/loading/{loading.cjs → loading.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -36,4 +36,4 @@ const Loading = (props) => {
 //#endregion
 exports.default = Loading;
 
-//# sourceMappingURL=loading.cjs.map
+//# sourceMappingURL=loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","names":[],"sources":["../../../../packages/components/loading/loading.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport { ILoading } from \"./type\";\n\nconst Loading = (props: ILoading) => {\n\tconst { icon, text, size, absolute, style, className, ...restProps } =\n\t\tprops;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-loading-container\",\n\t\t\t\t{\n\t\t\t\t\tabsolute,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tinset: absolute ? 0 : \"unset\",\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{icon ?? (\n\t\t\t\t<svg\n\t\t\t\t\twidth='24'\n\t\t\t\t\theight='24'\n\t\t\t\t\tstroke='#000'\n\t\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\t\tclassName='i-loading-icon'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontSize: size,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='12'\n\t\t\t\t\t\tcy='12'\n\t\t\t\t\t\tr='9.5'\n\t\t\t\t\t\tfill='none'\n\t\t\t\t\t\tstrokeWidth='3'\n\t\t\t\t\t\tstrokeLinecap='round'\n\t\t\t\t\t\tstrokeDasharray={40}\n\t\t\t\t\t\tstrokeDashoffset={0}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\n\t\t\t{text}\n\t\t</div>\n\t);\n};\n\nexport default Loading;\n"],"mappings":""}

package/lib/cjs/components/message/{index.cjs → index.js}

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

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

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

package/lib/cjs/components/message/{message.cjs → message.js}

@@ -1,5 +1,5 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_hooks = require("../../js/hooks.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
@@ -194,4 +194,4 @@ if (typeof window !== "undefined") {
 //#endregion
 exports.default = message;
 
-//# sourceMappingURL=message.cjs.map
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":[],"sources":["../../../../packages/components/message/message.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport classNames from \"classnames\";\nimport { uid } from \"radash\";\nimport { ReactNode, isValidElement, useEffect, useRef } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./index.css\";\nimport type { IMessage, IMessageItem, THeights, TMessageQueue } from \"./type\";\n\nconst AlignMap = {\n\tleft: \"flex-start\",\n\tcenter: \"center\",\n\tright: \"flex-end\",\n};\n\nconst GlobalConfig = {\n\talign: \"center\",\n\toffset: \"12px\",\n\tgap: 12,\n};\n\nconst ItemDefaultConfig = {\n\tduration: 3000,\n\tclosable: true,\n\tactive: false,\n};\n\nconst handler: {\n\toneInstance: null | IMessage;\n\tcallout: (item: IMessage) => void;\n\tclose: () => void;\n} = {\n\toneInstance: null,\n\tcallout(item: IMessage) {},\n\tclose() {},\n};\n\nconst queue: TMessageQueue = {\n\tleft: [],\n\tcenter: [],\n\tright: [],\n};\nconst heights: THeights = {\n\tleft: [],\n\tcenter: [],\n\tright: [],\n};\n\nconst MessageItem = function ({\n\tref,\n\tactive,\n\tcontent,\n\ttop,\n\tclassName,\n\tstyle,\n\tonClick,\n}: IMessageItem) {\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-message\", className, {\n\t\t\t\t\"i-message-active\": active,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\ttop,\n\t\t\t}}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t{content}\n\t\t</div>\n\t);\n};\n\nfunction Messages() {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<{\n\t\ttops: THeights;\n\t\titems: TMessageQueue;\n\t}>({\n\t\titems: {\n\t\t\tleft: [],\n\t\t\tcenter: [],\n\t\t\tright: [],\n\t\t},\n\t\ttops: {\n\t\t\tleft: [],\n\t\t\tcenter: [],\n\t\t\tright: [],\n\t\t},\n\t});\n\tconst offsetTop = {\n\t\tleft: 0,\n\t\tcenter: 0,\n\t\tright: 0,\n\t};\n\n\tuseEffect(() => {\n\t\tObject.assign(handler, {\n\t\t\tcallout: function (item: IMessage) {\n\t\t\t\tconst { align = \"center\", unshift, onShow } = item;\n\t\t\t\tconst size = queue[align][unshift ? \"unshift\" : \"push\"](item);\n\t\t\t\tstate.items[align] = [...queue[align]];\n\t\t\t\titem.close = this.close.bind(item);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tconst h = ref.current?.offsetHeight || 0;\n\n\t\t\t\t\tqueue[align][unshift ? 0 : size - 1].active = true;\n\t\t\t\t\tstate.items[align] = [...queue[align]];\n\t\t\t\t\theights[align][unshift ? \"unshift\" : \"push\"](h);\n\t\t\t\t\tstate.tops[align] = [...heights[align]];\n\t\t\t\t\tonShow?.();\n\t\t\t\t}, 12);\n\n\t\t\t\tif (item.duration !== 0) {\n\t\t\t\t\titem.timer = setTimeout(() => {\n\t\t\t\t\t\tthis.close.call(item);\n\t\t\t\t\t}, item.duration);\n\t\t\t\t}\n\t\t\t},\n\t\t\tclose: function () {\n\t\t\t\tconst item = this as IMessage;\n\t\t\t\tconst { align = \"center\", onHide } = item;\n\t\t\t\tconst index = queue[align].findIndex((i) => i.id === item.id);\n\t\t\t\tif (index < 0) return;\n\n\t\t\t\tqueue[align][index].active = false;\n\t\t\t\tstate.items[align] = [...queue[align]];\n\n\t\t\t\titem.timer = setTimeout(() => {\n\t\t\t\t\tconst index = queue[align].findIndex(\n\t\t\t\t\t\t(i) => i.id === item.id\n\t\t\t\t\t);\n\n\t\t\t\t\tqueue[align].splice(index, 1);\n\t\t\t\t\theights[align].splice(index, 1);\n\t\t\t\t\tstate.tops[align] = [...heights[align]];\n\t\t\t\t\tstate.items[align] = [...queue[align]];\n\t\t\t\t\titem.timer && clearTimeout(item.timer);\n\t\t\t\t\tonHide?.();\n\t\t\t\t}, 240);\n\t\t\t},\n\t\t});\n\t}, []);\n\n\tconst renderItems = (item, i) => {\n\t\tif (!item) return <></>;\n\n\t\tconst { id, active, content, align = \"center\", className } = item;\n\t\toffsetTop[align] += state.tops[align][i - 1] || 0;\n\t\tconst top = GlobalConfig.gap * i + offsetTop[align];\n\n\t\treturn (\n\t\t\t<MessageItem\n\t\t\t\tkey={id}\n\t\t\t\tref={ref}\n\t\t\t\tactive={active}\n\t\t\t\tcontent={content}\n\t\t\t\ttop={top}\n\t\t\t\tclassName={className}\n\t\t\t\tstyle={{ alignSelf: AlignMap[align] }}\n\t\t\t\tonClick={handler.close.bind(item)}\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className='i-messages'>\n\t\t\t{state.items.left.map(renderItems)}\n\t\t\t{state.items.center.map(renderItems)}\n\t\t\t{state.items.right.map(renderItems)}\n\t\t</div>\n\t);\n}\n\nexport function setMessageConfig(config: IMessage) {\n\tObject.assign(GlobalConfig, config);\n}\n\nfunction message(config: IMessage | ReactNode) {\n\tif (\n\t\t[\"string\", \"number\"].includes(typeof config) ||\n\t\tisValidElement(config)\n\t) {\n\t\tconfig = { content: config as ReactNode };\n\t}\n\n\tconfig = Object.assign(\n\t\t{ id: uid(7) },\n\t\tItemDefaultConfig,\n\t\tconfig as IMessage\n\t);\n\n\thandler.callout(config as IMessage);\n\n\treturn {\n\t\tinstance: config,\n\t\tclose: handler.close.bind(config),\n\t};\n}\n\nfunction createContainer() {\n\tif (typeof document === \"undefined\") return null;\n\tconst container = document.createElement(\"div\");\n\tcontainer.dataset.id = \"messages\";\n\tdocument.body.append(container);\n\treturn container;\n}\n\nmessage.error = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-error\",\n\t});\n};\n\nmessage.success = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-success\",\n\t});\n};\n\nmessage.warning = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-warning\",\n\t});\n};\n\nmessage.info = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-blue\",\n\t});\n};\n\nmessage.one = (config: IMessage) => {\n\tconst o = handler.oneInstance;\n\n\tif (o) {\n\t\tif (o.active && o.duration !== 0) {\n\t\t\tclearTimeout(o.timer);\n\t\t\to.timer = setTimeout(() => {\n\t\t\t\to.close?.();\n\t\t\t}, o.duration);\n\t\t} else {\n\t\t\thandler.callout(o);\n\t\t}\n\t} else {\n\t\tconst { instance } = message(config);\n\t\thandler.oneInstance = instance;\n\t}\n};\n\n// 初始化消息容器\nlet container: HTMLElement | null = null;\nlet root: any = null;\n\nif (typeof window !== \"undefined\") {\n\tcontainer = createContainer();\n\tif (container) {\n\t\troot = createRoot(container);\n\t\troot.render(<Messages />);\n\t}\n}\n\nexport default message;\n"],"mappings":""}

package/lib/cjs/components/modal/{content.cjs → content.js}

@@ -1,6 +1,6 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../button/index.cjs");
-const require_index$1 = require("../utils/helpericon/index.cjs");
+require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../button/index.js");
+const require_index$1 = require("../utils/helpericon/index.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/components/modal/content.tsx
@@ -54,4 +54,4 @@ function Content(props) {
 //#endregion
 exports.default = Content;
 
-//# sourceMappingURL=content.cjs.map
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","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":""}

package/lib/cjs/components/modal/{context.cjs → context.js}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","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 → hookModal.js}

@@ -1,6 +1,6 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_modal = require("./modal.cjs");
+require("../../_virtual/_rolldown/runtime.js");
+const require_hooks = require("../../js/hooks.js");
+const require_modal = require("./modal.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/components/modal/hookModal.tsx
@@ -25,4 +25,4 @@ const HookModal = (props) => {
 //#endregion
 exports.default = HookModal;
 
-//# sourceMappingURL=hookModal.cjs.map
+//# sourceMappingURL=hookModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hookModal.js","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 → index.js}

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

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

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

package/lib/cjs/components/modal/{modal.cjs → modal.js}

@@ -1,8 +1,8 @@
-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");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_hooks = require("../../js/hooks.js");
+const require_content = require("./content.js");
+const require_context = require("./context.js");
+const require_useModal = require("./useModal.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -114,4 +114,4 @@ Modal.useModal = require_useModal.default;
 //#endregion
 exports.default = Modal;
 
-//# sourceMappingURL=modal.cjs.map
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","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":""}

package/lib/cjs/components/modal/{useModal.cjs → useModal.js}

@@ -1,6 +1,6 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_hookModal = require("./hookModal.cjs");
+require("../../_virtual/_rolldown/runtime.js");
+const require_utils = require("../../js/utils.js");
+const require_hookModal = require("./hookModal.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/components/modal/useModal.tsx
@@ -36,4 +36,4 @@ function useModal() {
 //#endregion
 exports.default = useModal;
 
-//# sourceMappingURL=useModal.cjs.map
+//# sourceMappingURL=useModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","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 → index.js}

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

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

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

package/lib/cjs/components/pagination/{page.cjs → page.js}

@@ -1,5 +1,5 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../loading/index.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../loading/index.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -28,4 +28,4 @@ const Page = (props) => {
 //#endregion
 exports.default = Page;
 
-//# sourceMappingURL=page.cjs.map
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","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 → pagination.js}

@@ -1,6 +1,6 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../icon/index.cjs");
-const require_page = require("./page.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../icon/index.js");
+const require_page = require("./page.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -83,4 +83,4 @@ const Pagination = (props) => {
 //#endregion
 exports.default = Pagination;
 
-//# sourceMappingURL=pagination.cjs.map
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","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":""}

package/lib/cjs/components/picker/colors/{footer.cjs → footer.js}

@@ -1,8 +1,8 @@
-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");
+require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../button/index.js");
+const require_index$1 = require("../../icon/index.js");
+const require_index$2 = require("../../input/index.js");
+const require_index$3 = require("../../select/index.js");
 let react = require("react");
 let _ricons_material = require("@ricons/material");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -61,4 +61,4 @@ function Footer(props) {
 exports.ColorMethods = ColorMethods;
 exports.default = Footer;
 
-//# sourceMappingURL=footer.cjs.map
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","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 → handle.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -22,4 +22,4 @@ const Handle = (props) => {
 //#endregion
 exports.default = Handle;
 
-//# sourceMappingURL=handle.cjs.map
+//# sourceMappingURL=handle.js.map

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

@@ -0,0 +1 @@
+{"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,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 → index.js}

@@ -1,7 +1,7 @@
-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");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../popup/index.js");
+const require_footer = require("./footer.js");
+const require_handle = require("./handle.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _rc_component_color_picker = require("@rc-component/color-picker");
@@ -78,4 +78,4 @@ function ColorPicker(props) {
 //#endregion
 exports.default = ColorPicker;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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":""}

package/lib/cjs/components/picker/dates/{dates.cjs → dates.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -65,4 +65,4 @@ const Dates = (props) => {
 //#endregion
 exports.default = Dates;
 
-//# sourceMappingURL=dates.cjs.map
+//# sourceMappingURL=dates.js.map

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

@@ -0,0 +1 @@
+{"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,SAAA,GAAA,MAAA,UAAe;CAErB,MAAM,SAAA,GAAA,MAAA,eAAsB;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,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,MAAM,KAAK,MAAiB,MAC5B,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAc,WAAU;aACtB;GACK,EAFI,EAEJ,CACN;EACG,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,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,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAEC,YAAA,GAAA,WAAA,SAAsB,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/cjs/components/picker/dates/{index.cjs → index.js}

@@ -1,8 +1,8 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../icon/index.cjs");
-const require_index$1 = require("../../popup/index.cjs");
-const require_index$2 = require("../../input/index.cjs");
-const require_panel = require("./panel.cjs");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../icon/index.js");
+const require_index$1 = require("../../popup/index.js");
+const require_index$2 = require("../../input/index.js");
+const require_panel = require("./panel.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -94,4 +94,4 @@ const Datepicker = (props) => {
 //#endregion
 exports.default = Datepicker;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/picker/dates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../packages/components/picker/dates/index.tsx"],"sourcesContent":["import { CalendarMonthTwotone } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat.js\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport Icon from \"../../icon\";\nimport Input from \"../../input\";\nimport Popup from \"../../popup\";\nimport { IDatePicker } from \"../type\";\nimport \"./index.css\";\nimport Panel from \"./panel\";\n\ndayjs.extend(customParseFormat);\n\nconst FORMATTYPES = [\"YYYY-MM-DD\", \"YYYY-M-D\", \"YYYY/MM/DD\", \"YYYY/M/D\"];\nconst FORMAT = \"YYYY-MM-DD\";\n\nconst Datepicker = (props: IDatePicker) => {\n\tconst {\n\t\tname,\n\t\tvalue,\n\t\tweeks,\n\t\tformat = FORMAT,\n\t\tplaceholder = props.format ?? FORMAT,\n\t\tclassName,\n\t\trenderDate,\n\t\trenderMonth,\n\t\trenderYear,\n\t\tpopupProps,\n\t\tdisabledDate,\n\t\tonDateClick,\n\t\tonChange,\n\t\tonBlur,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState(value);\n\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst dayJsValue = useMemo(() => {\n\t\tif (!inputValue) return null;\n\n\t\tconst date = dayjs(inputValue as string, format, true);\n\n\t\tif (date.isValid()) return date;\n\n\t\treturn null;\n\t}, [inputValue, format]);\n\n\tconst handleDateClick = (date: Dayjs) => {\n\t\thandleChange(date.format(format));\n\t};\n\n\tconst handleChange = (v) => {\n\t\tsetInputValue(v);\n\t\tonChange?.(v);\n\t};\n\n\tconst handleSetDate = () => {\n\t\tif (!inputValue) return;\n\n\t\tconst date = dayjs(inputValue as string, FORMATTYPES, true);\n\n\t\tif (date.isValid()) {\n\t\t\thandleChange(date.format(format));\n\t\t\treturn;\n\t\t}\n\n\t\thandleChange(\"\");\n\t};\n\n\tconst handleBlur = (e) => {\n\t\tonBlur?.(e);\n\t\thandleSetDate();\n\t};\n\n\tconst handleVisibleChange = (v) => {\n\t\tpopupProps?.onVisibleChange?.(v);\n\t\tsetActive(v);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<Popup\n\t\t\tvisible={active}\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\tcontent={\n\t\t\t\t<Panel\n\t\t\t\t\tvalue={dayJsValue}\n\t\t\t\t\tweeks={weeks}\n\t\t\t\t\trenderDate={renderDate}\n\t\t\t\t\trenderMonth={renderMonth}\n\t\t\t\t\trenderYear={renderYear}\n\t\t\t\t\tdisabledDate={disabledDate}\n\t\t\t\t\tonDateClick={handleDateClick}\n\t\t\t\t/>\n\t\t\t}\n\t\t\t{...popupProps}\n\t\t>\n\t\t\t<Input\n\t\t\t\tvalue={inputValue}\n\t\t\t\tappend={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={<CalendarMonthTwotone />}\n\t\t\t\t\t\tclassName='i-datepicker-icon'\n\t\t\t\t\t\tsize='1em'\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonEnter={handleSetDate}\n\t\t\t\tclassName={classNames(\"i-datepicker-label\", className)}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t</Popup>\n\t);\n};\n\nexport default Datepicker;\n"],"mappings":""}

package/lib/cjs/components/picker/dates/{panel.cjs → panel.js}

@@ -1,7 +1,7 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../icon/index.cjs");
-const require_index$1 = require("../../utils/helpericon/index.cjs");
-const require_dates = require("./dates.cjs");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../icon/index.js");
+const require_index$1 = require("../../utils/helpericon/index.js");
+const require_dates = require("./dates.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
@@ -148,4 +148,4 @@ const Panel = (props) => {
 //#endregion
 exports.default = Panel;
 
-//# sourceMappingURL=panel.cjs.map
+//# sourceMappingURL=panel.js.map

package/lib/cjs/components/picker/dates/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","names":["Icon","KeyboardArrowLeftRound","KeyboardArrowRightRound","Helpericon","Dates"],"sources":["../../../../../packages/components/picker/dates/panel.tsx"],"sourcesContent":["import {\n\tKeyboardArrowLeftRound,\n\tKeyboardArrowRightRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport { throttle } from \"radash\";\nimport { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Icon from \"../../icon\";\nimport Helpericon from \"../../utils/helpericon\";\nimport { IBaseDates } from \"../type\";\nimport Dates from \"./dates\";\n\nconst MONTHS = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nconst YearMonth = (\n\tprops: IBaseDates & {\n\t\tonClick?: () => void;\n\t}\n) => {\n\tconst {\n\t\tvalue,\n\t\tunitMonth = \"月\",\n\t\tunitYear = \"年\",\n\t\trenderYear,\n\t\trenderMonth,\n\t\tonClick,\n\t} = props;\n\n\treturn (\n\t\t<a className='i-datepicker-action' data-ripple onClick={onClick}>\n\t\t\t<span>{renderYear?.(value.year())}</span>\n\t\t\t{unitYear}\n\t\t\t<span>{renderMonth?.(value.month() + 1)}</span>\n\t\t\t{unitMonth}\n\t\t</a>\n\t);\n};\n\nconst Panel = (props: IBaseDates) => {\n\tconst {\n\t\tvalue,\n\t\tunitYear,\n\t\tunitMonth,\n\t\trenderDate,\n\t\trenderMonth = (m: ReactNode) => m,\n\t\trenderYear = (y: ReactNode) => y,\n\t\tdisabledDate,\n\t\tonDateClick,\n\t} = props;\n\n\tconst [today, setToday] = useState(value);\n\tconst [month, setMonth] = useState(value || dayjs());\n\tconst [selectedYear, setSelectedYear] = useState(dayjs());\n\tconst [years, setYears] = useState<number[]>([]);\n\tconst [selectable, setSelectable] = useState(false);\n\n\tconst $years = useRef<HTMLDivElement>(null);\n\n\tconst handleOperateMonth = (next: boolean) => {\n\t\tsetMonth((m) => m[next ? \"add\" : \"subtract\"](1, \"month\"));\n\t};\n\n\tconst handleChangeDate = (date: Dayjs) => {\n\t\tif (date.isSame(today, \"day\")) return;\n\n\t\tif (!date.isSame(month, \"month\")) {\n\t\t\tsetMonth(date);\n\t\t}\n\n\t\tsetToday(date);\n\t\tonDateClick?.(date);\n\t};\n\n\tconst handleChangeMonth = (month: number) => {\n\t\tsetMonth((m) => m.year(selectedYear.year()).month(month - 1));\n\t\tsetSelectable(false);\n\t};\n\n\tconst getMoreYears = throttle({ interval: 100 }, (e) => {\n\t\tconst isUp = e.deltaY < 0;\n\n\t\tsetYears((ys) => ys.map((y) => y + (isUp ? -1 : 1)));\n\t});\n\n\tuseEffect(() => {\n\t\tif (!selectable) return;\n\n\t\tsetSelectedYear(month);\n\t\tconst y = month.year();\n\t\tconst nextYears = Array.from({ length: 7 }).map((_, i) => y - 3 + i);\n\n\t\tsetYears([...nextYears]);\n\t}, [selectable, month]);\n\n\tuseEffect(() => {\n\t\tsetToday(value);\n\t\tsetMonth(value || dayjs());\n\t}, [value]);\n\n\treturn (\n\t\t<div className='i-datepicker'>\n\t\t\t<div className='i-datepicker-units'>\n\t\t\t\t<YearMonth\n\t\t\t\t\tvalue={month}\n\t\t\t\t\tunitYear={unitYear}\n\t\t\t\t\tunitMonth={unitMonth}\n\t\t\t\t\trenderMonth={renderMonth}\n\t\t\t\t\trenderYear={renderYear}\n\t\t\t\t\tonClick={() => setSelectable(true)}\n\t\t\t\t/>\n\t\t\t\t<a\n\t\t\t\t\tclassName='ml-auto i-datepicker-action'\n\t\t\t\t\tdata-ripple\n\t\t\t\t\tonClick={() => handleOperateMonth(false)}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={<KeyboardArrowLeftRound />} />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclassName='i-datepicker-action'\n\t\t\t\t\tdata-ripple\n\t\t\t\t\tonClick={() => handleOperateMonth(true)}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={<KeyboardArrowRightRound />} />\n\t\t\t\t</a>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-datepicker-ym\", {\n\t\t\t\t\t\"i-datepicker-active\": selectable,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive\n\t\t\t\t\tclassName='i-datepicker-close'\n\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tsetSelectable(false);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<div\n\t\t\t\t\tref={$years}\n\t\t\t\t\tclassName='i-datepicker-years'\n\t\t\t\t\tonWheel={getMoreYears}\n\t\t\t\t>\n\t\t\t\t\t{years.map((y) => (\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tkey={y}\n\t\t\t\t\t\t\tclassName={classNames(\"i-datepicker-year\", {\n\t\t\t\t\t\t\t\t\"i-datepicker-active\":\n\t\t\t\t\t\t\t\t\ty === selectedYear.year(),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => setSelectedYear((sy) => sy.year(y))}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderYear(y)}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\n\t\t\t\t<div className='i-datepicker-months'>\n\t\t\t\t\t{MONTHS.map((m) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tkey={m}\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-datepicker-month\", {\n\t\t\t\t\t\t\t\t\t\"i-datepicker-active\":\n\t\t\t\t\t\t\t\t\t\tm === month.month() + 1,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => handleChangeMonth(m)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{renderMonth(m)}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<Dates\n\t\t\t\tvalue={today}\n\t\t\t\tmonth={month}\n\t\t\t\tdisabledDate={disabledDate}\n\t\t\t\tonDateClick={handleChangeDate}\n\t\t\t\trenderDate={renderDate}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default Panel;\n"],"mappings":"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"}

package/lib/cjs/components/picker/time/{index.cjs → index.js}

@@ -1,8 +1,8 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../icon/index.cjs");
-const require_index$1 = require("../../popup/index.cjs");
-const require_index$2 = require("../../input/index.cjs");
-const require_panel = require("./panel.cjs");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../icon/index.js");
+const require_index$1 = require("../../popup/index.js");
+const require_index$2 = require("../../input/index.js");
+const require_panel = require("./panel.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -70,4 +70,4 @@ function TimePicker(props) {
 //#endregion
 exports.default = TimePicker;
 
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/picker/time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Popup","Panel","Input","Icon","AccessTimeRound"],"sources":["../../../../../packages/components/picker/time/index.tsx"],"sourcesContent":["import { AccessTimeRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { useEffect, useState } from \"react\";\nimport Icon from \"../../icon\";\nimport Input from \"../../input\";\nimport Popup from \"../../popup\";\nimport { ITimePicker } from \"../type\";\nimport Panel from \"./panel\";\n\nconst FORMAT = \"hh:mm:ss\";\n\nexport default function TimePicker(props: ITimePicker) {\n\tconst {\n\t\tname,\n\t\tvalue,\n\t\tformat = FORMAT,\n\t\tperiods,\n\t\tplaceholder = props.format ?? FORMAT,\n\t\tclassName,\n\t\trenderItem,\n\t\tonChange,\n\t\tonBlur,\n\t\tpopupProps,\n\t\t...restProps\n\t} = props;\n\tconst [timeValue, setTimeValue] = useState(value);\n\tconst [safeValue, setSafeValue] = useState(undefined);\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst handleChange = (v) => {\n\t\tsetTimeValue(v);\n\t};\n\n\tconst handleFallback = (v) => {\n\t\tsetSafeValue(v);\n\t};\n\n\tconst handleValidTime = () => {\n\t\tif (!timeValue) return;\n\n\t\tsetTimeValue(safeValue);\n\t};\n\n\tconst handleBlur = (e) => {\n\t\tonBlur?.(e);\n\t\thandleValidTime();\n\t};\n\n\tconst handleVisibleChange = (v) => {\n\t\tpopupProps?.onVisibleChange?.(v);\n\t\tsetActive(v);\n\t};\n\n\tuseEffect(() => {\n\t\tsetTimeValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<Popup\n\t\t\tvisible={active}\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\t{...popupProps}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\tcontent={\n\t\t\t\t<Panel\n\t\t\t\t\tvalue={timeValue}\n\t\t\t\t\tformat={format}\n\t\t\t\t\tperiods={periods}\n\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonFallback={handleFallback}\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<Input\n\t\t\t\tvalue={timeValue}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tappend={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={<AccessTimeRound />}\n\t\t\t\t\t\tclassName='i-timepicker-icon'\n\t\t\t\t\t\tsize='1em'\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tclassName={classNames(\"i-timepicker-label\", className)}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t</Popup>\n\t);\n}\n"],"mappings":";;;;;;;;;;;AASA,MAAM,SAAS;AAEf,SAAwB,WAAW,OAAoB;CACtD,MAAM,EACL,MACA,OACA,SAAS,QACT,SACA,cAAc,MAAM,UAAU,QAC9B,WACA,YACA,UACA,QACA,YACA,GAAG,cACA;CACJ,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,MAAM;CACjD,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,KAAA,EAAU;CACrD,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAA+B,MAAM;CAEpD,MAAM,gBAAgB,MAAM;AAC3B,eAAa,EAAE;;CAGhB,MAAM,kBAAkB,MAAM;AAC7B,eAAa,EAAE;;CAGhB,MAAM,wBAAwB;AAC7B,MAAI,CAAC,UAAW;AAEhB,eAAa,UAAU;;CAGxB,MAAM,cAAc,MAAM;AACzB,WAAS,EAAE;AACX,mBAAiB;;CAGlB,MAAM,uBAAuB,MAAM;AAClC,cAAY,kBAAkB,EAAE;AAChC,YAAU,EAAE;;AAGb,EAAA,GAAA,MAAA,iBAAgB;AACf,eAAa,MAAM;IACjB,CAAC,MAAM,CAAC;AAEX,QACC,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;EACC,SAAS;EACT,SAAQ;EACR,UAAS;EACT,OAAO;EACP,OAAM;EACN,GAAI;EACJ,iBAAiB;EACjB,SACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;GACC,OAAO;GACC;GACC;GACG;GACZ,UAAU;GACV,YAAY;GACX,CAAA;YAGH,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;GACC,OAAO;GACM;GACb,QACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IACC,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,iBAAD,EAAmB,CAAA;IACzB,WAAU;IACV,MAAK;IACJ,CAAA;GAEH,UAAU;GACV,QAAQ;GACR,YAAA,GAAA,WAAA,SAAsB,sBAAsB,UAAU;GACtD,GAAI;GACH,CAAA;EACK,CAAA"}

package/lib/cjs/components/picker/time/{item.cjs → item.js}

@@ -1,4 +1,4 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -17,4 +17,4 @@ function Items(props) {
 //#endregion
 exports.default = Items;
 
-//# sourceMappingURL=item.cjs.map
+//# sourceMappingURL=item.js.map

package/lib/cjs/components/picker/time/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"sources":["../../../../../packages/components/picker/time/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\n\nexport default function Items(props) {\n\tconst { items = [], active, renderItem, unit, onClick } = props;\n\n\treturn items.map((n) => {\n\t\tconst isActive = n === active;\n\n\t\treturn (\n\t\t\t<a\n\t\t\t\tkey={n}\n\t\t\t\tclassName={classNames(\"i-timepicker-item\", {\n\t\t\t\t\t\"i-timepicker-item-active\": isActive,\n\t\t\t\t})}\n\t\t\t\tonClick={() => onClick(n)}\n\t\t\t>\n\t\t\t\t{renderItem?.(n, isActive, unit) ?? (n < 10 ? `0${n}` : n)}\n\t\t\t</a>\n\t\t);\n\t});\n}\n"],"mappings":";;;;;AAEA,SAAwB,MAAM,OAAO;CACpC,MAAM,EAAE,QAAQ,EAAE,EAAE,QAAQ,YAAY,MAAM,YAAY;AAE1D,QAAO,MAAM,KAAK,MAAM;EACvB,MAAM,WAAW,MAAM;AAEvB,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAEC,YAAA,GAAA,WAAA,SAAsB,qBAAqB,EAC1C,4BAA4B,UAC5B,CAAC;GACF,eAAe,QAAQ,EAAE;aAExB,aAAa,GAAG,UAAU,KAAK,KAAK,IAAI,KAAK,IAAI,MAAM;GACrD,EAPE,EAOF;GAEJ"}

package/lib/cjs/components/picker/time/{panel.cjs → panel.js}

@@ -1,5 +1,5 @@
-require("../../../_virtual/_rolldown/runtime.cjs");
-const require_item = require("./item.cjs");
+require("../../../_virtual/_rolldown/runtime.js");
+const require_item = require("./item.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/components/picker/time/panel.tsx
@@ -141,4 +141,4 @@ function Panel(props) {
 //#endregion
 exports.default = Panel;
 
-//# sourceMappingURL=panel.cjs.map
+//# sourceMappingURL=panel.js.map

package/lib/cjs/components/picker/time/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","names":[],"sources":["../../../../../packages/components/picker/time/panel.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport \"./index.css\";\nimport Items from \"./item\";\n\nconst UnitMaps = {\n\th: \"hour\",\n\thh: \"hour\",\n\tm: \"minute\",\n\tmm: \"minute\",\n\ts: \"second\",\n\tss: \"second\",\n};\n\nexport default function Panel(props) {\n\tconst {\n\t\tvalue,\n\t\tstepH = 1,\n\t\tstepM = 1,\n\t\tstepS = 1,\n\t\tformat,\n\t\tperiods,\n\t\trenderItem,\n\t\tonChange,\n\t\tonFallback,\n\t} = props;\n\tconst [period, setPeriod] = useState<any>(undefined);\n\tconst [hour, setHour] = useState<any>(undefined);\n\tconst [minute, setMinute] = useState<any>(undefined);\n\tconst [second, setSecond] = useState<any>(undefined);\n\n\tconst [hours, minutes, seconds] = useMemo(() => {\n\t\tconst hasH = format.includes(\"h\");\n\t\tconst hasM = format.includes(\"m\");\n\t\tconst hasS = format.includes(\"s\");\n\t\tconst hours = hasH\n\t\t\t? Array.from(\n\t\t\t\t\t{ length: (periods ? 12 : 24) / stepH },\n\t\t\t\t\t(_, i) => i * stepH\n\t\t\t  )\n\t\t\t: [];\n\t\tconst minutes = hasM\n\t\t\t? Array.from({ length: 60 / stepM }, (_, i) => i * stepM)\n\t\t\t: [];\n\t\tconst seconds = hasS\n\t\t\t? Array.from({ length: 60 / stepS }, (_, i) => i * stepS)\n\t\t\t: [];\n\n\t\treturn [hours, minutes, seconds];\n\t}, [stepH, stepM, stepS, format, periods]);\n\n\tconst updateValue = (next?: {\n\t\tperiod?: any;\n\t\thour?: any;\n\t\tminute?: any;\n\t\tsecond?: any;\n\t}) => {\n\t\tconst nextPeriod = next?.period ?? period;\n\t\tconst nextHour = next?.hour ?? hour;\n\t\tconst nextMinute = next?.minute ?? minute;\n\t\tconst nextSecond = next?.second ?? second;\n\n\t\tconst reg = /(hh|h){1}|(mm|m){1}|(ss|s){1}/gi;\n\t\tlet result = format.replace(reg, (pattern) => {\n\t\t\tconst p = pattern.toLowerCase();\n\t\t\tconst u = UnitMaps[p];\n\t\t\tconst n =\n\t\t\t\tu === \"hour\"\n\t\t\t\t\t? (nextHour ?? 0)\n\t\t\t\t\t: u === \"minute\"\n\t\t\t\t\t\t? (nextMinute ?? 0)\n\t\t\t\t\t\t: (nextSecond ?? 0);\n\n\t\t\treturn p.length > 1 && n < 10 ? `0${n ?? 0}` : n ?? 0;\n\t\t});\n\n\t\tif (periods && hours.length > 0) {\n\t\t\tresult = `${nextPeriod ?? periods[0]} ${result}`;\n\t\t}\n\n\t\tonChange(result);\n\t};\n\n\tconst handleSetTime = (v, unit) => {\n\t\tconst next = { period, hour, minute, second, [unit]: v };\n\n\t\tif (unit === \"period\") setPeriod(v);\n\t\tif (unit === \"hour\") setHour(v);\n\t\tif (unit === \"minute\") setMinute(v);\n\t\tif (unit === \"second\") setSecond(v);\n\n\t\tupdateValue(next);\n\t};\n\n\tuseEffect(() => {\n\t\tlet time = value ?? \"\";\n\n\t\tif (periods && hours.length > 0 && value) {\n\t\t\tconst [p, t] = value.split(\" \");\n\t\t\ttime = t ?? \"\";\n\t\t\tsetPeriod(periods.includes(p) ? p : undefined);\n\t\t}\n\n\t\tconst nums = time.match(/\\d+/g) ?? [];\n\n\t\tif (!nums.length) {\n\t\t\tonFallback(\"\");\n\t\t\treturn;\n\t\t}\n\n\t\tlet i = 0;\n\t\tconst parsed = {\n\t\t\thour: undefined,\n\t\t\tminute: undefined,\n\t\t\tsecond: undefined,\n\t\t};\n\t\tconst r = format.replace(/(hh|h)+|(mm|m)+|(ss|s)+/gi, (p) => {\n\t\t\tconst n = nums[i++] ?? 0;\n\t\t\tconst o = Math.min(59, n);\n\t\t\tparsed[UnitMaps[p]] = o;\n\t\t\treturn p.length > 1 && o < 10 ? `0${o}` : o;\n\t\t});\n\n\t\tsetHour(parsed.hour);\n\t\tsetMinute(parsed.minute);\n\t\tsetSecond(parsed.second);\n\t\tonFallback(r);\n\t}, [value, format, hours.length, periods]);\n\n\treturn (\n\t\t<div className='i-timepicker'>\n\t\t\t{hours.length > 0 && (\n\t\t\t\t<>\n\t\t\t\t\t{periods && (\n\t\t\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t\t\t<Items\n\t\t\t\t\t\t\t\titems={periods}\n\t\t\t\t\t\t\t\tactive={period}\n\t\t\t\t\t\t\t\tonClick={(p) => handleSetTime(p, \"period\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t\t<Items\n\t\t\t\t\t\t\titems={hours}\n\t\t\t\t\t\t\tactive={hour}\n\t\t\t\t\t\t\tunit='hour'\n\t\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\t\tonClick={(h) => handleSetTime(h, \"hour\")}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{minutes.length > 0 && (\n\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t<Items\n\t\t\t\t\t\titems={minutes}\n\t\t\t\t\t\tactive={minute}\n\t\t\t\t\t\tunit='minute'\n\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\tonClick={(m) => handleSetTime(m, \"minute\")}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{seconds.length > 0 && (\n\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t<Items\n\t\t\t\t\t\titems={seconds}\n\t\t\t\t\t\tactive={second}\n\t\t\t\t\t\tunit='second'\n\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\tonClick={(s) => handleSetTime(s, \"second\")}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":""}

package/lib/cjs/components/popconfirm/{index.cjs → index.js}

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

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

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