@wordpress/components: 42.x sürümünden 43.x sürümüne yükseltme
@wordpress/components 42.0.0 ve 43.0.0 sürümlerinin genel API karşılaştırması, TypeScript tiplerinden otomatik olarak hesaplanır. Değişen bir imza olası bir uyumsuz değişikliktir, kesinlik değildir.
Özet
| Kaldırılan içe aktarma yolları | 0 |
|---|---|
| Kaldırılan dışa aktarımlar | 0 |
| Değişen imzalar | 13 |
| Kaldırılan sınıf veya arayüz üyeleri | 0 |
| Değişen sınıf veya arayüz üyeleri | 0 |
| Yeni kullanımdan kaldırılanlar | 1 |
| Gereksinim değişiklikleri (engines, peer bağımlılıkları) | 1 |
| Yeni dışa aktarımlar | 0 |
Kaldırılan dışa aktarımlar
Tespit edilmedi.
Değişen imzalar
| export | Önce | Sonra |
|---|---|---|
@wordpress/components · Card | (props: SurfaceProps & { size?: SizeOptions | "extraSmall" | undefined; } & { elevation?: number | undefined; isBorderless?: boolean | undefined; isRounded?: boolean | undefined; isElevated?: boolean | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "size" | "elevation" | "ref" | "isBorderless" | keyof SurfaceProps | "isRounded" | "isElevated"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "size" | "elevation" | "ref" | "isBorderless" | keyof SurfaceProps | "isRounded" | "isElevated">): React.ReactNode | <C extends React.JSXElementConstr… | (props: SurfaceProps & { size?: SizeOptions | "extraSmall" | undefined; } & { elevation?: number | undefined; isBorderless?: boolean | undefined; isRounded?: boolean | undefined; isElevated?: boolean | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "size" | "ref" | "isBorderless" | keyof SurfaceProps | "elevation" | "isRounded" | "isElevated"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "size" | "ref" | "isBorderless" | keyof SurfaceProps | "elevation" | "isRounded" | "isElevated">): React.ReactNode | <C extends React.JSXElementConstr… |
@wordpress/components · Popover | (props: WordPressComponentProps<Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "inherit" | "initial" | "exit" | "layout" | "_dragX" | "_dragY" | "custom" | "data-framer-appear-id" | "data-framer-portal-id" | "drag" | "dragConstraints" | "dragControls" | "dragDirectionLock" | "dragElastic" | "dragListener" | "dragMomentum" | "dragPropagation" | "dragSnapToOrigin" | "dragTransition" | "globalTapTarget" | "ignoreStrict" | "layoutDependency" | "layoutId" | "layoutRoot" | "layoutScroll" | "onAnimationComplete" | "onBeforeLayou… | (props: WordPressComponentProps<Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDragEnd" | "onDragStart" | "onDrag" | "onAnimationStart" | "exit" | "layout" | "inherit" | "initial" | "_dragX" | "_dragY" | "custom" | "data-framer-appear-id" | "data-framer-portal-id" | "drag" | "dragConstraints" | "dragControls" | "dragDirectionLock" | "dragElastic" | "dragListener" | "dragMomentum" | "dragPropagation" | "dragSnapToOrigin" | "dragTransition" | "globalTapTarget" | "ignoreStrict" | "layoutDependency" | "layoutId" | "layoutRoot" | "layoutScroll" | "onAnimationComplete" | "onBeforeLayou… |
@wordpress/components · FlexBlock | (props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "display" | "ref"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "display" | "ref">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "display" | "ref"> & { as: C; } & Omit<React.ComponentPropsWithoutRef<C>, "as" | "children" | "display" | "ref">): React.ReactNode | (props: WordPressComponentProps<FlexBlockProps & Pick<any, "ref">, "div", … | (props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "display"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "display">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "display"> & { as: C; } & Omit<React.ComponentPropsWithoutRef<C>, "as" | "children" | "ref" | "display">): React.ReactNode | (props: WordPressComponentProps<FlexBlockProps & Pick<any, "ref">, "div", … |
@wordpress/components · BaseControl | (props: BaseControlProps & { as: string | number | symbol; } & Omit<{ dangerouslySetInnerHTML?: { __html: any; } | undefined; onCopy?: any; onCopyCapture?: any; onCut?: any; onCutCapture?: any; onPaste?: any; onPasteCapture?: any; onCompositionEnd?: any; onCompositionEndCapture?: any; onCompositionStart?: any; onCompositionStartCapture?: any; onCompositionUpdate?: any; onCompositionUpdateCapture?: any; onFocus?: any; onFocusCapture?: any; onBlur?: any; onBlurCapture?: any; onChange?: any; onChangeCapture?: any; onBeforeInput?: any; onBeforeInputCapture?: any; onInput?: any; onInputCapture?: an… | (props: BaseControlProps): React.ReactNode |
@wordpress/components · BorderBoxControl | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "size" | "__next40pxDefaultSize" | "enableStyle"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "size" | "__experimentalIsRenderedInSidebar" | "colors" | "__ne… | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "__next40pxDefaultSize" | "enableStyle" | "size"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "__experimentalIsRenderedInSidebar" | "colors" | "__next40pxDef… |
@wordpress/components · __experimentalHStack | (props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & O… | (props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & O… |
@wordpress/components · __experimentalVStack | (props: Omit<Props, "spacing" | "alignment"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<Props, "spacing" | "alignment"> & { alignment?: any; spacing?: any; } & Pick<any, "r… | (props: Omit<Props, "alignment" | "spacing"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<Props, "alignment" | "spacing"> & { alignment?: any; spacing?: any; } & Pick<any, "r… |
@wordpress/components · __experimentalHeading | (props: Omit<Props, "color" | "isBlock" | "weight"> & { level?: HeadingSize | undefined; isBlock?: boolean | undefined; color?: any; weight?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "color" | "size" | "display" | "letterSpacing" | "ref" | "variant" | "align" | "isBlock" | "weight" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "lineHeight" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "ellipsis" | "ellipsizeMode" | "limit" | "numberOfLines"… | (props: Omit<Props, "color" | "isBlock" | "weight"> & { level?: HeadingSize | undefined; isBlock?: boolean | undefined; color?: any; weight?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "size" | "ref" | "variant" | "align" | "color" | "isBlock" | "display" | "weight" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "lineHeight" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "letterSpacing" | "highlightWords" | "ellipsis" | "ellipsizeMode" | "limit" | "numberOfLines"… |
@wordpress/components · __experimentalToolsPanelItem | (props: ToolsPanelItem & { children?: any; onDeselect?: (() => void) | undefined; onSelect?: (() => void) | undefined; resetAllFilter?: ResetAllFilter | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "onSelect" | "ref" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "onSelect" | "ref" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: ToolsPanelItem & { children?: any; onDeselec… | (props: ToolsPanelItem & { children?: any; onDeselect?: (() => void) | undefined; onSelect?: (() => void) | undefined; resetAllFilter?: ResetAllFilter | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "onSelect" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "onSelect" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: ToolsPanelItem & { children?: any; onDeselec… |
@wordpress/components · __experimentalNavigatorButton | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l… | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l… |
@wordpress/components · __experimentalBorderBoxControl | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "size" | "__next40pxDefaultSize" | "enableStyle"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "size" | "__experimentalIsRenderedInSidebar" | "colors" | "__ne… | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "__next40pxDefaultSize" | "enableStyle" | "size"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "__experimentalIsRenderedInSidebar" | "colors" | "__next40pxDef… |
@wordpress/components · __experimentalNavigatorBackButton | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l… | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l… |
@wordpress/components · __experimentalNavigatorToParentButton | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l… | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l… |
Kaldırılan sınıf veya arayüz üyeleri
Tespit edilmedi.
Değişen sınıf veya arayüz üyeleri
Tespit edilmedi.
Yeni kullanımdan kaldırılanlar
| export | @deprecated |
|---|---|
@wordpress/components · Tip | Use `Notice.Root` and `Notice.Description` from `@wordpress/ui` instead. |
Gereksinim değişiklikleri (engines, peer bağımlılıkları)
| Önce | Sonra | |
|---|---|---|
engines.node | >=18.12.0 | >=22.13.0 |
Bu verileri yapay zekâ ajanınıza verin
Vigia ücretsiz bir MCP sunucusudur: kodlama ajanınız kod yazmadan önce sürümleri, uyumsuz değişiklikleri ve güvenlik açıklarını kontrol eder. Kayıt ve API anahtarı gerekmez.
claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp
Cursor'a ekleVS Code'a ekle★ GitHub'da yıldız ver
Diğer tüm MCP istemcileri
{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }Ajan becerisi (SKILL.md): ajana Vigia'yı ne zaman kullanacağını söyler · Pull request için GitHub Action
Sık sorulan sorular
@wordpress/components paketini 42 sürümünden 43 sürümüne yükseltirken uyumsuz değişiklikler nelerdir?
@wordpress/components 42.0.0 ile 43.0.0 arasında Vigia 0 kaldırılan dışa aktarım, 13 değişen imza ve 0 kaldırılan veya değişen sınıf ya da arayüz üyesi buldu.
@wordpress/components 43 sürümünde neler kullanımdan kaldırıldı?
@wordpress/components 43.0.0 sürümünde 1 dışa aktarım veya üye yeni olarak kullanımdan kaldırılmış işaretlendi.
Ajanlar için
GET https://vigia.coredls.cloud/v1/packages/npm/@wordpress/components/upgrade?from=42.0.0&to=43.0.0