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 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 `` 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 | Ref>;
export declare const useStyleInject: () => ShallowRef>;
export declare const useStyleProvider: (props: UseStyleProviderProps) => ShallowRef>;
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 on the end of Provider in server side.
*/
cache: {
type: import("vue").PropType;
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;
default: HashPriority;
};
/** Tell cssinjs where to inject style in */
container: {
type: import("vue").PropType;
default: Element | ShadowRoot;
};
/** Component wil render inline `` 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;
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;
default: Linter[];
};
};
export type StyleProviderProps = Partial>>;
export declare const StyleProvider: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
container?: Element | ShadowRoot;
autoClear?: boolean;
mock?: "server" | "client";
cache?: CacheEntity;
defaultCache?: boolean;
hashPriority?: HashPriority;
ssrInline?: boolean;
transformers?: Transformer[];
linters?: Linter[];
style?: unknown;
class?: unknown;
key?: string | number | symbol;
ref?: import("vue").VNodeRef;
ref_for?: boolean;
ref_key?: string;
onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance | null;
$parent: import("vue").ComponentPublicInstance | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase;
default: "server" | "client";
};
/**
* Only set when you need ssr to extract style on you own.
* If not provided, it will auto create on the end of Provider in server side.
*/
cache: {
type: import("vue").PropType;
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;
default: HashPriority;
};
/** Tell cssinjs where to inject style in */
container: {
type: import("vue").PropType;
default: Element | ShadowRoot;
};
/** Component wil render inline `` 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;
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;
default: Linter[];
};
}>>, () => import("vue").VNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
container: Element | ShadowRoot;
autoClear: boolean;
mock: "server" | "client";
cache: CacheEntity;
defaultCache: boolean;
hashPriority: HashPriority;
ssrInline: boolean;
transformers: Transformer[];
linters: Linter[];
}, {}, string, {}> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
} & Readonly;
default: "server" | "client";
};
/**
* Only set when you need ssr to extract style on you own.
* If not provided, it will auto create on the end of Provider in server side.
*/
cache: {
type: import("vue").PropType;
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;
default: HashPriority;
};
/** Tell cssinjs where to inject style in */
container: {
type: import("vue").PropType;
default: Element | ShadowRoot;
};
/** Component wil render inline `` 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;
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;
default: Linter[];
};
}>> & import("vue").ShallowUnwrapRef<() => import("vue").VNode> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase;
default: "server" | "client";
};
/**
* Only set when you need ssr to extract style on you own.
* If not provided, it will auto create on the end of Provider in server side.
*/
cache: {
type: import("vue").PropType;
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;
default: HashPriority;
};
/** Tell cssinjs where to inject style in */
container: {
type: import("vue").PropType;
default: Element | ShadowRoot;
};
/** Component wil render inline `` 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;
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;
default: Linter[];
};
}>>, () => import("vue").VNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
container: Element | ShadowRoot;
autoClear: boolean;
mock: "server" | "client";
cache: CacheEntity;
defaultCache: boolean;
hashPriority: HashPriority;
ssrInline: boolean;
transformers: Transformer[];
linters: Linter[];
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
declare const _default: {
useStyleInject: () => ShallowRef>;
useStyleProvider: (props: UseStyleProviderProps) => ShallowRef>;
StyleProvider: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
container?: Element | ShadowRoot;
autoClear?: boolean;
mock?: "server" | "client";
cache?: CacheEntity;
defaultCache?: boolean;
hashPriority?: HashPriority;
ssrInline?: boolean;
transformers?: Transformer[];
linters?: Linter[];
style?: unknown;
class?: unknown;
key?: string | number | symbol;
ref?: import("vue").VNodeRef;
ref_for?: boolean;
ref_key?: string;
onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance | null;
$parent: import("vue").ComponentPublicInstance | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase;
default: "server" | "client";
};
/**
* Only set when you need ssr to extract style on you own.
* If not provided, it will auto create on the end of Provider in server side.
*/
cache: {
type: import("vue").PropType;
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;
default: HashPriority;
};
/** Tell cssinjs where to inject style in */
container: {
type: import("vue").PropType;
default: Element | ShadowRoot;
};
/** Component wil render inline `` 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;
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;
default: Linter[];
};
}>>, () => import("vue").VNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
container: Element | ShadowRoot;
autoClear: boolean;
mock: "server" | "client";
cache: CacheEntity;
defaultCache: boolean;
hashPriority: HashPriority;
ssrInline: boolean;
transformers: Transformer[];
linters: Linter[];
}, {}, string, {}> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
} & Readonly;
default: "server" | "client";
};
/**
* Only set when you need ssr to extract style on you own.
* If not provided, it will auto create on the end of Provider in server side.
*/
cache: {
type: import("vue").PropType;
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;
default: HashPriority;
};
/** Tell cssinjs where to inject style in */
container: {
type: import("vue").PropType;
default: Element | ShadowRoot;
};
/** Component wil render inline `` 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;
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;
default: Linter[];
};
}>> & import("vue").ShallowUnwrapRef<() => import("vue").VNode> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase;
default: "server" | "client";
};
/**
* Only set when you need ssr to extract style on you own.
* If not provided, it will auto create on the end of Provider in server side.
*/
cache: {
type: import("vue").PropType;
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;
default: HashPriority;
};
/** Tell cssinjs where to inject style in */
container: {
type: import("vue").PropType;
default: Element | ShadowRoot;
};
/** Component wil render inline `` 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;
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;
default: Linter[];
};
}>>, () => import("vue").VNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
container: Element | ShadowRoot;
autoClear: boolean;
mock: "server" | "client";
cache: CacheEntity;
defaultCache: boolean;
hashPriority: HashPriority;
ssrInline: boolean;
transformers: Transformer[];
linters: Linter[];
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
};
export default _default;