@sps-woodland /卡
SPS林地设计系统卡,洞察卡,和可滚动的容器组件。
已弃用:此包将在林地9.0中移除。 它只会再出口
@sps-woodland/core/cards,@sps-woodland/core/insight-card,@sps-woodland/core/scrollable-container从@sps-woodland/core. 组件、道具和行为是相同的,所以迁移是一个导入路径的改变。
使用 @sps-woodland/core 而不是
import {
Card,
CardHeader,
CardFooter,
CardTitle,
} from "@sps-woodland/core/cards";
import { InsightCard, InsightCardSet } from "@sps-woodland/core/insight-card";
import { ScrollableContainer } from "@sps-woodland/core/scrollable-container";
import "@sps-woodland/core/cards/style.css";
import "@sps-woodland/core/insight-card/style.css";
import "@sps-woodland/core/scrollable-container/style.css";
这个包裹捆绑了三个独立的家庭。只导入您使用的样式表和每个样式表。
从上面所示的同一子路径导入一个家族的每个组件。核也有平的
每个组件的子路径,但它们是单独的模块实例,并且将它们与
家族桶可以静默地破坏父/子组件。之前导入组件样式表
@sps-woodland/tokens/lib/vanilla-extract/style.css.
自动迁移
pnpm dlx --package=@sps-woodland/codemods migrate-wrapper-imports src --write
这个重写 @sps-woodland/cards JavaScript和样式表导入到上面的核心路径。
然后添加 @sps-woodland/core (8.53或更高版本),如果需要,删除
@sps-woodland/cards,重新安装。看到
林地8.0升级指南 获取详细信息。