init 3
This commit is contained in:
3
node_modules/react-style-singleton/dist/es2015/index.js
generated
vendored
Normal file
3
node_modules/react-style-singleton/dist/es2015/index.js
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
export { styleSingleton } from './component';
|
||||
export { stylesheetSingleton } from './singleton';
|
||||
export { styleHookSingleton } from './hook';
|
||||
48
node_modules/react-style-singleton/dist/es2015/singleton.js
generated
vendored
Normal file
48
node_modules/react-style-singleton/dist/es2015/singleton.js
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
import { getNonce } from 'get-nonce';
|
||||
function makeStyleTag() {
|
||||
if (!document)
|
||||
return null;
|
||||
var tag = document.createElement('style');
|
||||
tag.type = 'text/css';
|
||||
var nonce = getNonce();
|
||||
if (nonce) {
|
||||
tag.setAttribute('nonce', nonce);
|
||||
}
|
||||
return tag;
|
||||
}
|
||||
function injectStyles(tag, css) {
|
||||
// @ts-ignore
|
||||
if (tag.styleSheet) {
|
||||
// @ts-ignore
|
||||
tag.styleSheet.cssText = css;
|
||||
}
|
||||
else {
|
||||
tag.appendChild(document.createTextNode(css));
|
||||
}
|
||||
}
|
||||
function insertStyleTag(tag) {
|
||||
var head = document.head || document.getElementsByTagName('head')[0];
|
||||
head.appendChild(tag);
|
||||
}
|
||||
export var stylesheetSingleton = function () {
|
||||
var counter = 0;
|
||||
var stylesheet = null;
|
||||
return {
|
||||
add: function (style) {
|
||||
if (counter == 0) {
|
||||
if ((stylesheet = makeStyleTag())) {
|
||||
injectStyles(stylesheet, style);
|
||||
insertStyleTag(stylesheet);
|
||||
}
|
||||
}
|
||||
counter++;
|
||||
},
|
||||
remove: function () {
|
||||
counter--;
|
||||
if (!counter && stylesheet) {
|
||||
stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);
|
||||
stylesheet = null;
|
||||
}
|
||||
},
|
||||
};
|
||||
};
|
||||
23
node_modules/react-style-singleton/dist/es5/hook.d.ts
generated
vendored
Normal file
23
node_modules/react-style-singleton/dist/es5/hook.d.ts
generated
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* creates a style on demand
|
||||
*/
|
||||
declare type StyleSingletonHook = (
|
||||
/**
|
||||
* styles to create
|
||||
*/
|
||||
styles: string,
|
||||
/**
|
||||
* indication that styles should be reapplied on change
|
||||
*/
|
||||
isDynamic?: boolean) => void;
|
||||
/**
|
||||
* creates a hook to control style singleton
|
||||
* @see {@link styleSingleton} for a safer component version
|
||||
* @example
|
||||
* ```tsx
|
||||
* const useStyle = styleHookSingleton();
|
||||
* ///
|
||||
* useStyle('body { overflow: hidden}');
|
||||
*/
|
||||
export declare const styleHookSingleton: () => StyleSingletonHook;
|
||||
export {};
|
||||
Reference in New Issue
Block a user