# silver-display

> 展示性组件基类

Latest version **0.0.12** (published 2017-01-05) · 0 weekly downloads

## Install

```sh
npm install silver-display
pnpm add silver-display
yarn add silver-display
bun add silver-display
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.12 |
| Published | 2017-01-05 |
| First published | 2016-08-25 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 默吉 |
| Maintainers | c4895008, liudan92221 |
| Keywords | SilverDisplay |

## Links

- npm: https://www.npmjs.com/package/silver-display
- npm.io page: https://npm.io/package/silver-display

## Dependencies (1)

- [silver-base](https://npm.io/package/silver-base.md) ~0.0.1

## Recent versions

- 0.0.12 (latest) — 2017-01-05
- 0.0.11 — 2016-12-30
- 0.0.10 — 2016-12-30
- 0.0.9 — 2016-12-30
- 0.0.8 — 2016-11-16
- 0.0.7 — 2016-11-14
- 0.0.6 — 2016-11-08
- 0.0.5 — 2016-11-08
- 0.0.4 — 2016-08-31
- 0.0.3 — 2016-08-31
- 0.0.2 — 2016-08-26
- 0.0.1 — 2016-08-25

## README

## [silver-display](https://www.npmjs.com/package/silver-display)

>  silver-display是TV端展示型组件的基础类，继承该类可生成TV端展示型组件。
>  
>  该类继承silver-base，在silver-base基础上扩展了方法，如通过传递一个类似于less的对象{".title":{"width":"100px","height":"200px"}}就可以创建一个style样式，通过传递data来进行组件中数据的传递。
>  

#### Installation

- npm install silver-display

#### Usage

- script 标签引入  
	- `<script src="https://g.alicdn.com/silvermine/silver-display/{version}/index.min.js"></script>`
- import or require
	- 首先 `npm install silver-display`
	-  `import SilverDisplay from 'silver-display` 或者  
	   `const Display = require('silver-display')`  

#### jsdoc 接口页面

- [https://g.alicdn.com/silvermine/silver-display/0.0.11/doc/SilverDisplay.html](https://g.alicdn.com/silvermine/silver-display/0.0.11/doc/SilverDisplay.html)

#### API
- **constructor(opt)**
				
	   /**
		* constructor 构造函数
		* @memberOf SilverDisplay.prototype
		* @param opt {Object} 配置参数
		*   @param target   {String} 元素容器  默认为body
		*   @param data     {Object} 组件数据   
		*   @param className     {String} 组件className   
		*/
		
		
- **makeStyle(opt)生成样式对象**
>		返回一个Object对象，该对象用于创建css样式［用户需重写方法］
>		opt：创建实例时传入的对象

- **initView(style, data)初始化视图**
>		返回一个dom element，该元素作为整个组件的最外层容器［用户需重写方法］
>		该方法只在初始化时执行一次
>		style：makeStyle时创建的style对象
>		data： opt.data
>		
- **renderView(node, style, data)重新渲染视图**

>		当调用setViewData会触发该方法［用户需重写方法］
>		node:initView时创建的dom元素
>		style：makeStyle时创建的style对象
>		data：opt.data

- **renderByOption(opt)重新渲染页面**

>		opt修改后重新渲染页面内容
>		fire出renderByOption事件

- **removeCss()清除样式**
 
>		将style对象创建的css样式销毁掉

- **getTarget()获取目标对象**
 
>		opt中传入的target对象，如果没有默认为document.body

- **getDOMNode()获取组件的容器**
 
>		initView时创建的dom元素
		
- **getViewStyle()获取组件的样式对象**
 
>		返回一个Object对象，该对象来自于makeStyle时创建
		
- **getViewData()获取组件的数据对象**
 
>		返回一个数据对象，该对象来自于opt.data
		
- **getCssNode()获取组件的数据对象**
 
>		返回一个样式对象创建的TextNode	

- **getClassName()获取组件的样式名称**
 
>		返回组件容器的className，如果opt.className为空，那么系统自行创建一个name根据组件名称＋组件id。［this.getName() + '-' + this.getId()］
		
- **getName()获取组件名称**
 
>		返回组件名称［用户需重写方法］		

- **destroy()销毁全部**

---
_Source: https://npm.io/package/silver-display · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._