pwfe-dom/src/lib/tag/dynaIcon.js

palmg web front end dom

/**
 * Created by chkui on 2017/6/9.
 */
'use strict';
import React from 'react'
import Icon from './icon'
/**
 * 提供激活支持的Icon组件
 * 1）标签组件需要绑定资源路径使用，资源路径的配置文件默认在res/index中。每增加一个图片，都需要增加一个资源引用。
 * 2）src参数传递的是资源标记，例如资源项 img={logo:"base64:adf"},此时传入的src="logo"。
 * 3）标签组件的作用1：将资源文件和源代码隔离开，便于分部加载。
 * 4）支持所有img标签原有属性
 * @param {object} props {
 *  {object} style 样式
 *  {string} className css样式
 *  {string} alt 图标别名
 *  {string} src 图片标识
 *  {string} actSrc 激活图片标识
 *  {boolean} act 是否激活标记true标识激活,需要动态传入
 * }
 * @constructor
 */
const DynaIcon = (props) => {
    const params = Object.assign({}, props);
    params.act && (params.src = params.actSrc)
    delete params.actSrc
    delete params.act
    return (<Icon {...params}/>)
}

export default DynaIcon