@wordpress/components को 42.x से 43.x पर अपग्रेड करना
@wordpress/components 42.0.0 और 43.0.0 के सार्वजनिक API की तुलना, उनके TypeScript टाइप से अपने-आप निकाली गई। बदला हुआ सिग्नेचर संभावित असंगत बदलाव है, निश्चितता नहीं।
सारांश
| हटाए गए इम्पोर्ट पाथ | 0 |
|---|---|
| हटाए गए एक्सपोर्ट | 0 |
| बदले गए सिग्नेचर | 13 |
| क्लास या इंटरफ़ेस के हटाए गए सदस्य | 0 |
| क्लास या इंटरफ़ेस के बदले गए सदस्य | 0 |
| नए डिप्रिकेटेड | 1 |
| आवश्यकताओं में बदलाव (engines, peer निर्भरताएँ) | 1 |
| नए एक्सपोर्ट | 0 |
हटाए गए एक्सपोर्ट
कुछ नहीं मिला।
बदले गए सिग्नेचर
| export | पहले | बाद में |
|---|---|---|
@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… |
क्लास या इंटरफ़ेस के हटाए गए सदस्य
कुछ नहीं मिला।
क्लास या इंटरफ़ेस के बदले गए सदस्य
कुछ नहीं मिला।
नए डिप्रिकेटेड
| export | @deprecated |
|---|---|
@wordpress/components · Tip | Use `Notice.Root` and `Notice.Description` from `@wordpress/ui` instead. |
आवश्यकताओं में बदलाव (engines, peer निर्भरताएँ)
| पहले | बाद में | |
|---|---|---|
engines.node | >=18.12.0 | >=22.13.0 |
अपने AI एजेंट को ये तथ्य दें
Vigia एक मुफ़्त MCP सर्वर है: आपका कोडिंग एजेंट कोड लिखने से पहले वर्ज़न, ब्रेकिंग बदलाव और कमज़ोरियाँ जाँचता है। न साइनअप, न API कुंजी।
claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp
Cursor में जोड़ेंVS Code में जोड़ें★ GitHub पर स्टार दें
कोई भी दूसरा MCP क्लाइंट
{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }एजेंट स्किल (SKILL.md): एजेंट को बताती है कि Vigia कब इस्तेमाल करना है · पुल रिक्वेस्ट के लिए GitHub Action
अक्सर पूछे जाने वाले प्रश्न
@wordpress/components को 42 से 43 पर अपग्रेड करने पर कौन-से असंगत बदलाव हैं?
@wordpress/components 42.0.0 और 43.0.0 के बीच Vigia को 0 हटाए गए एक्सपोर्ट, 13 बदले गए सिग्नेचर और 0 हटाए या बदले गए क्लास/इंटरफ़ेस सदस्य मिले।
@wordpress/components 43 में क्या डिप्रिकेट हुआ?
@wordpress/components 43.0.0 में 1 एक्सपोर्ट या सदस्य नए रूप से डिप्रिकेटेड चिह्नित हैं।
एजेंटों के लिए
GET https://vigia.coredls.cloud/v1/packages/npm/@wordpress/components/upgrade?from=42.0.0&to=43.0.0