{"ast":null,"code":"import React from'react';import useRequest from'use-request';import api from'./api';import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";const AutoFetchExample=()=>{const[userId,setUserId]=React.useState(1);const{value:user,pending}=useRequest(api.getUser,[userId]);return/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"select\",{className:\"demo-input\",value:userId,onChange:e=>setUserId(+e.target.value),style:{width:'auto'},children:[/*#__PURE__*/_jsx(\"option\",{value:1,children:\"User 1\"}),/*#__PURE__*/_jsx(\"option\",{value:2,children:\"User 2\"}),/*#__PURE__*/_jsx(\"option\",{value:3,children:\"User 3\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"demo-result\",style:{marginTop:8},children:pending?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{className:\"skeleton\",style:{width:120,height:16,marginBottom:6,borderRadius:3}}),/*#__PURE__*/_jsx(\"div\",{className:\"skeleton\",style:{width:160,height:12,borderRadius:3}})]}):user?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsx(\"strong\",{children:user.name})}),/*#__PURE__*/_jsx(\"div\",{style:{color:'var(--text-dim)',fontSize:'0.75rem'},children:user.email})]}):null})]});};export default AutoFetchExample;","map":{"version":3,"names":["React","useRequest","api","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AutoFetchExample","userId","setUserId","useState","value","user","pending","getUser","children","className","onChange","e","target","style","width","marginTop","height","marginBottom","borderRadius","name","color","fontSize","email"],"sources":["/root/.openclaw/workspace/projects/termosa-use-request/example/src/AutoFetchExample.js"],"sourcesContent":["import React from 'react'\nimport useRequest from 'use-request'\nimport api from './api'\n\nconst AutoFetchExample = () => {\n const [userId, setUserId] = React.useState(1)\n const { value: user, pending } = useRequest(api.getUser, [userId])\n\n return (\n
\n setUserId(+e.target.value)}\n style={{ width: 'auto' }}\n >\n \n \n \n \n
\n {pending ? (\n <>\n
\n
\n \n ) : user ? (\n <>\n
{user.name}
\n
{user.email}
\n \n ) : null}\n
\n
\n )\n}\n\nexport default AutoFetchExample\n"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,MAAO,CAAAC,UAAU,KAAM,aAAa,CACpC,MAAO,CAAAC,GAAG,KAAM,OAAO,QAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,CAAAC,QAAA,IAAAC,SAAA,yBAEvB,KAAM,CAAAC,gBAAgB,CAAGA,CAAA,GAAM,CAC7B,KAAM,CAACC,MAAM,CAAEC,SAAS,CAAC,CAAGX,KAAK,CAACY,QAAQ,CAAC,CAAC,CAAC,CAC7C,KAAM,CAAEC,KAAK,CAAEC,IAAI,CAAEC,OAAQ,CAAC,CAAGd,UAAU,CAACC,GAAG,CAACc,OAAO,CAAE,CAACN,MAAM,CAAC,CAAC,CAElE,mBACEJ,KAAA,QAAAW,QAAA,eACEX,KAAA,WACEY,SAAS,CAAC,YAAY,CACtBL,KAAK,CAAEH,MAAO,CACdS,QAAQ,CAAGC,CAAC,EAAKT,SAAS,CAAC,CAACS,CAAC,CAACC,MAAM,CAACR,KAAK,CAAE,CAC5CS,KAAK,CAAE,CAAEC,KAAK,CAAE,MAAO,CAAE,CAAAN,QAAA,eAEzBb,IAAA,WAAQS,KAAK,CAAE,CAAE,CAAAI,QAAA,CAAC,QAAM,CAAQ,CAAC,cACjCb,IAAA,WAAQS,KAAK,CAAE,CAAE,CAAAI,QAAA,CAAC,QAAM,CAAQ,CAAC,cACjCb,IAAA,WAAQS,KAAK,CAAE,CAAE,CAAAI,QAAA,CAAC,QAAM,CAAQ,CAAC,EAC3B,CAAC,cACTb,IAAA,QAAKc,SAAS,CAAC,aAAa,CAACI,KAAK,CAAE,CAAEE,SAAS,CAAE,CAAE,CAAE,CAAAP,QAAA,CAClDF,OAAO,cACNT,KAAA,CAAAE,SAAA,EAAAS,QAAA,eACEb,IAAA,QAAKc,SAAS,CAAC,UAAU,CAACI,KAAK,CAAE,CAAEC,KAAK,CAAE,GAAG,CAAEE,MAAM,CAAE,EAAE,CAAEC,YAAY,CAAE,CAAC,CAAEC,YAAY,CAAE,CAAE,CAAE,CAAE,CAAC,cACjGvB,IAAA,QAAKc,SAAS,CAAC,UAAU,CAACI,KAAK,CAAE,CAAEC,KAAK,CAAE,GAAG,CAAEE,MAAM,CAAE,EAAE,CAAEE,YAAY,CAAE,CAAE,CAAE,CAAE,CAAC,EAChF,CAAC,CACDb,IAAI,cACNR,KAAA,CAAAE,SAAA,EAAAS,QAAA,eACEb,IAAA,QAAAa,QAAA,cAAKb,IAAA,WAAAa,QAAA,CAASH,IAAI,CAACc,IAAI,CAAS,CAAC,CAAK,CAAC,cACvCxB,IAAA,QAAKkB,KAAK,CAAE,CAAEO,KAAK,CAAE,iBAAiB,CAAEC,QAAQ,CAAE,SAAU,CAAE,CAAAb,QAAA,CAAEH,IAAI,CAACiB,KAAK,CAAM,CAAC,EACjF,CAAC,CACD,IAAI,CACL,CAAC,EACH,CAAC,CAEV,CAAC,CAED,cAAe,CAAAtB,gBAAgB","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}