@ioca/react 1.4.78 → 1.4.79

package/lib/es/components/editor/controls.js

@@ -1,14 +1,8 @@
 import button_default from "../button/index.js";
 import icon_default from "../icon/index.js";
+import { ClearAllRound, FormatBoldRound, FormatItalicRound, FormatUnderlinedRound, RedoRound, StrikethroughSRound, UndoRound } from "@ricons/material";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import xss from "xss";
-import ClearAllRound from "@ricons/material/es/ClearAllRound.js";
-import FormatBoldRound from "@ricons/material/es/FormatBoldRound.js";
-import FormatItalicRound from "@ricons/material/es/FormatItalicRound.js";
-import FormatUnderlinedRound from "@ricons/material/es/FormatUnderlinedRound.js";
-import RedoRound from "@ricons/material/es/RedoRound.js";
-import StrikethroughSRound from "@ricons/material/es/StrikethroughSRound.js";
-import UndoRound from "@ricons/material/es/UndoRound.js";
 //#region packages/components/editor/controls.tsx
 const { escapeAttrValue } = xss;
 const exec = (a, b, c) => {

package/lib/es/components/editor/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","names":["Button","Icon"],"sources":["../../../../packages/components/editor/controls.tsx"],"sourcesContent":["import ClearAllRound from \"@ricons/material/es/ClearAllRound.js\";\nimport FormatBoldRound from \"@ricons/material/es/FormatBoldRound.js\";\nimport FormatItalicRound from \"@ricons/material/es/FormatItalicRound.js\";\nimport FormatUnderlinedRound from \"@ricons/material/es/FormatUnderlinedRound.js\";\nimport RedoRound from \"@ricons/material/es/RedoRound.js\";\nimport StrikethroughSRound from \"@ricons/material/es/StrikethroughSRound.js\";\nimport UndoRound from \"@ricons/material/es/UndoRound.js\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport xss from \"xss\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\n\nconst { escapeAttrValue } = xss as unknown as {\n\tescapeAttrValue: (value: string) => string;\n};\n\nexport const exec = (a, b?, c?) => {\n\tif (typeof document === \"undefined\") return;\n\treturn document.execCommand(a, b, c);\n};\n\nexport const xssOptions = {\n\tonIgnoreTagAttr: function (tag, name, value) {\n\t\tif ([\"data-\", \"style\"].includes(name.substr(0, 5))) {\n\t\t\treturn name + '=\"' + escapeAttrValue(value) + '\"';\n\t\t}\n\t},\n};\n\nconst fnMap = {\n\tbold: {\n\t\ticon: <FormatBoldRound />,\n\t\tonClick: () => exec(\"bold\"),\n\t\ttip: \"粗体\",\n\t},\n\titalic: {\n\t\ticon: <FormatItalicRound />,\n\t\tonClick: () => exec(\"italic\"),\n\t\ttip: \"斜体\",\n\t},\n\tunderline: {\n\t\ticon: <FormatUnderlinedRound />,\n\t\tonClick: () => exec(\"underline\"),\n\t\ttip: \"下划线\",\n\t},\n\tstrike: {\n\t\ticon: <StrikethroughSRound />,\n\t\tonClick: () => exec(\"strikeThrough\"),\n\t\ttip: \"删除线\",\n\t},\n\tredo: {\n\t\ticon: <RedoRound />,\n\t\tonClick: () => exec(\"redo\"),\n\t\ttip: \"重做\",\n\t},\n\tundo: {\n\t\ticon: <UndoRound />,\n\t\tonClick: () => exec(\"undo\"),\n\t\ttip: \"撤销\",\n\t},\n\t// color: {\n\t// \ticon: <FormatColorTextRound />,\n\t// \tonClick: () => exec(\"foreColor\", false, \"\"),\n\t// },\n\t// backColor: {\n\t// \ticon: <FormatColorFillRound />,\n\t// \tonClick: () => exec(\"backColor\", false, \"\"),\n\t// },\n\tclear: {\n\t\ticon: <ClearAllRound />,\n\t\tonClick: () => exec(\"removeFormat\"),\n\t\ttip: \"清除格式\",\n\t},\n};\n\nconst aliasMap = {\n\tsimple: [\"undo\", \"redo\", \"bold\", \"italic\", \"underline\", \"strike\", \"clear\"],\n\tall: Object.keys(fnMap),\n};\n\nexport default function getControls(fns, options) {\n\tconst { controlBtnProps } = options;\n\tconst keys = typeof fns === \"string\" ? aliasMap[fns] : fns;\n\n\treturn keys.map((k) => {\n\t\tif (fnMap[k]) {\n\t\t\tconst { icon, render, tip, onClick } = fnMap[k];\n\n\t\t\tif (render) {\n\t\t\t\treturn render(options);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<Button key={k} {...controlBtnProps} onClick={onClick}>\n\t\t\t\t\t<Icon icon={icon} />\n\t\t\t\t\t{tip && <span className='i-editor-control-tip'>{tip}</span>}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}\n\t\treturn <Fragment key={k} />;\n\t});\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,EAAE,oBAAoB;AAI5B,MAAa,QAAQ,GAAG,GAAI,MAAO;AAClC,KAAI,OAAO,aAAa,YAAa;AACrC,QAAO,SAAS,YAAY,GAAG,GAAG,EAAE;;AAGrC,MAAa,aAAa,EACzB,iBAAiB,SAAU,KAAK,MAAM,OAAO;AAC5C,KAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,KAAK,OAAO,GAAG,EAAE,CAAC,CACjD,QAAO,OAAO,QAAO,gBAAgB,MAAM,GAAG;GAGhD;AAED,MAAM,QAAQ;CACb,MAAM;EACL,MAAM,oBAAC,iBAAD,EAAmB,CAAA;EACzB,eAAe,KAAK,OAAO;EAC3B,KAAK;EACL;CACD,QAAQ;EACP,MAAM,oBAAC,mBAAD,EAAqB,CAAA;EAC3B,eAAe,KAAK,SAAS;EAC7B,KAAK;EACL;CACD,WAAW;EACV,MAAM,oBAAC,uBAAD,EAAyB,CAAA;EAC/B,eAAe,KAAK,YAAY;EAChC,KAAK;EACL;CACD,QAAQ;EACP,MAAM,oBAAC,qBAAD,EAAuB,CAAA;EAC7B,eAAe,KAAK,gBAAgB;EACpC,KAAK;EACL;CACD,MAAM;EACL,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,eAAe,KAAK,OAAO;EAC3B,KAAK;EACL;CACD,MAAM;EACL,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,eAAe,KAAK,OAAO;EAC3B,KAAK;EACL;CASD,OAAO;EACN,MAAM,oBAAC,eAAD,EAAiB,CAAA;EACvB,eAAe,KAAK,eAAe;EACnC,KAAK;EACL;CACD;AAED,MAAM,WAAW;CAChB,QAAQ;EAAC;EAAQ;EAAQ;EAAQ;EAAU;EAAa;EAAU;EAAQ;CAC1E,KAAK,OAAO,KAAK,MAAM;CACvB;AAED,SAAwB,YAAY,KAAK,SAAS;CACjD,MAAM,EAAE,oBAAoB;AAG5B,SAFa,OAAO,QAAQ,WAAW,SAAS,OAAO,KAE3C,KAAK,MAAM;AACtB,MAAI,MAAM,IAAI;GACb,MAAM,EAAE,MAAM,QAAQ,KAAK,YAAY,MAAM;AAE7C,OAAI,OACH,QAAO,OAAO,QAAQ;AAGvB,UACC,qBAACA,gBAAD;IAAgB,GAAI;IAA0B;cAA9C,CACC,oBAACC,cAAD,EAAY,MAAQ,CAAA,EACnB,OAAO,oBAAC,QAAD;KAAM,WAAU;eAAwB;KAAW,CAAA,CACnD;MAHI,EAGJ;;AAGX,SAAO,oBAAC,UAAD,EAAoB,EAAL,EAAK;GAC1B"}
+{"version":3,"file":"controls.js","names":["Button","Icon"],"sources":["../../../../packages/components/editor/controls.tsx"],"sourcesContent":["import {\n\tClearAllRound,\n\tFormatBoldRound,\n\tFormatItalicRound,\n\tFormatUnderlinedRound,\n\tRedoRound,\n\tStrikethroughSRound,\n\tUndoRound,\n} from \"@ricons/material\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport xss from \"xss\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\n\nconst { escapeAttrValue } = xss as unknown as {\n\tescapeAttrValue: (value: string) => string;\n};\n\nexport const exec = (a, b?, c?) => {\n\tif (typeof document === \"undefined\") return;\n\treturn document.execCommand(a, b, c);\n};\n\nexport const xssOptions = {\n\tonIgnoreTagAttr: function (tag, name, value) {\n\t\tif ([\"data-\", \"style\"].includes(name.substr(0, 5))) {\n\t\t\treturn name + '=\"' + escapeAttrValue(value) + '\"';\n\t\t}\n\t},\n};\n\nconst fnMap = {\n\tbold: {\n\t\ticon: <FormatBoldRound />,\n\t\tonClick: () => exec(\"bold\"),\n\t\ttip: \"粗体\",\n\t},\n\titalic: {\n\t\ticon: <FormatItalicRound />,\n\t\tonClick: () => exec(\"italic\"),\n\t\ttip: \"斜体\",\n\t},\n\tunderline: {\n\t\ticon: <FormatUnderlinedRound />,\n\t\tonClick: () => exec(\"underline\"),\n\t\ttip: \"下划线\",\n\t},\n\tstrike: {\n\t\ticon: <StrikethroughSRound />,\n\t\tonClick: () => exec(\"strikeThrough\"),\n\t\ttip: \"删除线\",\n\t},\n\tredo: {\n\t\ticon: <RedoRound />,\n\t\tonClick: () => exec(\"redo\"),\n\t\ttip: \"重做\",\n\t},\n\tundo: {\n\t\ticon: <UndoRound />,\n\t\tonClick: () => exec(\"undo\"),\n\t\ttip: \"撤销\",\n\t},\n\t// color: {\n\t// \ticon: <FormatColorTextRound />,\n\t// \tonClick: () => exec(\"foreColor\", false, \"\"),\n\t// },\n\t// backColor: {\n\t// \ticon: <FormatColorFillRound />,\n\t// \tonClick: () => exec(\"backColor\", false, \"\"),\n\t// },\n\tclear: {\n\t\ticon: <ClearAllRound />,\n\t\tonClick: () => exec(\"removeFormat\"),\n\t\ttip: \"清除格式\",\n\t},\n};\n\nconst aliasMap = {\n\tsimple: [\"undo\", \"redo\", \"bold\", \"italic\", \"underline\", \"strike\", \"clear\"],\n\tall: Object.keys(fnMap),\n};\n\nexport default function getControls(fns, options) {\n\tconst { controlBtnProps } = options;\n\tconst keys = typeof fns === \"string\" ? aliasMap[fns] : fns;\n\n\treturn keys.map((k) => {\n\t\tif (fnMap[k]) {\n\t\t\tconst { icon, render, tip, onClick } = fnMap[k];\n\n\t\t\tif (render) {\n\t\t\t\treturn render(options);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<Button key={k} {...controlBtnProps} onClick={onClick}>\n\t\t\t\t\t<Icon icon={icon} />\n\t\t\t\t\t{tip && <span className='i-editor-control-tip'>{tip}</span>}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}\n\t\treturn <Fragment key={k} />;\n\t});\n}\n"],"mappings":";;;;;;AAcA,MAAM,EAAE,oBAAoB;AAI5B,MAAa,QAAQ,GAAG,GAAI,MAAO;AAClC,KAAI,OAAO,aAAa,YAAa;AACrC,QAAO,SAAS,YAAY,GAAG,GAAG,EAAE;;AAGrC,MAAa,aAAa,EACzB,iBAAiB,SAAU,KAAK,MAAM,OAAO;AAC5C,KAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,KAAK,OAAO,GAAG,EAAE,CAAC,CACjD,QAAO,OAAO,QAAO,gBAAgB,MAAM,GAAG;GAGhD;AAED,MAAM,QAAQ;CACb,MAAM;EACL,MAAM,oBAAC,iBAAD,EAAmB,CAAA;EACzB,eAAe,KAAK,OAAO;EAC3B,KAAK;EACL;CACD,QAAQ;EACP,MAAM,oBAAC,mBAAD,EAAqB,CAAA;EAC3B,eAAe,KAAK,SAAS;EAC7B,KAAK;EACL;CACD,WAAW;EACV,MAAM,oBAAC,uBAAD,EAAyB,CAAA;EAC/B,eAAe,KAAK,YAAY;EAChC,KAAK;EACL;CACD,QAAQ;EACP,MAAM,oBAAC,qBAAD,EAAuB,CAAA;EAC7B,eAAe,KAAK,gBAAgB;EACpC,KAAK;EACL;CACD,MAAM;EACL,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,eAAe,KAAK,OAAO;EAC3B,KAAK;EACL;CACD,MAAM;EACL,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,eAAe,KAAK,OAAO;EAC3B,KAAK;EACL;CASD,OAAO;EACN,MAAM,oBAAC,eAAD,EAAiB,CAAA;EACvB,eAAe,KAAK,eAAe;EACnC,KAAK;EACL;CACD;AAED,MAAM,WAAW;CAChB,QAAQ;EAAC;EAAQ;EAAQ;EAAQ;EAAU;EAAa;EAAU;EAAQ;CAC1E,KAAK,OAAO,KAAK,MAAM;CACvB;AAED,SAAwB,YAAY,KAAK,SAAS;CACjD,MAAM,EAAE,oBAAoB;AAG5B,SAFa,OAAO,QAAQ,WAAW,SAAS,OAAO,KAE3C,KAAK,MAAM;AACtB,MAAI,MAAM,IAAI;GACb,MAAM,EAAE,MAAM,QAAQ,KAAK,YAAY,MAAM;AAE7C,OAAI,OACH,QAAO,OAAO,QAAQ;AAGvB,UACC,qBAACA,gBAAD;IAAgB,GAAI;IAA0B;cAA9C,CACC,oBAACC,cAAD,EAAY,MAAQ,CAAA,EACnB,OAAO,oBAAC,QAAD;KAAM,WAAU;eAAwB;KAAW,CAAA,CACnD;MAHI,EAGJ;;AAGX,SAAO,oBAAC,UAAD,EAAoB,EAAL,EAAK;GAC1B"}

package/lib/es/components/editor/editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.js","names":[],"sources":["../../../../packages/components/editor/editor.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useImperativeHandle, useRef } from \"react\";\nimport xss from \"xss\";\nimport { IButton } from \"../button/type\";\nimport getControls, { exec, xssOptions } from \"./controls\";\nimport \"./index.css\";\nimport { IEditor } from \"./type\";\n\nconst Editor = (props: IEditor) => {\n\tconst {\n\t\tref,\n\t\twidth,\n\t\theight = \"10em\",\n\t\tplaceholder,\n\t\tautosize,\n\t\tborder = true,\n\t\trichPaste,\n\t\tcontrols = \"simple\",\n\t\tclassName,\n\t\tstyle,\n\t\tonInput,\n\t\tonPaste,\n\t\tonKeyDown,\n\t\t...restProps\n\t} = props;\n\tconst editorRef = useRef<HTMLDivElement>(null);\n\tconst controlBtnProps: IButton = {\n\t\tsquare: true,\n\t\tflat: true,\n\t\tsize: \"small\",\n\t};\n\n\tconst handlePaste = async (e) => {\n\t\tonPaste?.(e);\n\n\t\tif (richPaste) return;\n\t\te.preventDefault();\n\t\tconst text = e.clipboardData.getData(\"text/plain\");\n\t\texec(\"insertText\", false, text);\n\t};\n\n\tconst handleKeyDown = (e) => {\n\t\tonKeyDown?.(e);\n\n\t\tswitch (e.key) {\n\t\t\tcase \"Tab\":\n\t\t\t\te.preventDefault();\n\t\t\t\texec(\"insertHTML\", false, \"&#09;\");\n\t\t\t\tbreak;\n\t\t\tcase \"Enter\":\n\t\t\t\te.preventDefault();\n\t\t\t\texec(\"insertLineBreak\");\n\n\t\t\t\tif (!editorRef.current) return;\n\t\t\t\teditorRef.current.scrollBy({\n\t\t\t\t\ttop: 20,\n\t\t\t\t\tleft: -1000,\n\t\t\t\t});\n\n\t\t\t\tif (!autosize) return;\n\t\t\t\teditorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\n\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tinput: editorRef.current,\n\t\t\tsetValue(html) {\n\t\t\t\tif (!editorRef.current) return;\n\t\t\t\tconst safeHtml = xss(html, xssOptions);\n\n\t\t\t\teditorRef.current.innerHTML = safeHtml;\n\t\t\t},\n\t\t\tgetSafeValue() {\n\t\t\t\tconst html = editorRef.current?.innerHTML ?? \"\";\n\n\t\t\t\treturn xss(html, xssOptions);\n\t\t\t},\n\t\t};\n\t});\n\n\tconst handleInput = (e) => {\n\t\tlet html = editorRef.current?.innerHTML ?? \"\";\n\n\t\tif ([\"<br>\", \"\\n\"].includes(html) && editorRef.current) {\n\t\t\thtml = \"\";\n\t\t\teditorRef.current.innerHTML = html;\n\t\t}\n\n\t\tonInput?.(html, e);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-editor\", className, {\n\t\t\t\t\"i-editor-borderless\": !border,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\t[autosize ? \"minHeight\" : \"height\"]: height,\n\t\t\t\twidth,\n\t\t\t}}\n\t\t>\n\t\t\t{controls !== \"none\" && (\n\t\t\t\t<div className='i-editor-controls'>\n\t\t\t\t\t{getControls(controls, {\n\t\t\t\t\t\tcontrolBtnProps,\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tref={editorRef}\n\t\t\t\tclassName='i-editor-content'\n\t\t\t\tdata-placeholder={placeholder}\n\t\t\t\tcontentEditable\n\t\t\t\tonPaste={handlePaste}\n\t\t\t\tonInput={handleInput}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default Editor;\n"],"mappings":";;;;;;AAQA,MAAM,UAAU,UAAmB;CAClC,MAAM,EACL,KACA,OACA,SAAS,QACT,aACA,UACA,SAAS,MACT,WACA,WAAW,UACX,WACA,OACA,SACA,SACA,WACA,GAAG,cACA;CACJ,MAAM,YAAY,OAAuB,KAAK;CAC9C,MAAM,kBAA2B;EAChC,QAAQ;EACR,MAAM;EACN,MAAM;EACN;CAED,MAAM,cAAc,OAAO,MAAM;AAChC,YAAU,EAAE;AAEZ,MAAI,UAAW;AACf,IAAE,gBAAgB;AAElB,OAAK,cAAc,OADN,EAAE,cAAc,QAAQ,aAAa,CACnB;;CAGhC,MAAM,iBAAiB,MAAM;AAC5B,cAAY,EAAE;AAEd,UAAQ,EAAE,KAAV;GACC,KAAK;AACJ,MAAE,gBAAgB;AAClB,SAAK,cAAc,OAAO,QAAQ;AAClC;GACD,KAAK;AACJ,MAAE,gBAAgB;AAClB,SAAK,kBAAkB;AAEvB,QAAI,CAAC,UAAU,QAAS;AACxB,cAAU,QAAQ,SAAS;KAC1B,KAAK;KACL,MAAM;KACN,CAAC;AAEF,QAAI,CAAC,SAAU;AACf,cAAU,QAAQ,MAAM,SAAS,GAAG,UAAU,QAAQ,aAAa;AAEnE;GACD,QACC;;;AAIH,qBAAoB,WAAW;AAC9B,SAAO;GACN,OAAO,UAAU;GACjB,SAAS,MAAM;AACd,QAAI,CAAC,UAAU,QAAS;IACxB,MAAM,WAAW,IAAI,MAAM,WAAW;AAEtC,cAAU,QAAQ,YAAY;;GAE/B,eAAe;AAGd,WAAO,IAFM,UAAU,SAAS,aAAa,IAE5B,WAAW;;GAE7B;GACA;CAEF,MAAM,eAAe,MAAM;EAC1B,IAAI,OAAO,UAAU,SAAS,aAAa;AAE3C,MAAI,CAAC,QAAQ,KAAK,CAAC,SAAS,KAAK,IAAI,UAAU,SAAS;AACvD,UAAO;AACP,aAAU,QAAQ,YAAY;;AAG/B,YAAU,MAAM,EAAE;;AAGnB,QACC,qBAAC,OAAD;EACC,WAAW,WAAW,YAAY,WAAW,EAC5C,uBAAuB,CAAC,QACxB,CAAC;EACF,OAAO;GACN,GAAG;IACF,WAAW,cAAc,WAAW;GACrC;GACA;YARF,CAUE,aAAa,UACb,oBAAC,OAAD;GAAK,WAAU;aACb,YAAY,UAAU,EACtB,iBACA,CAAC;GACE,CAAA,EAGN,oBAAC,OAAD;GACC,KAAK;GACL,WAAU;GACV,oBAAkB;GAClB,iBAAA;GACA,SAAS;GACT,SAAS;GACT,WAAW;GACX,GAAI;GACJ,CAAA,CACG"}
+{"version":3,"file":"editor.js","names":[],"sources":["../../../../packages/components/editor/editor.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useImperativeHandle, useRef } from \"react\";\nimport xss from \"xss\";\nimport { IButton } from \"../button/type\";\nimport getControls, { exec, xssOptions } from \"./controls\";\nimport \"./index.css\";\nimport { IEditor } from \"./type\";\n\nconst Editor = (props: IEditor) => {\n\tconst {\n\t\tref,\n\t\twidth,\n\t\theight = \"10em\",\n\t\tplaceholder,\n\t\tautosize,\n\t\tborder = true,\n\t\trichPaste,\n\t\tcontrols = \"simple\",\n\t\tclassName,\n\t\tstyle,\n\t\tonInput,\n\t\tonPaste,\n\t\tonKeyDown,\n\t\t...restProps\n\t} = props;\n\tconst editorRef = useRef<HTMLDivElement>(null);\n\tconst controlBtnProps: IButton = {\n\t\tsquare: true,\n\t\tflat: true,\n\t\tsize: \"small\",\n\t};\n\n\tconst handlePaste = async (e) => {\n\t\tonPaste?.(e);\n\n\t\tif (richPaste) return;\n\t\te.preventDefault();\n\t\tconst text = e.clipboardData.getData(\"text/plain\");\n\t\texec(\"insertText\", false, text);\n\t};\n\n\tconst handleKeyDown = (e) => {\n\t\tonKeyDown?.(e);\n\n\t\tswitch (e.key) {\n\t\t\tcase \"Tab\":\n\t\t\t\te.preventDefault();\n\t\t\t\texec(\"insertHTML\", false, \"&#09;\");\n\t\t\t\tbreak;\n\t\t\tcase \"Enter\":\n\t\t\t\te.preventDefault();\n\t\t\t\texec(\"insertLineBreak\");\n\n\t\t\t\tif (!editorRef.current) return;\n\t\t\t\teditorRef.current.scrollBy({\n\t\t\t\t\ttop: 20,\n\t\t\t\t\tleft: -1000,\n\t\t\t\t});\n\n\t\t\t\tif (!autosize) return;\n\t\t\t\teditorRef.current.style.height = `${editorRef.current.scrollHeight}px`;\n\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tinput: editorRef.current,\n\t\t\tsetValue(html) {\n\t\t\t\tif (!editorRef.current) return;\n\t\t\t\tconst safeHtml = xss(html, xssOptions);\n\n\t\t\t\teditorRef.current.innerHTML = safeHtml;\n\t\t\t},\n\t\t\tgetSafeValue() {\n\t\t\t\tconst html = editorRef.current?.innerHTML ?? \"\";\n\n\t\t\t\treturn xss(html, xssOptions);\n\t\t\t},\n\t\t};\n\t});\n\n\tconst handleInput = (e) => {\n\t\tlet html = editorRef.current?.innerHTML ?? \"\";\n\n\t\tif ([\"<br>\", \"\\n\"].includes(html) && editorRef.current) {\n\t\t\thtml = \"\";\n\t\t\teditorRef.current.innerHTML = html;\n\t\t}\n\n\t\tonInput?.(html, e);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-editor\", className, {\n\t\t\t\t\"i-editor-borderless\": !border,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\t[autosize ? \"minHeight\" : \"height\"]: height,\n\t\t\t\twidth,\n\t\t\t}}\n\t\t>\n\t\t\t{controls !== \"none\" && (\n\t\t\t\t<div className='i-editor-controls'>\n\t\t\t\t\t{getControls(controls, {\n\t\t\t\t\t\tcontrolBtnProps,\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tref={editorRef}\n\t\t\t\tclassName='i-editor-content'\n\t\t\t\tdata-placeholder={placeholder}\n\t\t\t\tcontentEditable\n\t\t\t\tonPaste={handlePaste}\n\t\t\t\tonInput={handleInput}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default Editor;\n"],"mappings":";;;;;;;CAQA,MAAM,EACL,KACC,OACA,SAAK,QACL,aACA,UACA,SAAQ,MACR,WACA,WAAS,UACT,WACA,OACA,SACA,SACA,WACA,GAAA,cACG;CACJ,MAAI,YAAK,OAAA,KAAA;CACT,MAAM,kBAAmB;EACzB,QAAM;EACL,MAAM;EACN,MAAM;EACN;;AAGD,YAAM,EAAA;;AAGL,IAAE,gBAAa;AAEf,OAAK,cAAU,OADb,EAAA,cAAgB,QAAA,aAAA,CACW;;;AAI9B,cAAM,EAAA;;GAGL,KAAM;AACL,MAAA,gBAAU;AACT,SAAE,cAAgB,OAAA,QAAA;AAClB;GACD,KAAC;AACD,MAAA,gBAAY;AACX,SAAE,kBAAgB;;AAGlB,cAAK,QAAU,SAAS;KACxB,KAAA;KACC,MAAK;KACL,CAAA;;AAGD,cAAK,QAAU,MAAM,SAAA,GAAA,UAAA,QAAA,aAAA;;GAGtB,QACA;;;;AAKF,SAAA;GACC,OAAO,UAAA;GACN,SAAO,MAAA;AACP,QAAA,CAAA,UAAe,QAAA;IACd,MAAK,WAAU,IAAA,MAAS,WAAM;;;GAI/B,eAAC;eACa,UAAC,SAAA,aAAA,IAAA,WAAA;;GAIf;GACA;;EAGF,IAAK,OAAC,UAAgB,SAAK,aAAA;;AAG1B,UAAO;AACN,aAAS,QAAA,YAAA;;;;QAOX,qBAAA,OAAA;EACE,WAAA,WAAA,YAAA,WAAA,EACA,uBAAwB,CAAC,QACxB,CAAC;EACF,OAAE;GACF,GAAA;IACE,WAAO,cAAA,WAAA;GACR;GACA;YARH,CAUC,aAAA,UACE,oBAAA,OAAA;GAAA,WAAc;aACb,YAAa,UAAU,EACtB,iBACA,CAAA;GACC,CAAA,EAAA,oBAAA,OAAA;GAIH,KAAA;GACA,WAAK;GACL,oBAAa;GACb,iBAAA;GACA,SAAA;GACA,SAAS;GACT,WAAS;GACT,GAAA;GACC,CAAA,CACD"}

package/lib/es/components/flex/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","names":[],"sources":["../../../../packages/components/flex/flex.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useMemo } from \"react\";\nimport \"./index.css\";\nimport { IFlex } from \"./type\";\n\nconst Flex: React.FC<IFlex> = (props: IFlex) => {\n\tconst {\n\t\tas: Component = \"div\" as any,\n\t\talign,\n\t\tjustify,\n\t\tdirection,\n\t\twrap,\n\t\tgap,\n\t\tcolumns,\n\t\tclassName,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst gridColumns = useMemo(() => {\n\t\tif (!columns) return;\n\n\t\tif (typeof columns === \"number\") return `repeat(${columns}, 1fr)`;\n\n\t\treturn columns;\n\t}, [columns]);\n\n\treturn (\n\t\t<Component\n\t\t\t{...restProps}\n\t\t\tstyle={{\n\t\t\t\talignItems: align,\n\t\t\t\tjustifyContent: justify,\n\t\t\t\tgap,\n\t\t\t\tflexDirection: direction,\n\t\t\t\tflexWrap: wrap === true ? \"wrap\" : wrap,\n\t\t\t\tgridTemplateColumns: gridColumns as any,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(className, {\n\t\t\t\t[columns ? \"grid\" : \"flex\"]: true,\n\t\t\t})}\n\t\t/>\n\t);\n};\n\nexport default Flex;\n"],"mappings":";;;;AAKA,MAAM,QAAyB,UAAiB;CAC/C,MAAM,EACL,IAAI,YAAY,OAChB,OACA,SACA,WACA,MACA,KACA,SACA,WACA,OACA,GAAG,cACA;CAEJ,MAAM,cAAc,cAAc;AACjC,MAAI,CAAC,QAAS;AAEd,MAAI,OAAO,YAAY,SAAU,QAAO,UAAU,QAAQ;AAE1D,SAAO;IACL,CAAC,QAAQ,CAAC;AAEb,QACC,oBAAC,WAAD;EACC,GAAI;EACJ,OAAO;GACN,YAAY;GACZ,gBAAgB;GAChB;GACA,eAAe;GACf,UAAU,SAAS,OAAO,SAAS;GACnC,qBAAqB;GACrB,GAAG;GACH;EACD,WAAW,WAAW,WAAW,GAC/B,UAAU,SAAS,SAAS,MAC7B,CAAC;EACF,CAAA"}
+{"version":3,"file":"flex.js","names":[],"sources":["../../../../packages/components/flex/flex.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useMemo } from \"react\";\nimport \"./index.css\";\nimport { IFlex } from \"./type\";\n\nconst Flex: React.FC<IFlex> = (props: IFlex) => {\n\tconst {\n\t\tas: Component = \"div\" as any,\n\t\talign,\n\t\tjustify,\n\t\tdirection,\n\t\twrap,\n\t\tgap,\n\t\tcolumns,\n\t\tclassName,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst gridColumns = useMemo(() => {\n\t\tif (!columns) return;\n\n\t\tif (typeof columns === \"number\") return `repeat(${columns}, 1fr)`;\n\n\t\treturn columns;\n\t}, [columns]);\n\n\treturn (\n\t\t<Component\n\t\t\t{...restProps}\n\t\t\tstyle={{\n\t\t\t\talignItems: align,\n\t\t\t\tjustifyContent: justify,\n\t\t\t\tgap,\n\t\t\t\tflexDirection: direction,\n\t\t\t\tflexWrap: wrap === true ? \"wrap\" : wrap,\n\t\t\t\tgridTemplateColumns: gridColumns as any,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(className, {\n\t\t\t\t[columns ? \"grid\" : \"flex\"]: true,\n\t\t\t})}\n\t\t/>\n\t);\n};\n\nexport default Flex;\n"],"mappings":";;;;;CAKA,MAAM,EACL,IAAK,YAAC,OACL,OACA,SACA,WACA,MACA,KACA,SACA,WACA,OACA,GAAA,cACG;;AAGJ,MAAK,CAAC,QAAA;;;IAKL,CAAA,QAAO,CAAA;QAGR,oBAAA,WAAA;EACE,GAAA;EACA,OAAI;GACJ,YAAO;GACN,gBAAY;GACZ;GACA,eAAG;GACH,UAAA,SAAe,OAAS,SAAA;GACxB,qBAAmB;GACnB,GAAA;GACA;EACD,WAAC,WAAA,WAAA,GACD,UAAW,SAAU,SAAC,MACrB,CAAC;EACD,CAAA"}

package/lib/es/components/form/field.js

@@ -1,6 +1,6 @@
 import Context from "./context.js";
 import { Children, cloneElement, isValidElement, useContext, useEffect, useMemo, useState } from "react";
-import PubSub from "pubsub-js";
+import PubSub from "/Users/iann/codes/ioca-react/node_modules/.pnpm/pubsub-js@1.9.5/node_modules/pubsub-js/src/pubsub.js";
 //#region packages/components/form/field.tsx
 function Field(props) {
 	const { name, required, children } = props;

package/lib/es/components/form/form.js

@@ -5,7 +5,7 @@ import useConfig from "./useConfig.js";
 import classNames from "classnames";
 import { useEffect, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import PubSub from "pubsub-js";
+import PubSub from "/Users/iann/codes/ioca-react/node_modules/.pnpm/pubsub-js@1.9.5/node_modules/pubsub-js/src/pubsub.js";
 //#region packages/components/form/form.tsx
 const Form = (props) => {
 	const { form = {}, rules, initialValues, style, className, width, columns, itemMaxWidth, gap = "1em", labelInline, labelWidth, labelRight, children, onKeyDown, onEnter, onChange, ...restProps } = props;

package/lib/es/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../../../packages/components/form/form.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport PubSub from \"pubsub-js\";\nimport { CSSProperties, useEffect, useMemo } from \"react\";\nimport Context from \"./context\";\nimport Field from \"./field\";\nimport \"./index.css\";\nimport { IForm } from \"./type\";\nimport useConfig from \"./useConfig\";\nimport useForm, { IFormInstance } from \"./useForm\";\n\nconst Form = (props: IForm) => {\n\tconst {\n\t\tform = {} as IFormInstance,\n\t\trules,\n\t\tinitialValues,\n\t\tstyle,\n\t\tclassName,\n\t\twidth,\n\t\tcolumns,\n\t\titemMaxWidth,\n\t\tgap = \"1em\",\n\t\tlabelInline,\n\t\tlabelWidth,\n\t\tlabelRight,\n\t\tchildren,\n\t\tonKeyDown,\n\t\tonEnter,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst handleKeyDown = (e) => {\n\t\tonKeyDown?.(e);\n\n\t\tif (e.keyCode !== 13) return;\n\n\t\tonEnter?.(e, form.data, form);\n\t};\n\n\tconst gridColumns = useMemo(() => {\n\t\tif (!columns && !itemMaxWidth) return;\n\n\t\tif (itemMaxWidth) {\n\t\t\treturn `repeat(auto-fill, minmax(${itemMaxWidth}, 1fr))`;\n\t\t}\n\n\t\tif (typeof columns === \"number\") {\n\t\t\treturn `minmax(0, 1fr) `.repeat(columns);\n\t\t}\n\n\t\treturn columns;\n\t}, [columns]);\n\n\tuseEffect(() => {\n\t\tObject.assign(form, {\n\t\t\tdata: { ...initialValues },\n\t\t\trules,\n\t\t});\n\t}, [form]);\n\n\tuseEffect(() => {\n\t\tPubSub.subscribe(`${form.id}:change`, (evt, v) => {\n\t\t\tonChange?.(v.name, v.value);\n\t\t});\n\n\t\treturn () => {\n\t\t\tPubSub.unsubscribe(`${form.id}:change`);\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<Context value={form}>\n\t\t\t<form\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\twidth,\n\t\t\t\t\t\tgap,\n\t\t\t\t\t\tgridTemplateColumns: gridColumns as any,\n\t\t\t\t\t\t\"--label-width\": labelWidth,\n\t\t\t\t\t\t\"--label-align\": labelRight ? \"right\" : undefined,\n\t\t\t\t\t} as CSSProperties\n\t\t\t\t}\n\t\t\t\tclassName={classNames(\"i-form\", className, {\n\t\t\t\t\t\"i-form-inline\": labelInline,\n\t\t\t\t})}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t{...restProps}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</form>\n\t\t</Context>\n\t);\n};\n\nForm.useForm = useForm;\nForm.Field = Field;\nForm.useConfig = useConfig;\n\nexport default Form;\n"],"mappings":";;;;;;;;;AAUA,MAAM,QAAQ,UAAiB;CAC9B,MAAM,EACL,OAAO,EAAE,EACT,OACA,eACA,OACA,WACA,OACA,SACA,cACA,MAAM,OACN,aACA,YACA,YACA,UACA,WACA,SACA,UACA,GAAG,cACA;CAEJ,MAAM,iBAAiB,MAAM;AAC5B,cAAY,EAAE;AAEd,MAAI,EAAE,YAAY,GAAI;AAEtB,YAAU,GAAG,KAAK,MAAM,KAAK;;CAG9B,MAAM,cAAc,cAAc;AACjC,MAAI,CAAC,WAAW,CAAC,aAAc;AAE/B,MAAI,aACH,QAAO,4BAA4B,aAAa;AAGjD,MAAI,OAAO,YAAY,SACtB,QAAO,kBAAkB,OAAO,QAAQ;AAGzC,SAAO;IACL,CAAC,QAAQ,CAAC;AAEb,iBAAgB;AACf,SAAO,OAAO,MAAM;GACnB,MAAM,EAAE,GAAG,eAAe;GAC1B;GACA,CAAC;IACA,CAAC,KAAK,CAAC;AAEV,iBAAgB;AACf,SAAO,UAAU,GAAG,KAAK,GAAG,WAAW,KAAK,MAAM;AACjD,cAAW,EAAE,MAAM,EAAE,MAAM;IAC1B;AAEF,eAAa;AACZ,UAAO,YAAY,GAAG,KAAK,GAAG,SAAS;;IAEtC,EAAE,CAAC;AAEN,QACC,oBAAC,SAAD;EAAS,OAAO;YACf,oBAAC,QAAD;GACC,OACC;IACC,GAAG;IACH;IACA;IACA,qBAAqB;IACrB,iBAAiB;IACjB,iBAAiB,aAAa,UAAU,KAAA;IACxC;GAEF,WAAW,WAAW,UAAU,WAAW,EAC1C,iBAAiB,aACjB,CAAC;GACF,WAAW;GACX,GAAI;GAEH;GACI,CAAA;EACE,CAAA;;AAIX,KAAK,UAAU;AACf,KAAK,QAAQ;AACb,KAAK,YAAY"}
+{"version":3,"file":"form.js","names":[],"sources":["../../../../packages/components/form/form.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport PubSub from \"pubsub-js\";\nimport { CSSProperties, useEffect, useMemo } from \"react\";\nimport Context from \"./context\";\nimport Field from \"./field\";\nimport \"./index.css\";\nimport { IForm } from \"./type\";\nimport useConfig from \"./useConfig\";\nimport useForm, { IFormInstance } from \"./useForm\";\n\nconst Form = (props: IForm) => {\n\tconst {\n\t\tform = {} as IFormInstance,\n\t\trules,\n\t\tinitialValues,\n\t\tstyle,\n\t\tclassName,\n\t\twidth,\n\t\tcolumns,\n\t\titemMaxWidth,\n\t\tgap = \"1em\",\n\t\tlabelInline,\n\t\tlabelWidth,\n\t\tlabelRight,\n\t\tchildren,\n\t\tonKeyDown,\n\t\tonEnter,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst handleKeyDown = (e) => {\n\t\tonKeyDown?.(e);\n\n\t\tif (e.keyCode !== 13) return;\n\n\t\tonEnter?.(e, form.data, form);\n\t};\n\n\tconst gridColumns = useMemo(() => {\n\t\tif (!columns && !itemMaxWidth) return;\n\n\t\tif (itemMaxWidth) {\n\t\t\treturn `repeat(auto-fill, minmax(${itemMaxWidth}, 1fr))`;\n\t\t}\n\n\t\tif (typeof columns === \"number\") {\n\t\t\treturn `minmax(0, 1fr) `.repeat(columns);\n\t\t}\n\n\t\treturn columns;\n\t}, [columns]);\n\n\tuseEffect(() => {\n\t\tObject.assign(form, {\n\t\t\tdata: { ...initialValues },\n\t\t\trules,\n\t\t});\n\t}, [form]);\n\n\tuseEffect(() => {\n\t\tPubSub.subscribe(`${form.id}:change`, (evt, v) => {\n\t\t\tonChange?.(v.name, v.value);\n\t\t});\n\n\t\treturn () => {\n\t\t\tPubSub.unsubscribe(`${form.id}:change`);\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<Context value={form}>\n\t\t\t<form\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\twidth,\n\t\t\t\t\t\tgap,\n\t\t\t\t\t\tgridTemplateColumns: gridColumns as any,\n\t\t\t\t\t\t\"--label-width\": labelWidth,\n\t\t\t\t\t\t\"--label-align\": labelRight ? \"right\" : undefined,\n\t\t\t\t\t} as CSSProperties\n\t\t\t\t}\n\t\t\t\tclassName={classNames(\"i-form\", className, {\n\t\t\t\t\t\"i-form-inline\": labelInline,\n\t\t\t\t})}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t{...restProps}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</form>\n\t\t</Context>\n\t);\n};\n\nForm.useForm = useForm;\nForm.Field = Field;\nForm.useConfig = useConfig;\n\nexport default Form;\n"],"mappings":";;;;;;;;;;CAUA,MAAM,EACL,OAAM,EAAA,EACL,OACA,eACA,OACA,WACA,OACA,SACA,cACA,MAAA,OACA,aACA,YACA,YACA,UACA,WACA,SACA,UACA,GAAA,cACG;;AAGJ,cAAM,EAAA;;;;;AAQN,MAAK,CAAC,WAAW,CAAC,aAAc;mBAG/B,QAAI,4BAAc,aAAA;kCAIlB,QAAI,kBAAoB,OAAS,QAAA;;IAIjC,CAAA,QAAO,CAAA;;AAGR,SAAA,OAAe,MAAC;GACf,MAAO,EAAA,GAAA,eAAa;GACnB;GACA,CAAA;IACC,CAAA,KAAA,CAAA;;AAGH,SAAA,UAAgB,GAAA,KAAA,GAAA,WAAA,KAAA,MAAA;AACf,cAAO,EAAA,MAAa,EAAA,MAAQ;IAC3B;;AAGD,UAAQ,YAAK,GAAA,KAAA,GAAA,SAAA;;IAEZ,EAAA,CAAA;QAGF,oBAAA,SAAA;EAAO,OAAA;YACL,oBAAA,QAAA;GACC,OACA;IACC,GAAA;IACC;IACA;IACA,qBAAG;IACH,iBAAA;IACA,iBAAiB,aAAU,UAAA,KAAA;IAC3B;GAEF,WAAA,WAAA,UAAA,WAAA,EACA,iBAAW,aACV,CAAC;GACF,WAAE;GACF,GAAA;GAED;GACE,CAAA;EACI,CAAA;;;AAKT,KAAK,QAAQ;AACb,KAAK,YAAQ"}

package/lib/es/components/form/useForm.js

@@ -1,6 +1,6 @@
-import { uid } from "radash";
+import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useRef } from "react";
-import PubSub from "pubsub-js";
+import PubSub from "/Users/iann/codes/ioca-react/node_modules/.pnpm/pubsub-js@1.9.5/node_modules/pubsub-js/src/pubsub.js";
 //#region packages/components/form/useForm.ts
 var IFormInstance = class {
 	id;

package/lib/es/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../../../packages/components/icon/icon.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { cloneElement, isValidElement } from \"react\";\nimport \"./index.css\";\nimport { IIcon } from \"./type\";\n\nconst Icon = (props: IIcon) => {\n\tconst {\n\t\tref,\n\t\ticon,\n\t\tsize = \"1.425em\",\n\t\trotate,\n\t\tstyle,\n\t\tclassName,\n\t\t...restProps\n\t} = props;\n\n\tif (!isValidElement(icon)) return icon;\n\n\tconst iconProps = {\n\t\tref,\n\t\tstyle: {\n\t\t\ttransform: rotate ? `rotate(${rotate}deg)` : undefined,\n\t\t\t...style,\n\t\t\twidth: size,\n\t\t\theight: size,\n\t\t},\n\t\tclassName: classNames(\"i-icon\", className),\n\t\t...restProps,\n\t};\n\n\treturn cloneElement(icon, iconProps);\n};\n\nexport default Icon;\n"],"mappings":";;;AAKA,MAAM,QAAQ,UAAiB;CAC9B,MAAM,EACL,KACA,MACA,OAAO,WACP,QACA,OACA,WACA,GAAG,cACA;AAEJ,KAAI,CAAC,eAAe,KAAK,CAAE,QAAO;AAclC,QAAO,aAAa,MAZF;EACjB;EACA,OAAO;GACN,WAAW,SAAS,UAAU,OAAO,QAAQ,KAAA;GAC7C,GAAG;GACH,OAAO;GACP,QAAQ;GACR;EACD,WAAW,WAAW,UAAU,UAAU;EAC1C,GAAG;EACH,CAEmC"}
+{"version":3,"file":"icon.js","names":[],"sources":["../../../../packages/components/icon/icon.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { cloneElement, isValidElement } from \"react\";\nimport \"./index.css\";\nimport { IIcon } from \"./type\";\n\nconst Icon = (props: IIcon) => {\n\tconst {\n\t\tref,\n\t\ticon,\n\t\tsize = \"1.425em\",\n\t\trotate,\n\t\tstyle,\n\t\tclassName,\n\t\t...restProps\n\t} = props;\n\n\tif (!isValidElement(icon)) return icon;\n\n\tconst iconProps = {\n\t\tref,\n\t\tstyle: {\n\t\t\ttransform: rotate ? `rotate(${rotate}deg)` : undefined,\n\t\t\t...style,\n\t\t\twidth: size,\n\t\t\theight: size,\n\t\t},\n\t\tclassName: classNames(\"i-icon\", className),\n\t\t...restProps,\n\t};\n\n\treturn cloneElement(icon, iconProps);\n};\n\nexport default Icon;\n"],"mappings":";;;;CAKA,MAAM,EACL,KACC,MACA,OAAI,WACJ,QACA,OACA,WACA,GAAA,cACG;;;EAKJ;EACC,OAAG;GACH,WAAO,SAAA,UAAA,OAAA,QAAA,KAAA;GACN,GAAA;GACA,OAAG;GACH,QAAO;GACP;EACD,WAAC,WAAA,UAAA,UAAA;EACD,GAAA;EACA,CAAA"}

package/lib/es/components/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","names":[],"sources":["../../../../packages/components/image/image.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport { useIntersectionObserver, useReactive } from \"../../js/hooks\";\nimport usePreview from \"../../js/usePreview\";\nimport Loading from \"../loading\";\nimport \"./index.css\";\nimport List from \"./list\";\nimport type { CompositionImage, IImage } from \"./type\";\n\nconst Image = (props: IImage) => {\n\tconst {\n\t\tsrc,\n\t\tthumb,\n\t\tround,\n\t\tsize,\n\t\theight,\n\t\twidth,\n\t\tratio,\n\t\tinitSize,\n\t\tlazyload,\n\t\tfallback,\n\t\tfit,\n\t\tstyle,\n\t\tclassName,\n\t\tcover,\n\t\tcoverClass,\n\t\tusePreview: previewable,\n\t\tonLoad,\n\t\tonError,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive<{ status?: string }>({\n\t\tstatus: \"loading\",\n\t});\n\tconst ref = useRef<HTMLImageElement>(null);\n\n\tconst { observe, unobserve } = useIntersectionObserver();\n\tconst preview = usePreview();\n\n\tconst handleError = (err) => {\n\t\tonError?.(err);\n\t\tstate.status = \"error\";\n\t};\n\n\tconst handleLoad = (e) => {\n\t\tonLoad?.(e);\n\t\tstate.status = undefined;\n\t};\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\n\t\tif (!previewable || !src) return;\n\n\t\tconst previewConfigs =\n\t\t\ttypeof previewable === \"boolean\" ? {} : previewable;\n\n\t\tpreview({\n\t\t\t...previewConfigs,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\tsrc,\n\t\t\t\t\ttype: \"IMAGE\",\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (!src || typeof window === \"undefined\") return;\n\n\t\tconst img = ref.current;\n\t\tconst hasSrcAttr = img?.getAttribute(\"src\");\n\t\tconst canSyncStatus = Boolean(img && (!lazyload || hasSrcAttr));\n\t\tif (canSyncStatus && img?.complete) {\n\t\t\tstate.status = img.naturalWidth > 0 ? undefined : \"error\";\n\t\t}\n\n\t\tif (!ref.current?.complete && observe && lazyload) {\n\t\t\tstate.status = \"loading\";\n\t\t}\n\n\t\tif (!lazyload || !ref.current || !observe) return;\n\n\t\tobserve(ref.current, (tar: HTMLElement, visible: boolean) => {\n\t\t\tif (!visible) return;\n\n\t\t\ttar.setAttribute(\"src\", tar.dataset.src || \"\");\n\t\t\tunobserve(tar);\n\t\t});\n\n\t\treturn () => {\n\t\t\tref.current && unobserve(ref.current);\n\t\t};\n\t}, [src]);\n\n\trestProps[lazyload ? \"data-src\" : \"src\"] = thumb ?? src;\n\tconst iSize = state.status === \"loading\" ? initSize : undefined;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\twidth: width ?? size ?? iSize,\n\t\t\t\theight: height ?? size ?? iSize,\n\t\t\t\taspectRatio: ratio,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(\"i-image\", className, {\n\t\t\t\trounded: round,\n\t\t\t\t[`i-image-${state.status}`]: state.status,\n\t\t\t})}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{state.status === \"error\" ? (\n\t\t\t\t(fallback ?? null)\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{src && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tstyle={{ objectFit: fit }}\n\t\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\t\tonLoad={handleLoad}\n\t\t\t\t\t\t\tonError={handleError}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{src && state.status === \"loading\" && <Loading absolute />}\n\n\t\t\t\t\t{cover && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-image-cover\", coverClass)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cover}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nImage.List = List;\n\nexport default Image as CompositionImage;\n"],"mappings":";;;;;;;;AASA,MAAM,SAAS,UAAkB;CAChC,MAAM,EACL,KACA,OACA,OACA,MACA,QACA,OACA,OACA,UACA,UACA,UACA,KACA,OACA,WACA,OACA,YACA,YAAY,aACZ,QACA,SACA,SACA,GAAG,cACA;CAEJ,MAAM,QAAQ,YAAiC,EAC9C,QAAQ,WACR,CAAC;CACF,MAAM,MAAM,OAAyB,KAAK;CAE1C,MAAM,EAAE,SAAS,cAAc,yBAAyB;CACxD,MAAM,UAAU,YAAY;CAE5B,MAAM,eAAe,QAAQ;AAC5B,YAAU,IAAI;AACd,QAAM,SAAS;;CAGhB,MAAM,cAAc,MAAM;AACzB,WAAS,EAAE;AACX,QAAM,SAAS,KAAA;;CAGhB,MAAM,eAAe,MAAM;AAC1B,YAAU,EAAE;AAEZ,MAAI,CAAC,eAAe,CAAC,IAAK;AAK1B,UAAQ;GACP,GAHA,OAAO,gBAAgB,YAAY,EAAE,GAAG;GAIxC,OAAO,CACN;IACC;IACA,MAAM;IACN,CACD;GACD,CAAC;;AAGH,iBAAgB;AACf,MAAI,CAAC,OAAO,OAAO,WAAW,YAAa;EAE3C,MAAM,MAAM,IAAI;EAChB,MAAM,aAAa,KAAK,aAAa,MAAM;AAE3C,MADsB,QAAQ,QAAQ,CAAC,YAAY,YAAY,IAC1C,KAAK,SACzB,OAAM,SAAS,IAAI,eAAe,IAAI,KAAA,IAAY;AAGnD,MAAI,CAAC,IAAI,SAAS,YAAY,WAAW,SACxC,OAAM,SAAS;AAGhB,MAAI,CAAC,YAAY,CAAC,IAAI,WAAW,CAAC,QAAS;AAE3C,UAAQ,IAAI,UAAU,KAAkB,YAAqB;AAC5D,OAAI,CAAC,QAAS;AAEd,OAAI,aAAa,OAAO,IAAI,QAAQ,OAAO,GAAG;AAC9C,aAAU,IAAI;IACb;AAEF,eAAa;AACZ,OAAI,WAAW,UAAU,IAAI,QAAQ;;IAEpC,CAAC,IAAI,CAAC;AAET,WAAU,WAAW,aAAa,SAAS,SAAS;CACpD,MAAM,QAAQ,MAAM,WAAW,YAAY,WAAW,KAAA;AAEtD,QACC,oBAAC,OAAD;EACC,OAAO;GACN,OAAO,SAAS,QAAQ;GACxB,QAAQ,UAAU,QAAQ;GAC1B,aAAa;GACb,GAAG;GACH;EACD,WAAW,WAAW,WAAW,WAAW;GAC3C,SAAS;IACR,WAAW,MAAM,WAAW,MAAM;GACnC,CAAC;EACF,SAAS;YAER,MAAM,WAAW,UAChB,YAAY,OAEb,qBAAA,YAAA,EAAA,UAAA;GACE,OACA,oBAAC,OAAD;IACM;IACL,OAAO,EAAE,WAAW,KAAK;IACzB,GAAI;IACJ,QAAQ;IACR,SAAS;IACT,CAAA;GAGD,OAAO,MAAM,WAAW,aAAa,oBAAC,iBAAD,EAAS,UAAA,MAAW,CAAA;GAEzD,SACA,oBAAC,OAAD;IACC,WAAW,WAAW,iBAAiB,WAAW;cAEjD;IACG,CAAA;GAEL,EAAA,CAAA;EAEC,CAAA;;AAIP,MAAM,OAAO"}
+{"version":3,"file":"image.js","names":[],"sources":["../../../../packages/components/image/image.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport { useIntersectionObserver, useReactive } from \"../../js/hooks\";\nimport usePreview from \"../../js/usePreview\";\nimport Loading from \"../loading\";\nimport \"./index.css\";\nimport List from \"./list\";\nimport type { CompositionImage, IImage } from \"./type\";\n\nconst Image = (props: IImage) => {\n\tconst {\n\t\tsrc,\n\t\tthumb,\n\t\tround,\n\t\tsize,\n\t\theight,\n\t\twidth,\n\t\tratio,\n\t\tinitSize,\n\t\tlazyload,\n\t\tfallback,\n\t\tfit,\n\t\tstyle,\n\t\tclassName,\n\t\tcover,\n\t\tcoverClass,\n\t\tusePreview: previewable,\n\t\tonLoad,\n\t\tonError,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive<{ status?: string }>({\n\t\tstatus: \"loading\",\n\t});\n\tconst ref = useRef<HTMLImageElement>(null);\n\n\tconst { observe, unobserve } = useIntersectionObserver();\n\tconst preview = usePreview();\n\n\tconst handleError = (err) => {\n\t\tonError?.(err);\n\t\tstate.status = \"error\";\n\t};\n\n\tconst handleLoad = (e) => {\n\t\tonLoad?.(e);\n\t\tstate.status = undefined;\n\t};\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\n\t\tif (!previewable || !src) return;\n\n\t\tconst previewConfigs =\n\t\t\ttypeof previewable === \"boolean\" ? {} : previewable;\n\n\t\tpreview({\n\t\t\t...previewConfigs,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\tsrc,\n\t\t\t\t\ttype: \"IMAGE\",\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (!src || typeof window === \"undefined\") return;\n\n\t\tconst img = ref.current;\n\t\tconst hasSrcAttr = img?.getAttribute(\"src\");\n\t\tconst canSyncStatus = Boolean(img && (!lazyload || hasSrcAttr));\n\t\tif (canSyncStatus && img?.complete) {\n\t\t\tstate.status = img.naturalWidth > 0 ? undefined : \"error\";\n\t\t}\n\n\t\tif (!ref.current?.complete && observe && lazyload) {\n\t\t\tstate.status = \"loading\";\n\t\t}\n\n\t\tif (!lazyload || !ref.current || !observe) return;\n\n\t\tobserve(ref.current, (tar: HTMLElement, visible: boolean) => {\n\t\t\tif (!visible) return;\n\n\t\t\ttar.setAttribute(\"src\", tar.dataset.src || \"\");\n\t\t\tunobserve(tar);\n\t\t});\n\n\t\treturn () => {\n\t\t\tref.current && unobserve(ref.current);\n\t\t};\n\t}, [src]);\n\n\trestProps[lazyload ? \"data-src\" : \"src\"] = thumb ?? src;\n\tconst iSize = state.status === \"loading\" ? initSize : undefined;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\twidth: width ?? size ?? iSize,\n\t\t\t\theight: height ?? size ?? iSize,\n\t\t\t\taspectRatio: ratio,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(\"i-image\", className, {\n\t\t\t\trounded: round,\n\t\t\t\t[`i-image-${state.status}`]: state.status,\n\t\t\t})}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{state.status === \"error\" ? (\n\t\t\t\t(fallback ?? null)\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{src && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tstyle={{ objectFit: fit }}\n\t\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\t\tonLoad={handleLoad}\n\t\t\t\t\t\t\tonError={handleError}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{src && state.status === \"loading\" && <Loading absolute />}\n\n\t\t\t\t\t{cover && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-image-cover\", coverClass)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cover}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nImage.List = List;\n\nexport default Image as CompositionImage;\n"],"mappings":";;;;;;;;;CASA,MAAM,EACL,KACC,OACA,OACA,MACA,QACA,OACA,OACA,UACA,UACA,UACA,KACA,OACA,WACA,OACA,YACA,YAAU,aACV,QACA,SACA,SACA,GAAA,cACG;6BAGJ,QAAM,WACL,CAAA;CACD,MAAE,MAAA,OAAA,KAAA;;CAGF,MAAM,UAAU,YAAY;;AAG5B,YAAM,IAAA;AACL,QAAA,SAAc;;;AAIf,WAAM,EAAA;AACL,QAAM,SAAK,KAAA;;;AAIZ,YAAM,EAAA;;;GAQL,GAHA,OAAM,gBAAe,YAAA,EAAA,GAAA;GAIpB,OAAG,CACH;IACC;IACC,MAAG;IACH,CACD;GACD,CAAC;;;AAIH,MAAA,CAAA,OAAa,OAAG,WAAA,YAAA;;EAGf,MAAM,aAAU,KAAO,aAAA,MAAA;AAEvB,MADsB,QAAE,QAAc,CAAA,YAAK,YAAA,IACtB,KAAC,SACtB,OAAI,SAAA,IAAgB,eAAe,IAAC,KAAA,IAAA;oDAIpC,OAAK,SAAW;;;AAMhB,OAAA,CAAA,QAAY;;AAGX,aAAI,IAAA;IACJ;;AAGD,OAAA,WAAa,UAAA,IAAA,QAAA;;IAEZ,CAAA,IAAA,CAAA;;CAGF,MAAA,QAAU,MAAU,WAAW,YAAY,WAAS,KAAA;QAGpD,oBAAA,OAAA;EACE,OAAA;GACA,OAAO,SAAA,QAAA;GACN,QAAO,UAAS,QAAQ;GACxB,aAAQ;GACR,GAAA;GACA;EACD,WAAC,WAAA,WAAA,WAAA;GACD,SAAU;IACT,WAAS,MAAK,WAAA,MAAA;GACd,CAAC;EACF,SAAE;YAEH,MAAA,WAAA,UACE,YAAa,OAEb,qBAAA,YAAA,EAAA,UAAA;GACC,OACC,oBAAA,OAAA;IACC;IACA,OAAK,EAAG,WAAA,KAAA;IACR,GAAA;IACA,QAAI;IACJ,SAAQ;IACR,CAAA;;YAMD,oBAAA,OAAA;IACC,WAAA,WAAA,iBAAA,WAAA;cAED;IACE,CAAA;GAEF,EAAA,CAAA;EAEF,CAAA"}

package/lib/es/components/input/input.js

@@ -5,9 +5,8 @@ import Range from "./range.js";
 import Textarea from "./textarea.js";
 import classNames from "classnames";
 import { useEffect, useMemo, useState } from "react";
+import { VisibilityOffRound, VisibilityRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import VisibilityOffRound from "@ricons/material/es/VisibilityOffRound.js";
-import VisibilityRound from "@ricons/material/es/VisibilityRound.js";
 //#region packages/components/input/input.tsx
 const Input = ((props) => {
 	const { ref, type = "text", label, name, value = "", prepend, append, labelInline, className, status = "normal", message, tip, clear, width, hideVisible, border, underline, required, maxLength, onChange, onEnter, onClear, style, ...restProps } = props;

package/lib/es/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../../packages/components/input/input.tsx"],"sourcesContent":["import VisibilityOffRound from \"@ricons/material/es/VisibilityOffRound.js\";\nimport VisibilityRound from \"@ricons/material/es/VisibilityRound.js\";\nimport classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport Number from \"./number\";\nimport Range from \"./range\";\nimport Textarea from \"./textarea\";\nimport type { CompositionInput, IInput } from \"./type\";\n\nconst Input = ((props: IInput) => {\n\tconst {\n\t\tref,\n\t\ttype = \"text\",\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tprepend,\n\t\tappend,\n\t\tlabelInline,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tclear,\n\t\twidth,\n\t\thideVisible,\n\t\tborder,\n\t\tunderline,\n\t\trequired,\n\t\tmaxLength,\n\t\tonChange,\n\t\tonEnter,\n\t\tonClear,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState(value);\n\tconst [inputType, setInputType] = useState(type);\n\tconst [visible, setVisible] = useState(false);\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst v = e.target.value;\n\n\t\tsetInputValue(v);\n\t\tonChange?.(v, e);\n\t};\n\n\tconst handleKeydown = (e: KeyboardEvent<HTMLInputElement>) => {\n\t\te.code === \"Enter\" && onEnter?.(e);\n\t};\n\n\tconst handleHelperClick = () => {\n\t\tif (type === \"password\" && !hideVisible) {\n\t\t\tsetVisible((v) => {\n\t\t\t\tconst next = !v;\n\t\t\t\tsetInputType(next ? \"text\" : \"password\");\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst v = \"\";\n\t\tsetInputValue(v);\n\t\tonChange?.(v);\n\t\tonClear?.();\n\t};\n\n\tconst HelperIcon = useMemo(() => {\n\t\tif (type === \"password\") {\n\t\t\treturn visible ? <VisibilityRound /> : <VisibilityOffRound />;\n\t\t}\n\n\t\treturn undefined;\n\t}, [type, visible]);\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tref,\n\t\ttype: inputType,\n\t\tname,\n\t\tvalue: inputValue,\n\t\tmaxLength,\n\t\tclassName: classNames(\"i-input\", `i-input-${type}`),\n\t\tonChange: handleChange,\n\t\tonKeyDown: handleKeydown,\n\t\t...restProps,\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputType(type);\n\t\tsetVisible(false);\n\t}, [type]);\n\n\tconst clearable = clear && inputValue;\n\tconst showHelper = type === \"password\" && !!inputValue;\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t\trequired={required}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t\t\"i-input-underline\": underline,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t<input {...inputProps} />\n\n\t\t\t\t{maxLength && inputValue?.length > 0 && (\n\t\t\t\t\t<span className='color-8 pr-4 font-sm'>\n\t\t\t\t\t\t{inputValue.length} / {maxLength}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive={!!clearable || showHelper}\n\t\t\t\t\ticon={HelperIcon}\n\t\t\t\t\tonClick={handleHelperClick}\n\t\t\t\t/>\n\n\t\t\t\t{append && <div className='i-input-append'>{append}</div>}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n}) as CompositionInput;\n\nInput.Textarea = Textarea;\nInput.Number = Number;\nInput.Range = Range;\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;AAkBA,MAAM,UAAU,UAAkB;CACjC,MAAM,EACL,KACA,OAAO,QACP,OACA,MACA,QAAQ,IACR,SACA,QACA,aACA,WACA,SAAS,UACT,SACA,KACA,OACA,OACA,aACA,QACA,WACA,UACA,WACA,UACA,SACA,SACA,OACA,GAAG,cACA;CAEJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,gBAAgB,MAAqC;EAC1D,MAAM,IAAI,EAAE,OAAO;AAEnB,gBAAc,EAAE;AAChB,aAAW,GAAG,EAAE;;CAGjB,MAAM,iBAAiB,MAAuC;AAC7D,IAAE,SAAS,WAAW,UAAU,EAAE;;CAGnC,MAAM,0BAA0B;AAC/B,MAAI,SAAS,cAAc,CAAC,aAAa;AACxC,eAAY,MAAM;IACjB,MAAM,OAAO,CAAC;AACd,iBAAa,OAAO,SAAS,WAAW;AACxC,WAAO;KACN;AACF;;EAGD,MAAM,IAAI;AACV,gBAAc,EAAE;AAChB,aAAW,EAAE;AACb,aAAW;;CAGZ,MAAM,aAAa,cAAc;AAChC,MAAI,SAAS,WACZ,QAAO,UAAU,oBAAC,iBAAD,EAAmB,CAAA,GAAG,oBAAC,oBAAD,EAAsB,CAAA;IAI5D,CAAC,MAAM,QAAQ,CAAC;AAEnB,iBAAgB;AACf,gBAAc,MAAM;IAClB,CAAC,MAAM,CAAC;CAEX,MAAM,aAAa;EAClB;EACA,MAAM;EACN;EACA,OAAO;EACP;EACA,WAAW,WAAW,WAAW,WAAW,OAAO;EACnD,UAAU;EACV,WAAW;EACX,GAAG;EACH;AAED,iBAAgB;AACf,eAAa,KAAK;AAClB,aAAW,MAAM;IACf,CAAC,KAAK,CAAC;CAEV,MAAM,YAAY,SAAS;CAC3B,MAAM,aAAa,SAAS,cAAc,CAAC,CAAC;AAE5C,QACC,oBAAC,gBAAD;EACQ;EACM;EACF;EACX,OAAO;GAAE;GAAO,GAAG;GAAO;EAC1B,KAAK,WAAW;EACR;EACE;YAEV,qBAAC,OAAD;GACC,WAAW,WAAW,gBAAgB;KACpC,WAAW,WAAW,WAAW;IAClC,sBAAsB,CAAC;IACvB,qBAAqB;IACrB,CAAC;aALH;IAOE,WAAW,oBAAC,OAAD;KAAK,WAAU;eAAmB;KAAc,CAAA;IAE5D,oBAAC,SAAD,EAAO,GAAI,YAAa,CAAA;IAEvB,aAAa,YAAY,SAAS,KAClC,qBAAC,QAAD;KAAM,WAAU;eAAhB;MACE,WAAW;MAAO;MAAI;MAClB;;IAGP,oBAAC,oBAAD;KACC,QAAQ,CAAC,CAAC,aAAa;KACvB,MAAM;KACN,SAAS;KACT,CAAA;IAEA,UAAU,oBAAC,OAAD;KAAK,WAAU;eAAkB;KAAa,CAAA;IACrD;;EACU,CAAA;;AAIlB,MAAM,WAAW;AACjB,MAAM,SAAS;AACf,MAAM,QAAQ"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../../packages/components/input/input.tsx"],"sourcesContent":["import { VisibilityOffRound, VisibilityRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport Number from \"./number\";\nimport Range from \"./range\";\nimport Textarea from \"./textarea\";\nimport type { CompositionInput, IInput } from \"./type\";\n\nconst Input = ((props: IInput) => {\n\tconst {\n\t\tref,\n\t\ttype = \"text\",\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tprepend,\n\t\tappend,\n\t\tlabelInline,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tclear,\n\t\twidth,\n\t\thideVisible,\n\t\tborder,\n\t\tunderline,\n\t\trequired,\n\t\tmaxLength,\n\t\tonChange,\n\t\tonEnter,\n\t\tonClear,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState(value);\n\tconst [inputType, setInputType] = useState(type);\n\tconst [visible, setVisible] = useState(false);\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst v = e.target.value;\n\n\t\tsetInputValue(v);\n\t\tonChange?.(v, e);\n\t};\n\n\tconst handleKeydown = (e: KeyboardEvent<HTMLInputElement>) => {\n\t\te.code === \"Enter\" && onEnter?.(e);\n\t};\n\n\tconst handleHelperClick = () => {\n\t\tif (type === \"password\" && !hideVisible) {\n\t\t\tsetVisible((v) => {\n\t\t\t\tconst next = !v;\n\t\t\t\tsetInputType(next ? \"text\" : \"password\");\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst v = \"\";\n\t\tsetInputValue(v);\n\t\tonChange?.(v);\n\t\tonClear?.();\n\t};\n\n\tconst HelperIcon = useMemo(() => {\n\t\tif (type === \"password\") {\n\t\t\treturn visible ? <VisibilityRound /> : <VisibilityOffRound />;\n\t\t}\n\n\t\treturn undefined;\n\t}, [type, visible]);\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tref,\n\t\ttype: inputType,\n\t\tname,\n\t\tvalue: inputValue,\n\t\tmaxLength,\n\t\tclassName: classNames(\"i-input\", `i-input-${type}`),\n\t\tonChange: handleChange,\n\t\tonKeyDown: handleKeydown,\n\t\t...restProps,\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputType(type);\n\t\tsetVisible(false);\n\t}, [type]);\n\n\tconst clearable = clear && inputValue;\n\tconst showHelper = type === \"password\" && !!inputValue;\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t\trequired={required}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t\t\"i-input-underline\": underline,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t<input {...inputProps} />\n\n\t\t\t\t{maxLength && inputValue?.length > 0 && (\n\t\t\t\t\t<span className='color-8 pr-4 font-sm'>\n\t\t\t\t\t\t{inputValue.length} / {maxLength}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive={!!clearable || showHelper}\n\t\t\t\t\ticon={HelperIcon}\n\t\t\t\t\tonClick={handleHelperClick}\n\t\t\t\t/>\n\n\t\t\t\t{append && <div className='i-input-append'>{append}</div>}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n}) as CompositionInput;\n\nInput.Textarea = Textarea;\nInput.Number = Number;\nInput.Range = Range;\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;CAiBA,MAAM,EACL,KACC,OAAG,QACH,OACA,MACA,QAAI,IACJ,SACA,QACA,aACA,WACA,SAAS,UACT,SACA,KACA,OACA,OACA,aACA,QACA,WACA,UACA,WACA,UACA,SACA,SACA,OACA,GAAA,cACG;;CAGJ,MAAM,CAAC,WAAW,gBAAgB,SAAE,KAAS;CAC7C,MAAM,CAAC,SAAS,cAAc,SAAI,MAAS;;EAG3C,MAAM,IAAA,EAAA,OAAc;;AAGnB,aAAA,GAAc,EAAE;;;AAIjB,IAAA,SAAM,WAAiB,UAAG,EAAA;;;AAI1B,MAAK,SAAC,cAAsB,CAAC,aAAG;AAC/B,eAAa,MAAC;IACb,MAAA,OAAc,CAAC;AACd,iBAAa,OAAE,SAAA,WAAA;AACf,WAAA;KACA;AACD;;;AAID,gBAAY,EAAA;AACZ,aAAA,EAAa;AACb,aAAW;;;AAIZ,MAAK,SAAC,WACL,QAAQ,UAAM,oBAAA,iBAAA,EAAW,CAAA,GAAA,oBAAA,oBAAA,EAAA,CAAA;IAIzB,CAAA,MAAO,QAAS,CAAA;;AAGjB,gBAAe,MAAC;IACf,CAAA,MAAA,CAAA;;EAGD;EACC,MAAG;EACH;EACA,OAAI;EACJ;EACA,WAAS,WAAA,WAAA,WAAA,OAAA;EACT,UAAU;EACV,WAAU;EACV,GAAA;EACA;;AAGD,eAAc,KAAE;AACf,aAAA,MAAiB;IACjB,CAAA,KAAA,CAAA;;CAGD,MAAM,aAAY,SAAS,cAAU,CAAA,CAAA;QAGrC,oBAAA,gBAAA;EACE;EACY;EACD;EACX,OAAA;GAAS;GAAE,GAAA;GAAS;EACpB,KAAK,WAAW;EACX;EACG;YAET,qBAAA,OAAA;GACE,WAAA,WAAA,gBAAA;KACA,WAAW,WAAa,WAAW;IAClC,sBAAsB,CAAC;IACvB,qBAAqB;IACrB,CAAC;aALJ;IAOC,WAAA,oBAAA,OAAA;KAAA,WAAA;eAAA;KAAA,CAAA;;2CAKE,qBAAA,QAAA;KAAA,WAAa;eAAb;MACC,WAAK;MAAW;MAAO;MACtB;;;KAIF,QAAA,CAAA,CAAA,aAAA;KACA,MAAM;KACN,SAAM;KACN,CAAA;;;;;IAGA;;EACG,CAAA;;;AAKR,MAAM,SAAS;AACf,MAAM,QAAQ"}

package/lib/es/components/input/number.js

@@ -3,10 +3,8 @@ import helpericon_default from "../utils/helpericon/index.js";
 import InputContainer from "./container.js";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
+import { KeyboardDoubleArrowUpRound, MinusRound, PlusRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import MinusRound from "@ricons/material/es/MinusRound.js";
-import PlusRound from "@ricons/material/es/PlusRound.js";
-import KeyboardDoubleArrowUpRound from "@ricons/material/es/KeyboardDoubleArrowUpRound.js";
 //#region packages/components/input/number.tsx
 const Number = (props) => {
 	const { ref, label, name, value = "", labelInline, step = 1, min = -Infinity, max = Infinity, thousand, precision, type, className, width, status = "normal", append, border, prepend, disabled, message, tip, hideControl, showMax, style, onChange, onEnter, onInput, onBlur, ...restProps } = props;

package/lib/es/components/input/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","names":[],"sources":["../../../../packages/components/input/number.tsx"],"sourcesContent":["import KeyboardDoubleArrowUpRound from \"@ricons/material/es/KeyboardDoubleArrowUpRound.js\";\nimport MinusRound from \"@ricons/material/es/MinusRound.js\";\nimport PlusRound from \"@ricons/material/es/PlusRound.js\";\nimport classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseState,\n\ttype FocusEvent,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport { clamp, formatNumber } from \"../../js/utils\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport type { IInputNumber } from \"./type\";\n\nconst Number = (props: IInputNumber) => {\n\tconst {\n\t\tref,\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tlabelInline,\n\t\tstep = 1,\n\t\tmin = -Infinity,\n\t\tmax = Infinity,\n\t\tthousand,\n\t\tprecision,\n\t\ttype,\n\t\tclassName,\n\t\twidth,\n\t\tstatus = \"normal\",\n\t\tappend,\n\t\tborder,\n\t\tprepend,\n\t\tdisabled,\n\t\tmessage,\n\t\ttip,\n\t\thideControl,\n\t\tshowMax,\n\t\tstyle,\n\t\tonChange,\n\t\tonEnter,\n\t\tonInput,\n\t\tonBlur,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState<string>(\n\t\tvalue === undefined || value === null ? \"\" : String(value),\n\t);\n\n\tconst formatOut = (num: number) => {\n\t\tconst v = clamp(num, min, max);\n\t\tif (precision !== undefined)\n\t\t\treturn formatNumber(v, { precision, thousand });\n\t\tconst s = String(v);\n\t\tif (!thousand) return s;\n\t\tconst negative = s.startsWith(\"-\");\n\t\tconst body = negative ? s.slice(1) : s;\n\t\tconst [integer, decimal] = body.split(\".\");\n\t\tconst withThousand = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousand);\n\t\treturn decimal\n\t\t\t? `${negative ? \"-\" : \"\"}${withThousand}.${decimal}`\n\t\t\t: `${negative ? \"-\" : \"\"}${withThousand}`;\n\t};\n\n\tconst sanitizeNumberInput = (raw: string) => {\n\t\tconst hasMinus = raw.startsWith(\"-\");\n\t\tlet v = raw.replace(/[^\\d.]/g, \"\");\n\t\tif (hasMinus) v = `-${v}`;\n\n\t\tconst parts = v.split(\".\");\n\t\tif (parts.length > 1) {\n\t\t\tv = `${parts.shift()}.${parts.join(\"\")}`;\n\t\t}\n\n\t\treturn v;\n\t};\n\n\tconst formatInputValue = (v?: string | number) => {\n\t\tif (!v) return \"\";\n\t\tif (typeof v === \"number\") return v.toString();\n\t\tif (!thousand) return v;\n\n\t\treturn v.split(thousand).join(\"\");\n\t};\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst { value } = e.target;\n\t\tconst v = sanitizeNumberInput(formatInputValue(value));\n\t\tconst isIntermediate =\n\t\t\tv === \"\" || v === \"-\" || v === \".\" || v === \"-.\" || v.endsWith(\".\");\n\n\t\tsetInputValue(v);\n\t\tif (isIntermediate) return;\n\n\t\tconst num = parseFloat(v);\n\t\tif (globalThis.Number.isNaN(num)) return;\n\n\t\tonChange?.(clamp(num, min, max), e);\n\t\tif (precision !== undefined) setInputValue(formatOut(num));\n\t};\n\n\tconst handleOperate = (param: number) => {\n\t\tconst value = parseFloat(formatInputValue(inputValue)) || 0; // 确保值为数字，默认值为 0\n\t\tconst result = value + param;\n\t\tsetInputValue(formatOut(result));\n\t\tonChange?.(clamp(result, min, max));\n\t};\n\n\tconst handleMax = () => {\n\t\tsetInputValue(formatOut(max));\n\t\tonChange?.(clamp(max, min, max));\n\t};\n\n\tconst handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n\t\tonBlur?.(e);\n\n\t\tconst v = sanitizeNumberInput(formatInputValue(inputValue));\n\t\tif (!v || v === \"-\" || v === \".\" || v === \"-.\") {\n\t\t\tsetInputValue(\"\");\n\t\t\treturn;\n\t\t}\n\n\t\tconst num = parseFloat(v);\n\t\tif (globalThis.Number.isNaN(num)) return;\n\n\t\tconst numValue = clamp(num, min, max);\n\t\tsetInputValue(formatOut(numValue));\n\t\tonChange?.(numValue, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(\n\t\t\tvalue === undefined || value === null ? \"\" : String(value),\n\t\t);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tref,\n\t\tname,\n\t\tdisabled,\n\t\tvalue: inputValue,\n\t\tclassName: \"i-input i-input-number\",\n\t\tonChange: handleChange,\n\t\tonKeyDown: (e: KeyboardEvent<HTMLInputElement>) => {\n\t\t\te.code === \"Enter\" && onEnter?.(e);\n\t\t},\n\t\tonInput,\n\t\tonBlur: handleBlur,\n\t\t...restProps,\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t{!hideControl && !disabled && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={() => handleOperate(-step)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input {...inputProps} />\n\n\t\t\t\t{!hideControl && !disabled && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={() => handleOperate(step)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{showMax && max && !disabled && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<KeyboardDoubleArrowUpRound />}\n\t\t\t\t\t\tonClick={handleMax}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{append && <div className='i-input-append'>{append}</div>}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Number;\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,UAAU,UAAwB;CACvC,MAAM,EACL,KACA,OACA,MACA,QAAQ,IACR,aACA,OAAO,GACP,MAAM,WACN,MAAM,UACN,UACA,WACA,MACA,WACA,OACA,SAAS,UACT,QACA,QACA,SACA,UACA,SACA,KACA,aACA,SACA,OACA,UACA,SACA,SACA,QACA,GAAG,cACA;CAEJ,MAAM,CAAC,YAAY,iBAAiB,SACnC,UAAU,KAAA,KAAa,UAAU,OAAO,KAAK,OAAO,MAAM,CAC1D;CAED,MAAM,aAAa,QAAgB;EAClC,MAAM,IAAI,MAAM,KAAK,KAAK,IAAI;AAC9B,MAAI,cAAc,KAAA,EACjB,QAAO,aAAa,GAAG;GAAE;GAAW;GAAU,CAAC;EAChD,MAAM,IAAI,OAAO,EAAE;AACnB,MAAI,CAAC,SAAU,QAAO;EACtB,MAAM,WAAW,EAAE,WAAW,IAAI;EAElC,MAAM,CAAC,SAAS,YADH,WAAW,EAAE,MAAM,EAAE,GAAG,GACL,MAAM,IAAI;EAC1C,MAAM,eAAe,QAAQ,QAAQ,yBAAyB,SAAS;AACvE,SAAO,UACJ,GAAG,WAAW,MAAM,KAAK,aAAa,GAAG,YACzC,GAAG,WAAW,MAAM,KAAK;;CAG7B,MAAM,uBAAuB,QAAgB;EAC5C,MAAM,WAAW,IAAI,WAAW,IAAI;EACpC,IAAI,IAAI,IAAI,QAAQ,WAAW,GAAG;AAClC,MAAI,SAAU,KAAI,IAAI;EAEtB,MAAM,QAAQ,EAAE,MAAM,IAAI;AAC1B,MAAI,MAAM,SAAS,EAClB,KAAI,GAAG,MAAM,OAAO,CAAC,GAAG,MAAM,KAAK,GAAG;AAGvC,SAAO;;CAGR,MAAM,oBAAoB,MAAwB;AACjD,MAAI,CAAC,EAAG,QAAO;AACf,MAAI,OAAO,MAAM,SAAU,QAAO,EAAE,UAAU;AAC9C,MAAI,CAAC,SAAU,QAAO;AAEtB,SAAO,EAAE,MAAM,SAAS,CAAC,KAAK,GAAG;;CAGlC,MAAM,gBAAgB,MAAqC;EAC1D,MAAM,EAAE,UAAU,EAAE;EACpB,MAAM,IAAI,oBAAoB,iBAAiB,MAAM,CAAC;EACtD,MAAM,iBACL,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,EAAE,SAAS,IAAI;AAEpE,gBAAc,EAAE;AAChB,MAAI,eAAgB;EAEpB,MAAM,MAAM,WAAW,EAAE;AACzB,MAAI,WAAW,OAAO,MAAM,IAAI,CAAE;AAElC,aAAW,MAAM,KAAK,KAAK,IAAI,EAAE,EAAE;AACnC,MAAI,cAAc,KAAA,EAAW,eAAc,UAAU,IAAI,CAAC;;CAG3D,MAAM,iBAAiB,UAAkB;EAExC,MAAM,UADQ,WAAW,iBAAiB,WAAW,CAAC,IAAI,KACnC;AACvB,gBAAc,UAAU,OAAO,CAAC;AAChC,aAAW,MAAM,QAAQ,KAAK,IAAI,CAAC;;CAGpC,MAAM,kBAAkB;AACvB,gBAAc,UAAU,IAAI,CAAC;AAC7B,aAAW,MAAM,KAAK,KAAK,IAAI,CAAC;;CAGjC,MAAM,cAAc,MAAoC;AACvD,WAAS,EAAE;EAEX,MAAM,IAAI,oBAAoB,iBAAiB,WAAW,CAAC;AAC3D,MAAI,CAAC,KAAK,MAAM,OAAO,MAAM,OAAO,MAAM,MAAM;AAC/C,iBAAc,GAAG;AACjB;;EAGD,MAAM,MAAM,WAAW,EAAE;AACzB,MAAI,WAAW,OAAO,MAAM,IAAI,CAAE;EAElC,MAAM,WAAW,MAAM,KAAK,KAAK,IAAI;AACrC,gBAAc,UAAU,SAAS,CAAC;AAClC,aAAW,UAAU,EAAE;;AAGxB,iBAAgB;AACf,gBACC,UAAU,KAAA,KAAa,UAAU,OAAO,KAAK,OAAO,MAAM,CAC1D;IACC,CAAC,MAAM,CAAC;CAEX,MAAM,aAAa;EAClB;EACA;EACA;EACA,OAAO;EACP,WAAW;EACX,UAAU;EACV,YAAY,MAAuC;AAClD,KAAE,SAAS,WAAW,UAAU,EAAE;;EAEnC;EACA,QAAQ;EACR,GAAG;EACH;AAED,QACC,oBAAC,gBAAD;EACQ;EACM;EACF;EACX,OAAO;GAAE;GAAO,GAAG;GAAO;EAC1B,KAAK,WAAW;EACR;YAER,qBAAC,OAAD;GACC,WAAW,WAAW,gBAAgB;KACpC,WAAW,WAAW,WAAW;IAClC,sBAAsB,CAAC;IACvB,CAAC;aAJH;IAME,WAAW,oBAAC,OAAD;KAAK,WAAU;eAAmB;KAAc,CAAA;IAE3D,CAAC,eAAe,CAAC,YACjB,oBAAC,oBAAD;KACC,QAAA;KACA,MAAM,oBAAC,YAAD,EAAc,CAAA;KACpB,eAAe,cAAc,CAAC,KAAK;KACnC,CAAA;IAGF,oBAAC,SAAD,EAAO,GAAI,YAAa,CAAA;IAEvB,CAAC,eAAe,CAAC,YACjB,oBAAC,oBAAD;KACC,QAAA;KACA,MAAM,oBAAC,WAAD,EAAa,CAAA;KACnB,eAAe,cAAc,KAAK;KAClC,CAAA;IAGD,WAAW,OAAO,CAAC,YACnB,oBAAC,oBAAD;KACC,QAAA;KACA,MAAM,oBAAC,4BAAD,EAA8B,CAAA;KACpC,SAAS;KACT,CAAA;IAGD,UAAU,oBAAC,OAAD;KAAK,WAAU;eAAkB;KAAa,CAAA;IACrD;;EACU,CAAA"}
+{"version":3,"file":"number.js","names":[],"sources":["../../../../packages/components/input/number.tsx"],"sourcesContent":["import {\n\tKeyboardDoubleArrowUpRound,\n\tMinusRound,\n\tPlusRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseState,\n\ttype FocusEvent,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport { clamp, formatNumber } from \"../../js/utils\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport type { IInputNumber } from \"./type\";\n\nconst Number = (props: IInputNumber) => {\n\tconst {\n\t\tref,\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tlabelInline,\n\t\tstep = 1,\n\t\tmin = -Infinity,\n\t\tmax = Infinity,\n\t\tthousand,\n\t\tprecision,\n\t\ttype,\n\t\tclassName,\n\t\twidth,\n\t\tstatus = \"normal\",\n\t\tappend,\n\t\tborder,\n\t\tprepend,\n\t\tdisabled,\n\t\tmessage,\n\t\ttip,\n\t\thideControl,\n\t\tshowMax,\n\t\tstyle,\n\t\tonChange,\n\t\tonEnter,\n\t\tonInput,\n\t\tonBlur,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState<string>(\n\t\tvalue === undefined || value === null ? \"\" : String(value),\n\t);\n\n\tconst formatOut = (num: number) => {\n\t\tconst v = clamp(num, min, max);\n\t\tif (precision !== undefined)\n\t\t\treturn formatNumber(v, { precision, thousand });\n\t\tconst s = String(v);\n\t\tif (!thousand) return s;\n\t\tconst negative = s.startsWith(\"-\");\n\t\tconst body = negative ? s.slice(1) : s;\n\t\tconst [integer, decimal] = body.split(\".\");\n\t\tconst withThousand = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousand);\n\t\treturn decimal\n\t\t\t? `${negative ? \"-\" : \"\"}${withThousand}.${decimal}`\n\t\t\t: `${negative ? \"-\" : \"\"}${withThousand}`;\n\t};\n\n\tconst sanitizeNumberInput = (raw: string) => {\n\t\tconst hasMinus = raw.startsWith(\"-\");\n\t\tlet v = raw.replace(/[^\\d.]/g, \"\");\n\t\tif (hasMinus) v = `-${v}`;\n\n\t\tconst parts = v.split(\".\");\n\t\tif (parts.length > 1) {\n\t\t\tv = `${parts.shift()}.${parts.join(\"\")}`;\n\t\t}\n\n\t\treturn v;\n\t};\n\n\tconst formatInputValue = (v?: string | number) => {\n\t\tif (!v) return \"\";\n\t\tif (typeof v === \"number\") return v.toString();\n\t\tif (!thousand) return v;\n\n\t\treturn v.split(thousand).join(\"\");\n\t};\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst { value } = e.target;\n\t\tconst v = sanitizeNumberInput(formatInputValue(value));\n\t\tconst isIntermediate =\n\t\t\tv === \"\" || v === \"-\" || v === \".\" || v === \"-.\" || v.endsWith(\".\");\n\n\t\tsetInputValue(v);\n\t\tif (isIntermediate) return;\n\n\t\tconst num = parseFloat(v);\n\t\tif (globalThis.Number.isNaN(num)) return;\n\n\t\tonChange?.(clamp(num, min, max), e);\n\t\tif (precision !== undefined) setInputValue(formatOut(num));\n\t};\n\n\tconst handleOperate = (param: number) => {\n\t\tconst value = parseFloat(formatInputValue(inputValue)) || 0; // 确保值为数字，默认值为 0\n\t\tconst result = value + param;\n\t\tsetInputValue(formatOut(result));\n\t\tonChange?.(clamp(result, min, max));\n\t};\n\n\tconst handleMax = () => {\n\t\tsetInputValue(formatOut(max));\n\t\tonChange?.(clamp(max, min, max));\n\t};\n\n\tconst handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n\t\tonBlur?.(e);\n\n\t\tconst v = sanitizeNumberInput(formatInputValue(inputValue));\n\t\tif (!v || v === \"-\" || v === \".\" || v === \"-.\") {\n\t\t\tsetInputValue(\"\");\n\t\t\treturn;\n\t\t}\n\n\t\tconst num = parseFloat(v);\n\t\tif (globalThis.Number.isNaN(num)) return;\n\n\t\tconst numValue = clamp(num, min, max);\n\t\tsetInputValue(formatOut(numValue));\n\t\tonChange?.(numValue, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(\n\t\t\tvalue === undefined || value === null ? \"\" : String(value),\n\t\t);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tref,\n\t\tname,\n\t\tdisabled,\n\t\tvalue: inputValue,\n\t\tclassName: \"i-input i-input-number\",\n\t\tonChange: handleChange,\n\t\tonKeyDown: (e: KeyboardEvent<HTMLInputElement>) => {\n\t\t\te.code === \"Enter\" && onEnter?.(e);\n\t\t},\n\t\tonInput,\n\t\tonBlur: handleBlur,\n\t\t...restProps,\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t{!hideControl && !disabled && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={() => handleOperate(-step)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input {...inputProps} />\n\n\t\t\t\t{!hideControl && !disabled && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={() => handleOperate(step)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{showMax && max && !disabled && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<KeyboardDoubleArrowUpRound />}\n\t\t\t\t\t\tonClick={handleMax}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{append && <div className='i-input-append'>{append}</div>}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Number;\n"],"mappings":";;;;;;;;;CAmBA,MAAM,EACL,KACC,OACA,MACA,QAAI,IACJ,aACA,OAAA,GACA,MAAM,WACN,MAAM,UACN,UACA,WACA,MACA,WACA,OACA,SAAK,UACL,QACA,QACA,SACA,UACA,SACA,KACA,aACA,SACA,OACA,UACA,SACA,SACA,QACA,GAAA,cACG;8CAGJ,UAAO,KAAA,KAAY,UAAe,OAAE,KAAS,OAAO,MAAA,CACnD;;EAGD,MAAM,IAAA,MAAW,KAAK,KAAE,IAAO;AAC9B,MAAA,cAAgB,KAAA,EAChB,QAAI,aAAc,GAAA;GAAA;GAAS;GAAA,CAAA;EAC3B,MAAC,IAAO,OAAA,EAAA;AACR,MAAA,CAAK,SAAK,QAAS;EACnB,MAAK,WAAU,EAAA,WAAQ,IAAA;EAEvB,MAAM,CAAA,SAAO,YADP,WAAa,EAAA,MAAa,EAAE,GAAA,GACF,MAAM,IAAA;EACtC,MAAM,eAAU,QAAW,QAAU,yBAAK,SAAA;AAC1C,SAAM,UACN,GAAM,WAAC,MAAA,KAAA,aAAA,GAAA,YACJ,GAAG,WAAW,MAAM,KAAK;;;EAI7B,MAAM,WAAA,IAAA,WAA2B,IAAC;EACjC,IAAA,IAAM,IAAA,QAAc,WAAW,GAAG;AAClC,MAAI,SAAQ,KAAA,IAAU;;AAGtB,MAAA,MAAM,SAAU,EAChB,KAAI,GAAA,MAAM,OAAW,CAAC,GAAA,MAAA,KAAA,GAAA;;;;AAOvB,MAAK,CAAC,EAAA,QAAA;AACL,MAAI,OAAI,MAAS,SAAA,QAAA,EAAA,UAAA;AACjB,MAAI,CAAA,SAAW,QAAG;;;;EAMnB,MAAM,EAAA,UAAa,EAAE;EACpB,MAAM,IAAE,oBAAkB,iBAAA,MAAA,CAAA;EAC1B,MAAM,iBACN,MAAM,MAAA,MAAA,OAAe,MAAA,OAAA,MAAA,QAAA,EAAA,SAAA,IAAA;;AAGrB,MAAA,eAAgB;;AAGhB,MAAA,WAAY,OAAU,MAAG,IAAA,CAAA;;AAGzB,MAAA,cAAiB,KAAA,EAAU,eAAQ,UAAA,IAAA,CAAA;;;EAKnC,MAAM,UADD,WAAiB,iBAAkB,WAAA,CAAA,IAAA,KAC1B;AACd,gBAAc,UAAS,OAAK,CAAA;AAC5B,aAAA,MAAc,QAAU,KAAM,IAAE,CAAA;;;AAIjC,gBAAe,UAAS,IAAA,CAAA;AACvB,aAAA,MAAc,KAAA,KAAa,IAAE,CAAA;;;AAI9B,WAAM,EAAA;;AAGL,MAAA,CAAK,KAAK,MAAA,OAAA,MAAmB,OAAC,MAAA,MAAiB;AAC/C,iBAAe,GAAG;AACjB;;;AAID,MAAA,WAAY,OAAU,MAAG,IAAA,CAAA;;AAGzB,gBAAc,UAAS,SAAU,CAAA;AACjC,aAAA,UAAc,EAAS;;;AAIxB,gBACC,UAAA,KAAA,KAAa,UAAA,OAAA,KAAA,OAAA,MAAA,CACZ;IACA,CAAA,MAAA,CAAA;;EAGF;EACC;EACA;EACA,OAAA;EACA,WAAO;EACP,UAAU;EACV,YAAU,MAAY;AACtB,KAAA,SAAY,WAAG,UAAc,EAAA;;EAE7B;EACA,QAAO;EACP,GAAA;EACA;QAGD,oBAAA,gBAAA;EACE;EACY;EACD;EACX,OAAA;GAAS;GAAE,GAAA;GAAS;EACpB,KAAK,WAAW;EACX;YAEN,qBAAA,OAAA;GACE,WAAA,WAAA,gBAAA;KACA,WAAW,WAAa,WAAW;IAClC,sBAAsB,CAAC;IACvB,CAAC;aAJJ;IAMC,WAAA,oBAAA,OAAA;KAAA,WAAA;eAAA;KAAA,CAAA;iCAGE,oBAAC,oBAAD;KACC,QAAA;KACA,MAAA,oBAAA,YAAA,EAAA,CAAA;KACA,eAAO,cAAa,CAAA,KAAA;KACpB,CAAA;;iCAMD,oBAAC,oBAAD;KACC,QAAA;KACA,MAAA,oBAAA,WAAA,EAAA,CAAA;KACA,eAAO,cAAY,KAAA;KACnB,CAAA;mCAID,oBAAA,oBAAA;KACC,QAAA;KACA,MAAA,oBAAA,4BAAA,EAAA,CAAA;KACA,SAAO;KACP,CAAA;;;;;IAID;;EACG,CAAA"}

package/lib/es/components/input/range.js

@@ -3,10 +3,8 @@ import helpericon_default from "../utils/helpericon/index.js";
 import InputContainer from "./container.js";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
+import { MinusRound, PlusRound, SyncAltRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import MinusRound from "@ricons/material/es/MinusRound.js";
-import PlusRound from "@ricons/material/es/PlusRound.js";
-import SyncAltRound from "@ricons/material/es/SyncAltRound.js";
 //#region packages/components/input/range.tsx
 const Range = (props) => {
 	const { label, name, value, labelInline, min = -Infinity, max = Infinity, type, className, status = "normal", message, tip, append, prepend, step = 1, width, thousand, precision, hideControl, placeholder, border, autoSwitch, onChange, onBlur, style, ...restProps } = props;

package/lib/es/components/input/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","names":[],"sources":["../../../../packages/components/input/range.tsx"],"sourcesContent":["import MinusRound from \"@ricons/material/es/MinusRound.js\";\nimport PlusRound from \"@ricons/material/es/PlusRound.js\";\nimport SyncAltRound from \"@ricons/material/es/SyncAltRound.js\";\nimport classNames from \"classnames\";\nimport { ChangeEvent, MouseEvent, useEffect, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { clamp, formatNumber } from \"../../js/utils\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport type { IInputRange } from \"./type\";\n\nconst Range = (props: IInputRange) => {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\tvalue,\n\t\tlabelInline,\n\t\tmin = -Infinity,\n\t\tmax = Infinity,\n\t\ttype,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tappend,\n\t\tprepend,\n\t\tstep = 1,\n\t\twidth,\n\t\tthousand,\n\t\tprecision,\n\t\thideControl,\n\t\tplaceholder,\n\t\tborder,\n\t\tautoSwitch,\n\t\tonChange,\n\t\tonBlur,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst [rangeValue, setRangeValue] = useState(value);\n\n\tconst getRangeNumber = (v: number) => clamp(v, min, max);\n\n\tconst getFormatNumber = (v: number) =>\n\t\tformatNumber(v, { precision, thousand });\n\n\tconst formatInputValue = (v?: string | number) => {\n\t\tif (!v) return \"\";\n\t\tif (typeof v === \"number\" || !thousand) return v;\n\n\t\treturn v.replaceAll(thousand, \"\");\n\t};\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>, i: number) => {\n\t\tconst { value } = e.target;\n\t\tconst v = formatInputValue(value.replace(/[^\\d\\.-]/g, \"\"));\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\n\t\trange[i] = v;\n\t\tsetRangeValue(range);\n\t\tonChange?.(range, e);\n\t};\n\n\tconst handleOperate = (\n\t\te: MouseEvent<Element>,\n\t\tparam: number,\n\t\ti: number\n\t) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\t\tconst value = formatInputValue(range[i]) ?? 0;\n\t\tconst result = getRangeNumber(+value + param);\n\n\t\trange[i] = getFormatNumber(result);\n\n\t\tsetRangeValue(range);\n\t\tonChange?.(range, e);\n\t};\n\n\tconst handleSwitch = (e?: MouseEvent) => {\n\t\te?.preventDefault();\n\t\te?.stopPropagation();\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\t\t[range[0], range[1]] = [range[1], range[0]];\n\n\t\tsetRangeValue(range);\n\t\tonChange?.(range);\n\t};\n\n\tuseEffect(() => {\n\t\tsetRangeValue(value);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tname,\n\t\tclassName: \"i-input i-input-number\",\n\t\t...restProps,\n\t};\n\n\tconst handleBlur = () => {\n\t\tif (!autoSwitch) return;\n\t\tconst range = Array.isArray(rangeValue) ? rangeValue : [];\n\n\t\tif (range.length < 2) return;\n\n\t\tconst [left, right] = range.map(Number);\n\t\tif (left > right) {\n\t\t\thandleSwitch();\n\t\t}\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, -step, 0)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\tvalue={rangeValue?.[0] || \"\"}\n\t\t\t\t\tplaceholder={placeholder?.[0]}\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonChange={(e) => handleChange(e, 0)}\n\t\t\t\t/>\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, step, 0)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive\n\t\t\t\t\ticon={<SyncAltRound />}\n\t\t\t\t\tstyle={{ margin: 0 }}\n\t\t\t\t\tonClick={handleSwitch}\n\t\t\t\t/>\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, -step, 1)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\tvalue={rangeValue?.[1] || \"\"}\n\t\t\t\t\tplaceholder={placeholder?.[1]}\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonChange={(e) => handleChange(e, 1)}\n\t\t\t\t/>\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, step, 1)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{append && <div className='i-input-append'>{append}</div>}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Range;\n"],"mappings":"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"}
+{"version":3,"file":"range.js","names":[],"sources":["../../../../packages/components/input/range.tsx"],"sourcesContent":["import { MinusRound, PlusRound, SyncAltRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { ChangeEvent, MouseEvent, useEffect, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { clamp, formatNumber } from \"../../js/utils\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport type { IInputRange } from \"./type\";\n\nconst Range = (props: IInputRange) => {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\tvalue,\n\t\tlabelInline,\n\t\tmin = -Infinity,\n\t\tmax = Infinity,\n\t\ttype,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tappend,\n\t\tprepend,\n\t\tstep = 1,\n\t\twidth,\n\t\tthousand,\n\t\tprecision,\n\t\thideControl,\n\t\tplaceholder,\n\t\tborder,\n\t\tautoSwitch,\n\t\tonChange,\n\t\tonBlur,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst [rangeValue, setRangeValue] = useState(value);\n\n\tconst getRangeNumber = (v: number) => clamp(v, min, max);\n\n\tconst getFormatNumber = (v: number) =>\n\t\tformatNumber(v, { precision, thousand });\n\n\tconst formatInputValue = (v?: string | number) => {\n\t\tif (!v) return \"\";\n\t\tif (typeof v === \"number\" || !thousand) return v;\n\n\t\treturn v.replaceAll(thousand, \"\");\n\t};\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>, i: number) => {\n\t\tconst { value } = e.target;\n\t\tconst v = formatInputValue(value.replace(/[^\\d\\.-]/g, \"\"));\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\n\t\trange[i] = v;\n\t\tsetRangeValue(range);\n\t\tonChange?.(range, e);\n\t};\n\n\tconst handleOperate = (\n\t\te: MouseEvent<Element>,\n\t\tparam: number,\n\t\ti: number\n\t) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\t\tconst value = formatInputValue(range[i]) ?? 0;\n\t\tconst result = getRangeNumber(+value + param);\n\n\t\trange[i] = getFormatNumber(result);\n\n\t\tsetRangeValue(range);\n\t\tonChange?.(range, e);\n\t};\n\n\tconst handleSwitch = (e?: MouseEvent) => {\n\t\te?.preventDefault();\n\t\te?.stopPropagation();\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\t\t[range[0], range[1]] = [range[1], range[0]];\n\n\t\tsetRangeValue(range);\n\t\tonChange?.(range);\n\t};\n\n\tuseEffect(() => {\n\t\tsetRangeValue(value);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tname,\n\t\tclassName: \"i-input i-input-number\",\n\t\t...restProps,\n\t};\n\n\tconst handleBlur = () => {\n\t\tif (!autoSwitch) return;\n\t\tconst range = Array.isArray(rangeValue) ? rangeValue : [];\n\n\t\tif (range.length < 2) return;\n\n\t\tconst [left, right] = range.map(Number);\n\t\tif (left > right) {\n\t\t\thandleSwitch();\n\t\t}\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, -step, 0)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\tvalue={rangeValue?.[0] || \"\"}\n\t\t\t\t\tplaceholder={placeholder?.[0]}\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonChange={(e) => handleChange(e, 0)}\n\t\t\t\t/>\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, step, 0)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive\n\t\t\t\t\ticon={<SyncAltRound />}\n\t\t\t\t\tstyle={{ margin: 0 }}\n\t\t\t\t\tonClick={handleSwitch}\n\t\t\t\t/>\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, -step, 1)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\tvalue={rangeValue?.[1] || \"\"}\n\t\t\t\t\tplaceholder={placeholder?.[1]}\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonChange={(e) => handleChange(e, 1)}\n\t\t\t\t/>\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, step, 1)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{append && <div className='i-input-append'>{append}</div>}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Range;\n"],"mappings":";;;;;;;;;CASA,MAAM,EACL,OACC,MACA,OACA,aACA,MAAA,WACA,MAAM,UACN,MACA,WACA,SAAS,UACT,SACA,KACA,QACA,SACA,OAAO,GACP,OACA,UACA,WACA,aACA,aACA,QACA,YACA,UACA,QACA,OACA,GAAA,cACG;;;gCAOJ,aAAM,GAAA;EAAA;EAAsB;EAAS,CAAA;;AAGrC,MAAK,CAAC,EAAA,QAAA;AACL,MAAI,OAAI,MAAS,YAAA,CAAA,SAAA,QAAA;;;;EAMlB,MAAM,EAAA,UAAa,EAAE;EACpB,MAAM,IAAE,iBAAkB,MAAA,QAAA,aAAA,GAAA,CAAA;EAC1B,MAAM,QAAI,MAAA,QAAiB,WAAM,GAAS,CAAC,GAAG,WAAW,GAAC,EAAA;;AAG1D,gBAAY,MAAA;AACZ,aAAA,OAAc,EAAM;;wBAIrB,GACC,OACA,MACG;AACH,IAAE,gBAAE;AACJ,IAAE,iBAAgB;;6BAIJ,eAAgB,EADhB,iBAAc,MAAA,GAAY,IAAI,KACL,MAAM,CAAA;;AAK7C,aAAA,OAAc,EAAM;;;AAIrB,KAAA,gBAAoB;AACnB,KAAG,iBAAgB;EACnB,MAAG,QAAA,MAAiB,QAAA,WAAA,GAAA,CAAA,GAAA,WAAA,GAAA,EAAA;AACpB,GAAA,MAAM,IAAK,MAAG,MAAM,CAAA,MAAQ,IAAA,MAAY,GAAG;;AAG3C,aAAA,MAAc;;;AAIf,gBAAe,MAAC;IACf,CAAA,MAAA,CAAA;;EAGD;EACC,WAAI;EACJ,GAAA;EACA;;AAGD,MAAK,CAAC,WAAY;EACjB,MAAK,QAAA,MAAY,QAAM,WAAA,GAAA,aAAA,EAAA;;;AAKvB,MAAA,OAAW,MACX,eAAW;;QAKZ,oBAAA,gBAAA;EACE;EACY;EACD;EACX,OAAA;GAAS;GAAE,GAAA;GAAS;EACpB,KAAK,WAAW;EACX;YAEN,qBAAA,OAAA;GACE,WAAA,WAAA,gBAAA;KACA,WAAW,WAAa,WAAW;IAClC,sBAAsB,CAAC;IACvB,CAAC;aAJJ;IAMC,WAAA,oBAAA,OAAA;KAAA,WAAA;eAAA;KAAA,CAAA;oBAGE,oBAAC,oBAAD;KACC,QAAA;KACA,MAAA,oBAAA,YAAA,EAAA,CAAA;KACA,UAAO,MAAA,cAAa,GAAA,CAAA,MAAA,EAAA;KACpB,CAAA;;KAID,OAAA,aAAA,MAAA;KACA,aAAO,cAAoB;KAC3B,GAAA;KACA,QAAI;KACJ,WAAQ,MAAA,aAAU,GAAA,EAAA;KAClB,CAAA;oBAGA,oBAAC,oBAAD;KACC,QAAA;KACA,MAAA,oBAAA,WAAA,EAAA,CAAA;KACA,UAAO,MAAS,cAAG,GAAA,MAAA,EAAA;KACnB,CAAA;IAEF,oBAAC,oBAAD;KACC,QAAA;KACA,MAAA,oBAAA,cAAA,EAAA,CAAA;KACA,OAAO,EAAA,QAAA,GAAa;KACpB,SAAS;KACT,CAAA;IACA,CAAA,eACA,oBAAC,oBAAD;KACC,QAAA;KACA,MAAA,oBAAA,YAAA,EAAA,CAAA;KACA,UAAO,MAAA,cAAa,GAAA,CAAA,MAAA,EAAA;KACpB,CAAA;;KAID,OAAA,aAAA,MAAA;KACA,aAAO,cAAoB;KAC3B,GAAA;KACA,QAAI;KACJ,WAAQ,MAAA,aAAU,GAAA,EAAA;KAClB,CAAA;oBAGA,oBAAC,oBAAD;KACC,QAAA;KACA,MAAA,oBAAA,WAAA,EAAA,CAAA;KACA,UAAO,MAAS,cAAG,GAAA,MAAA,EAAA;KACnB,CAAA;;;;;IAID;;EACG,CAAA"}

package/lib/es/components/input/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../../../packages/components/input/textarea.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport InputContainer from \"./container\";\nimport type { ITextarea } from \"./type\";\n\nconst Textarea = (props: ITextarea) => {\n\tconst {\n\t\tref,\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tlabelInline,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tautoSize,\n\t\tborder,\n\t\twidth,\n\t\tstyle,\n\t\tonChange,\n\t\tonEnter,\n\t\t...restProps\n\t} = props;\n\n\tconst [textareaValue, setTextareaValue] = useState(value);\n\tconst refTextarea = useRef<HTMLTextAreaElement>(null);\n\n\tconst handleChange = (\n\t\te: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n\t) => {\n\t\tconst v = e.target.value;\n\n\t\tsetTextareaValue(v);\n\n\t\tconst ta = refTextarea.current as HTMLElement;\n\t\tif (autoSize && ta) {\n\t\t\tta.style.height = `${ta.scrollHeight}px`;\n\t\t}\n\n\t\tonChange?.(v, e);\n\t};\n\n\tconst handleKeydown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n\t\tif (e.code !== \"Enter\") return;\n\n\t\te.stopPropagation();\n\t\tonEnter?.(e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetTextareaValue(value);\n\t}, [value]);\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tinput: refTextarea.current,\n\t\t};\n\t});\n\n\tconst inputProps = {\n\t\tref: refTextarea,\n\t\tname,\n\t\tvalue: textareaValue,\n\t\tclassName: \"i-input i-textarea\",\n\t\tonChange: handleChange,\n\t\tonKeyDown: handleKeydown,\n\t\t...restProps,\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<textarea {...inputProps} />\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Textarea;\n"],"mappings":";;;;;AAaA,MAAM,YAAY,UAAqB;CACtC,MAAM,EACL,KACA,OACA,MACA,QAAQ,IACR,aACA,WACA,SAAS,UACT,SACA,KACA,UACA,QACA,OACA,OACA,UACA,SACA,GAAG,cACA;CAEJ,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,cAAc,OAA4B,KAAK;CAErD,MAAM,gBACL,MACI;EACJ,MAAM,IAAI,EAAE,OAAO;AAEnB,mBAAiB,EAAE;EAEnB,MAAM,KAAK,YAAY;AACvB,MAAI,YAAY,GACf,IAAG,MAAM,SAAS,GAAG,GAAG,aAAa;AAGtC,aAAW,GAAG,EAAE;;CAGjB,MAAM,iBAAiB,MAA0C;AAChE,MAAI,EAAE,SAAS,QAAS;AAExB,IAAE,iBAAiB;AACnB,YAAU,EAAE;;AAGb,iBAAgB;AACf,mBAAiB,MAAM;IACrB,CAAC,MAAM,CAAC;AAEX,qBAAoB,WAAW;AAC9B,SAAO,EACN,OAAO,YAAY,SACnB;GACA;CAEF,MAAM,aAAa;EAClB,KAAK;EACL;EACA,OAAO;EACP,WAAW;EACX,UAAU;EACV,WAAW;EACX,GAAG;EACH;AAED,QACC,oBAAC,gBAAD;EACQ;EACM;EACF;EACX,OAAO;GAAE;GAAO,GAAG;GAAO;EAC1B,KAAK,WAAW;EACR;YAER,oBAAC,OAAD;GACC,WAAW,WAAW,gBAAgB;KACpC,WAAW,WAAW,WAAW;IAClC,sBAAsB,CAAC;IACvB,CAAC;aAEF,oBAAC,YAAD,EAAU,GAAI,YAAa,CAAA;GACvB,CAAA;EACU,CAAA"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../../packages/components/input/textarea.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport InputContainer from \"./container\";\nimport type { ITextarea } from \"./type\";\n\nconst Textarea = (props: ITextarea) => {\n\tconst {\n\t\tref,\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tlabelInline,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tautoSize,\n\t\tborder,\n\t\twidth,\n\t\tstyle,\n\t\tonChange,\n\t\tonEnter,\n\t\t...restProps\n\t} = props;\n\n\tconst [textareaValue, setTextareaValue] = useState(value);\n\tconst refTextarea = useRef<HTMLTextAreaElement>(null);\n\n\tconst handleChange = (\n\t\te: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n\t) => {\n\t\tconst v = e.target.value;\n\n\t\tsetTextareaValue(v);\n\n\t\tconst ta = refTextarea.current as HTMLElement;\n\t\tif (autoSize && ta) {\n\t\t\tta.style.height = `${ta.scrollHeight}px`;\n\t\t}\n\n\t\tonChange?.(v, e);\n\t};\n\n\tconst handleKeydown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n\t\tif (e.code !== \"Enter\") return;\n\n\t\te.stopPropagation();\n\t\tonEnter?.(e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetTextareaValue(value);\n\t}, [value]);\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tinput: refTextarea.current,\n\t\t};\n\t});\n\n\tconst inputProps = {\n\t\tref: refTextarea,\n\t\tname,\n\t\tvalue: textareaValue,\n\t\tclassName: \"i-input i-textarea\",\n\t\tonChange: handleChange,\n\t\tonKeyDown: handleKeydown,\n\t\t...restProps,\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<textarea {...inputProps} />\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Textarea;\n"],"mappings":";;;;;;CAaA,MAAM,EACL,KACC,OACA,MACA,QAAI,IACJ,aACA,WACA,SAAS,UACT,SACA,KACA,UACA,QACA,OACA,OACA,UACA,SACA,GAAA,cACG;;CAGJ,MAAM,cAAc,OAAsB,KAAS;uBAGnD,MACI;EACH,MAAI,IAAA,EAAA,OAAA;;;AAKJ,MAAA,YAAW,GACX,IAAI,MAAA,SAAe,GAAC,GAAA,aAAA;;;;AAOrB,MAAK,EAAC,SAAA,QAAmB;;AAGxB,YAAE,EAAA;;;AAIH,mBAAgB,MAAA;IACf,CAAA,MAAA,CAAA;;AAGD,SAAA,EACC,OAAO,YAAA,SACN;GACA;;EAGF,KAAM;EACL;EACA,OAAI;EACJ,WAAO;EACP,UAAU;EACV,WAAU;EACV,GAAA;EACA;QAGD,oBAAA,gBAAA;EACE;EACY;EACD;EACX,OAAA;GAAS;GAAE,GAAA;GAAS;EACpB,KAAK,WAAW;EACX;YAEN,oBAAA,OAAA;GACE,WAAA,WAAA,gBAAA;KACA,WAAW,WAAa,WAAW;IAClC,sBAAsB,CAAC;IACvB,CAAC;aAEH,oBAAA,YAAA,EAAA,GAAA,YAAA,CAAA;GACE,CAAA;EACG,CAAA"}

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

@@ -1 +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":";;;;;AAMA,MAAM,QAAQ,UAAiB;CAC9B,MAAM,EAAE,OAAO,MAAM,QAAQ,WAAW,UAAU,GAAG,cAAc;AAEnE,QACC,oBAAC,MAAD;EAAI,WAAW,WAAW,UAAU,UAAU;EAAE,GAAI;YAClD,SAAS,IAAI,WAAW,MAAW,MAAM;GACzC,MAAM,cACL,OAAO,UAAU,aAAa,MAAM,EAAE,GAAG;GAE1C,MAAM,EAAE,MAAM,OAAO,cAAc;AAEnC,OAAI,SAAS,KACZ,QAAO,aAAa,MAAM;IACzB,OAAO;IACP,GAAG;IACH,MAAM,MAAM;IACZ;IACA,CAAC;AAGH,UAAO;IACN;EACC,CAAA;;AAIN,KAAK,OAAO"}
+{"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":";;;;;;CAMA,MAAM,EAAA,OAAQ,MAAO,QAAS,WAAC,UAAA,GAAA,cAAA;QAG9B,oBAAA,MAAA;EAAA,WAAO,WAAA,UAAA,UAAA;EAAA,GAAA;YACL,SAAG,IAAW,WAAW,MAAU,MAAA;GAClC,MAAA,cACA,OAAM,UAAY,aAAA,MAAA,EAAA,GAAA;;qBAKlB,QAAQ,aAAW,MAAA;IAClB,OAAO;IACN,GAAA;IACA,MAAG,MAAS;IACZ;IACA,CAAA;;IAIF;EACC,CAAA"}

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

@@ -1 +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":";;;AAIA,MAAM,WAAW,UAAoB;CACpC,MAAM,EAAE,MAAM,MAAM,MAAM,UAAU,OAAO,WAAW,GAAG,cACxD;AAED,QACC,qBAAC,OAAD;EACC,WAAW,WACV,uBACA,EACC,UACA,EACD,UACA;EACD,OAAO;GACN,GAAG;GACH,OAAO,WAAW,IAAI;GACtB;EACD,GAAI;YAZL,CAcE,QACA,oBAAC,OAAD;GACC,OAAM;GACN,QAAO;GACP,QAAO;GACP,SAAQ;GACR,OAAM;GACN,WAAU;GACV,OAAO,EACN,UAAU,MACV;aAED,oBAAC,UAAD;IACC,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,aAAY;IACZ,eAAc;IACd,iBAAiB;IACjB,kBAAkB;IAClB,CAAA;GACG,CAAA,EAGL,KACG"}
+{"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":";;;;CAIA,MAAM,EAAA,MAAS,MAAE,MAAO,UAAa,OAAA,WAAA,GAAA,cACpC;QAGA,qBAAA,OAAA;EACE,WAAA,WACA,uBACC,EACA,UACC,EACD,UACA;EACD,OAAC;GACD,GAAA;GACC,OAAG,WAAK,IAAA;GACR;EACD,GAAC;YAZH,CAcC,QACE,oBAAA,OAAA;GACC,OAAA;GACA,QAAO;GACP,QAAO;GACP,SAAQ;GACR,OAAA;GACA,WAAO;GACP,OAAA,EACA,UAAO,MACN;aAEF,oBAAA,UAAA;IACE,IAAA;IACA,IAAG;IACH,GAAE;IACF,MAAK;IACL,aAAU;IACV,eAAc;IACd,iBAAe;IACf,kBAAiB;IACjB,CAAA;GACA,CAAA,EAAA,KAIE"}

package/lib/es/components/message/message.js

@@ -1,9 +1,9 @@
 import { useReactive } from "../../js/hooks.js";
 import classNames from "classnames";
-import { uid } from "radash";
+import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { isValidElement, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createRoot } from "react-dom/client";
+import { createRoot } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js";
 //#region packages/components/message/message.tsx
 const AlignMap = {
 	left: "flex-start",

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

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

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

@@ -1 +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":";;;;;AAMA,SAAwB,QAAQ,OAAsB;CACrD,MAAM,EACL,OACA,QACA,iBACA,YACA,eACA,mBACA,UACA,MACA,YACG;CACJ,MAAM,aAAa,SAAS,CAAC;CAE7B,MAAM,WAAW,YAAY;AAG5B,MAFY,MAAM,QAAQ,KAEd,MAAO;AAEnB,aAAW;;CAGZ,MAAM,eAAe,cAAc;AAClC,MAAI,UAAU,WAAW,KAAM,QAAO;EAEtC,MAAM,UAAU,OAAO,OACtB;GACC,UAAU;GACV,SAAS;GACT,EACD,cACA;EACD,MAAM,cAAc,OAAO,OAC1B;GACC,WAAW;GACX,UAAU;GACV,SAAS;GACT,EACD,kBACA;AAED,SACC,qBAAA,YAAA,EAAA,UAAA;GACE;GACD,oBAAC,gBAAD,EAAQ,GAAI,SAAU,CAAA;GACtB,oBAAC,gBAAD,EAAQ,GAAI,aAAc,CAAA;GACzB,EAAA,CAAA;IAED;EAAC;EAAQ;EAAe;EAAkB,CAAC;AAE9C,QACC,qBAAA,YAAA,EAAA,UAAA;EACE,cACA,qBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,SAAS,oBAAC,KAAD,EAAA,UAAI,OAAU,CAAA,EAExB,oBAAC,oBAAD;IACC,QAAQ,CAAC;IACT,WAAU;IACV,SAAS;IACT,CAAA,CACM;;EAGT,oBAAC,OAAD;GAAK,WAAU;GAAmB;GAAc,CAAA;EAEhD,oBAAC,UAAD;GAAQ,WAAU;aAAkB;GAAqB,CAAA;EACxD,EAAA,CAAA"}
+{"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":";;;;;;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,qBAAA,YAAA,EAAA,UAAA;GACE;GACA,oBAAC,gBAAD,EAAC,GAAU,SAAA,CAAA;GACX,oBAAC,gBAAD,EAAQ,GAAI,aAAU,CAAA;GACrB,EAAA,CAAA;IAEF;EAAA;EAAA;EAAA;EAAA,CAAA;QAGF,qBAAA,YAAA,EAAA,UAAA;EACE,cACC,qBAAA,UAAA;GAAA,WAAc;aAAd,CACC,SAAO,oBAAA,KAAA,EAAA,UAAA,OAAa,CAAA,EAAA,oBAAA,oBAAA;IAGnB,QAAA,CAAA;IACA,WAAS;IACT,SAAS;IACT,CAAA,CACA;;;;;;;;;;EAMF,EAAA,CAAA"}

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

@@ -1 +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":";;;;;;;;;AAUA,SAAS,MAAM,OAAe;CAC7B,MAAM,EACL,SACA,OACA,QACA,eACA,mBACA,WAAW,MACX,cACA,mBAAmB,MACnB,iBACA,YACA,OACA,QACA,YACA,OACA,YACA,UACA,OACA,WACA,SACA,YACA,SACA,iBACA,SACA,MACA,GAAG,cACA;CAEJ,MAAM,CAAC,MAAM,WAAW,SAAS,QAAQ;CACzC,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,WAAW,OAAO,KAAK;CAE7B,MAAM,aAAa,YAAY;AAC9B,MAAI,CAAC,SAAS,QAAS;AAEvB,GAAC,CAAC,WAAW,CAAC,SAAS,QAAQ,KAAK;AACpC,WAAS,UAAU;EAEnB,MAAM,QAAQ,iBAAiB;AAC9B,aAAU,KAAK;AACf,qBAAkB,KAAK;AACvB,YAAS,UAAU;KACjB,GAAG;AAEN,eAAa,aAAa,MAAM;;CAGjC,MAAM,mBAAmB;AACxB,MAAI,CAAC,SAAS,QAAS;AACvB,WAAS,UAAU;AAEnB,MAAI,CAAC,UAAU;AACd,cAAW,KAAK;GAChB,MAAM,QAAQ,iBAAiB;AAC9B,eAAW,MAAM;AACjB,aAAS,UAAU;MACjB,IAAI;AACP,gBAAa,aAAa,MAAM;;AAGjC,YAAU,MAAM;EAChB,MAAM,QAAQ,iBAAiB;AAC9B,IAAC,WAAW,QAAQ,MAAM;AAC1B,YAAS,UAAU;AACnB,qBAAkB,MAAM;AACxB,cAAW;KACT,IAAI;AAEP,eAAa,aAAa,MAAM;;CAGjC,MAAM,4BAA4B;AACjC,sBAAoB,YAAY;;AAGjC,aACE,MAAM;AACN,MAAI,EAAE,SAAS,YAAY,CAAC,QAAS;AACrC,cAAY;IAEb,EAAE,UAAU,YAAW,CACvB;AAED,iBAAgB;AACf,YAAU,YAAY,GAAG,YAAY;IACnC,CAAC,QAAQ,CAAC;AAEb,iBAAgB;AACf,aAAW,KAAK;IACd,EAAE,CAAC;CAEN,MAAM,oBAAoB;AACzB,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,gBAAgB,OAAO;;AAGjC,KAAI,CAAC,QAAQ,CAAC,QAAS,QAAO;AAE9B,QAAO,aACN,oBAAC,OAAD;EACC,WAAW,WACV,qBACA;GACC,oBAAoB,CAAC;GACrB,sBAAsB;GACtB,kBAAkB;GAClB;GACA,EACD,UACA;EACM;EACP,SAAS;EACT,cAAW;EACX,OAAO,CAAC;YAER,oBAAC,OAAD;GACC,WAAW,WAAW,WAAW;IAChC;IACA,QAAQ,CAAC;IACT,CAAC;GACF,OAAO;IACN;IACA;IACA;GACD,UAAU,MAAM;AACf,MAAE,iBAAiB;AACnB,iBAAa;AACb,cAAU,EAAE;;GAEb,MAAK;GACL,mBAAiB,QAAQ,gBAAgB,KAAA;GACzC,GAAI;aAEJ,qBAAC,aAAa,UAAd;IAAuB,OAAO;cAA9B,CACE,cAAc,UAEd,CAAC,cACD,oBAAC,SAAD;KACQ;KACU;KACT;KACO;KACI;KACT;KACE;KACN;KACN,SAAS;KACT,CAAA,CAEoB;;GACnB,CAAA;EACA,CAAA,EACN,UAAU,QAAQ,KAClB;;AAGF,MAAM,WAAW"}
+{"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":";;;;;;;;;;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,aAAW,SAAS,MAAQ;CACzC,MAAM,CAAC,SAAQ,cAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,WAAU,OAAA,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;;aAIjC,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;;;qBAM1B,oBAAA,OAAA;EACE,WAAA,WACA,qBACC;GACA,oBAAA,CAAA;GACC,sBAAqB;GACrB,kBAAS;GACT;GACA,EACD,UACA;EACA;EACD,SAAO;EACP,cAAS;EACT,OAAK,CAAA;YAEN,oBAAA,OAAA;GACE,WAAA,WAAA,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,qBAAA,aAAA,UAAA;IAAA,OAAA;cAAA,CACE,cAAa,UAAA,CAAA,cAGZ,oBAAC,SAAD;KACC;KACY;KACZ;KACc;KACC;KACf;KACU;KACV;KACA,SAAM;KACN,CAAA,CAED;;GACA,CAAA;EACE,CAAA,EACN,UAAM,QAAA,KACN"}