{"ast":null,"code":"var _jsxFileName = \"/root/.openclaw/workspace/projects/termosa-use-request/example/src/AutoFetchExample.js\",\n  _s = $RefreshSig$();\nimport React from 'react';\nimport useRequest from 'use-request';\nimport api from './api';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst AutoFetchExample = () => {\n  _s();\n  const [userId, setUserId] = React.useState(1);\n  const {\n    value: user,\n    pending\n  } = useRequest(api.getUser, [userId]);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    children: [/*#__PURE__*/_jsxDEV(\"select\", {\n      className: \"demo-input\",\n      value: userId,\n      onChange: e => setUserId(+e.target.value),\n      style: {\n        width: 'auto'\n      },\n      children: [/*#__PURE__*/_jsxDEV(\"option\", {\n        value: 1,\n        children: \"User 1\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"option\", {\n        value: 2,\n        children: \"User 2\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"option\", {\n        value: 3,\n        children: \"User 3\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 11,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"demo-result\",\n      style: {\n        marginTop: 8\n      },\n      children: pending ? /*#__PURE__*/_jsxDEV(_Fragment, {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"skeleton\",\n          style: {\n            width: 120,\n            height: 16,\n            marginBottom: 6,\n            borderRadius: 3\n          }\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 24,\n          columnNumber: 13\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"skeleton\",\n          style: {\n            width: 160,\n            height: 12,\n            borderRadius: 3\n          }\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 25,\n          columnNumber: 13\n        }, this)]\n      }, void 0, true) : user ? /*#__PURE__*/_jsxDEV(_Fragment, {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          children: /*#__PURE__*/_jsxDEV(\"strong\", {\n            children: user.name\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 29,\n            columnNumber: 18\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 29,\n          columnNumber: 13\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          style: {\n            color: 'var(--text-dim)',\n            fontSize: '0.75rem'\n          },\n          children: user.email\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 13\n        }, this)]\n      }, void 0, true) : null\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 10,\n    columnNumber: 5\n  }, this);\n};\n_s(AutoFetchExample, \"YvJioeND0P30DJ5v8PPNRUlWsTM=\", false, function () {\n  return [useRequest];\n});\n_c = AutoFetchExample;\nexport default AutoFetchExample;\nvar _c;\n$RefreshReg$(_c, \"AutoFetchExample\");","map":{"version":3,"names":["React","useRequest","api","jsxDEV","_jsxDEV","Fragment","_Fragment","AutoFetchExample","_s","userId","setUserId","useState","value","user","pending","getUser","children","className","onChange","e","target","style","width","fileName","_jsxFileName","lineNumber","columnNumber","marginTop","height","marginBottom","borderRadius","name","color","fontSize","email","_c","$RefreshReg$"],"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    <div>\n      <select\n        className=\"demo-input\"\n        value={userId}\n        onChange={(e) => setUserId(+e.target.value)}\n        style={{ width: 'auto' }}\n      >\n        <option value={1}>User 1</option>\n        <option value={2}>User 2</option>\n        <option value={3}>User 3</option>\n      </select>\n      <div className=\"demo-result\" style={{ marginTop: 8 }}>\n        {pending ? (\n          <>\n            <div className=\"skeleton\" style={{ width: 120, height: 16, marginBottom: 6, borderRadius: 3 }} />\n            <div className=\"skeleton\" style={{ width: 160, height: 12, borderRadius: 3 }} />\n          </>\n        ) : user ? (\n          <>\n            <div><strong>{user.name}</strong></div>\n            <div style={{ color: 'var(--text-dim)', fontSize: '0.75rem' }}>{user.email}</div>\n          </>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport default AutoFetchExample\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}