| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612 |
- import type { ShallowRef, ExtractPropTypes, Ref } from 'vue';
- import CacheEntity from './Cache';
- import type { Linter } from './linters/interface';
- import type { Transformer } from './transformers/interface';
- export declare const ATTR_TOKEN = "data-token-hash";
- export declare const ATTR_MARK = "data-css-hash";
- export declare const ATTR_CACHE_PATH = "data-cache-path";
- export declare const CSS_IN_JS_INSTANCE = "__cssinjs_instance__";
- export declare function createCache(): CacheEntity;
- export type HashPriority = 'low' | 'high';
- export interface StyleContextProps {
- autoClear?: boolean;
- /** @private Test only. Not work in production. */
- mock?: 'server' | 'client';
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: CacheEntity;
- /** Tell children that this context is default generated context */
- defaultCache: boolean;
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority?: HashPriority;
- /** Tell cssinjs where to inject style in */
- container?: Element | ShadowRoot;
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline?: boolean;
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers?: Transformer[];
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters?: Linter[];
- }
- export type UseStyleProviderProps = Partial<StyleContextProps> | Ref<Partial<StyleContextProps>>;
- export declare const useStyleInject: () => ShallowRef<Partial<StyleContextProps>>;
- export declare const useStyleProvider: (props: UseStyleProviderProps) => ShallowRef<Partial<StyleContextProps>>;
- export declare const styleProviderProps: () => {
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- };
- export type StyleProviderProps = Partial<ExtractPropTypes<ReturnType<typeof styleProviderProps>>>;
- export declare const StyleProvider: {
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
- [key: string]: any;
- }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, {
- autoClear: boolean;
- mock: "server" | "client";
- cache: CacheEntity;
- defaultCache: boolean;
- hashPriority: HashPriority;
- container: Element | ShadowRoot;
- ssrInline: boolean;
- transformers: Transformer[];
- linters: Linter[];
- }, true, {}, {}, {
- P: {};
- B: {};
- D: {};
- C: {};
- M: {};
- Defaults: {};
- }, Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
- [key: string]: any;
- }>[], {}, {}, {}, {
- autoClear: boolean;
- mock: "server" | "client";
- cache: CacheEntity;
- defaultCache: boolean;
- hashPriority: HashPriority;
- container: Element | ShadowRoot;
- ssrInline: boolean;
- transformers: Transformer[];
- linters: Linter[];
- }>;
- __isFragment?: never;
- __isTeleport?: never;
- __isSuspense?: never;
- } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
- [key: string]: any;
- }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
- autoClear: boolean;
- mock: "server" | "client";
- cache: CacheEntity;
- defaultCache: boolean;
- hashPriority: HashPriority;
- container: Element | ShadowRoot;
- ssrInline: boolean;
- transformers: Transformer[];
- linters: Linter[];
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
- declare const _default: {
- useStyleInject: () => ShallowRef<Partial<StyleContextProps>>;
- useStyleProvider: (props: UseStyleProviderProps) => ShallowRef<Partial<StyleContextProps>>;
- StyleProvider: {
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
- [key: string]: any;
- }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, {
- autoClear: boolean;
- mock: "server" | "client";
- cache: CacheEntity;
- defaultCache: boolean;
- hashPriority: HashPriority;
- container: Element | ShadowRoot;
- ssrInline: boolean;
- transformers: Transformer[];
- linters: Linter[];
- }, true, {}, {}, {
- P: {};
- B: {};
- D: {};
- C: {};
- M: {};
- Defaults: {};
- }, Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
- [key: string]: any;
- }>[], {}, {}, {}, {
- autoClear: boolean;
- mock: "server" | "client";
- cache: CacheEntity;
- defaultCache: boolean;
- hashPriority: HashPriority;
- container: Element | ShadowRoot;
- ssrInline: boolean;
- transformers: Transformer[];
- linters: Linter[];
- }>;
- __isFragment?: never;
- __isTeleport?: never;
- __isSuspense?: never;
- } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
- autoClear: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** @private Test only. Not work in production. */
- mock: {
- type: import("vue").PropType<"server" | "client">;
- default: "server" | "client";
- };
- /**
- * Only set when you need ssr to extract style on you own.
- * If not provided, it will auto create <style /> on the end of Provider in server side.
- */
- cache: {
- type: import("vue").PropType<CacheEntity>;
- default: CacheEntity;
- };
- /** Tell children that this context is default generated context */
- defaultCache: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Use `:where` selector to reduce hashId css selector priority */
- hashPriority: {
- type: import("vue").PropType<HashPriority>;
- default: HashPriority;
- };
- /** Tell cssinjs where to inject style in */
- container: {
- type: import("vue").PropType<Element | ShadowRoot>;
- default: Element | ShadowRoot;
- };
- /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
- ssrInline: {
- type: BooleanConstructor;
- default: boolean;
- };
- /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
- transformers: {
- type: import("vue").PropType<Transformer[]>;
- default: Transformer[];
- };
- /**
- * Linters to lint css before inject in document.
- * Styles will be linted after transforming.
- * Please note that `linters` do not support dynamic update.
- */
- linters: {
- type: import("vue").PropType<Linter[]>;
- default: Linter[];
- };
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
- [key: string]: any;
- }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
- autoClear: boolean;
- mock: "server" | "client";
- cache: CacheEntity;
- defaultCache: boolean;
- hashPriority: HashPriority;
- container: Element | ShadowRoot;
- ssrInline: boolean;
- transformers: Transformer[];
- linters: Linter[];
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
- };
- export default _default;
|