@jtopo/core / StyleSystem

Class: StyleSystem

样式系统

// 设置’主题‘，系统目前自带了两个, 例如：
stage.styleStyle.setTheme('DefaultDark');
stage.styleStyle.setTheme('DefaultLight');

// 定义一个样式
stage.styleSystem.defClass('.active', {
   color: 'red',
   font: '10px sans-serif'
});

// 
node.addClass('.active');
link.addClass('.active');

node.removeClass('.active');

Table of contents

Constructors

• constructor

Properties

• currentTheme
• themes

Methods

• addTheme
• defClass
• defTheme
• getClass
• getTheme
• removeClass
• setTheme

Constructors

constructor

new StyleSystem(stage)

Parameters

Name	Type
stage	Stage

Properties

currentTheme

currentTheme: Theme

当前主题

Since

2.4.0

---

themes

themes: Object = {}

所有主题

Since

2.4.0

Methods

addTheme

addTheme(theme): void

Parameters

Name	Type
theme	Theme

Returns

void

---

defClass

defClass(name, styleOpt): void

定义一个样式

例如： defClass('.mystyle', {color:'red', ...})

Parameters

Name	Type	Description
name	string	.开头的名称 或者 类名称
styleOpt	PartStyleOptionType

Returns

void

---

defTheme

defTheme(newThemeName, themeBaseName): Theme

基于某个主题，定义新的主题

Parameters

Name	Type	Description
newThemeName	string	新主题的名称
themeBaseName	string

Returns

Theme

---

getClass

getClass(name): any

Parameters

Name	Type
name	string

Returns

any

---

getTheme

getTheme(name): Theme

Parameters

Name	Type
name	string

Returns

Theme

---

removeClass

removeClass(name): void

移除一个样式, 通过addClass添加到某个节点或者连线的需要手工移除

通常用来移除 非.开头的定义，例如：removeClass('Node')

Parameters

Name	Type
name	string

Returns

void

---

setTheme

setTheme(themeName): void

设置主题

Parameters

Name	Type	Description
themeName	string	名称

Returns

void