{"_id":"@alibarbar/components","_rev":"8-42708ff59877fccf0bda64971be19792","name":"@alibarbar/components","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.0":{"name":"@alibarbar/components","version":"1.0.0","keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","_id":"@alibarbar/components@1.0.0","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"dist":{"shasum":"cb3b98845419f1aad3ba8f7b05b1f7d5ad00af86","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.0.tgz","fileCount":51,"integrity":"sha512-P+s2r2hNPaILEEmPxMjrMtb7NL8icBs1IH+S1JDz7cb3qc7w7BZOVv/fgrFs9v820C8syFZQumFZc2O2cqcHoQ==","signatures":[{"sig":"MEUCIEdlv/U77uprMAdG2FkBUQ88/aoj0S07U+kkq8b+xhEVAiEA8AeiVvDMQ0DUvinCRkdGvsmCclfw0P3D9sfMH5ayMcI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":167546},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","release":"pnpm build && npm publish","type-check":"vue-tsc --noEmit","build:check":"vue-tsc --noEmit && vite build","prepublishOnly":"pnpm build"},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"_npmVersion":"11.6.2","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","directories":{},"sideEffects":["**/*.scss","**/*.css"],"_nodeVersion":"25.2.1","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.0","vite":"^5.0.0","vue-tsc":"^1.8.27","typescript":"^5.3.0","vite-plugin-dts":"^3.6.0","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/components_1.0.0_1768809734626_0.5834494842645974","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@alibarbar/components","version":"1.0.1","keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","_id":"@alibarbar/components@1.0.1","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"dist":{"shasum":"ac4e6953b36aa9abd1581f8f887aae0c5a849c64","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.1.tgz","fileCount":50,"integrity":"sha512-Hoytlxb+IcnNfb43Pp0mIjlsbyEySFpgkcSKaWw+6IDwCzblZIxxUNiDGVNkUieDox0rTFIQFZ2ErLws9ry2BQ==","signatures":[{"sig":"MEUCIQDbHy+C10eZrM8jjPIGe7VNBifHHWZXqD1O9WnjgqMdqQIgPEtubr7vfRVMWs8TRwvb0ePuyAngiOMgwRS9kEpru7s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114967},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js"},"./style":"./style.css"},"scripts":{"dev":"vite","build":"vite build && pnpm run build:flatten","preview":"vite preview","release":"pnpm build && npm publish","type-check":"vue-tsc --noEmit","build:check":"vue-tsc --noEmit && vite build","build:flatten":"rm -f index.js index.d.ts index.d.ts.map style.css && cp -R dist/* .","prepublishOnly":"pnpm build"},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"_npmVersion":"11.6.2","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","directories":{},"sideEffects":["**/*.scss","**/*.css"],"_nodeVersion":"25.2.1","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.0","vite":"^5.0.0","vue-tsc":"^1.8.27","typescript":"^5.3.0","vite-plugin-dts":"^3.6.0","@vitejs/plugin-vue":"^5.0.0","vite-plugin-static-copy":"^3.1.4"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/components_1.0.1_1768810771392_0.48586888112481796","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@alibarbar/components","version":"1.0.2","keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","_id":"@alibarbar/components@1.0.2","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"dist":{"shasum":"6a356a748dbffe43c8545909536ca3f527e908d6","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.2.tgz","fileCount":51,"integrity":"sha512-vd9jSFCfYld/mr0gN8uKMtPAWcLqKukuYbdmzwODPSLIj3DeMinY5UjUyHxa6DptyB+7UgdMsaJQkRItiQ9mFA==","signatures":[{"sig":"MEUCIQDQhQa3lIxN9dQWvsIdfEpbis/OXocFxYHNkyVAerkOPwIgf5Nf2u0wDDlL80UMJKRUTuMXdvJ0UOYTLHs7L6YWT90=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":149829},"main":"./index.js","type":"module","_from":"file:alibarbar-components-1.0.2.tgz","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js"},"./style":"./style.css"},"scripts":{"dev":"vite","build":"vite build && pnpm run build:flatten","preview":"vite preview","release":"pnpm build && npm publish","type-check":"vue-tsc --noEmit","build:check":"vue-tsc --noEmit && vite build","build:flatten":"rm -f index.js index.d.ts index.d.ts.map style.css && cp -R dist/* ."},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"_resolved":"/private/var/folders/v3/xd0z9qvn5l902_mhbyv7p_t00000gn/T/df34608a445ddfb142268819eee2daa3/alibarbar-components-1.0.2.tgz","_integrity":"sha512-vd9jSFCfYld/mr0gN8uKMtPAWcLqKukuYbdmzwODPSLIj3DeMinY5UjUyHxa6DptyB+7UgdMsaJQkRItiQ9mFA==","_npmVersion":"10.9.4","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","directories":{},"sideEffects":["**/*.scss","**/*.css"],"_nodeVersion":"22.21.1","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.0","vite":"^5.0.0","vue-tsc":"^1.8.27","typescript":"^5.3.0","vite-plugin-dts":"^3.6.0","@vitejs/plugin-vue":"^5.0.0","vite-plugin-static-copy":"^3.1.4"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/components_1.0.2_1768814931335_0.9470845674472363","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@alibarbar/components","version":"1.0.3","keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","_id":"@alibarbar/components@1.0.3","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"dist":{"shasum":"af09b098e40d8eb876ad28fabe2e2599899ec0aa","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.3.tgz","fileCount":51,"integrity":"sha512-t/5m4YCVs2i+hS+17LSFf18b2SFBxztBFqkIISc95PXU+5w6/x+rw40jD8zXHZ2Vaj0YSR/ZNPwpCw5EhFm4Fw==","signatures":[{"sig":"MEUCIQC78U1ZBguqcYm+2iCFiPX7/CcwCJMsa8MR2pmZjaJpcwIgZ9Lk5CXOjpA4C737e+xgrLs+PRhUJG5YtAYnLYnHx/0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":143545},"main":"./index.js","type":"module","_from":"file:alibarbar-components-1.0.3.tgz","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js"},"./style":"./style.css"},"scripts":{"dev":"vite","build":"vite build && pnpm run build:flatten","preview":"vite preview","release":"pnpm build && npm publish","type-check":"vue-tsc --noEmit","build:check":"vue-tsc --noEmit && vite build","build:flatten":"rm -f index.js index.d.ts index.d.ts.map style.css && cp -R dist/* ."},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"_resolved":"/private/var/folders/v3/xd0z9qvn5l902_mhbyv7p_t00000gn/T/86e26fc02d52bf7301e9674270119c4f/alibarbar-components-1.0.3.tgz","_integrity":"sha512-t/5m4YCVs2i+hS+17LSFf18b2SFBxztBFqkIISc95PXU+5w6/x+rw40jD8zXHZ2Vaj0YSR/ZNPwpCw5EhFm4Fw==","_npmVersion":"10.9.4","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","directories":{},"sideEffects":["**/*.scss","**/*.css"],"_nodeVersion":"22.21.1","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.0","vite":"^5.0.0","vue-tsc":"^1.8.27","typescript":"^5.3.0","vite-plugin-dts":"^3.6.0","@vitejs/plugin-vue":"^5.0.0","vite-plugin-static-copy":"^3.1.4"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/components_1.0.3_1768816285972_0.7787327636713715","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@alibarbar/components","version":"1.0.4","keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","_id":"@alibarbar/components@1.0.4","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"dist":{"shasum":"43046c7ea38ab449c7a87f4b94371311be1a8fa5","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.4.tgz","fileCount":51,"integrity":"sha512-FUwEljBef7u2MLLUXJ2bZlJaiTfINbRoLV8Of35RXWzU3f4xtGI0+u4yCSoan0Xv+Zrcmr6vk/fwrxfuYALFWw==","signatures":[{"sig":"MEUCIQDgJx+86uqM0fQ2alo0XHWESJIc9AK+hLiynXlsyEXTQgIgJNe66ep7eUN55CQrAf3OScAmQTTVX0L6km2G2mpfSrc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":143545},"main":"./index.js","type":"module","_from":"file:alibarbar-components-1.0.4.tgz","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js"},"./style":"./style.css"},"scripts":{"dev":"vite","build":"vite build && pnpm run build:flatten","preview":"vite preview","release":"pnpm build && npm publish","type-check":"vue-tsc --noEmit","build:check":"vue-tsc --noEmit && vite build","build:flatten":"rm -f index.js index.d.ts index.d.ts.map style.css && cp -R dist/* ."},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"_resolved":"/private/var/folders/v3/xd0z9qvn5l902_mhbyv7p_t00000gn/T/9c6ea4d0c0812aca7f2c524fb3ae4d65/alibarbar-components-1.0.4.tgz","_integrity":"sha512-FUwEljBef7u2MLLUXJ2bZlJaiTfINbRoLV8Of35RXWzU3f4xtGI0+u4yCSoan0Xv+Zrcmr6vk/fwrxfuYALFWw==","_npmVersion":"10.9.4","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","directories":{},"sideEffects":["**/*.scss","**/*.css"],"_nodeVersion":"22.21.1","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.0","vite":"^5.0.0","vue-tsc":"^1.8.27","typescript":"^5.3.0","vite-plugin-dts":"^3.6.0","@vitejs/plugin-vue":"^5.0.0","vite-plugin-static-copy":"^3.1.4"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/components_1.0.4_1768816484562_0.021381135281883568","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@alibarbar/components","version":"1.0.5","keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","_id":"@alibarbar/components@1.0.5","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"dist":{"shasum":"6b12ee64bd5a1d94a51b86f5a353eae37d2d5d25","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.5.tgz","fileCount":51,"integrity":"sha512-tkRyYFkfgpF1lOXrg3AdZDUsBBlxIHbdHC7KitPqeLApYwtRxY1Bd9K/lah9jG8GwNL4LoDj5R37uDg6fLC0Lw==","signatures":[{"sig":"MEUCICtTJ5SfouEJJaYUvovj+k399IO/qE5KoLMic0DDncj6AiEAnOqWnRf7Q3fAE7amMfxlqhOoC8FSlaSY1eayMlkcAhA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":157092},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","release":"pnpm build && npm publish","type-check":"vue-tsc --noEmit","build:check":"vue-tsc --noEmit && vite build","prepublishOnly":"pnpm build"},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"_npmVersion":"11.6.2","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","directories":{},"sideEffects":["**/*.scss","**/*.css"],"_nodeVersion":"25.2.1","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.0","vite":"^5.0.0","vue-tsc":"^1.8.27","typescript":"^5.3.0","vite-plugin-dts":"^3.6.0","@vitejs/plugin-vue":"^5.0.0","vite-plugin-static-copy":"^3.1.4"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/components_1.0.5_1768875215113_0.7800617166345072","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@alibarbar/components","version":"1.0.6","keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","_id":"@alibarbar/components@1.0.6","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"dist":{"shasum":"a8ce85d34b04023f8f565ebbf4e8592941df25b7","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.6.tgz","fileCount":51,"integrity":"sha512-1OEcpN9sR7adXkFFwoKRAOI75lCeJ11808z3gHJHJGdNmGntvqoSluteTBOSV/nB8M/ko8p6kqu/eaxWm4wcog==","signatures":[{"sig":"MEYCIQDtXGrOGEUWoSCXJ7w1nguIo4sMK7s6ywMmysbdjDoL5wIhAPy0kiolPOvZTG3SOTUQ55iBurH2E+Ktv2keIk4vSA/c","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":157008},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","release":"pnpm build && npm publish","type-check":"vue-tsc --noEmit","build:check":"vue-tsc --noEmit && vite build","prepublishOnly":"pnpm build"},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"_npmVersion":"11.6.2","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","directories":{},"sideEffects":["**/*.scss","**/*.css"],"_nodeVersion":"25.2.1","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.0","vite":"^5.0.0","vue-tsc":"^1.8.27","typescript":"^5.3.0","vite-plugin-dts":"^3.6.0","@vitejs/plugin-vue":"^5.0.0","vite-plugin-static-copy":"^3.1.4"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/components_1.0.6_1768891874055_0.6634132707226017","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@alibarbar/components","version":"1.0.7","description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","publishConfig":{"access":"public"},"exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./style":"./dist/style.css"},"sideEffects":["**/*.scss","**/*.css"],"keywords":["vue3","components","fat-table","fat-form","typescript"],"author":"","license":"MIT","dependencies":{"vue":"^3.4.0","vue-i18n":"^9.8.0"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.0","sass":"^1.69.0","typescript":"^5.3.0","vite":"^5.0.0","vite-plugin-dts":"^3.6.0","vite-plugin-static-copy":"^3.1.4","vue-tsc":"^1.8.27"},"peerDependencies":{"vue":"^3.4.0","element-plus":"^2.0.0","@element-plus/icons-vue":"^2.0.0"},"scripts":{"dev":"vite build --watch","build":"vite build","build:check":"vue-tsc --noEmit && vite build","preview":"vite preview","type-check":"vue-tsc --noEmit","release":"pnpm build && npm publish"},"_id":"@alibarbar/components@1.0.7","_integrity":"sha512-NF9UZLQBA3s7VWX2rR4SM28uqDTiAKKAMfbPt/Ju8QU9+tbzA4NiBc6cwbDdTQX55mM5egqNISV7id3syoTkmw==","_resolved":"/private/var/folders/v3/xd0z9qvn5l902_mhbyv7p_t00000gn/T/fa13c6f930d3501719fbac646eaddb93/alibarbar-components-1.0.7.tgz","_from":"file:alibarbar-components-1.0.7.tgz","_nodeVersion":"25.2.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-NF9UZLQBA3s7VWX2rR4SM28uqDTiAKKAMfbPt/Ju8QU9+tbzA4NiBc6cwbDdTQX55mM5egqNISV7id3syoTkmw==","shasum":"024ee45d51533761682af1026eaf2e459f747fe7","tarball":"https://registry.npmjs.org/@alibarbar/components/-/components-1.0.7.tgz","fileCount":51,"unpackedSize":2835503,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCJ3cZ+25l1v0LyLDiN0gD3UyEF27gAdIZyxiMYmMvwsgIgBvtzKifhzT+mrRBmS0eB8S3RU89RyyHYzMzmFPvu1X0="}]},"_npmUser":{"name":"alibarbar","email":"IT@alibarbar.com"},"directories":{},"maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/components_1.0.7_1769078557904_0.10018772508663076"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-19T08:02:14.517Z","modified":"2026-01-22T10:42:38.196Z","1.0.0":"2026-01-19T08:02:14.758Z","1.0.1":"2026-01-19T08:19:31.555Z","1.0.2":"2026-01-19T09:28:51.471Z","1.0.3":"2026-01-19T09:51:26.102Z","1.0.4":"2026-01-19T09:54:44.712Z","1.0.5":"2026-01-20T02:13:35.251Z","1.0.6":"2026-01-20T06:51:14.211Z","1.0.7":"2026-01-22T10:42:38.091Z"},"license":"MIT","keywords":["vue3","components","fat-table","fat-form","typescript"],"description":"业务组件库 - FatTable、FatForm、FatTableLayout、FatFormLayout","maintainers":[{"name":"alibarbar","email":"IT@alibarbar.com"}],"readme":"# @alibarbar/components\n\n业务组件库，提供 FatTable、FatForm、FatTableLayout、FatFormLayout 等组件。\n\n## 技术栈\n\n- Vue 3.x\n- TypeScript\n- Vite\n- Vue I18n\n\n## 安装\n\n```bash\nnpm install @alibarbar/components\n```\n\n## 使用\n\n### 完整引入\n\n```typescript\nimport { createApp } from 'vue'\nimport AlibarbarComponents from '@alibarbar/components'\nimport '@alibarbar/components/style'\n\nconst app = createApp(App)\napp.use(AlibarbarComponents)\n```\n\n### 按需引入\n\n```typescript\nimport { FatTable, FatForm } from '@alibarbar/components'\nimport '@alibarbar/components/style'\n```\n\n## 组件\n\n### FatTable\n\n表格组件，支持排序、分页等功能。\n\n```vue\n<template>\n  <FatTable\n    :columns=\"columns\"\n    :data=\"tableData\"\n    :pagination=\"pagination\"\n    @page-change=\"handlePageChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { FatTable } from '@alibarbar/components'\nimport type { FatTableColumn } from '@alibarbar/components'\n\nconst columns: FatTableColumn[] = [\n  { prop: 'name', label: '姓名', sortable: true },\n  { prop: 'age', label: '年龄' },\n  { prop: 'email', label: '邮箱' }\n]\n\nconst tableData = ref([])\nconst pagination = ref({\n  currentPage: 1,\n  pageSize: 10,\n  total: 0\n})\n</script>\n```\n\n### FatForm\n\n表单组件，支持验证、提交等功能。\n\n```vue\n<template>\n  <FatForm\n    v-model=\"formData\"\n    :rules=\"rules\"\n    @submit=\"handleSubmit\"\n  >\n    <FatFormItem prop=\"name\" label=\"姓名\" required>\n      <input v-model=\"formData.name\" />\n    </FatFormItem>\n    <FatFormItem prop=\"email\" label=\"邮箱\" required>\n      <input v-model=\"formData.email\" type=\"email\" />\n    </FatFormItem>\n  </FatForm>\n</template>\n\n<script setup lang=\"ts\">\nimport { FatForm, FatFormItem } from '@alibarbar/components'\n\nconst formData = ref({\n  name: '',\n  email: ''\n})\n\nconst rules = {\n  name: [{ required: true, message: '请输入姓名' }],\n  email: [\n    { required: true, message: '请输入邮箱' },\n    { type: 'email', message: '邮箱格式不正确' }\n  ]\n}\n</script>\n```\n\n### FatTableLayout\n\n表格布局组件，提供统一的表格页面布局。\n\n```vue\n<template>\n  <FatTableLayout title=\"用户列表\">\n    <template #query>\n      <!-- 查询表单 -->\n    </template>\n    <template #toolbar>\n      <!-- 工具栏 -->\n    </template>\n    <template #default>\n      <FatTable :columns=\"columns\" :data=\"data\" />\n    </template>\n    <template #pagination>\n      <!-- 分页 -->\n    </template>\n  </FatTableLayout>\n</template>\n```\n\n### FatFormLayout\n\n表单布局组件，提供统一的表单页面布局。\n\n```vue\n<template>\n  <FatFormLayout title=\"编辑用户\" :show-back=\"true\" @back=\"handleBack\">\n    <template #default>\n      <FatForm v-model=\"formData\">\n        <!-- 表单项 -->\n      </FatForm>\n    </template>\n    <template #submitter>\n      <!-- 提交按钮 -->\n    </template>\n  </FatFormLayout>\n</template>\n```\n\n## 国际化\n\n组件库内置了中文和英文两种语言，默认使用中文。可以通过 i18n 实例切换语言：\n\n```typescript\nimport { i18n } from '@alibarbar/components'\n\ni18n.global.locale.value = 'en-US'\n```\n\n## 开发\n\n```bash\n# 安装依赖\nnpm install\n\n# 开发模式\nnpm run dev\n\n# 构建\nnpm run build\n\n# 类型检查\nnpm run type-check\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}