{"_id":"@daflow-ui/ui-marquee","_rev":"2-73788f74271acc76c5e43ad8ebe1b34b","name":"@daflow-ui/ui-marquee","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@daflow-ui/ui-marquee","version":"0.1.0","keywords":["vue","ui","component","daflow"],"license":"MIT","_id":"@daflow-ui/ui-marquee@0.1.0","maintainers":[{"name":"cuiguojie","email":"cuiguojie@me.com"}],"dist":{"shasum":"d13b19f16bb66e45511807f57d1688e4a9c3eb1e","tarball":"https://registry.npmjs.org/@daflow-ui/ui-marquee/-/ui-marquee-0.1.0.tgz","fileCount":12,"integrity":"sha512-kQ9uiUeJubFYJFsNzzCOEV6gH8zIuxJYyX0SJG/D8THRCkeF16/RnOiTT/UpI0bxK5q02EKOAPuX5Q7LRHVgoQ==","signatures":[{"sig":"MEYCIQCRoE10M5UBE6AfHjDjuhsibAY+4WDx731xQlmEvI4JPQIhAL6raHrwmQzOuLPyF/12ItGR0IypQ/mK8eKiqkSBzoGV","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9557},"main":"./dist/index.js","type":"module","_from":"file:daflow-ui-ui-marquee-0.1.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style.css":"./dist/style.css"},"scripts":{"lint":"eslint .","build":"vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly","lint:fix":"eslint . --fix","typecheck":"vue-tsc -p tsconfig.json --noEmit"},"_npmUser":{"name":"cuiguojie","email":"cuiguojie@me.com"},"_resolved":"/private/var/folders/vs/64py3jt92l966q_27tfst1xh0000gn/T/f2c087fe90126fea32aae5708b140f26/daflow-ui-ui-marquee-0.1.0.tgz","_integrity":"sha512-kQ9uiUeJubFYJFsNzzCOEV6gH8zIuxJYyX0SJG/D8THRCkeF16/RnOiTT/UpI0bxK5q02EKOAPuX5Q7LRHVgoQ==","_npmVersion":"10.9.2","description":"Marquee component for DaFlow UI component library.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.0","dependencies":{"@ark-ui/vue":"5.30.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.27","vite":"^7.3.1","eslint":"^9.39.2","vue-tsc":"^3.2.4","typescript":"^5.9.3","@types/node":"^22.10.5","sass-embedded":"^1.97.3","@vue/compiler-sfc":"^3.5.27","@vitejs/plugin-vue":"^6.0.3","vite-plugin-vue-devtools":"^8.0.5","@seemusic/eslint-config-vue3":"^2.0.0"},"peerDependencies":{"vue":"^3.5.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-marquee_0.1.0_1772535055903_0.10507982416346251","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-03-03T10:50:55.759Z","modified":"2026-03-05T04:11:15.589Z","0.1.0":"2026-03-03T10:50:56.040Z"},"license":"MIT","keywords":["vue","ui","component","daflow"],"description":"Marquee component for DaFlow UI component library.","maintainers":[{"email":"cuiguojie@me.com","name":"cuiguojie"},{"email":"xiaoxuan.chang@kanjian.com","name":"charicexxuan"}],"readme":"# @daflow-ui/ui-marquee\n\nMarquee component for DaFlow UI component library.\n\n## Installation\n\n```bash\npnpm add @daflow-ui/ui-marquee\n```\n\n## Usage\n\n全局引入样式（在 `main.ts` 中）：\n\n```ts\nimport '@daflow-ui/ui-marquee/style.css';\n```\n\n在组件中使用：\n\n```vue\n<script setup lang=\"ts\">\nimport { DfMarquee, DfMarqueeItem } from '@daflow-ui/ui-marquee';\n</script>\n\n<template>\n  <DfMarquee :speed=\"80\">\n    <DfMarqueeItem v-for=\"logo in logos\" :key=\"logo\">\n      <div>{{ logo }}</div>\n    </DfMarqueeItem>\n  </DfMarquee>\n</template>\n```\n\n## Props\n\n### DfMarquee\n\n| Name | Type | Default | Description |\n| --- | --- | --- | --- |\n| speed | `number` | `50` | 滚动速度（px/s），不是动画时长（ms） |\n| gap | `number` | - | 跑马灯项之间的间距（px），不传则使用组件 CSS 变量 |\n| pauseOnInteraction | `boolean` | `false` | hover/focus 时暂停滚动 |\n| showEdge | `boolean` | `false` | 是否显示两侧渐隐遮罩 |\n\n### DfMarqueeItem\n\n纯容器组件，无额外 props。\n\n## Development\n\n### Install dependencies\n\n```bash\npnpm install\n```\n\n### Start playground (at monorepo root)\n\n```bash\ncd ../..\npnpm dev\n```\n\n组件会自动出现在 playground 导航中（通过 `dev/index.vue`）。\n\n### Build\n\n```bash\npnpm build\n```\n\n### Type check\n\n```bash\npnpm typecheck\n```\n\n### Lint\n\n```bash\npnpm lint\npnpm lint:fix\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}