pantoken / packages/plugin-kit/src / extendPlugin

Συνάρτηση: extendPlugin() ​

extendPlugin(base, overrides): PantokenPlugin

Βήτα

Δημιουργήστε ένα plugin πάνω σε άλλο. Τα hooks του ίδιου σταδίου συντίθενται: tokens εκτελεί base και μετά overrides (που βλέπει την έξοδο της βάσης); css συγχωνεύει και τα δύο CssContribution; icons/native εκτελούν και τα δύο; rehype αλυσσοποιεί resolvers (η πρώτη υπερισχύει). Οι δυνατότητες είναι το σύνολο τους.

Παράμετροι ​

base ​

PantokenPlugin

Το plugin που επεκτείνεται.

overrides ​

Partial<PantokenPlugin>

Hooks (και ένα προαιρετικό name) τοποθετημένα από πάνω.

Επιστρέφει ​

PantokenPlugin

Ένα νέο plugin με brand.

Παράδειγμα ​

Προσθέστε μια επιπλέον συνεισφορά CSS πάνω σε ένα βασικό plugin

ts
import { definePlugin, extendPlugin } from "@pantoken/plugin-kit";

const base = definePlugin({ name: "brand", css: () => ({ append: ":root {}" }) });
const themed = extendPlugin(base, { css: () => ({ append: ".dark {}" }) });
// themed.css merges both contributions; its append holds ":root {}\n\n.dark {}"