File size: 2,089 Bytes
bc20498 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
import * as is from './is';
import Style from './style';
import { dash2camel } from './util';
// a dummy stylesheet object that doesn't need a reference to the core
// (useful for init)
let Stylesheet = function(){
if( !(this instanceof Stylesheet) ){
return new Stylesheet();
}
this.length = 0;
};
let sheetfn = Stylesheet.prototype;
sheetfn.instanceString = function(){
return 'stylesheet';
};
// just store the selector to be parsed later
sheetfn.selector = function( selector ){
let i = this.length++;
this[ i ] = {
selector: selector,
properties: []
};
return this; // chaining
};
// just store the property to be parsed later
sheetfn.css = function( name, value ){
let i = this.length - 1;
if( is.string( name ) ){
this[ i ].properties.push( {
name: name,
value: value
} );
} else if( is.plainObject( name ) ){
let map = name;
let propNames = Object.keys( map );
for( let j = 0; j < propNames.length; j++ ){
let key = propNames[ j ];
let mapVal = map[ key ];
if( mapVal == null ){ continue; }
let prop = Style.properties[key] || Style.properties[dash2camel(key)];
if( prop == null ){ continue; }
let name = prop.name;
let value = mapVal;
this[ i ].properties.push( {
name: name,
value: value
} );
}
}
return this; // chaining
};
sheetfn.style = sheetfn.css;
// generate a real style object from the dummy stylesheet
sheetfn.generateStyle = function( cy ){
let style = new Style( cy );
return this.appendToStyle( style );
};
// append a dummy stylesheet object on a real style object
sheetfn.appendToStyle = function( style ){
for( let i = 0; i < this.length; i++ ){
let context = this[ i ];
let selector = context.selector;
let props = context.properties;
style.selector( selector ); // apply selector
for( let j = 0; j < props.length; j++ ){
let prop = props[ j ];
style.css( prop.name, prop.value ); // apply property
}
}
return style;
};
export default Stylesheet;
|