{"ast":null,"code":"import React from'react';import useRequest from'use-request';import{jsxs as _jsxs,jsx as _jsx}from\"react/jsx-runtime\";const wait=s=>new Promise(resolve=>setTimeout(resolve,s*1e3));const SingleFunctionExample=()=>{const[input,setInput]=React.useState(()=>Math.round(Math.random()*100));const{value,pending,idle,execute}=useRequest(num=>wait(2).then(()=>num));const handleClick=()=>{execute(input);setInput(Math.round(Math.random()*100));};return/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:'flex',alignItems:'center',gap:10},children:[/*#__PURE__*/_jsxs(\"button\",{className:\"demo-btn\",onClick:handleClick,children:[\"execute(\",input,\")\"]}),/*#__PURE__*/_jsxs(\"span\",{className:\"demo-status \".concat(idle?'idle':pending?'pending':'completed'),children:[pending&&/*#__PURE__*/_jsx(\"span\",{className:\"demo-spinner\"}),idle?'idle':pending?'pending':'completed']})]}),value!==undefined&&/*#__PURE__*/_jsxs(\"div\",{className:\"demo-result\",children:[\"value: \",value]})]});};export default SingleFunctionExample;","map":{"version":3,"names":["React","useRequest","jsxs","_jsxs","jsx","_jsx","wait","s","Promise","resolve","setTimeout","SingleFunctionExample","input","setInput","useState","Math","round","random","value","pending","idle","execute","num","then","handleClick","children","style","display","alignItems","gap","className","onClick","concat","undefined"],"sources":["/root/.openclaw/workspace/projects/termosa-use-request/example/src/SingleFunctionExample.js"],"sourcesContent":["import React from 'react'\nimport useRequest from 'use-request'\n\nconst wait = (s) => new Promise((resolve) => setTimeout(resolve, s * 1e3))\n\nconst SingleFunctionExample = () => {\n  const [input, setInput] = React.useState(() => Math.round(Math.random() * 100))\n  const { value, pending, idle, execute } = useRequest((num) => wait(2).then(() => num))\n\n  const handleClick = () => {\n    execute(input)\n    setInput(Math.round(Math.random() * 100))\n  }\n\n  return (\n    <div>\n      <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n        <button className=\"demo-btn\" onClick={handleClick}>\n          execute({input})\n        </button>\n        <span className={`demo-status ${idle ? 'idle' : pending ? 'pending' : 'completed'}`}>\n          {pending && <span className=\"demo-spinner\" />}\n          {idle ? 'idle' : pending ? 'pending' : 'completed'}\n        </span>\n      </div>\n      {value !== undefined && (\n        <div className=\"demo-result\">value: {value}</div>\n      )}\n    </div>\n  )\n}\n\nexport default SingleFunctionExample\n"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,MAAO,CAAAC,UAAU,KAAM,aAAa,QAAAC,IAAA,IAAAC,KAAA,CAAAC,GAAA,IAAAC,IAAA,yBAEpC,KAAM,CAAAC,IAAI,CAAIC,CAAC,EAAK,GAAI,CAAAC,OAAO,CAAEC,OAAO,EAAKC,UAAU,CAACD,OAAO,CAAEF,CAAC,CAAG,GAAG,CAAC,CAAC,CAE1E,KAAM,CAAAI,qBAAqB,CAAGA,CAAA,GAAM,CAClC,KAAM,CAACC,KAAK,CAAEC,QAAQ,CAAC,CAAGb,KAAK,CAACc,QAAQ,CAAC,IAAMC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,CAAG,GAAG,CAAC,CAAC,CAC/E,KAAM,CAAEC,KAAK,CAAEC,OAAO,CAAEC,IAAI,CAAEC,OAAQ,CAAC,CAAGpB,UAAU,CAAEqB,GAAG,EAAKhB,IAAI,CAAC,CAAC,CAAC,CAACiB,IAAI,CAAC,IAAMD,GAAG,CAAC,CAAC,CAEtF,KAAM,CAAAE,WAAW,CAAGA,CAAA,GAAM,CACxBH,OAAO,CAACT,KAAK,CAAC,CACdC,QAAQ,CAACE,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,CAAG,GAAG,CAAC,CAAC,CAC3C,CAAC,CAED,mBACEd,KAAA,QAAAsB,QAAA,eACEtB,KAAA,QAAKuB,KAAK,CAAE,CAAEC,OAAO,CAAE,MAAM,CAAEC,UAAU,CAAE,QAAQ,CAAEC,GAAG,CAAE,EAAG,CAAE,CAAAJ,QAAA,eAC7DtB,KAAA,WAAQ2B,SAAS,CAAC,UAAU,CAACC,OAAO,CAAEP,WAAY,CAAAC,QAAA,EAAC,UACzC,CAACb,KAAK,CAAC,GACjB,EAAQ,CAAC,cACTT,KAAA,SAAM2B,SAAS,gBAAAE,MAAA,CAAiBZ,IAAI,CAAG,MAAM,CAAGD,OAAO,CAAG,SAAS,CAAG,WAAW,CAAG,CAAAM,QAAA,EACjFN,OAAO,eAAId,IAAA,SAAMyB,SAAS,CAAC,cAAc,CAAE,CAAC,CAC5CV,IAAI,CAAG,MAAM,CAAGD,OAAO,CAAG,SAAS,CAAG,WAAW,EAC9C,CAAC,EACJ,CAAC,CACLD,KAAK,GAAKe,SAAS,eAClB9B,KAAA,QAAK2B,SAAS,CAAC,aAAa,CAAAL,QAAA,EAAC,SAAO,CAACP,KAAK,EAAM,CACjD,EACE,CAAC,CAEV,CAAC,CAED,cAAe,CAAAP,qBAAqB","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}