{"_id":"@antdv-next/tailwind","_rev":"10-48c39ce7826448d7712c02235c025233","name":"@antdv-next/tailwind","dist-tags":{"latest":"1.1.2"},"versions":{"1.0.0-beta.0":{"name":"@antdv-next/tailwind","version":"1.0.0-beta.0","keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"_id":"@antdv-next/tailwind@1.0.0-beta.0","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"}],"dist":{"shasum":"89b3e212ba960a6e632f8719c99b1dc2fd2ef01e","tarball":"https://registry.npmjs.org/@antdv-next/tailwind/-/tailwind-1.0.0-beta.0.tgz","fileCount":11,"integrity":"sha512-s9HI/+6e8uZWTWoe4tRqToK3CbNShyL4g/J5vve5ulmRCots+NrDRrJj+vNZmm0tMH67rM3pP/3tGqRNRrUQvg==","signatures":[{"sig":"MEQCIGumk4LNhb5xCWKw1RopI0LiBng2vaVudkwrNbGC1kCWAiAMeiJ1xOGFR1WBbCWl3SRd3QA7SzvpdGT07U6TX6Y8Wg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45491},"main":"./dist/index.mjs","type":"module","_from":"file:antdv-next-tailwind-1.0.0-beta.0.tgz","types":"./dist/index.d.mts","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs","default":"./dist/index.mjs"},"./v4":{"types":"./dist/v4.d.mts","import":"./dist/v4.mjs","default":"./dist/v4.mjs"},"./theme.css":"./theme.css","./package.json":"./package.json"},"scripts":{"bump":"bumpp --commit \"chore(release): @antdv-next/tailwind %s\" --push --tag \"@antdv-next/tailwind@%s\"","build":"tsdown","prepublish":"pnpm build"},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"_resolved":"/private/var/folders/gv/68jyrcks6l1dr6476z9nw_800000gn/T/e1af714c4efd5cf4f1851b2731d4acae/antdv-next-tailwind-1.0.0-beta.0.tgz","_integrity":"sha512-s9HI/+6e8uZWTWoe4tRqToK3CbNShyL4g/J5vve5ulmRCots+NrDRrJj+vNZmm0tMH67rM3pP/3tGqRNRrUQvg==","repository":{"url":"https://git.lingyu.org.cn/antdv-next/ui.git","type":"git"},"_npmVersion":"10.9.3","description":"Tailwind CSS plugin for Ant Design Vue Next","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.17"},"peerDependencies":{"tailwindcss":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwind_1.0.0-beta.0_1769849009887_0.7368462853361033","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@antdv-next/tailwind","version":"1.0.0","keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"_id":"@antdv-next/tailwind@1.0.0","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"}],"homepage":"https://github.com/antdv-next/antdv-next#readme","bugs":{"url":"https://github.com/antdv-next/antdv-next/issues"},"dist":{"shasum":"3abff1866830768484c38de05d4fd03be8cbf983","tarball":"https://registry.npmjs.org/@antdv-next/tailwind/-/tailwind-1.0.0.tgz","fileCount":11,"integrity":"sha512-rZ73WB9dJr5L6AAWZdR0VqbkVQGEPsaG+aXiW9fhdii9ZG1avRl1LQpmy5GjlG6YwBVUvzuW6ogrSSMOPgHiPw==","signatures":[{"sig":"MEYCIQDzeCztb1En6hL2ltMxnFTuE7nAaK0VpQIQkFEMPM58IQIhAJZ44k3sO/WJEMztMz2C8NEhBVvaTx3tukdeh8jmYpah","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47363},"main":"./dist/index.mjs","type":"module","_from":"file:antdv-next-tailwind-1.0.0.tgz","types":"./dist/index.d.mts","exports":{".":{"types":"./dist/index.d.mts","import":"./dist/index.mjs","default":"./dist/index.mjs"},"./v4":{"types":"./dist/v4.d.mts","import":"./dist/v4.mjs","default":"./dist/v4.mjs"},"./theme.css":"./theme.css","./package.json":"./package.json"},"scripts":{"bump":"bumpp --commit \"chore(release): @antdv-next/tailwind %s\" --push --tag \"@antdv-next/tailwind@%s\"","build":"tsdown","prepublish":"pnpm build"},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"_resolved":"/private/var/folders/gv/68jyrcks6l1dr6476z9nw_800000gn/T/51547511155e0422f267e391b3268b9e/antdv-next-tailwind-1.0.0.tgz","_integrity":"sha512-rZ73WB9dJr5L6AAWZdR0VqbkVQGEPsaG+aXiW9fhdii9ZG1avRl1LQpmy5GjlG6YwBVUvzuW6ogrSSMOPgHiPw==","repository":{"url":"git+https://github.com/antdv-next/antdv-next.git","type":"git","directory":"packages/tailwind"},"_npmVersion":"10.9.3","description":"Tailwind CSS plugin for Ant Design Vue Next","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.17"},"peerDependencies":{"tailwindcss":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwind_1.0.0_1770078410912_0.4848959281591023","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@antdv-next/tailwind","version":"1.0.1","keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"_id":"@antdv-next/tailwind@1.0.1","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"}],"homepage":"https://github.com/antdv-next/antdv-next#readme","bugs":{"url":"https://github.com/antdv-next/antdv-next/issues"},"dist":{"shasum":"f9da70049ba144ea98f31113adcfdb27ea38b458","tarball":"https://registry.npmjs.org/@antdv-next/tailwind/-/tailwind-1.0.1.tgz","fileCount":11,"integrity":"sha512-xzJhZ+goKTJJDN3q41sIXxlXL/iTf6IiAMnVaKVDMG+bdTBZ6BI2tjY9AucicV+p/ek1BBXRRHTk3yB2IfdCBw==","signatures":[{"sig":"MEUCIE6d8HrCPZgDNc0GFgoHmvHgIOHywFI14sdPoPyr6E2eAiEA0LB9yydGvzmRhAVWDz8D21elEDNMe5kN0L0nNHXxRYM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47178},"main":"./dist/index.js","type":"module","_from":"file:antdv-next-tailwind-1.0.1.tgz","types":"./dist/index.d.ts","exports":{".":{"style":"./theme.css","types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./v4":{"types":"./dist/v4.d.ts","import":"./dist/v4.js","default":"./dist/v4.js"},"./theme.css":"./theme.css","./package.json":"./package.json"},"scripts":{"bump":"bumpp --commit \"chore(release): @antdv-next/tailwind %s\" --push --tag \"@antdv-next/tailwind@%s\"","build":"tsdown && pnpm generate:theme","prepublish":"pnpm build","generate:theme":"tsx scripts/generate-theme.ts"},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"_resolved":"/private/var/folders/gv/68jyrcks6l1dr6476z9nw_800000gn/T/7cf7296517a53fe22a49314ae6534d33/antdv-next-tailwind-1.0.1.tgz","_integrity":"sha512-xzJhZ+goKTJJDN3q41sIXxlXL/iTf6IiAMnVaKVDMG+bdTBZ6BI2tjY9AucicV+p/ek1BBXRRHTk3yB2IfdCBw==","repository":{"url":"git+https://github.com/antdv-next/antdv-next.git","type":"git","directory":"packages/tailwind"},"_npmVersion":"10.9.3","description":"Tailwind CSS plugin for Ant Design Vue Next","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.0.0","@types/node":"^24.11.0","tailwindcss":"^3.4.19"},"peerDependencies":{"tailwindcss":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwind_1.0.1_1772440134113_0.3276171466101325","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@antdv-next/tailwind","version":"1.0.2","keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"_id":"@antdv-next/tailwind@1.0.2","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"}],"homepage":"https://github.com/antdv-next/antdv-next#readme","bugs":{"url":"https://github.com/antdv-next/antdv-next/issues"},"dist":{"shasum":"1e46d0568c430c8b61ab517930a8101f8e3b3177","tarball":"https://registry.npmjs.org/@antdv-next/tailwind/-/tailwind-1.0.2.tgz","fileCount":11,"integrity":"sha512-oV9F3yKeedCe5DNNFP8wZyDf7zBxUNXzeIAD3wlq4jNsCWLUsmGRDqUidCYlAdJBcxYoFwNNPNLpebdQQmHcqg==","signatures":[{"sig":"MEQCIG9mZP6JBPiGqj9kDNrwAzj5ot2Ps9KQzrbp5TPwmPJaAiBhqpdEjAuSlVyQEmBtXbUfuJxbYDnmZ8mGJIwpg+uchw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":55755},"main":"./dist/index.js","type":"module","_from":"file:antdv-next-tailwind-1.0.2.tgz","types":"./dist/index.d.ts","exports":{".":{"style":"./theme.css","types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./v4":{"types":"./dist/v4.d.ts","import":"./dist/v4.js","default":"./dist/v4.js"},"./theme.css":"./theme.css","./package.json":"./package.json"},"scripts":{"bump":"bumpp --commit \"chore(release): @antdv-next/tailwind %s\" --push --tag \"@antdv-next/tailwind@%s\"","build":"tsdown && pnpm generate:theme","prepublish":"pnpm build","generate:theme":"tsx scripts/generate-theme.ts"},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"_resolved":"/private/var/folders/8z/blql4fr95gz3q_79t213_ljm0000gn/T/405c4c1983c617c0041ae4ca495d5a18/antdv-next-tailwind-1.0.2.tgz","_integrity":"sha512-oV9F3yKeedCe5DNNFP8wZyDf7zBxUNXzeIAD3wlq4jNsCWLUsmGRDqUidCYlAdJBcxYoFwNNPNLpebdQQmHcqg==","repository":{"url":"git+https://github.com/antdv-next/antdv-next.git","type":"git","directory":"packages/tailwind"},"_npmVersion":"10.9.3","description":"Tailwind CSS plugin for Ant Design Vue Next","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.0.0","@types/node":"^24.11.0","tailwindcss":"^3.4.19"},"peerDependencies":{"tailwindcss":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwind_1.0.2_1772547112216_0.47034420563443646","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@antdv-next/tailwind","version":"1.1.0","keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"_id":"@antdv-next/tailwind@1.1.0","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"},{"name":"shiqkuangsan","email":"shiqkuangsan@gmail.com"}],"homepage":"https://github.com/antdv-next/antdv-next#readme","bugs":{"url":"https://github.com/antdv-next/antdv-next/issues"},"dist":{"shasum":"46a0dcb6fc79c435a9f4297a0ea6813f40c0bae6","tarball":"https://registry.npmjs.org/@antdv-next/tailwind/-/tailwind-1.1.0.tgz","fileCount":12,"integrity":"sha512-HOzylWl99RRvwkLLlQLeuqEqIfV1AVBFupAqIMknP9Bnnnk6OqCLJGl2oT3kDzBduqoX/QOOnw0Ux8nBQbAbCw==","signatures":[{"sig":"MEUCIQD1xgBNj9FZxpn0owFtOPZan6efIJ71yB7CzGtBIQZlcAIgJ4ZExbwiYngVYvie3j0myk4x8/HQMZQIle/aaXACHl4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":181830},"main":"./dist/index.js","type":"module","_from":"file:antdv-next-tailwind-1.1.0.tgz","types":"./dist/index.d.ts","exports":{".":{"style":"./theme.css","types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./v4":{"types":"./dist/v4.d.ts","import":"./dist/v4.js","default":"./dist/v4.js"},"./theme.css":"./theme.css","./compat.css":"./compat.css","./package.json":"./package.json"},"scripts":{"bump":"bumpp --commit \"chore(release): @antdv-next/tailwind %s\" --push --tag \"@antdv-next/tailwind@%s\"","build":"tsdown && pnpm generate:theme && pnpm generate:compat","prepublish":"pnpm build","generate:theme":"tsx scripts/generate-theme.ts","generate:compat":"tsx scripts/generate-compat.ts"},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"_resolved":"/private/var/folders/gv/68jyrcks6l1dr6476z9nw_800000gn/T/3a47ccad42d5199c8c41b981f9f819b4/antdv-next-tailwind-1.1.0.tgz","_integrity":"sha512-HOzylWl99RRvwkLLlQLeuqEqIfV1AVBFupAqIMknP9Bnnnk6OqCLJGl2oT3kDzBduqoX/QOOnw0Ux8nBQbAbCw==","repository":{"url":"git+https://github.com/antdv-next/antdv-next.git","type":"git","directory":"packages/tailwind"},"_npmVersion":"11.12.1","description":"Tailwind CSS plugin for Ant Design Vue Next","directories":{},"_nodeVersion":"24.15.0","_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.22.1","@types/node":"^24.12.4","tailwindcss":"^3.4.19"},"peerDependencies":{"tailwindcss":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwind_1.1.0_1779073860775_0.4300181523944011","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@antdv-next/tailwind","version":"1.1.1","keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"_id":"@antdv-next/tailwind@1.1.1","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"},{"name":"shiqkuangsan","email":"shiqkuangsan@gmail.com"}],"homepage":"https://github.com/antdv-next/antdv-next#readme","bugs":{"url":"https://github.com/antdv-next/antdv-next/issues"},"dist":{"shasum":"a2377a6ea939cb110a80d1e5d0251e8350cdfc09","tarball":"https://registry.npmjs.org/@antdv-next/tailwind/-/tailwind-1.1.1.tgz","fileCount":12,"integrity":"sha512-HuQmufVKulhGDvd0UCQmbL//2sDXi+2cHukKREo0XbBSsK49eIn+iWCjuPZIQbchc/eZmmuCdjxSKgNxlQYRRg==","signatures":[{"sig":"MEYCIQDR4RSgZKa6HQwoyPu/3lL+rThHjT6QYAZ+3J+xQA1NDwIhAIrwywNfnNgGdnEqyynHBadxWmK7jzBbhVtRXuRQ4n8R","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":182989},"main":"./dist/index.js","type":"module","_from":"file:antdv-next-tailwind-1.1.1.tgz","types":"./dist/index.d.ts","exports":{".":{"style":"./theme.css","types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./v4":{"types":"./dist/v4.d.ts","import":"./dist/v4.js","default":"./dist/v4.js"},"./theme.css":"./theme.css","./compat.css":"./compat.css","./package.json":"./package.json"},"scripts":{"bump":"bumpp --commit \"chore(release): @antdv-next/tailwind %s\" --push --tag \"@antdv-next/tailwind@%s\"","build":"tsdown && pnpm generate:theme && pnpm generate:compat","prepublish":"pnpm build","generate:theme":"tsx scripts/generate-theme.ts","generate:compat":"tsx scripts/generate-compat.ts"},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"_resolved":"/private/var/folders/gv/68jyrcks6l1dr6476z9nw_800000gn/T/e269257bec2b792e2ad36d1b22abf2fa/antdv-next-tailwind-1.1.1.tgz","_integrity":"sha512-HuQmufVKulhGDvd0UCQmbL//2sDXi+2cHukKREo0XbBSsK49eIn+iWCjuPZIQbchc/eZmmuCdjxSKgNxlQYRRg==","repository":{"url":"git+https://github.com/antdv-next/antdv-next.git","type":"git","directory":"packages/tailwind"},"_npmVersion":"11.13.0","description":"Tailwind CSS plugin for Ant Design Vue Next","directories":{},"_nodeVersion":"24.16.0","_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.22.1","@types/node":"^24.12.4","tailwindcss":"^3.4.19"},"peerDependencies":{"tailwindcss":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwind_1.1.1_1781749987195_0.7366497613868279","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"@antdv-next/tailwind","type":"module","version":"1.1.2","description":"Tailwind CSS plugin for Ant Design Vue Next","repository":{"type":"git","url":"git+https://github.com/antdv-next/antdv-next.git","directory":"packages/tailwind"},"keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","style":"./theme.css"},"./v4":{"types":"./dist/v4.d.ts","import":"./dist/v4.js","default":"./dist/v4.js"},"./theme.css":"./theme.css","./compat.css":"./compat.css","./package.json":"./package.json"},"main":"./dist/index.js","types":"./dist/index.d.ts","peerDependencies":{"tailwindcss":">=3.0.0"},"devDependencies":{"@types/node":"^24.12.4","tailwindcss":"^3.4.19","tsx":"^4.22.1"},"scripts":{"build":"tsdown && pnpm generate:theme && pnpm generate:compat","generate:theme":"tsx scripts/generate-theme.ts","generate:compat":"tsx scripts/generate-compat.ts","prepublish":"pnpm build","bump":"bumpp --commit \"chore(release): @antdv-next/tailwind %s\" --push --tag \"@antdv-next/tailwind@%s\""},"_id":"@antdv-next/tailwind@1.1.2","bugs":{"url":"https://github.com/antdv-next/antdv-next/issues"},"homepage":"https://github.com/antdv-next/antdv-next#readme","_integrity":"sha512-c26r6TPOcm+HGz1jCX9Ad0zOjhYvOKDsFlzo0j76/D7fWEkMEK3VPFOKX0xIxA6eHbSCw7/ldoYvWUe9jSFrKQ==","_resolved":"/private/var/folders/gv/68jyrcks6l1dr6476z9nw_800000gn/T/a4dbea012dc85c9cbdd32989395c1f78/antdv-next-tailwind-1.1.2.tgz","_from":"file:antdv-next-tailwind-1.1.2.tgz","_nodeVersion":"24.20.0","_npmVersion":"11.19.0","dist":{"integrity":"sha512-c26r6TPOcm+HGz1jCX9Ad0zOjhYvOKDsFlzo0j76/D7fWEkMEK3VPFOKX0xIxA6eHbSCw7/ldoYvWUe9jSFrKQ==","shasum":"4d4567762d92c58dfdde806477b5ab53a984d004","tarball":"https://registry.npmjs.org/@antdv-next/tailwind/-/tailwind-1.1.2.tgz","fileCount":12,"unpackedSize":183146,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDIv+o4MXyUsRgkmrCc6KrPNesrXX8w/qyCup7eWpu1eAiAwjpao1rqvlE5o4wRlg5bzLLDAuFy1AjTjWnM4vY/UhQ=="}]},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"directories":{},"maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"},{"name":"shiqkuangsan","email":"shiqkuangsan@gmail.com"},{"name":"lonewolfyx","email":"olddrivero.king@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwind_1.1.2_1787996293717_0.3213939060289577"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-31T08:43:29.827Z","modified":"2026-08-29T09:38:14.061Z","1.0.0-beta.0":"2026-01-31T08:43:30.056Z","1.0.0":"2026-02-03T00:26:51.049Z","1.0.1":"2026-03-02T08:28:54.278Z","1.0.2":"2026-03-03T14:11:52.433Z","1.1.0":"2026-05-18T03:11:00.908Z","1.1.1":"2026-06-18T02:33:07.401Z","1.1.2":"2026-08-29T09:38:13.861Z"},"bugs":{"url":"https://github.com/antdv-next/antdv-next/issues"},"homepage":"https://github.com/antdv-next/antdv-next#readme","keywords":["tailwindcss","tailwind-plugin","tailwindcss-v4","ant-design","antdv","vue","design-system"],"repository":{"type":"git","url":"git+https://github.com/antdv-next/antdv-next.git","directory":"packages/tailwind"},"description":"Tailwind CSS plugin for Ant Design Vue Next","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"},{"name":"shiqkuangsan","email":"shiqkuangsan@gmail.com"},{"name":"lonewolfyx","email":"olddrivero.king@qq.com"}],"readme":"# @antdv-next/tailwind\n\nAnt Design Vue Tailwind CSS 插件 - 将 Ant Design Vue 的设计系统集成到 Tailwind CSS 中。\n\n[English](./README.md)\n\n## 特性\n\n- 🎨 **设计令牌**: 基于 Ant Design Vue CSS 变量系统\n- 🔧 **完全兼容**: 与 Tailwind CSS v3 和 v4 无缝集成\n- 📦 **开箱即用**: 零配置启动\n- 🎯 **TypeScript**: 完整的类型支持\n- ⚡️ **按需生成**: 只生成使用的样式\n\n## 安装\n\n```bash\nnpm install @antdv-next/tailwind\n# 或\npnpm add @antdv-next/tailwind\n# 或\nyarn add @antdv-next/tailwind\n```\n\n## Tailwind CSS v4 用法（推荐）\n\nTailwind CSS v4 使用 `@theme` 指令在 CSS 中定义主题变量。本包提供两个并存的 v4 入口：\n\n| 入口 | 工具类示例 | 适用场景 |\n| --- | --- | --- |\n| `theme.css`（经典） | `bg-primary`、`p-lg`、`text-lg`、`shadow-card` | 现有项目；接受 antdv token 直接占用 Tailwind 原生 utility |\n| `compat.css`（**推荐**） | `bg-ant-primary`、`p-ant-lg`、`text-ant-lg`、`shadow-ant-card`（再加可选的 `a-bg-primary` 等前缀简写） | 新项目；避免与 Tailwind 内置 token / 业务自定义 token 冲突 |\n\n> 详细背景见 [Issue #7 (RFC)](https://github.com/antdv-next/css-plugin/issues/7)。\n\n### 方式 1：直接导入 CSS 文件\n\n```css\n@import \"tailwindcss\";\n\n/* 二选一 —— 经典入口 */\n@import \"@antdv-next/tailwind/theme.css\";\n\n/* 或者 —— 命名空间安全入口（推荐） */\n@import \"@antdv-next/tailwind/compat.css\";\n```\n\n### 方式 2：使用 JS 动态生成\n\n```ts\nimport {\n  generateCompatThemeCSS,\n  generateThemeCSS,\n} from '@antdv-next/tailwind/v4'\n\n// 经典入口（默认 antPrefix='ant'）\nconst css = generateThemeCSS()\n\n// 命名空间安全入口\nconst compatCss = generateCompatThemeCSS({\n  antPrefix: 'ant',             // antdv CSS 变量前缀\n  tokenPrefix: 'ant',           // 输出 --color-ant-primary、@utility p-ant-lg\n  prefix: 'a',                  // 额外输出 @utility a-bg-primary 等简写\n  allowPrefixedUtilities: true, // 是否生成上述前缀简写\n})\n```\n\n### compat.css 默认配置\n\n- `antPrefix`：antdv-next CSS 变量前缀（对应 `ConfigProvider` 的 `prefixCls`）\n- `tokenPrefix`：注入 Tailwind v4 theme token 的命名空间，例如 `--color-ant-primary`、`--padding-ant-lg`、`--text-ant-lg`。同时会生成 `@utility p-ant-lg { padding: var(--padding-ant-lg) }` 这种安全的方向性 utility，避免覆盖 Tailwind 原生 `p-*`\n- `prefix`：额外的前缀 utility 写法（如 `a-bg-primary`、`a-p-lg`）。这些 utility 直接绑定到 antdv 变量，不依赖 `tokenPrefix`\n- `allowPrefixedUtilities`：是否生成上述前缀 utility。关闭后仅保留 `@theme inline` 中的 namespace token\n\n### Tailwind v4 工具类对照\n\n| 命名空间 | theme.css | compat.css（推荐） | 前缀简写 |\n| --- | --- | --- | --- |\n| 颜色 | `bg-primary`、`text-blue-5` | `bg-ant-primary`、`text-ant-blue-5` | `a-bg-primary`、`a-c-primary` |\n| Padding | `p-lg`、`px-sm` | `p-ant-lg`、`px-ant-sm` | `a-p-lg`、`a-px-sm` |\n| Margin | `m-lg`、`my-sm` | `m-ant-lg`、`my-ant-sm` | `a-m-lg`、`a-my-sm` |\n| Radius | `rounded-lg` | `rounded-ant-lg` | `a-rounded-lg`、`a-rd-lg` |\n| Font size | `text-h1` | `text-ant-h1` | `a-text-h1` |\n| Shadow | `shadow-card` | `shadow-ant-card` | `a-shadow-card` |\n\n### Tailwind v4 使用示例\n\n```vue\n<template>\n  <!-- 经典 theme.css 写法 -->\n  <div class=\"bg-primary text-white p-lg rounded-lg shadow-card\">\n    <h1 class=\"text-h1 text-primary\">经典 theme.css</h1>\n  </div>\n\n  <!-- compat.css 推荐写法（命名空间安全） -->\n  <div class=\"bg-ant-primary text-ant-light-solid p-ant-lg rounded-ant-lg shadow-ant-card\">\n    <h1 class=\"text-ant-h1 color-ant-primary\">namespace 安全</h1>\n  </div>\n\n  <!-- compat.css 还会额外发出 a-* 前缀简写 -->\n  <div class=\"a-bg-primary a-color-white a-p-lg a-rounded-lg a-shadow-card\">\n    前缀简写\n  </div>\n</template>\n```\n\n---\n\n## Tailwind CSS v3 用法\n\n### 基础配置\n\n在 `tailwind.config.js` 中添加插件：\n\n```js\nimport antdPlugin from '@antdv-next/tailwind'\n\nexport default {\n  content: ['./src/**/*.{vue,js,ts,jsx,tsx}'],\n  plugins: [antdPlugin],\n}\n```\n\n### 自定义配置\n\n```js\nimport { createAntdPlugin } from '@antdv-next/tailwind'\n\nexport default {\n  content: ['./src/**/*.{vue,js,ts,jsx,tsx}'],\n  plugins: [\n    createAntdPlugin({\n      // 自定义 CSS 变量前缀（对应 ConfigProvider 的 prefixCls）\n      antPrefix: 'ant', // 默认: 'ant'\n    }),\n  ],\n}\n```\n\n### 在组件中使用\n\n```vue\n<template>\n  <div class=\"bg-primary text-white p-lg rounded-lg shadow-card\">\n    <h1 class=\"text-h1 text-primary\">你好 Ant Design Vue</h1>\n    <p class=\"text-secondary mt-sm\">\n      使用 Tailwind CSS 工具类和 Ant Design Vue 设计系统\n    </p>\n    <button class=\"bg-success hover:bg-success-hover px-md py-sm rounded\">\n      成功按钮\n    </button>\n  </div>\n</template>\n```\n\n## 可用工具类\n\n### 颜色\n\n#### 品牌色\n- `bg-primary`, `text-primary`, `border-primary` - 主色\n- `bg-primary-hover`, `bg-primary-active` - 主色交互态\n- `bg-primary-bg` - 主色极浅背景\n\n#### 功能色\n- Success（成功）: `bg-success`, `bg-success-bg`, `border-success-border`\n- Warning（警告）: `bg-warning`, `bg-warning-bg`, `border-warning-border`\n- Error（错误）: `bg-error`, `bg-error-bg`, `border-error-border`\n- Info（信息）: `bg-info`, `bg-info-bg`, `border-info-border`\n\n#### Ant Design 调色板\n支持 13 种颜色，每种包含 1-10 级色阶：\n- `blue`（蓝色）, `purple`（紫色）, `cyan`（青色）, `green`（绿色）\n- `magenta`（品红）, `pink`（粉色）, `red`（红色）, `orange`（橙色）\n- `yellow`（黄色）, `volcano`（火山色）, `geekblue`（极客蓝）\n- `lime`（青柠）, `gold`（金色）\n\n```html\n<!-- 使用色阶 -->\n<div class=\"bg-blue-1 text-blue-6 border-blue-3\">浅蓝色</div>\n<div class=\"bg-red-5 text-white\">中度红色</div>\n<div class=\"bg-gold-8 text-gold-1\">深金色</div>\n```\n\n#### 中性色\n- 文本: `text-text`（主文本）, `text-text-secondary`（次要）, `text-text-tertiary`（第三级）\n- 背景: `bg-container`（容器）, `bg-layout`（布局）, `bg-base`（基础）, `bg-elevated`（浮层）\n- 边框: `border-border`, `border-border-sec`\n\n### 间距\n\n基于 Ant Design 间距系统：\n\n```html\n<!-- 内边距 -->\n<div class=\"p-xxs\">4px 内边距</div>\n<div class=\"p-xs\">8px 内边距</div>\n<div class=\"p-sm\">12px 内边距</div>\n<div class=\"p-md\">20px 内边距</div>\n<div class=\"p-lg\">24px 内边距</div>\n<div class=\"p-xl\">32px 内边距</div>\n\n<!-- 外边距 -->\n<div class=\"m-lg\">24px 外边距</div>\n```\n\n> 注意：v3 和 v4 都不再覆盖 Tailwind 全局 spacing，因此 `max-w-md`、`gap-*` 等类保持 Tailwind 默认行为。\n\n### 圆角\n\n```html\n<div class=\"rounded-xs\">超小圆角</div>\n<div class=\"rounded-sm\">小圆角</div>\n<div class=\"rounded\">默认圆角</div>\n<div class=\"rounded-lg\">大圆角</div>\n```\n\n### 字体\n\n```html\n<div class=\"text-sm\">小号文本</div>\n<div class=\"text\">默认文本</div>\n<div class=\"text-lg\">大号文本</div>\n<div class=\"text-xl\">超大号文本</div>\n<div class=\"text-h1\">一级标题</div>\n<div class=\"text-h2\">二级标题</div>\n<div class=\"text-h3\">三级标题</div>\n```\n\n### 阴影\n\n```html\n<div class=\"shadow\">默认阴影</div>\n<div class=\"shadow-card\">卡片阴影</div>\n<div class=\"shadow-sec\">次要阴影</div>\n<div class=\"shadow-ter\">第三级阴影</div>\n```\n\n## CSS 变量\n\n此插件使用 Ant Design Vue 的 CSS 变量系统。确保你的应用中已正确设置这些变量：\n\n```vue\n<script setup>\nimport { ConfigProvider } from '@antdv-next/antdv-next'\n</script>\n\n<template>\n  <ConfigProvider>\n    <RouterView />\n  </ConfigProvider>\n</template>\n```\n\n## 与其他方案对比\n\n| 特性 | @antdv-next/tailwind | 原生 Tailwind | @antdv-next/unocss |\n|------|---------------------|---------------|---------------------|\n| 设计系统 | ✅ Ant Design Vue | ❌ 通用 | ✅ Ant Design Vue |\n| CSS 变量 | ✅ 动态 | ❌ 静态 | ✅ 动态 |\n| 构建工具 | 任意 | 任意 | Vite/Webpack |\n| 包体积 | 小 | 中等 | 最小 |\n| 主题切换 | ✅ 运行时 | ❌ 构建时 | ✅ 运行时 |\n\n## 最佳实践\n\n### 1. 与 Ant Design 组件结合\n\n```vue\n<template>\n  <a-card class=\"shadow-card rounded-lg\">\n    <div class=\"space-y-md\">\n      <h2 class=\"text-h2 text-primary\">卡片标题</h2>\n      <p class=\"text-text-secondary\">卡片内容使用 Tailwind 工具类</p>\n      <a-button type=\"primary\" class=\"mt-lg\">\n        按钮\n      </a-button>\n    </div>\n  </a-card>\n</template>\n```\n\n### 2. 使用 CSS 变量自定义样式\n\n```vue\n<template>\n  <div\n    class=\"p-lg rounded-lg\"\n    :style=\"{\n      backgroundColor: 'var(--ant-color-primary-bg)',\n      borderColor: 'var(--ant-color-primary)',\n    }\"\n  >\n    使用 CSS 变量自定义样式\n  </div>\n</template>\n```\n\n### 3. 响应式设计\n\n结合 Tailwind 的响应式功能：\n\n```html\n<div class=\"p-sm md:p-md lg:p-lg xl:p-xl\">\n  响应式内边距\n</div>\n\n<div class=\"grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 lg:grid-cols-3 lg:gap-8\">\n  <div>项目 1</div>\n  <div>项目 2</div>\n  <div>项目 3</div>\n</div>\n```\n\n### 4. 主题切换\n\n配合 Ant Design Vue 的主题功能：\n\n```vue\n<script setup>\nimport { ConfigProvider, theme } from '@antdv-next/antdv-next'\nimport { ref } from 'vue'\n\nconst isDark = ref(false)\n</script>\n\n<template>\n  <ConfigProvider\n    :theme=\"{\n      algorithm: isDark ? theme.darkAlgorithm : theme.defaultAlgorithm,\n    }\"\n  >\n    <div class=\"bg-container text-text p-lg\">\n      <!-- 主题会自动切换，Tailwind 类也会跟随变化 -->\n      <button\n        class=\"bg-primary text-white px-md py-sm rounded hover:bg-primary-hover\"\n        @click=\"isDark = !isDark\"\n      >\n        切换主题\n      </button>\n    </div>\n  </ConfigProvider>\n</template>\n```\n\n## 完整示例\n\n```vue\n<script setup>\nimport { ref } from 'vue'\nimport { Form, Input, Button, Card, message } from '@antdv-next/antdv-next'\n\nconst formData = ref({\n  username: '',\n  password: '',\n})\n\nfunction handleSubmit() {\n  message.success('登录成功！')\n}\n</script>\n\n<template>\n  <div class=\"min-h-screen bg-layout flex items-center justify-center p-lg\">\n    <Card class=\"w-full max-w-md shadow-card\">\n      <div class=\"space-y-lg\">\n        <div class=\"text-center\">\n          <h1 class=\"text-h1 text-primary\">欢迎回来</h1>\n          <p class=\"text-text-secondary mt-sm\">请登录您的账户</p>\n        </div>\n\n        <Form @submit=\"handleSubmit\" class=\"space-y-md\">\n          <div>\n            <label class=\"text-sm text-text-secondary block mb-xs\">\n              用户名\n            </label>\n            <Input\n              v-model:value=\"formData.username\"\n              class=\"w-full\"\n              placeholder=\"请输入用户名\"\n            />\n          </div>\n\n          <div>\n            <label class=\"text-sm text-text-secondary block mb-xs\">\n              密码\n            </label>\n            <Input\n              v-model:value=\"formData.password\"\n              type=\"password\"\n              class=\"w-full\"\n              placeholder=\"请输入密码\"\n            />\n          </div>\n\n          <Button\n            type=\"primary\"\n            html-type=\"submit\"\n            block\n            class=\"mt-lg\"\n          >\n            登录\n          </Button>\n        </Form>\n\n        <div class=\"text-center\">\n          <a href=\"#\" class=\"text-link hover:text-link-hover text-sm\">\n            忘记密码？\n          </a>\n        </div>\n      </div>\n    </Card>\n  </div>\n</template>\n```\n\n## 常见问题\n\n### Q: 如何自定义 CSS 变量前缀？\n\nA: 使用 `createAntdPlugin` 并传入 `antPrefix` 选项：\n\n```js\ncreateAntdPlugin({ antPrefix: 'my-app' })\n```\n\n然后在 ConfigProvider 中设置相同的前缀：\n\n```vue\n<ConfigProvider prefix-cls=\"my-app\">\n  <!-- 你的应用 -->\n</ConfigProvider>\n```\n\n### Q: 可以与其他 Tailwind 插件一起使用吗？\n\nA: 可以！此插件会扩展主题并添加 `p-*` / `m-*` 工具类，仍可与其他插件一起使用：\n\n```js\nexport default {\n  plugins: [\n    antdPlugin,\n    require('@tailwindcss/forms'),\n    require('@tailwindcss/typography'),\n  ],\n}\n```\n\n### Q: 如何迁移现有的 Tailwind 项目？\n\nA: 只需添加插件，现有的 Tailwind 类仍然可用。你可以逐步替换为 Ant Design 主题的类。\n\n### Q: 与 UnoCSS preset 有什么区别？\n\nA: 主要区别在于构建工具和生成方式：\n\n| 特性 | Tailwind 插件 | UnoCSS Preset |\n|------|--------------|---------------|\n| 生成方式 | PostCSS 处理 | 按需生成 |\n| 性能 | 较好 | 极佳 |\n| 包体积 | 较小 | 最小 |\n| 兼容性 | 更广 | Vite 优先 |\n| 学习曲线 | 平缓（Tailwind 生态） | 稍陡 |\n\n建议：\n- 如果你使用 Vite，推荐 [@antdv-next/unocss](../unocss)\n- 如果你使用其他构建工具或已有 Tailwind 项目，使用此插件\n\n## 许可证\n\nMIT\n\n## 相关链接\n\n- [Ant Design Vue Next](https://github.com/antdv-next/antdv-next)\n- [@antdv-next/unocss](../unocss) - UnoCSS preset for Ant Design Vue\n- [Tailwind CSS](https://tailwindcss.com/)\n- [Tailwind CSS 中文文档](https://tailwind.nodejs.cn/)\n","readmeFilename":"README.zh-CN.md"}