{"_id":"33.onlylove-components","_rev":"4-fd8c8e90169cd05284cb538d6f6315ef","name":"33.onlylove-components","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.0":{"name":"33.onlylove-components","version":"0.0.0","_id":"33.onlylove-components@0.0.0","maintainers":[{"name":"onlylovesq","email":"943788231@qq.com"}],"dist":{"shasum":"3572e11544222c2078c4552dd9b8e07313b230c2","tarball":"https://registry.npmjs.org/33.onlylove-components/-/33.onlylove-components-0.0.0.tgz","fileCount":222,"integrity":"sha512-bVlcBkS7Q77QDQo8WuynWMXqO/hnLctJznDn0X/e/nSef+QMnia3V/ncZhBe8BDwNqnT5xNhv/C5iEiCtL5jZg==","signatures":[{"sig":"MEUCIBgVtHE4YEz7942IRc2TDp+t4DGDp1ZiVqZL0gC1Ba0tAiEAo9pfHTK0v9c0sKbR3ot9Csb8jQL5x/wgjAOFzc9KLv4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":206527},"main":"dist/cjs/index.js","type":"module","types":"dist/esm/index.d.ts","module":"dist/esm/index.js","scripts":{"dev":"vite","lint":"eslint .","build":"node scripts/buildES && node scripts/buildCJS && node scripts/buildCSS","preview":"vite preview"},"_npmUser":{"name":"onlylovesq","email":"943788231@qq.com"},"_npmVersion":"10.8.2","description":"[《React 通关秘籍》](https://juejin.cn/book/7294082310658326565) 小册组件库案例","directories":{},"_nodeVersion":"20.5.0","dependencies":{"antd":"^5.26.7","axios":"^1.11.0","dayjs":"^1.11.13","react":"^19.1.0","ahooks":"^3.9.0","lodash-es":"^4.17.21","react-dom":"^19.1.0","classnames":"^2.5.1","@ctrl/tinycolor":"^4.1.0","async-validator":"^4.2.5","@react-spring/web":"^10.0.1","copy-to-clipboard":"^3.3.3","@floating-ui/react":"^0.27.15","react-transition-group":"^4.4.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.25.0","globals":"^16.0.0","@eslint/js":"^9.25.0","typescript":"~5.8.3","@types/react":"^19.1.2","@types/lodash-es":"^4.17.12","@types/react-dom":"^19.1.2","typescript-eslint":"^8.30.1","@vitejs/plugin-react":"^4.4.1","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.19"},"_npmOperationalInternal":{"tmp":"tmp/33.onlylove-components_0.0.0_1753970755851_0.9352768686278936","host":"s3://npm-registry-packages-npm-production"}},"0.0.1":{"name":"33.onlylove-components","version":"0.0.1","_id":"33.onlylove-components@0.0.1","maintainers":[{"name":"onlylovesq","email":"943788231@qq.com"}],"dist":{"shasum":"61580783f8b38c8b0722ff2aa9af95c8daa95344","tarball":"https://registry.npmjs.org/33.onlylove-components/-/33.onlylove-components-0.0.1.tgz","fileCount":222,"integrity":"sha512-pd63GIdkb0/sRPGlMxpnU2PZXTlYQATbGzQezG56pnmRkmR1a+sa7cVJHFqs8FFfQBtV6BBV0xPEhWAH/M5TCw==","signatures":[{"sig":"MEUCIQCUWJZ++DfCzJL0BJlCxNSbFmkNa8MrNoW6GxFg+rQ3fQIgQCuvbUSkpBVuFDFBcQNnZXc6Sy4rAgSsCXx1eO4pj+o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":206555},"main":"dist/cjs/index.js","type":"module","types":"dist/esm/index.d.ts","module":"dist/esm/index.js","scripts":{"dev":"vite","lint":"eslint .","build":"node scripts/buildES && node scripts/buildCJS && node scripts/buildCSS","preview":"vite preview"},"_npmUser":{"name":"onlylovesq","email":"943788231@qq.com"},"_npmVersion":"10.8.2","description":"[《React 通关秘籍》](https://juejin.cn/book/7294082310658326565) 小册组件库案例","directories":{},"_nodeVersion":"20.5.0","dependencies":{"antd":"^5.26.7","axios":"^1.11.0","dayjs":"^1.11.13","ahooks":"^3.9.0","lodash-es":"^4.17.21","classnames":"^2.5.1","@ctrl/tinycolor":"^4.1.0","async-validator":"^4.2.5","@react-spring/web":"^10.0.1","copy-to-clipboard":"^3.3.3","@floating-ui/react":"^0.27.15","react-transition-group":"^4.4.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.25.0","globals":"^16.0.0","@eslint/js":"^9.25.0","typescript":"~5.8.3","@types/react":"^19.1.2","@types/lodash-es":"^4.17.12","@types/react-dom":"^19.1.2","typescript-eslint":"^8.30.1","@vitejs/plugin-react":"^4.4.1","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.19"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/33.onlylove-components_0.0.1_1754008835793_0.30611401320700504","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"33.onlylove-components","version":"0.0.2","_id":"33.onlylove-components@0.0.2","maintainers":[{"name":"onlylovesq","email":"943788231@qq.com"}],"dist":{"shasum":"1a5c5fd91a8ab898c2cbbe095895271acaaca0d5","tarball":"https://registry.npmjs.org/33.onlylove-components/-/33.onlylove-components-0.0.2.tgz","fileCount":222,"integrity":"sha512-jfoyeusbjp4P5G8SV5hXMOL7s76INrqePx+5tJD01B3kL2xH4PJ1SnEBtWG3EK7h70vU/Z3fD3AiV5WN01YG+w==","signatures":[{"sig":"MEYCIQDBl5JRqzXymxhJERdqLMnBFAfUS0bCyMvYyeu5AoPIMgIhAIPHTad+ycWPkaMGGDjqu6vNcjH3jhs5gGtmCJqjRCG+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":206535},"main":"dist/cjs/index.js","types":"dist/esm/index.d.ts","module":"dist/esm/index.js","scripts":{"dev":"vite","lint":"eslint .","build":"node scripts/buildES && node scripts/buildCJS && node scripts/buildCSS","preview":"vite preview"},"_npmUser":{"name":"onlylovesq","email":"943788231@qq.com"},"_npmVersion":"10.8.2","description":"[《React 通关秘籍》](https://juejin.cn/book/7294082310658326565) 小册组件库案例","directories":{},"_nodeVersion":"20.5.0","dependencies":{"antd":"^5.26.7","axios":"^1.11.0","dayjs":"^1.11.13","ahooks":"^3.9.0","lodash-es":"^4.17.21","classnames":"^2.5.1","@ctrl/tinycolor":"^4.1.0","async-validator":"^4.2.5","@react-spring/web":"^10.0.1","copy-to-clipboard":"^3.3.3","@floating-ui/react":"^0.27.15","react-transition-group":"^4.4.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.25.0","globals":"^16.0.0","@eslint/js":"^9.25.0","typescript":"~5.8.3","@types/react":"^19.1.2","@types/lodash-es":"^4.17.12","@types/react-dom":"^19.1.2","typescript-eslint":"^8.30.1","@vitejs/plugin-react":"^4.4.1","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.19"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/33.onlylove-components_0.0.2_1754009348835_0.3219555203972937","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"33.onlylove-components","version":"0.0.3","scripts":{"dev":"vite","devlopment":"node scripts/development","build":"node scripts/buildES && node scripts/buildCJS && node scripts/buildUMD && node scripts/buildCSS","publish":"node scripts/publish","lint":"eslint .","preview":"vite preview"},"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/esm/index.d.ts","peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"dependencies":{"@ctrl/tinycolor":"^4.1.0","@floating-ui/react":"^0.27.15","@react-spring/web":"^10.0.1","ahooks":"^3.9.0","antd":"^5.26.7","async-validator":"^4.2.5","axios":"^1.11.0","classnames":"^2.5.1","copy-to-clipboard":"^3.3.3","dayjs":"^1.11.13","lodash-es":"^4.17.21","react-transition-group":"^4.4.5"},"devDependencies":{"@eslint/js":"^9.25.0","@types/lodash-es":"^4.17.12","@types/react":"^19.1.2","@types/react-dom":"^19.1.2","@vitejs/plugin-react":"^4.4.1","eslint":"^9.25.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.19","globals":"^16.0.0","ts-loader":"^9.5.2","typescript":"~5.8.3","typescript-eslint":"^8.30.1","vite":"^6.3.5","webpack":"^5.101.0","webpack-cli":"^6.0.1"},"_id":"33.onlylove-components@0.0.3","description":"[《React 通关秘籍》](https://juejin.cn/book/7294082310658326565) 小册组件库案例","_nodeVersion":"20.5.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-fRHTu252/8S4wBmgaqzbtp7IamiofH1d9LicT5GTKhpMcaPMP+GQ7N6EgjWSTVfOulr0yf0scA09krXuuW42aQ==","shasum":"ed12eb8857b33538fe902387fb9f98bf03685238","tarball":"https://registry.npmjs.org/33.onlylove-components/-/33.onlylove-components-0.0.3.tgz","fileCount":224,"unpackedSize":2423212,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCemEnfXa0fUbxLRHOF8SiKBw2CuXkzMOWHbmRxQ3hlFgIgIcVakJ9LV+Q8pPOZCIPMy9lsEjNRPUCMVCMQqaCi5bs="}]},"_npmUser":{"name":"onlylovesq","email":"943788231@qq.com"},"directories":{},"maintainers":[{"name":"onlylovesq","email":"943788231@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/33.onlylove-components_0.0.3_1754100053786_0.5015488440870799"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-31T14:05:55.850Z","modified":"2025-08-02T02:00:54.366Z","0.0.0":"2025-07-31T14:05:56.128Z","0.0.1":"2025-08-01T00:40:36.056Z","0.0.2":"2025-08-01T00:49:09.021Z","0.0.3":"2025-08-02T02:00:54.158Z"},"description":"[《React 通关秘籍》](https://juejin.cn/book/7294082310658326565) 小册组件库案例","maintainers":[{"name":"onlylovesq","email":"943788231@qq.com"}],"readme":"# React 组件库 guang-components\n\n[《React 通关秘籍》](https://juejin.cn/book/7294082310658326565) 小册组件库案例\n\n## Install\n\n```\nnpm install --save guang-components@latest\n```\n\n## Usage\n\n### Watermark 组件\n\n```javascript\nimport { Watermark } from \"guang-components\";\n\nconst App = () => {\n  return (\n    <Watermark content={[\"测试水印\", \"神说要有光\"]}>\n      <div style={{ height: 800 }}>\n        <p>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod\n          deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos\n          recusandae minus, eaque, harum exercitationem esse sapiente? Eveniet,\n          id provident!\n        </p>\n        <p>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod\n          deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos\n          recusandae minus, eaque, harum exercitationem esse sapiente? Eveniet,\n          id provident!\n        </p>\n        <p>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod\n          deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos\n          recusandae minus, eaque, harum exercitationem esse sapiente? Eveniet,\n          id provident!\n        </p>\n        <p>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod\n          deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos\n          recusandae minus, eaque, harum exercitationem esse sapiente? Eveniet,\n          id provident!\n        </p>\n        <p>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod\n          deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos\n          recusandae minus, eaque, harum exercitationem esse sapiente? Eveniet,\n          id provident!\n        </p>\n        <p>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod\n          deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos\n          recusandae minus, eaque, harum exercitationem esse sapiente? Eveniet,\n          id provident!\n        </p>\n        <p>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos quod\n          deserunt quidem quas in rem ipsam ut nesciunt asperiores dignissimos\n          recusandae minus, eaque, harum exercitationem esse sapiente? Eveniet,\n          id provident!\n        </p>\n      </div>\n    </Watermark>\n  );\n};\n\nexport default App;\n```\n\n### Calendar\n\n```javascript\nimport dayjs from \"dayjs\";\nimport { Calendar } from \"guang-components\";\nimport \"guang-components/dist/esm/Calendar/index.css\";\n\nfunction App() {\n  return (\n    <div>\n      <Calendar value={dayjs(\"2024-07-01\")}></Calendar>\n    </div>\n  );\n}\n\nexport default App;\n```\n\n### Message\n\n```javascript\nimport { ConfigProvider, useMessage } from \"guang-components\";\nimport \"guang-components/dist/esm/Message/index.css\";\n\nfunction Aaa() {\n  const message = useMessage();\n\n  return (\n    <button\n      onClick={() => {\n        message.add({\n          content: \"请求成功\",\n        });\n      }}\n    >\n      成功\n    </button>\n  );\n}\n\nfunction App() {\n  return (\n    <ConfigProvider>\n      <div>\n        <Aaa></Aaa>\n      </div>\n    </ConfigProvider>\n  );\n}\n\nexport default App;\n```\n","readmeFilename":"README.md"}