{\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你应该知道
# Animate installed shadcn/ui components
pnpm dlx @animate-ui/cli@latest animate accordion
pnpm dlx @animate-ui/cli@latest animate all
# Migrate Animate UI v1 components to v2
pnpm dlx @animate-ui/cli@latest migrate all
# List what moves in a project, and how
pnpm dlx @animate-ui/cli@latest audit
过 --dry-run 预览更改.
animate 只更改导入源, 镜像每个库的样式 : import { Accordion, Slot } from "radix-ui" 变成 import { Accordion, Slot } from "@animate-ui/react/primitives/radix-ui" (枪管再出口其他一切) radix-ui, (中文(简体) ), @base-ui/react 移动到 @animate-ui/react/primitives/base-ui, (中文(简体) ), react-aria-components 改为 @animate-ui/react/primitives/react-aria和每批进口@radix-ui/react-accordion, (中文(简体) ), @base-ui/react/accordion, (中文(简体) ), vaul, (中文(简体) ), input-otp, (中文(简体) ), embla-carousel-react, (中文(简体) ), @shadcn/react/questionnaire)到匹配的每个原始路径(@animate-ui/react/primitives/radix-ui/accordion, (中文(简体) ), @animate-ui/react/primitives/carousel, (中文(简体) ), @animate-ui/react/primitives/questionnaire(......) (中文(简体) ). 一个没有任何东西的导入 ALIMAT UI 动画被留下 。 Shadcn/ui的代码块没有原始的导入来交换: animate code-block 重写到原地 pre 变成 @animate-ui/react/primitives/code-block是因为 Content,其复制按钮建立在复制按钮上,留下一部分按原样用手修改.
migrate 移动每个导入 @animate-ui/react。在导入时将可映射部件与 v1- 唯一可映射部件相混合( 突出部分, 上下文钩) , 可映射部件移动, 并且 v1 文件中只保留 v1- 唯一名称, 每个都报告为手动步骤: 当其母为 v2 时, 会在运行时丢出, 所以删除它们, 或以 shadcn/ ui + 替换组件 animate-ui animate. v1文件 v2 没有对应的(Files,预览链接卡,无头UI原始人,几个钩子)保留您,并继续工作:它们停留在所建的v1 Radix UI和Base UI原始人上. Flip 和 Liquid 按钮是 v2 中的注册文件 : 它们的导入也保留在 v1 文件上, 一个手动步骤给出 shadcn add 各个命令.
最终, migrate 列出 v1 文件 @animate-ui/react 取代不再进口的东西。 在终端中,它先要求删除(一个或一个接一个); --delete 删除它们 --keep 不用问就留着 在航站楼外面(CI,管子),除非你通过,否则会保留它们 --delete。 。 。 .
audit 列出一个项目的动画( 或您通过的文件夹和文件的动画): 每个项目的属性会改变, 以及浏览器的成本, 以及值得查看的图案( )transition: all,易入入出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出入出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出入入入入入入入入入出出出出入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入 动能UI技术为您权衡了这些事实.