\n * var node = _e._$getParent('abc','a:a')\n *\n * // 返回包含data属性a的节点
\n * var node = _e._$getParent('abc','d:a');\n *\n * // 返回标签为p的节点
\n * var node = _e._$getParent('abc','t:p');\n *\n * // 返回符合过滤条件的父节点\n * var node = _e._$getParent('abc',function(_element){\n * return _element.scrollHeight>_element.clientHeight;\n * });\n * });\n * ```\n *\n * @method module:base/element._$getChildren\n * @param {String|Node} arg0 - 节点标识或者对象\n * @param {String|Function} arg1 - 过滤规则\n * @return {Node} 父节点\n */\n _p._$getParent = (function(){\n var _exmap;\n var _doFilter = function(_name,_element){\n var _arr = _name.split(':');\n if (_arr.length>1){\n if (!_exmap){\n _exmap = {\n a:_p._$attr,\n d:_p._$dataset,\n c:_p._$hasClassName,\n t:function(n,v){return (n.tagName||'').toLowerCase()===v;}\n };\n }\n var _check = _exmap[_arr[0]];\n if (!!_check){\n return !!_check(_element,_arr[1]);\n }\n _name = _arr[1];\n }\n return !!_p._$attr(_element,_name)||\n !!_p._$dataset(_element,_name)||\n _p._$hasClassName(_element,_name);\n };\n return function(_element,_filter){\n _element = _p._$get(_element);\n if (!_element){\n return;\n }\n if (!_filter){\n return _element;\n }\n if (_u._$isString(_filter)){\n _filter = _doFilter._$bind(null,_filter);\n }\n if (_u._$isFunction(_filter)){\n while(_element){\n if (!!_filter(_element)){\n return _element;\n }\n _element = _element.parentNode;\n }\n return null;\n }\n return _element;\n };\n })();\n /**\n * 根据类名取节点列表\n *\n * 结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 获取abc节点下样式带有\"item\"的节点列表,如果没有父节点，返回null\n * var _list = _e._$getByClassName('abc','item');\n * });\n * ```\n *\n * @method module:base/element._$getByClassName\n * @param {String|Node} arg0 - 节点标识或者对象\n * @param {String} arg1 - 类名\n * @return {Array} 节点列表\n */\n /**\n * @method CHAINABLE._$getByClassName\n * @see module:base/element._$getByClassName\n */\n _p._$getByClassName =\n _y._$getByClassName = function(_element,_class){\n _element = _p._$get(_element);\n return !_element ? null :\n _h.__getElementsByClassName(\n _element,_class.trim()\n );\n };\n /**\n * 根据从兄弟节点中搜索符合条件的节点\n *\n * 结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 取a2的后一个兄弟节点a3\n * var _node = _e._$getSibling('a2');\n *\n * // 取a2的前一个兄弟节点a1\n * var _node = _e._$getSibling('a2',{backward:true});\n *\n * // 过滤搜索，从a2向后搜索找id为a4的节点\n * var _node = _e._$getSibling('a2',function(_element){\n * return _element.id=='a4'\n * });\n *\n * // 过滤搜索，从a2向前搜索找id为a0的节点\n * var _node = _e._$getSibling('a2',{\n * backward:true,\n * filter:function(_element){\n * return _element.id=='a0'\n * }\n * });\n * });\n * ```\n *\n * @method module:base/element._$getSibling\n * @param {String|Node} arg0 - 节点标识或者对象\n * @param {Function|Object} arg1 - 如果是函数则表示过滤器，否则为配置信息\n * @property {Boolean} backward - 是否后向搜索，默认前向搜索\n * @property {Function} filter - 节点过滤器，返回true表示需要返回的节点，找到第一个即返回\n * @return {Node} 符合条件的节点\n */\n /**\n * @method CHAINABLE._$getSibling\n * @see module:base/element._$getSibling\n */\n _p._$getSibling =\n _y._$getSibling = (function(){\n var _doFilter = function(){\n return !0;\n };\n return function(_element,_filter){\n _element = _p._$get(_element);\n if (!_element){\n return null;\n }\n var _conf = {\n backward:!1,\n filter:_doFilter\n };\n if (_u._$isFunction(_filter)){\n _conf.filter = _filter;\n }else{\n _conf = _u._$fetch(_conf,_filter);\n }\n var _next = _conf.backward\n ? _h.__previousSibling\n : _h.__nextSibling;\n while(_element=_next(_element)){\n if (_conf.filter(_element)){\n break;\n }\n }\n return _element;\n };\n })();\n /**\n * 取节点所在的滚动容器，\n * 从当前节点开始往上遍历，直到出现滚动条的节点\n *\n * 结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 加入efg节点出现滚动条，则这里找到的是efg节点\n * var _sbody = _e._$getScrollViewPort('abc');\n *\n * // 不带任何参数取页面滚动条所在节点\n * var _sbody = _e._$getScrollViewPort();\n * });\n * ```\n *\n * @method module:base/element._$getScrollViewPort\n * @param {String|Node} arg0 - 节点标识或者对象\n * @return {Node} 视窗节点\n */\n _p._$getScrollViewPort = function(_element){\n _element = _p._$get(_element);\n if (!!_element){\n _element = _element.parentNode;\n while(!!_element){\n if (_element.scrollHeight>\n _element.clientHeight){\n break;\n }\n _element = _element.parentNode;\n }\n if (!!_element){\n return _element;\n }\n }\n var _tmp1 = document.body.scrollHeight,\n _tmp2 = document.documentElement.scrollHeight;\n return _tmp2>=_tmp1?document.documentElement:document.body;\n };\n /**\n * 盒模型结构\n *\n * @typedef {Object} module:base/element~BoxModel\n * @property {Number} scrollTop - 滚动垂直偏移\n * @property {Number} scrollLeft - 滚动水平偏移\n * @property {Number} clientWidth - 页面可视宽度\n * @property {Number} clientHeight - 页面可视高度\n * @property {Number} scrollWidth - 页面滚动宽度\n * @property {Number} scrollHeight - 页面滚动高度\n */\n /**\n * 取页面盒信息，返回盒信息内容：\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 返回信息见说明\n * var _box = _e._$getPageBox();\n * });\n * ```\n *\n * @method module:base/element._$getPageBox\n * @param {Document} arg0 - 文档对象\n * @return {module:base/element~BoxModel} 盒信息\n */\n _p._$getPageBox = (function(){\n // get min value but not zero\n var _getClientBox = function(_list){\n var _result = 0;\n _u._$forEach(\n _list,function(_size){\n if (!_size) return;\n if (!_result){\n _result = _size;\n }else{\n _result = Math.min(_result,_size);\n }\n }\n );\n return _result;\n };\n var _farr = [\n {\n main:'scroll',\n sub:['Top','Left'],\n func:function(_key,_body0,_body1){\n return Math.max(\n _body0['scroll'+_key],\n _body1['scroll'+_key]\n );\n }\n },\n {\n main:'client',\n sub:['Width','Height'],\n func:function(_key,_body0,_body1){\n return _getClientBox([\n _body0['client'+_key],\n _body0['offset'+_key],\n _body1['client'+_key],\n _body1['offset'+_key]\n ]);\n }\n },\n {\n main:'scroll',\n sub:['Width','Height'],\n func:function(_key,_body0,_body1,_result){\n return Math.max(\n _result['client'+_key],\n _body0['scroll'+_key],\n _body1['scroll'+_key]\n );\n }\n }\n ];\n return function(_document){\n var _result = {},\n _doc = _document||document,\n _body0 = _doc.body,\n _body1 = _doc.documentElement;\n _u._$forEach(\n _farr,function(_item){\n var _main = _item.main;\n _u._$forEach(\n _item.sub,function(_key){\n _result[_main+_key] = _item.func(\n _key,_body0,_body1,_result\n );\n }\n );\n }\n );\n return _result;\n };\n })();\n /**\n * 按比例将给定大小缩放至限制区域内\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 限制区域大小 100*10\n * var _limit = {width:100,height:10};\n *\n * // 给定200*10的大小，由于宽度超出，缩放后为{width:100,height:5}\n * var _box = _e._$getMaxBox({width:200,height:10},_limit);\n *\n * // 给定100*20的大小，由于高度超出，缩放后为{width:50,height:10}\n * var _box = _e._$getMaxBox({width:100,height:20},_limit);\n *\n * // 给定 50*5，没有超出限制，返回{width:50,height:5}\n * var _box = _e._$getMaxBox({width:50,height:5},_limit);\n * });\n * ```\n *\n * @method module:base/element._$getMaxBox\n * @param {module:base/element~SizeModel} arg0 - 原始大小\n * @param {module:base/element~SizeModel} arg1 - 最大限制大小\n * @return {module:base/element~SizeModel} 按比例计算出的最大值信息\n */\n _p._$getMaxBox = function(_org,_max){\n var _result = _u._$merge({},_org),\n _mrto = _max.width/_max.height,\n _orto = _org.width/_org.height;\n // height overflow\n if (_mrto>_orto&&\n _org.height>_max.height){\n _result.height = _max.height;\n _result.width = _result.height*_orto;\n }\n // width overflow\n if (_mrto<_orto&&\n _org.width>_max.width){\n _result.width = _max.width;\n _result.height = _result.width/_orto;\n }\n return _result;\n };\n /**\n * 滚动到指定节点\n *\n * 结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 滚动到页面上a这节点的位置\n * _e._$scrollTo('a');\n * });\n * ```\n *\n * @method module:base/element._$scrollTo\n * @param {Node|String} arg0 - 节点\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$scrollTo\n * @see module:base/element._$scrollTo\n */\n _p._$scrollTo =\n _y._$scrollTo = function(_element){\n var _offset = _p._$offset(_element);\n window.scrollTo(_offset.x,_offset.y);\n };\n /**\n * 大小信息对象\n * @typedef {Object} module:base/element~SizeModel\n * @property {Number} width - 宽度\n * @property {Number} height - 高度\n */\n /**\n * 位置信息对象\n * @typedef {Object} module:base/element~PositionModel\n * @property {Number} top - 垂直位置\n * @property {Number} left - 水平位置\n */\n /**\n * 计算在容器中对齐时的位置信息\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 容器大小\n * var _box = {width:100,height:40};\n *\n * // 默认居中对齐返回 {top:15,left:40}\n * var _pos = _e._$align(_box,{width:20,height:10});\n *\n * // 左下对齐返回 {top:30,left:0}\n * var _pos = _e._$align(_box,{width:20,height:10},'left bottom');\n * });\n * ```\n *\n * @method module:base/element._$align\n * @param {module:base/element~SizeModel} arg0 - 容器大小\n * @param {module:base/element~SizeModel} arg1 - 原始大小\n * @param {String} arg2 - 对齐方式，水平+空格+垂直，如left top，默认为 center middle，\n * 水平：left/center/right，\n * 垂直：top/middle/bottom\n * @return {module:base/element~PositionModel} 位置信息\n */\n _p._$align = (function(){\n var _reg = /\\s+/;\n var _fmap = {\n left:function(){\n return 0;\n },\n center:function(_box,_org){\n return (_box.width-_org.width)/2;\n },\n right:function(_box,_org){\n return _box.width-_org.width;\n },\n top:function(){\n return 0;\n },\n middle:function(_box,_org){\n return (_box.height-_org.height)/2;\n },\n bottom:function(_box,_org){\n return _box.height-_org.height;\n }\n };\n return function(_box,_org,_align){\n var _result = {},\n _arr = (_align||'').split(_reg),\n _top = _fmap[_arr[1]]||_fmap.middle,\n _left = _fmap[_arr[0]]||_fmap.center;\n _result.top = _top(_box,_org);\n _result.left = _left(_box,_org);\n return _result;\n };\n })();\n /**\n * 计算两个节点之间的偏移量\n *\n * 结构举例\n * ```html\n *
\n * 123 \n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 计算节点b到节点a(外层需要定位属性)的距离，如果没有指定节点，默认计算的根节点\n * // _result : {x:10,y:5}\n * var _result = _e._$offset('b','a');\n * });\n * ```\n *\n * @method module:base/element._$offset\n * @param {String|Node} arg0 - 起始节点\n * @param {String|Node} arg1 - 结束节点，没有该参数则计算到根节点\n * @return {Object} 偏移量，如{x:234,y:987}\n */\n /**\n * @method CHAINABLE._$offset\n * @see module:base/element._$offset\n */\n _p._$offset =\n _y._$offset = (function(){\n var _isRoot = function(_element){\n return _element==document.body||\n _element==document.documentElement;\n };\n return function(_from,_to){\n _from = _p._$get(_from);\n if (!_from){\n return null;\n }\n _to = _p._$get(_to)||null;\n var _node = _from,\n _result = {x:0,y:0},\n _isroot,_delta,_border;\n while(!!_node&&_node!=_to){\n _isroot = _isRoot(_node)||_node==_from;\n _delta = _isroot?0:_node.scrollLeft;\n _border = parseInt(_p._$getStyle(_node,'borderLeftWidth'))||0;\n _result.x += _node.offsetLeft+_border-_delta;\n _delta = _isroot?0:_node.scrollTop;\n _border = parseInt(_p._$getStyle(_node,'borderTopWidth'))||0;\n _result.y += _node.offsetTop+_border-_delta;\n _node = _node.offsetParent;\n }\n return _result;\n };\n })();\n /**\n * 节点占全屏\n *\n * @method module:base/element._$fullScreen\n * @param {Node} arg0 - 节点\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$fullScreen\n * @see module:base/element._$fullScreen\n */\n _p._$fullScreen =\n _y._$fullScreen = function(_element){\n _element = _p._$get(_element);\n if (!!_element){\n _h.__fullScreen(\n _element,\n _p._$getPageBox()\n );\n }\n };\n /**\n * 为节点增加用于盖select/flash等控件的层\n *\n * @method module:base/element._$mask\n * @see module:base/element._$unmask\n * @param {Node} arg0 - 节点\n * @return {Node} 盖层节点\n */\n /**\n * @method CHAINABLE._$mask\n * @see module:base/element._$mask\n */\n _p._$mask =\n _y._$mask = function(_element){\n _element = _p._$get(_element);\n if (!!_element){\n _p._$id(_element);\n return _h.__mask(_element);\n }\n return null;\n };\n /**\n * 为节点移除用于盖select/flash等控件的层\n *\n * @method module:base/element._$unmask\n * @see module:base/element._$mask\n * @param {Node} arg0 - 节点\n * @return {Node} 盖层节点\n */\n /**\n * @method CHAINABLE._$unmask\n * @see module:base/element._$unmask\n */\n _p._$unmask =\n _y._$unmask = function(_element){\n _element = _p._$get(_element);\n if (!!_element){\n _p._$id(_element);\n return _h.__unmask(_element);\n }\n return null;\n };\n /**\n * 创建节点，使用该接口创建的结构后续可通过_$get接口根据ID取到节点\n *\n * 结构举例\n * ```javascript\n *
1
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 创建一个节点，挂到body上\n * _e._$create(\"div\",\"m-body\",document.body);\n *\n * // 创建一个节点挂到id是abc的节点上\n * // 结果：
\n * _e._$create(\"p\",\"m-list\",\"abc\");\n * \n * // 创建一个节点放在内存中\n * var _node = _e._$create('div');\n * _node.innerHTML = '
aaaaaa
bbbbbb
';\n * // 后续可以通过id取id为a的节点\n * var _pa = _e._$get('a');\n * });\n * ```\n *\n * @method module:base/element._$create\n * @param {String} arg0 - 标签\n * @param {String} arg1 - 样式\n * @param {String|Node} arg2 - 父节点标识或者对象\n * @return {Node} 节点\n */\n _p._$create = (function(){\n var _map = {\n a:{href:'#',hideFocus:!0},\n style:{type:'text/css'},\n link:{type:'text/css',rel:'stylesheet'},\n iframe:{frameBorder:0},\n script:{defer:!0,type:'text/javascript'}\n };\n return function(_tag,_class,_parent){\n var _element = document.createElement(_tag),\n _config = _map[_tag.toLowerCase()];\n _u._$merge(_element,_config);\n if (!!_class) _element.className = _class;\n _parent = _p._$get(_parent);\n if (!!_parent){\n _parent.appendChild(_element);\n }else{\n // append to documentfragment for get by id\n if (!_config){\n _fragment.appendChild(_element);\n }\n }\n return _element;\n };\n })();\n /**\n * 创建可交互框架\n *\n * 结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * var _xFrame = _e._$createXFrame({\n * src:'http://www.baidu.com',\n * name:'百度',\n * parent:'frameCnt',\n * visible:false,\n * onload:function(){\n * // 加载frame成功后，name设置成功，为百度\n * // 加载frame成功后，显示效果正确，display:none\n * }\n * });\n * });\n * ```\n *\n * @method module:base/element._$createXFrame\n * @param {Object} arg0 - 可选配置参数\n * @property {String} src - 框架地址\n * @property {String} name - 框架名称\n * @property {String|Node|Function} parent - 父节点或者框架加入父容器的执行函数\n * @property {Boolean} visible - 是否可见\n * @property {Function} onload - 框架载入回调\n * @return {Node} 框架节点\n */\n _p._$createXFrame = (function(){\n var _getFrameSrc = function(){\n if (location.hostname==document.domain){\n return 'about:blank';\n }\n return 'javascript:(function(){document.open();document.domain=\"'+document.domain+'\";document.close();})();';\n };\n var _getFrameWithName = function(_name){\n _name = _name.trim();\n if (!_name){\n return _p._$create('iframe');\n }\n // pass name to frame\n var _iframe;\n try{\n _iframe = document.createElement(\n '
');\n _iframe.frameBorder = 0;\n }catch(e){\n _iframe = _p._$create('iframe');\n _iframe.name = _name;\n }\n return _iframe;\n };\n return function(_options){\n _options = _options||_o;\n var _iframe = _getFrameWithName(_options.name||'');\n if (!_options.visible){\n _iframe.style.display = 'none';\n }\n if (_u._$isFunction(_options.onload)){\n _v._$addEvent(_iframe,'load',function(_event){\n if (!_iframe.src) return;\n _v._$clearEvent(_iframe,'load');\n _options.onload(_event);\n });\n }\n // will trigger onload\n var _parent = _options.parent;\n if (_u._$isFunction(_parent)){\n try{_parent(_iframe);}catch(e){}\n }else{\n (_p._$get(_parent)||document.body).appendChild(_iframe);\n }\n // ensure trigger onload async\n var _src = _options.src||_getFrameSrc();\n window.setTimeout(function(){\n _iframe.src = _src;\n },0);\n return _iframe;\n };\n })();\n /**\n * 删除节点\n *\n * 结构举例\n * ```html\n *
123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 移除节点前先清理节点上的事件\n * _e._$remove('abc',false);\n * // 移除节点前不清理节点上的事件\n * _e._$remove('abc',true);\n * });\n * ```\n *\n * @method module:base/element._$remove\n * @see module:base/element._$removeByEC\n * @param {String|Node} arg0 - 节点标识或者对象\n * @param {Boolean} arg1 - 是否禁止事件清理\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$remove\n * @see module:base/element._$remove\n */\n _p._$remove =\n _y._$remove = (function(){\n var _fmap = {\n img:function(_node){\n _node.src = _g._$BLANK_IMAGE;\n },\n iframe:function(_node){\n _node.src = 'about:blank';\n }\n };\n var _doClear = function(_node,_tag){\n if (!_tag){\n var _xtag = (_node.tagName||'').toLowerCase(),\n _func = _fmap[_xtag];\n if (!!_func){\n _func(_node);\n }\n return;\n }\n if (!!_node.getElementsByTagName){\n _u._$forEach(\n _node.getElementsByTagName(_tag),\n _doClear\n );\n }\n };\n return function(_element){\n _element = _p._$get(_element);\n if (!!_element){\n // clear events\n if (!arguments[1]){\n _v._$clearEvent(_element);\n }\n // clear elements\n _doClear(_element);\n _doClear(_element,'img');\n _doClear(_element,'iframe');\n // remove node\n if (!!_element.parentNode){\n _element.parentNode.removeChild(_element);\n }\n }\n };\n })();\n /**\n * 节点移至内存\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 先生成一个节点加到body下\n * var _node = _e._$create('div','js-div',document.body);\n * // 把节点移动到内存中\n * _e._$removeByEC(_node);\n * // 从body上没有取到节点,结果为[]\n * _e._$getByClassName(document.body,'js-div');\n * });\n * ```\n *\n * @method module:base/element._$removeByEC\n * @see module:base/element._$remove\n * @param {String|Node} arg0 - 节点标识或者对象\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$removeByEC\n * @see module:base/element._$removeByEC\n */\n _p._$removeByEC =\n _y._$removeByEC = function(_element){\n _element = _p._$get(_element);\n if (!!_element){\n try{\n _fragment.appendChild(_element);\n }catch(ex){\n // ignore\n console.error(ex);\n }\n }\n };\n /**\n * 清除所有子节点\n *\n * 结构举例\n * ```html\n *
\n * aaaaaaaaaaaaa \n * bbbbbbbbbbbbb \n * ccccccccccccc \n * \n *\n *
\n * 1111 1111 2222 2222 3333 3333
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 清除ul下的子节点\n * _e._$clearChildren('abc');\n *\n * // 清除table下的子节点\n * _e._$clearChildren('efg');\n * });\n * ```\n *\n * @method module:base/element._$clearChildren\n * @see module:base/element._$remove\n * @param {String|Node} arg0 - 容器节点\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$clearChildren\n * @see module:base/element._$clearChildren\n */\n _p._$clearChildren =\n _y._$clearChildren = function(_element){\n _element = _p._$get(_element);\n if (!!_element){\n _u._$reverseEach(\n _element.childNodes,\n function(_node){\n _p._$remove(_node);\n }\n );\n }\n };\n /**\n * 内联元素增加定位封装\n *\n * 结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 包装定位的span\n * _e._$wrapInline('abc');\n * });\n * ```\n *\n * 生成结构如下\n * ```html\n *
\n * \n * ```\n *\n * 应用举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 返回容器的样式名称\n * // 通过这个样式名称可以取到一个绝对定位的样式名 class+'-show'\n * var _node = _e._$wrapInline('abc',{\n * tag:'label',\n * clazz:'js-xxx'\n * });\n * // 可以在返回的节点里添加想要显示的结构\n * _node.innerHTML = '
aaa aaa ';\n * });\n * ```\n *\n * @method module:base/element._$wrapInline\n * @param {String|Node} arg0 - 内联节点\n * @param {Object} arg1 - 绝对定位节点配置信息\n * @property {String} tag - 标记名称，默认span\n * @property {String} nid - 节点识别样式名，这个会被添加到样式中作为标识\n * @property {String} clazz - 样式名称\n * @return {Node} 绝对定位的节点\n */\n /**\n * @method CHAINABLE._$wrapInline\n * @see module:base/element._$wrapInline\n */\n _p._$wrapInline =\n _y._$wrapInline = (function(){\n var _clazz,\n _reg0 = /\\s+/;\n var _doInitStyle = function(){\n if (!!_clazz) return;\n _clazz = _p._$pushCSSText('.#
{position:relative;zoom:1;}.#-show{position:absolute;top:0;left:100%;cursor:text;white-space:nowrap;overflow:hidden;}');\n _p._$dumpCSSText();\n };\n return function(_element,_options){\n _element = _p._$get(_element);\n if (!_element){\n return null;\n }\n // init style\n _doInitStyle();\n _options = _options||_o;\n // check relative parent\n var _parent = _element.parentNode;\n if (!_p._$hasClassName(_parent,_clazz)){\n // build wrapper box\n _parent = _p._$create('span',_clazz);\n _element.insertAdjacentElement('beforeBegin',_parent);\n _parent.appendChild(_element);\n }\n // check absolute node\n var _nid = _options.nid||'',\n _node = _p._$getByClassName(\n _parent,_nid||\n (_clazz+'-show')\n )[0];\n if (!_node){\n var _klass = ((_options.clazz||'')+' '+_nid).trim();\n _klass = _clazz+'-show'+(!_klass?'':' ')+_klass;\n _node = _p._$create(_options.tag||'span',_klass);\n _parent.appendChild(_node);\n }\n // append class to parent node\n var _klass = _options.clazz;\n if (!!_klass){\n _klass = (_klass||'').trim().split(_reg0)[0]+'-parent';\n _p._$addClassName(_parent,_klass);\n }\n return _node;\n };\n })();\n /**\n * 设置或者获取指定标识的数据\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 设置值操作\n * // 123
\n * // 返回value值: http://a.b.com/a.png\n * var _src = _e._$dataset('abc','img','http://a.b.com/a.png');\n * // 取值操作\n * var _src = _e._$dataset('abc','img');\n * \n * // 批量设置\n * var _map = _e._$dataset('abc',{\n * a:'aaaaa',\n * b:'bbbbbbbb',\n * c:'ccccccccc'\n * });\n * \n * // 批量取值\n * // 返回：{a:'aaaaa',b:'bbbbbbbb',c:'ccccccccc'}\n * var _map = _e._$dataset('abc',['a','b','c']);\n * });\n * ```\n *\n * @method module:base/element._$dataset\n * @see module:base/element._$attr\n * @param {String} arg0 - 数据标识\n * @param {String|Object|Array} arg1 - 属性名\n * @return {String|Object} 数据值\n */\n /**\n * @method CHAINABLE._$dataset\n * @see module:base/element._$dataset\n */\n _p._$dataset =\n _y._$dataset = function(_element,_key,_value){\n // check element\n var _id = _p._$id(_element);\n if (!_id){\n return null;\n }\n // check single key-value\n if (_u._$isString(_key)){\n return _h.__dataset(\n _p._$get(_element),\n _key,_value\n );\n }\n // check map set\n // ignore argument _value\n if (_u._$isObject(_key)){\n var _ret = {};\n _u._$forIn(_key,function(_v,_k){\n _ret[_k] = _p._$dataset(_id,_k,_v);\n });\n return _ret;\n }\n // check array get\n // ignore argument _value\n if (_u._$isArray(_key)){\n var _ret = {};\n _u._$forEach(_key,function(_k){\n _ret[_k] = _p._$dataset(_id,_k);\n });\n return _ret;\n }\n return null;\n };\n /**\n * 取某个节点的属性值\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 设置成 123
\n * // 返回value值: http://a.b.com/a.png\n * var _src = _e._$attr('abc','data-img','http://a.b.com/a.png');\n *\n * // 如果设置了img的值返回data-img，否则放回空字符串\n * var _src = _e._$attr('abc','data-img');\n * });\n * ```\n *\n * @method module:base/element._$attr\n * @see module:base/element._$dataset\n * @param {String|Node} arg0 - 节点标识或者对象\n * @param {String} arg1 - 属性名称\n * @param {String} arg2 - 属性值，如果没有设置此参数则表示取值\n * @return {String} 属性值\n */\n /**\n * @method CHAINABLE._$attr\n * @see module:base/element._$attr\n */\n _p._$attr =\n _y._$attr = function(_element,_name,_value){\n _element = _p._$get(_element);\n if (!_element){\n return '';\n }\n if (_value!==undefined&&!!_element.setAttribute){\n _element.setAttribute(_name,_value);\n }\n return _h.__getAttribute(_element,_name);\n };\n /**\n * html代码转节点对象，\n * 如果转换出来的节点数量超过[包含]2个，\n * 则最外面增加一个容器节点，即返回的始终是一个节点\n *\n * 结构举例\n * ```html\n * \n * 123 \n *
\n * ```\n *\n * 代码举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * var _node = _e._$html2node('1
2
');\n * });\n * ```\n *\n * 返回结果\n * ```html\n * \n * ```\n *\n * @method module:base/element._$html2node\n * @param {String} arg0 - 代码\n * @return {Node} 节点\n */\n _p._$html2node = (function(){\n var _reg = /<(.*?)(?=\\s|>)/i, // first tag name\n _tmap = {li:'ul',tr:'tbody',td:'tr',th:'tr',option:'select'};\n return function(_html){\n var _tag;\n if (_reg.test(_html)){\n _tag = _tmap[(RegExp.$1||'').toLowerCase()]||'';\n }\n var _div = _p._$create(_tag||'div');\n _div.innerHTML = _html;\n var _list = _p._$getChildren(_div);\n return _list.length>1?_div:_list[0];\n };\n })();\n /**\n * 将dom节点转为xml串\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_p){\n * // 生成123
字符串\n * var _xml = _p._$dom2xml('abc'));\n * });\n * ```\n *\n * @see module:base/element._$xml2dom\n * @method module:base/element._$dom2xml\n * @param {String|Node} arg0 - 节点\n * @return {String} XML代码\n */\n /**\n * @method CHAINABLE._$dom2xml\n * @see module:base/element._$dom2xml\n */\n _p._$dom2xml =\n _y._$dom2xml = function(_element){\n _element = _p._$get(_element);\n return !_element?'':_h.__serializeDOM2XML(_element);\n };\n /**\n * 将xml转为dom节点\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 生成123
节点\n * var _node = _e._$xml2dom('123
');\n * });\n * ```\n *\n * @method module:base/element._$xml2dom\n * @see module:base/element._$dom2xml\n * @param {String} arg0 - xml文本\n * @return {Node} DOM节点\n */\n _p._$xml2dom = function(_xml){\n _xml = (_xml||'').trim();\n return !_xml?null:_h.__parseDOMFromXML(_xml);\n };\n /**\n * dom节点转对象，多用于XML DOM转数据对象\n *\n * 结构举例\n * ```html\n * 123
\n *\n * \n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_p){\n * // 返回对象{div:'123'}\n * var _obj = _p._$dom2object('abc');\n *\n * // 返回对象{div:{p:'aaaa',span:'bbbb'}}\n * var _obj = _p._$dom2object('efg');\n * });\n * ```\n *\n * @method module:base/element._$dom2object\n * @see module:base/element._$xml2object\n * @param {String|Node} arg0 - 节点\n * @return {Object} 转换完成的对象\n */\n /**\n * @method CHAINABLE._$dom2object\n * @see module:base/element._$dom2object\n */\n _p._$dom2object =\n _y._$dom2object = function(_dom,_obj){\n _obj = _obj||{};\n _dom = _p._$get(_dom);\n if (!_dom) return _obj;\n var _name = _dom.tagName.toLowerCase(),\n _list = _p._$getChildren(_dom);\n if (!_list||!_list.length){\n _obj[_name] = _dom.textContent||_dom.text||'';\n return _obj;\n }\n var _tmp = {};\n _obj[_name] = _tmp;\n _u._$forEach(\n _list,function(_node){\n _p._$dom2object(_node,_tmp);\n }\n );\n return _obj;\n };\n /**\n * XML转对象\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 返回 {user:{id:'1',username:'aaa',password:'123456'}}\n * var _obj = _e._$xml2object('\\\n * \\\n * \\\n * 1 \\\n * aaa \\\n * 123456 \\\n * \\\n * ');\n * });\n * ```\n *\n * @method module:base/element._$xml2object\n * @see module:base/element._$dom2object\n * @param {String} arg0 - xml代码\n * @return {Object} 对象\n */\n _p._$xml2object = function(_xml){\n try{\n return _p._$dom2object(_p._$xml2dom(_xml));\n }catch(ex){\n return null;\n }\n };\n /**\n * 文本转指定类型的数据\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 转成dom节点\n * var _dom = _e._$text2type('123
',\"xml\");\n * // 转成json字符串\n * var _json = _e._$text2type('{\"a\":\"aaaaaaaaaaaaa\"}',\"json\");\n * // 原样返回\n * var _text = _e._$text2type('123
');\n * });\n * ```\n *\n * @method module:base/element._$text2type\n * @param {String} arg0 - 文本内容\n * @param {String} arg1 - 类型，如xml/json/text\n * @return {Variable} 指定类型的数据\n */\n _p._$text2type = (function(){\n var _fmap = {\n xml:function(_text){\n return _p._$xml2dom(_text);\n },\n json:function(_text){\n try{\n return JSON.parse(_text);\n }catch(ex){\n return null;\n }\n },\n dft:function(_text){\n return _text;\n }\n };\n return function(_text,_type){\n _type = (_type||'').toLowerCase();\n return (_fmap[_type]||_fmap.dft)(_text||'');\n };\n })();\n /**\n * 批量设置节点样式\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * _e._$style('abc',{color:'red',width:'100px'});\n * });\n * ```\n *\n * 输出结果\n * ```html\n * 123
\n * ```\n *\n * @method module:base/element._$style\n * @see module:base/element._$setStyle\n * @param {String|Node} arg0 - 节点\n * @param {Object} arg1 - 样式信息{color:'red',width:'100px'}\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$style\n * @see module:base/element._$style\n */\n _p._$style =\n _y._$style = function(_element,_map){\n _element = _p._$get(_element);\n if (!!_element){\n _u._$loop(_map,function(_value,_name){\n _p._$setStyle(_element,_name,_value);\n });\n }\n };\n /**\n * 设置单个样式\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * _e._$setStyle('abc','color','red');\n * });\n * ```\n *\n * 输出结果\n * ```html\n * 123
\n * ```\n *\n * @method module:base/element._$setStyle\n * @see module:base/element._$getStyle\n * @param {String|Node} arg0 - 节点\n * @param {String} arg1 - 样式名称\n * @param {String} arg2 - 样式值\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$setStyle\n * @see module:base/element._$setStyle\n */\n _p._$setStyle =\n _y._$setStyle = function(_element,_name,_value){\n _element = _p._$get(_element);\n if (!!_element){\n _h.__setStyleValue(\n _element,_name,\n _h.__processCSSText(_value)\n );\n }\n };\n /**\n * 取样式值\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 返回节点的颜色值red（高版本浏览器返回rgb值），如果没有返回空字符串\n * var _value = _e._$getStyle('abc','color');\n * });\n * ```\n *\n * @method module:base/element._$getStyle\n * @see module:base/element._$setStyle\n * @param {String|Node} arg0 - 节点\n * @param {String} arg1 - 样式名称\n * @return {String} 样式值\n */\n /**\n * @method CHAINABLE._$getStyle\n * @see module:base/element._$getStyle\n */\n _p._$getStyle =\n _y._$getStyle = function(_element,_name){\n _element = _p._$get(_element);\n return !_element ? '' :\n _h.__getStyleValue(\n _element,_name\n );\n };\n /**\n * 页面注入脚本\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 注入脚本，全局执行环境\n * _e._$addScript('\\\n * document.getElementById(\"abc\").style.color = \"green\"\\\n * ');\n * });\n * ```\n *\n * 输出结果\n * ```html\n * 123
\n * ```\n *\n * @method module:base/element._$addScript\n * @param {String} arg0 - 脚本内容\n * @return {Void}\n */\n _p._$addScript = function(_script){\n try{\n _script = _script.trim();\n if (!!_script){\n return (new Function(_script))();\n }\n }catch(ex){\n // ignore\n console.error(ex.message);\n console.error(ex.stack);\n }\n };\n /**\n * 注入页面内联样式，\n * 样式支持前缀标记$<vendor> ，\n * 如下样式值支持3D/2D切换，优先选用3D，格式：$<NAME|VALUE>\n *\n * * NAME支持：scale/rotate/translate/matrix\n * * VALUE格式：x=1&y=2&z=3&a=30\n *\n *\n * 范例如$<scale|a=30>，各名称支持的参数列表\n *\n * | 名称 | 参数 |\n * | :-- | :-- |\n * | scale | x,y,z |\n * | rotate | x,y,z,a |\n * | translate | x,y,z |\n * | matrix | m11,m12,m13,m14,m21,m22,m23,m24,m31,m32,m33,m34,m41,m42,m43,m44 |\n *\n *\n * 结构举例\n * ```html\n * \n * \n * test \n * \n * \n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 注入样式\n * _e._$addStyle('body{font-size:20px}');\n *\n * // 注入样式支持变量\n * _e._$addStyle('\\\n * .a{$transform-origin:0 0;}\\\n * .b{$transform:$}\\\n * ');\n * });\n * ```\n *\n * 输出结果\n * ```html\n * \n * \n * test \n * \n * \n * \n * \n * ```\n *\n * @method module:base/element._$addStyle\n * @param {String} arg0 - 样式内容\n * @return {Node} 样式节点\n */\n _p._$addStyle = (function(){\n var _reg = /[\\s\\r\\n]+/gi;\n return function(_css){\n _css = (_css||'').replace(_reg,' ').trim();\n var _node = null;\n if (!!_css){\n _node = _p._$create('style');\n document.head.appendChild(_node);\n _h.__injectCSSText(\n _node,_h.__processCSSText(_css)\n );\n }\n return _node;\n };\n })();\n /**\n * 缓存待激活样式\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 设置样式到缓存中，自动生成样式名，返回自动生成的类名#\n * var _class = _e._$pushCSSText('.#{width:300px;}');\n *\n * // 把缓存中的样式内联到页面\n * _e._$dumpCSSText();\n * });\n * ```\n *\n * @method module:base/element._$pushCSSText\n * @see module:base/element._$dumpCSSText\n * @param {String} arg0 - 样式\n * @return {String} 样式标识\n */\n _p._$pushCSSText = (function(){\n var _reg = /#<(.*?)>/g,\n _seed = +new Date;\n return function(_css,_data){\n if (!_cspol){\n _cspol = [];\n }\n var _class = 'auto-'+_u._$uniqueID(),\n _dmap = _u._$merge({uispace:_class},_data);\n _cspol.push(\n _css.replace(_reg,function($1,$2){\n return _dmap[$2]||$1;\n })\n );\n return _class;\n };\n })();\n /**\n * 激活缓存中的样式\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 设置样式.item{width:300px;}到缓存中\n * _e._$pushCSSText('.item{width:300px;}');\n *\n * // 把缓存中的样式内联到页面\n * _e._$dumpCSSText();\n * });\n * ```\n *\n * @method module:base/element._$dumpCSSText\n * @see module:base/element._$pushCSSText\n * @return {Void}\n */\n _p._$dumpCSSText = function(){\n if (!!_cspol){\n _p._$addStyle(_cspol.join(' '));\n _cspol = null;\n }\n };\n /**\n * 追加CSS规则\n *\n * 结构举例\n * ```html\n * \n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 设置样式.item{width:300px;}到缓存中\n * _e._$appendCSSText('node-id','.item{width:300px;}');\n * });\n * ```\n *\n * @method module:base/element._$appendCSSText\n * @see module:base/element._$addStyle\n * @param {Node} arg0 - 样式节点\n * @param {String} arg1 - 单条样式规则\n * @return {CSSRule} 样式规则对象\n */\n /**\n * @method CHAINABLE._$appendCSSText\n * @see module:base/element._$appendCSSText\n */\n _p._$appendCSSText =\n _y._$appendCSSText = function(_element,_css){\n _element = _p._$get(_element);\n return !_element ? null :\n _h.__appendCSSText(\n _element,\n _h.__processCSSText(_css)\n );\n };\n /**\n * 新增样式类，多个样式用空格分开\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 添加样式 fc01 fc03\n * _e._$addClassName('abc','fc01 fc03');\n * });\n * ```\n *\n * 输出结果\n * ```html\n * 123
\n * ```\n *\n * @method module:base/element._$addClassName\n * @see module:base/element._$delClassName\n * @see module:base/element._$replaceClassName\n * @param {String|Node} arg0 - 要操作的节点标识或者节点对象\n * @param {String} arg1 - 要新增的样式类名称\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$addClassName\n * @see module:base/element._$addClassName\n */\n _p._$addClassName =\n _y._$addClassName = function(_element,_class){\n if (!_class){\n return;\n }\n _element = _p._$get(_element);\n if (!!_element){\n _h.__processClassName(\n _element,'add',_class\n );\n }\n };\n /**\n * 删除样式类，多个样式用空格分开\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 删除fc02 fc03样式名\n * _e._$delClassName('abc','fc02 fc03');\n * });\n * ```\n *\n * 输出结果\n * ```html\n * 123
\n * ```\n *\n * @method module:base/element._$delClassName\n * @see module:base/element._$addClassName\n * @see module:base/element._$replaceClassName\n * @param {String|Node} arg0 - 要操作的节点标识或者节点对象\n * @param {String} arg1 - 要删除的样式类名称\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$delClassName\n * @see module:base/element._$delClassName\n */\n _p._$delClassName =\n _y._$delClassName = function(_element,_class){\n _element = _p._$get(_element);\n if (!!_element){\n _h.__processClassName(\n _element,'remove',_class\n );\n }\n };\n /**\n * 替换节点的样式类名称，多个样式用空格分隔，\n * 操作过程为先删除待删样式，再添加待添样式，因此不需要删除样式存在才添加样式\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 替换fc02为fc05\n * // 这里不需要fc02存在\n * _e._$replaceClassName('abc','fc02','fc05');\n * });\n * ```\n *\n * 输出结果\n * ```html\n * 123
\n * ```\n *\n * @method module:base/element._$replaceClassName\n * @see module:base/element._$addClassName\n * @see module:base/element._$delClassName\n * @param {String|Node} arg0 - 要操作的节点标识或者节点对象\n * @param {String} arg1 - 要删除的样式类名称\n * @param {String} arg2 - 要新增的样式类名称\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$replaceClassName\n * @see module:base/element._$replaceClassName\n */\n _p._$replaceClassName =\n _y._$replaceClassName = function(_element,_del,_add){\n _element = _p._$get(_element);\n if (!!_element){\n _h.__processClassName(\n _element,'replace',\n _del,_add\n );\n }\n };\n /**\n * 检测节点是否包含指定样式，多个样式用空格分隔，检测时包含其中之一即表示包含\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 如果有fc01样式返回true，否则返回false\n * _e._$hasClassName('abc',\"fc01\");\n * });\n * ```\n *\n * @method module:base/element._$hasClassName\n * @param {String|Node} arg0 - 节点标识或者对象\n * @param {String} arg1 - 样式串\n * @return {Boolean} 是否含指定样式\n */\n /**\n * @method CHAINABLE._$hasClassName\n * @see module:base/element._$hasClassName\n */\n _p._$hasClassName =\n _y._$hasClassName = function(_element,_class){\n _element = _p._$get(_element);\n if (!!_element){\n return _h.__hasClassName(_element,_class);\n }\n return !1;\n };\n /**\n * 取样式变换矩阵对象\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 生成下面矩阵的对象\n * // |a:1,b:0,c:0,d:1,e:0:f:0|\n * // |m11:1,m12:0,m13:0,m14:0|\n * // |m21:0,m22:1,m23:0,m24:0|\n * // |m31:0,m32:0,m33:1,m34:0|\n * // |m41:0,m42:0,m43:0,m44:1|\n * var _matrix = _e._$matrix(\"matrix(1,0,0,1,0,0)\");\n * });\n * ```\n *\n * @method module:base/element._$matrix\n * @param {String} arg0 - 变化信息\n * @return {CSSMatrix} 变换矩阵对象\n */\n _p._$matrix = function(_matrix){\n _matrix = (_matrix||'').trim();\n return _h.__getCSSMatrix(_matrix);\n };\n /**\n * 设置3D变换，对于不支持3D的系统自动切换为2D变换\n *\n * 结构举例\n * ```html\n *
\n * ```\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element'\n * ],function(_e){\n * // 进行css3d变换，对应css样式为-webkit-transform:rotate3d( 2, 1, 1, -75deg);\n * _e._$css3d('abc','rotate',{x:2,y:1,z:1,a:'-75deg'});\n * });\n * ```\n *\n * @method module:base/element._$css3d\n * @see module:base/element._$addStyle\n * @param {String|Node} arg0 - 节点标识或者对象\n * @param {String} arg1 - 变换类型，matrix/translate/scale/rotate\n * @param {Object} arg2 - 变换值，{x:1,y:2,z:3,a:'30deg'}\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$css3d\n * @see module:base/element._$css3d\n */\n _p._$css3d =\n _y._$css3d = function(_element,_name,_map){\n _element = _p._$get(_element);\n if (!!_element){\n var _value = _h.__processTransformValue(_name,_map);\n if (!!_value){\n _p._$setStyle(_element,'transform',_value);\n }\n }\n };\n // for chainable\n _x._$merge(_y);\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.e'),_p);\n }\n\n return _p;\n});\n"
},
{
"path": "src/base/event.js",
"content": "/*\n * ------------------------------------------\n * 事件接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module base/event */\nNEJ.define([\n './global.js',\n './element.js',\n './util.js',\n './chain.js',\n '{platform}event.js'\n],function(NEJ,_e,_u,_x,_h,_p,_o,_f,_r){\n // {id:{type:[{type:'click',func:function,sfun:function,capt:true},...]}}\n // id - element id\n // type - event name, no on prefix\n // func - event after wrapper\n // capt - capture flag\n // sfun - event before wrapper\n // link - events link to this event [[element,type,handler,capture],...]\n var _xcache = {},\n _y = {}; // chainable methods\n /*\n * 取事件类型列表\n * @param {String} 事件类型\n * @return {Array} 事件列表\n */\n var _getTypeList = (function(){\n var _reg = /[\\s,;]+/;\n return function(_type){\n var _type = (_type||'').trim().toLowerCase();\n return !_type?null:_type.split(_reg);\n };\n })();\n /*\n * 取鼠标相对于BODY的偏移\n * @param {Event} 事件对象\n * @param {String} 类型，X/Y\n * @param {String} 滚动偏移名称，Left/Top\n * @return {Void}\n */\n var _getClientOffset = function(_event,_type,_name){\n var _key1 = 'page'+_type;\n return _event[_key1]!=null?_event[_key1]:(\n _event['client'+_type]+\n _e._$getPageBox()['scroll'+_name]\n );\n };\n /*\n * 取鼠标相对于页面的偏移\n * @param {Event} 事件对象\n * @param {String} 类型，X/Y\n * @param {String} 滚动偏移名称，Left/Top\n * @return {Void}\n */\n var _getPageOffset = function(_event,_type,_name){\n var _key3 = 'scroll'+_name;\n _node = _p._$getElement(_event),\n _xret = _getClientOffset(_event,_type,_name);\n while(!!_node&&\n _node!=document.body&&\n _node!=document.documentElement){\n _xret += _node[_key3]||0;\n _node = _node.parentNode;\n }\n return _xret;\n };\n /*\n * 格式化添加删除事件接口参数\n * @param {String|Node} 节点ID或者对象\n * @param {String} 事件类型，不带on前缀，不区分大小写，多个事件用空格分隔\n * @param {Function} 事件处理函数\n * @param {Boolean} 是否捕获阶段事件，IE低版本浏览器忽略此参数\n * return {Object} 格式化后参数\n */\n var _doFormatArgs = function(_element,_type,_handler,_capture){\n var _result = {};\n // check element\n _element = _e._$get(_element);\n if (!_element){\n return null;\n }\n _e._$id(_element);\n _result.element = _element;\n // check event handler\n if (!_u._$isFunction(_handler)){\n return null;\n }\n _result.handler = _handler;\n // check type\n var _type = _getTypeList(_type);\n if (!_type){\n return null;\n }\n // save info\n _result.type = _type;\n _result.capture = !!_capture;\n return _result;\n };\n /**\n * 节点添加事件，\n * 支持添加自定义事件，\n * 对于自定义事件的实现逻辑由其他模块负责实现\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 添加系统预定义事件\n * _v._$addEvent(\n * 'abc','mouseover',function(_event){\n * // TODO something\n * },false\n * );\n *\n * // 添加自定义事件，回车事件\n * _v._$addEvent(\n * 'abc','enter',function(_event){\n * // TODO something\n * },false\n * );\n *\n * // 添加多个事件，用空格分隔\n * _v._$addEvent(\n * 'abc','mouseover click mousedown',\n * function(_event){\n * // TODO something\n * },false\n * );\n * });\n * ```\n *\n * 带自定义事件的类构造或者对象\n * ```javascript\n * NEJ.define([\n * 'base/klass',\n * 'base/event',\n * 'util/event',\n * 'util/event/event'\n * ],function(_k,_v,_t0,_t1,_p){\n * // 定义类\n * _p._$$Klass = _k._$klass();\n * var _pro = _p._$$Klass._$extend(_t0._$$EventTarget);\n * \n * // TODO\n * \n * // 添加自定义事件支持\n * // 对节点的事件同样支持此自定义事件\n * _t1._$$CustomEvent._$allocate({\n * element:_p._$$Klass,\n * event:['ok','fail']\n * });\n * \n * // 使用事件接口添加/删除/调度事件\n * var _handler = function(_event){\n * // TODO\n * };\n * _v._$addEvent(_p._$$Klass,'ok',_handler);\n * _v._$delEvent(_p._$$Klass,'ok',_handler);\n * });\n * ```\n * \n * @method module:base/event._$addEvent\n * @see module:base/event._$delEvent\n * @param {String|Node|Object} arg0 - 节点或者类构造或者对象\n * @param {String} arg1 - 事件类型，不带on前缀，不区分大小写，多个事件用空格分隔\n * @param {Function} arg2 - 事件处理函数\n * @param {Boolean} arg3 - 是否捕获阶段事件，IE低版本浏览器忽略此参数\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$addEvent\n * @see module:base/event._$addEvent\n */\n _p._$addEvent = \n _y._$addEvent = (function(){\n // cache event\n // type/handler/link\n var _doCacheEvent = function(_type,_source,_real){\n var _id = _e._$id(_source.element),\n _cch_id = _xcache[_id]||{},\n _cch_tp = _cch_id[_type]||[];\n _cch_tp.push({\n type:_real.type||_type,\n func:_real.handler||_source.handler,\n sfun:_source.handler,\n capt:_source.capture,\n link:_real.link,\n destroy:_real.destroy\n });\n _cch_id[_type] = _cch_tp;\n _xcache[_id] = _cch_id;\n };\n return function(){\n var _args = _doFormatArgs.apply(null,arguments);\n if (!_args) return;\n _u._$forEach(\n _args.type,function(_name){\n var _argc = _h.__checkEvent(\n _args.element,\n _name,_args.handler\n );\n // add event\n _h.__addEvent(\n _args.element,_argc.type,\n _argc.handler,_args.capture\n );\n // add event link\n _u._$forIn(\n _argc.link,function(_item){\n _item[3] = !!_item[3];\n _h.__addEvent.apply(_h,_item);\n _item[0] = _e._$id(_item[0]);\n }\n );\n // cache event\n _doCacheEvent(_name,_args,_argc);\n }\n );\n };\n })();\n /**\n * 节点删除事件，输入参数必须保证与添加接口_$addEvent输入参数完全一致\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 事件回调业务逻辑\n * var _doCallback = function(_event){\n * // TODO something\n * alert('0');\n * };\n *\n * // 添加事件\n * _v._$addEvent('abc','mouseover',_doCallback,false);\n * // 删除事件，这里参数必须保持完全一致\n * _v._$delEvent('abc','mouseover',_doCallback,false);\n *\n * // 比如以下方式虽然回调的业务逻辑一致，但是无法删除之前添加的事件\n * _v._$delEvent(\n * 'abc',\"mouseover\",function(_event){\n * // TODO something\n * alert('0');\n * },false\n * );\n *\n * // 删除多个事件\n * _v._$delEvent(\n * 'abc','mouseover click mouseup',\n * _doCallback,false\n * );\n * });\n * ```\n *\n * @method module:base/event._$delEvent\n * @see module:base/event._$addEvent\n * @param {String|Node} arg0 - 节点ID或者对象\n * @param {String} arg1 - 事件类型，不带on前缀，不区分大小写，多个事件用空格分隔\n * @param {Function} arg2 - 事件处理函数\n * @param {Boolean} arg3 - 是否捕获阶段事件\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$delEvent\n * @see module:base/event._$delEvent\n */\n _p._$delEvent = \n _y._$delEvent = (function(){\n var _unCacheEvent = function(_type,_conf){\n var _id = _e._$id(_conf.element),\n _cch_id = _xcache[_id]||_o,\n _cch_tp = _cch_id[_type],\n _index = _u._$indexOf(\n _cch_tp,function(_item){\n // check handler and capture\n return _item.sfun===_conf.handler&&\n _item.capt===_conf.capture;\n }\n );\n // check result\n var _result = null;\n if (_index>=0){\n var _item = _cch_tp.splice(_index,1)[0];\n _result = [[\n _conf.element,_item.type,\n _item.func,_conf.capture\n ]];\n if (!!_item.link){\n // complete element by id\n _u._$forEach(_item.link,function(v){\n v[0] = _e._$get(v[0]);\n });\n _result.push.apply(_result,_item.link);\n }\n if (!!_item.destroy){\n _item.destroy();\n }\n // clear cache\n if (!_cch_tp.length){\n delete _cch_id[_type];\n }\n if (!_u._$hasProperty(_cch_id)){\n delete _xcache[_id];\n }\n }\n return _result;\n };\n return function(){\n var _args = _doFormatArgs.apply(null,arguments);\n if (!_args) return;\n _u._$forEach(\n _args.type,function(_name){\n _u._$forEach(\n _unCacheEvent(_name,_args),\n function(_item){\n _h.__delEvent.apply(_h,_item);\n }\n );\n }\n );\n };\n })();\n /**\n * 清除节点事件\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 添加事件\n * _v._$addEvent(\n * 'abc','mouseover',function(_event){\n * // TODO something\n * }\n * );\n * _v._$addEvent(\n * 'abc','mouseover',function(_event){\n * // TODO something\n * },true\n * );\n * _v._$addEvent(\n * 'abc','custom',function(_event){\n * // TODO something\n * }\n * );\n *\n * // 清除节点所有事件，包括两个mouseover事件和一个custom事件\n * _v._$clearEvent('abc');\n *\n * // 清除节点指定类型事件，只清除两个mouseover事件\n * _v._$clearEvent('abc','mouseover');\n *\n * // 清除多个事件，用空格分隔\n * _v._$clearEvent('abc','mouseover custom');\n * });\n * ```\n *\n * @method module:base/event._$clearEvent\n * @see module:base/event._$delEvent\n * @param {String|Node} arg0 - 节点ID或者对象\n * @param {String} arg1 - 事件类型，不带on前缀，不区分大小写，多个事件用空格分隔\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$clearEvent\n * @see module:base/event._$clearEvent\n */\n _p._$clearEvent = \n _y._$clearEvent = (function(){\n var _doClearEvent = function(_id,_name,_list){\n _u._$reverseEach(\n _list,function(_item){\n _p._$delEvent(\n _id,_name,_item.sfun,_item.capt\n );\n }\n );\n };\n return function(_element,_type){\n var _id = _e._$id(_element);\n if (!_id) return;\n var _cch_id = _xcache[_id];\n if (!!_cch_id){\n _type = _getTypeList(_type);\n if (!!_type){\n // clear event by type\n _u._$forEach(\n _type,function(_name){\n _doClearEvent(_id,_name,_cch_id[_name]);\n }\n );\n }else{\n // clear all event\n _u._$loop(\n _cch_id,function(_value,_name){\n _p._$clearEvent(_element,_name);\n }\n );\n }\n }\n };\n })();\n /**\n * 触发对象的某个事件，注：对于IE浏览器该接口节点事件有以下限制\n *\n * * 捕获阶段支持需要浏览器IE9+\n * * 节点上自定义事件支持需要浏览器IE9+\n *\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 注册鼠标事件\n * _v._$addEvent(\n * 'abc','click',function(_event){\n * // 获取鼠标事件触发的垂直位置\n * var _y = _v._$pageY(_event);\n * }\n * );\n * // 触发鼠标事件\n * _v._$dispatchEvent('abc','click');\n *\n * // 注册自定义事件\n * _v._$addEvent(\n * 'abc','ok',function(_event){\n * // TODO something\n * }\n * );\n * // 触发自定义事件\n * _v._$dispatchEvent('abc','ok');\n * });\n * ```\n *\n * @method module:base/event._$dispatchEvent\n * @param {String|Node} arg0 - 节点ID或者对象\n * @param {String} arg1 - 鼠标事件类型，不区分大小写，多个事件用空格分隔\n * @param {Object} arg2 - 传递的参数信息\n * @return {Void}\n */\n /**\n * @method CHAINABLE._$dispatchEvent\n * @see module:base/event._$dispatchEvent\n */\n _p._$dispatchEvent = \n _y._$dispatchEvent = function(_element,_type,_options){\n var _element = _e._$get(_element);\n if (!!_element){\n _u._$forEach(\n _getTypeList(_type),function(_name){\n var _result = _h.__checkEvent(\n _element,_name\n );\n _h.__dispatchEvent(\n _element,_result.type,_options\n );\n }\n );\n }\n };\n /**\n * 获取触发事件的节点，可以传入过滤接口来遍历父节点找到符合条件的节点\n *\n * 结构举例\n * ```html\n * \n *
\n * 123 \n * 123 \n * 123 \n * 123 \n * aaaaa \n *
\n *
\n * var _node = _v._$getElement(_event,'t:label');\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$getElement\n * @param {Event} arg0 - 事件对象\n * @param {Function} arg1 - 过滤接口\n * @return {Node} 符合条件的节点\n */\n _p._$getElement = function(_event){\n if (!_event) return null;\n var _element = _event.target||\n _event.srcElement,\n _filter = arguments[1];\n return _e._$getParent(_element,_filter);\n };\n /**\n * 阻止事件，包括默认事件和传递事件\n *\n * 结构举例\n * ```html\n * \n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 事件回调中阻止事件冒泡\n * _v._$addEvent(\n * 'b','click',function(_event){\n * // 阻止事件继续传播\n * // 阻止链接打开的默认事件\n * _v._$stop(_event);\n * }\n * );\n *\n * // a节点上的点击事件不会触发\n * _v._$addEvent(\n * 'a','click',function(_event){\n * alert(0);\n * // TODO something\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$stop\n * @see module:base/event._$stopBubble\n * @see module:base/event._$stopDefault\n * @param {Event} arg0 - 要阻止的事件对象\n * @return {Void}\n */\n _p._$stop = function(_event){\n _p._$stopBubble(_event);\n _p._$stopDefault(_event);\n };\n /**\n * 阻止事件的冒泡传递\n *\n * 结构举例\n * ```html\n * \n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 事件回调中阻止事件冒泡\n * _v._$addEvent(\n * 'b','click',function(_event){\n * // 阻止事件继续传播\n * // 链接仍然会被打开\n * _v._$stopBubble(_event);\n * }\n * );\n *\n * // a节点上的点击事件不会触发\n * _v._$addEvent(\n * 'a','click',function(_event){\n * alert(0);\n * // TODO something\n * }\n * );\n * });\n * ```\n *\n * @see module:base/event._$stop}\n * @method module:base/event._$stopBubble\n * @param {Event} arg0 - 要阻止的事件对象\n * @return {Void}\n */\n _p._$stopBubble = function(_event){\n if (!!_event){\n !!_event.stopPropagation\n ? _event.stopPropagation()\n : _event.cancelBubble = !0;\n }\n };\n /**\n * 阻止标签的默认事件\n *\n * 结构举例\n * ```html\n * \n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 事件回调中阻止链接默认事件\n * _v._$addEvent(\n * 'b','click',function(_event){\n * // 阻止链接打开页面的默认行为\n * _v._$stopDefault(_event);\n * }\n * );\n *\n * // a节点上的点击事件仍然会触发\n * _v._$addEvent(\n * 'a','click',function(_event){\n * alert(0);\n * // TODO something\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$stopDefault\n * @see module:base/event._$stop\n * @param {Event} arg0 - 要阻止的事件对象\n * @return {Void}\n */\n _p._$stopDefault = function(_event) {\n if (!!_event){\n !!_event.preventDefault\n ? _event.preventDefault()\n : _event.returnValue = !1;\n }\n };\n /**\n * 取事件相对于页面的位置\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 回调中取鼠标位置\n * _v._$addEvent(\n * 'abc','click',function(_event){\n * // 获取鼠标事件触发的水平、垂直位置\n * var _pos = _v._$page(_event);\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$page\n * @see module:base/event._$pageX\n * @see module:base/event._$pageY\n * @param {Event} arg0 - 事件对象\n * @return {Object} 位置信息，{x:10,y:10}\n */\n _p._$page = function(_event){\n return {\n x:_p._$pageX(_event),\n y:_p._$pageY(_event)\n };\n };\n /**\n * 取事件相对于页面左侧的位置，累加所有内部滚动高度\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 回调中取鼠标位置\n * _p._$addEvent(\n * 'abc','click',function(_event){\n * // 获取鼠标事件触发的水平位置\n * var _x = _v._$pageX(_event);\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$pageX\n * @see module:base/event._$clientX\n * @param {Event} arg0 - 事件对象\n * @return {Number} 水平位置\n */\n _p._$pageX = function(_event){\n return _getPageOffset(_event,'X','Left');\n };\n /**\n * 取事件相对于页面顶部的位置，累加所有内部滚动高度\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 回调中取鼠标位置\n * _v._$addEvent(\n * 'abc','click',function(_event){\n * // 获取鼠标事件触发的垂直位置\n * var _y = _v._$pageY(_event);\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$pageY\n * @see module:base/event._$clientY\n * @param {Event} arg0 - 事件对象\n * @return {Number} 垂直位置\n */\n _p._$pageY = function(_event){\n return _getPageOffset(_event,'Y','Top');\n };\n /**\n * 取事件相对于页面左侧的位置，仅累加页面滚动高度\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 回调中取鼠标位置\n * _p._$addEvent(\n * 'abc','click',function(_event){\n * // 获取鼠标事件触发的水平位置\n * var _x = _v._$clientX(_event);\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$clientX\n * @see module:base/event._$pageX\n * @param {Event} arg0 - 事件对象\n * @return {Number} 水平位置\n */\n _p._$clientX = function(_event){\n return _getClientOffset(_event,'X','Left');\n };\n /**\n * 取事件相对于页面顶部的位置，仅累加页面滚动高度\n *\n * 结构举例\n * ```html\n * 123
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event'\n * ],function(_v){\n * // 回调中取鼠标位置\n * _v._$addEvent(\n * 'abc','click',function(_event){\n * // 获取鼠标事件触发的垂直位置\n * var _y = _v._$pageY(_event);\n * }\n * );\n * });\n * ```\n *\n * @method module:base/event._$clientY\n * @see module:base/event._$pageY\n * @param {Event} arg0 - 事件对象\n * @return {Number} 垂直位置\n */\n _p._$clientY = function(_event){\n return _getClientOffset(_event,'Y','Top');\n };\n \n // for chainable method\n _x._$merge(_y);\n \n if (CMPT){\n NEJ.copy(NEJ.P('nej.v'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/base/global.js",
"content": "/*\n * --------------------------------------------\n * 原生对象扩展接口\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * --------------------------------------------\n */\n/**\n * 全局window对象\n * @external window\n */\n/**\n * 全局页面文档对象\n * @external document\n */\n/**\n * 全局location对象\n * @external location\n */\n/**\n * 全局history对象\n * @external history\n */\n/**\n * 内置函数对象扩展\n * @external Function\n */\nNEJ.define(function(_p,_o,_f,_r){\n var _extpro = Function.prototype;\n /**\n * AOP增强操作，增强操作接受一个输入参数包含以下信息\n *\n * | 参数名称 | 参数类型 | 参数描述 |\n * | :-- | :-- | :-- |\n * | args | Array | 函数调用时实际输入参数，各增强操作中可以改变值后将影响至后续的操作 |\n * | value | Variable | 输出结果 |\n * | stopped | Boolean | 是否结束操作，终止后续操作 |\n *\n * @method external:Function#_$aop\n * @param {Function} arg0 - 前置操作，接受一个输入参数，见描述信息\n * @param {Function} arg1 - 后置操作，接受一个输入参数，见描述信息\n * @return {Function} 增强后操作函数\n */\n _extpro._$aop = function(_before,_after){\n var _after = _after||_f,\n _before = _before||_f,\n _handler = this;\n return function(){\n var _event = {args:_r.slice.call(arguments,0)};\n _before(_event);\n if (!_event.stopped){\n _event.value = _handler.apply(this,_event.args);\n _after(_event);\n }\n return _event.value;\n };\n };\n /**\n * 绑定接口及参数，使其的调用对象保持一致\n *\n * ```javascript\n * var scope = {a:0};\n * \n * var func = function(a,b){\n * // 第一个参数 ：1\n * console.log(a);\n * // 第二个参数 ： 2\n * consoel.log(b);\n * // 当前this.a ： 0\n * console.log(this.a);\n * };\n * \n * func._$bind(scope,\"1\")(2);\n * ```\n *\n * @method external:Function#_$bind\n * @see external:Function#_$bind2\n * @param {Object} arg0 - 需要保持一致的对象，null表示window对象，此参数外的其他参数作为绑定参数\n * @return {Function} 返回绑定后的函数\n */\n _extpro._$bind = function() {\n var _args = arguments,\n _object = arguments[0],\n _function = this;\n return function(){\n // not use slice for chrome 10 beta and Array.apply for android\n var _argc = _r.slice.call(_args,1);\n _r.push.apply(_argc,arguments);\n return _function.apply(_object||null,_argc);\n };\n };\n /**\n * 绑定接口及参数，使其的调用对象保持一致，\n * 该接口与_$bind接口的差别在于绑定时参数和调用时参数的顺序不一样，\n * _$bind优先传入绑定时参数，_$bind2优先传入调用时参数\n *\n * ```javascript\n * var scope = {a:0};\n * \n * var func = function(a,b){\n * // 第一个参数 ：2\n * console.log(a);\n * // 第二个参数 ： 1\n * consoel.log(b);\n * // 当前this.a ： 0\n * console.log(this.a);\n * };\n * \n * func._$bind(scope,\"1\")(2);\n * ```\n *\n * @method external:Function#_$bind2\n * @see external:Function#_$bind\n * @param {Object} arg0 - 需要保持一致的对象，null表示window对象，此参数外的其他参数作为绑定参数\n * @return {Function} 返回绑定后的事件函数\n */\n _extpro._$bind2 = function() {\n var _args = arguments,\n _object = _r.shift.call(_args),\n _function = this;\n return function(){\n _r.push.apply(arguments,_args);\n return _function.apply(_object||null,arguments);\n };\n };\n // for compatiable\n var _extpro = String.prototype;\n if (!_extpro.trim){\n _extpro.trim = (function(){\n var _reg = /(?:^\\s+)|(?:\\s+$)/g;\n return function(){\n return this.replace(_reg,'');\n };\n })();\n }\n if (!this.console){\n this.console = {\n log:_f,\n error:_f\n };\n }\n\n if (CMPT){\n NEJ = this.NEJ||{};\n // copy object properties\n // only for nej compatiable\n NEJ.copy = function(a,b){\n a = a||{};\n b = b||_o;\n for(var x in b){\n if (b.hasOwnProperty(x)){\n a[x] = b[x];\n }\n }\n return a;\n };\n // NEJ namespace\n NEJ = NEJ.copy(\n NEJ,{\n O:_o,R:_r,F:_f,\n P:function(_namespace){\n if (!_namespace||!_namespace.length){\n return null;\n }\n var _package = window;\n for(var a=_namespace.split('.'),\n l=a.length,i=(a[0]=='window')?1:0;i http://a.b.com:8080\n * @param {String} URL地址\n * @return {String} 源信息\n */\n _p.__url2host = (function(){\n var _reg = /^([\\w]+?:\\/\\/.*?(?=\\/|$))/i;\n return function(_url){\n _url = _url||'';\n // fix relative protocol url\n if (_url.indexOf('//')===0){\n _url = location.protocol+_url;\n }\n if (_reg.test(_url))\n return RegExp.$1;\n return location.protocol+'//'+location.host;\n };\n })();\n /**\n * 设置NEJ配置信息\n * @param {String} 配置标识\n * @param {Variable} 配置信息\n * @return {Void}\n */\n _p.__set = function(_key,_value){\n _cache[_key] = _value;\n };\n /**\n * 获取NEJ配置信息\n * @param {String} 配置标识\n * @return {Variable} 配置信息\n */\n _p.__get = function(_key){\n return _cache[_key];\n };\n\n // init\n /*\n * 初始化配置信息\n * @param {Object} 配置信息\n * @return {Void}\n */\n var _doInit = (function(){\n var _conf = {\n 'portrait':{name:'portrait',dft:'portrait/'},\n 'ajax.swf':{name:'ajax',dft:'nej_proxy_flash.swf'},\n 'chart.swf':{name:'chart',dft:'nej_flex_chart.swf'},\n 'audio.swf':{name:'audio',dft:'nej_player_audio.swf'},\n 'video.swf':{name:'video',dft:'nej_player_video.swf'},\n 'clipboard.swf':{name:'clipboard',dft:'nej_clipboard.swf'},\n 'upload.image.swf':{name:'uploadimage',dft:'nej_upload_image.swf'}\n };\n var _doInitProxy = function(_list){\n var _map = {};\n if (!_list||!_list.length){\n return _map;\n }\n for(var i=0,l=_list.length,_path;i0)\n _map[_p.__url2host(_path)] = _path;\n }\n return _map;\n };\n return function(_config){\n // check path config\n _p.__set('root',_config.root||'/res/');\n var _root = _p.__get('root');\n _u._$loop(_conf,function(v,k,m){\n _p.__set(k,_config[v.name]||(_root+v.dft));\n });\n // csrf config\n var _csrf = _config.p_csrf;\n if (_csrf===!0){\n _csrf = {\n cookie:'AntiCSRF',\n param:'AntiCSRF'\n };\n }\n _csrf = _csrf || _o;\n _p.__set('csrf',{\n param:_csrf.param||'',\n cookie:_csrf.cookie||''\n });\n // ajax by frame proxy\n _p.__set('frames',_doInitProxy(_config.p_frame));\n // ajax by flash proxy\n _p.__set('flashs',_doInitProxy(_config.p_flash));\n };\n })();\n _doInit(this.NEJ_CONF||_o);\n\n return _p;\n});\n"
},
{
"path": "src/base/platform/config.patch.js",
"content": "/*\n * ------------------------------------------\n * 平台适配接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nNEJ.define([\n './config.js',\n 'base/platform'\n],function(_h,_m,_p,_o,_f,_r){\n // for ie\n NEJ.patch('TR',function(){\n _h.__set(\n 'storage.swf',\n (this.NEJ_CONF||_o).storage||\n (_h.__get('root')+'nej_storage.swf')\n );\n });\n // for ie7- data uri not available\n NEJ.patch('TR<=3.0',function(){\n _h.__set(\n 'blank.png',\n (this.NEJ_CONF||_o).blank||\n (_h.__get('root')+'nej_blank.gif')\n );\n });\n\n return _h;\n});\n"
},
{
"path": "src/base/platform/element.js",
"content": "/*\n * ------------------------------------------\n * 平台适配接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nNEJ.define([\n 'base/util',\n 'base/platform'\n],function(_u,_m,_p,_o,_f,_r){\n /**\n * 从DocumentFragment中取指定ID的节点\n * @param {Document} 文档对象\n * @param {String} 节点标识\n * @return {Node} 指定标识的节点\n */\n _p.__getElementById = function(_fragment,_id){\n if (!!_fragment.getElementById){\n return _fragment.getElementById(''+_id);\n }\n try{\n return _fragment.querySelector('#'+_id);\n }catch(e){\n return null;\n }\n };\n /**\n * 取节点的子节点列表\n * @param {Node} 节点ID或者对象\n * @return {Array} 子节点列表\n */\n _p.__getChildren = function(_element){\n return _u._$object2array(\n _element.children||_element.childNodes\n );\n };\n /**\n * 根据类名取节点列表\n * @param {Node} 节点ID或者对象\n * @param {String} 类名\n * @return {Array} 节点列表\n */\n _p.__getElementsByClassName = function(_element,_class){\n return _u._$object2array(_element.getElementsByClassName(_class));\n };\n /**\n * 取下一个兄弟节点\n * @param {Node} 节点对象\n * @return {Node} 节点\n */\n _p.__nextSibling = function(_element){\n return _element.nextElementSibling;\n };\n /**\n * 取上一个兄弟节点\n * @param {Node} 节点对象\n * @return {Node} 节点\n */\n _p.__previousSibling = function(_element){\n return _element.previousElementSibling;\n };\n /**\n * 设置、获取数据\n * @param {Node} 节点\n * @param {String} 标识\n * @param {Variable} 值\n */\n _p.__dataset = function(_element,_name,_value){\n _element.dataset = _element.dataset||{};\n if (_value!==undefined){\n _element.dataset[_name] = _value;\n }\n return _element.dataset[_name];\n };\n /**\n * 取节点属性值\n * @param {Node} 节点\n * @param {String} 属性名\n * @return {String} 属性值\n */\n _p.__getAttribute = function(_element,_name){\n if ('getAttribute' in _element){\n return _element.getAttribute(_name);\n }\n };\n /**\n * 将dom节点转为xml串\n * @param {Node} 节点\n * @return {String} XML代码\n */\n _p.__serializeDOM2XML = function(_dom){\n return new XMLSerializer().serializeToString(_dom)||'';\n };\n /**\n * 将xml转为dom节点\n * @param {String} XML代码\n * @return {Node} 节点\n */\n _p.__parseDOMFromXML = function(_xml){\n var _root = new DOMParser()\n .parseFromString(_xml,'text/xml')\n .documentElement;\n return _root.nodeName=='parsererror'?null:_root;\n };\n /**\n * 节点占全屏\n * @param {Node} 节点\n * @param {Object} 视窗模型\n * @return {Void}\n */\n _p.__fullScreen = function(){\n // use css fixed position\n };\n /**\n * 为节点增加用于盖select/flash等控件的层\n * @param {Node} 节点\n * @return {Void}\n */\n _p.__mask = function(){\n // do nothing\n };\n /**\n * 去除用于盖select/flash等控件的层\n * @param {Node} 节点\n * @return {Void}\n */\n _p.__unmask = function(){\n // do nothing\n };\n // variables\n var _ospt = _m._$SUPPORT,\n _opfx = _m._$KERNEL.prefix;\n /**\n * 指定名称是否在配置表中\n * @param {String} 名称\n * @param {Object} 配置表\n * @return {Boolean} 是否命中\n */\n _p.__isMatchedName = (function(){\n var _reg = /^([a-z]+?)[A-Z]/;\n return function(_name,_map){\n return !!(_map[_name]||(_reg.test(_name)&&_map[RegExp.$1]));\n };\n })();\n /**\n * 样式名称做前缀增强\n * @param {String} 名称\n * @return {Boolean} 是否需要前缀增强\n */\n _p.__isNeedPrefixed = (function(){\n var _pmap = _u._$array2object([\n 'animation','transform','transition',\n 'appearance','userSelect','box','flex','column'\n ]);\n return function(_name){\n return _p.__isMatchedName(_name,_pmap);\n };\n })();\n /**\n * 格式化样式属性名称\n * border-width -> borderWidth\n * @param {String} 样式样式名\n * @return {String} 格式化后样式名\n */\n _p.__fmtStyleName = (function(){\n var _reg = /-([a-z])/g;\n return function(_name){\n _name = _name||'';\n return _name.replace(_reg,function($1,$2){\n return $2.toUpperCase();\n });\n };\n })();\n /**\n * 针对样式名称做格式化及前缀增强\n * @param {String} 样式名\n * @return {String} 增强后的样式名\n */\n _p.__getStyleName = (function(){\n var _reg = /^[a-z]/,\n _prefix = _opfx.css||'';\n return function(_name){\n _name = _p.__fmtStyleName(_name);\n if (!_p.__isNeedPrefixed(_name)){\n return _name;\n }\n // add prefix\n // userSelect -> webkitUserSelect\n return _prefix+_name.replace(_reg,function($1){\n return $1.toUpperCase();\n });\n };\n })();\n /**\n * 取样式值\n * @param {String|Node} 节点\n * @param {String} 样式名称\n * @return {Variable} 样式值\n */\n _p.__getStyleValue = function(_element,_name){\n var _current = window.getComputedStyle(_element,null);\n return _current[_p.__getStyleName(_name)]||'';\n };\n /**\n * 设置样式\n * @param {String|Node} 节点\n * @param {String} 样式名称\n * @param {String} 样式值\n * @return {Void}\n */\n _p.__setStyleValue = function(_element,_name,_value){\n _element.style[_p.__getStyleName(_name)] = _value;\n };\n /**\n * 取样式变换矩阵对象\n * @param {String} 变换信息\n * @return {CSSMatrix} 变换矩阵对象\n */\n _p.__getCSSMatrix = (function(){\n var _reg0 = /\\((.*?)\\)/,\n _reg1 = /\\s*,\\s*/,\n _klss = ['CSSMatrix',_opfx.clz+'CSSMatrix'],\n _list = ['m11','m12','m21','m22','m41','m42'];\n // matrix(1,2,3,4,5,6)\n // -> {m11:1,m12:2,m21:3,m22:4,m41:5,m42:6}\n var _doParse = function(_matrix){\n var _obj = {};\n if (_reg0.test(_matrix||'')){\n // 11,12,21,22,41,42\n _u._$forEach(\n RegExp.$1.split(_reg1),\n function(_value,_index){\n _obj[_list[_index]] = _value;\n }\n );\n }\n return _obj;\n };\n return function(_matrix){\n var _mtrx;\n _u._$forIn(_klss,function(_name){\n if (!!this[_name]){\n _mtrx = new this[_name](_matrix||'');\n return !0;\n }\n });\n return !_mtrx?_doParse(_matrix):_mtrx;\n };\n })();\n /**\n * 注入样式\n * @param {Node} 样式节点\n * @param {String} 样式内容\n * @return {Void}\n */\n _p.__injectCSSText = function(_style,_css){\n _style.textContent = _css;\n };\n /**\n * 对样式进行预处理\n * @param {String} 待处理样式内容\n * @return {String} 处理后样式内容\n */\n _p.__processCSSText = (function(){\n var _reg0 = /\\$<(.*?)>/gi,\n _reg1 = /\\{(.*?)\\}/g,\n _pfx = '-'+_opfx.css.toLowerCase()+'-',\n _2dmap = {\n scale:'scale({x|1},{y|1})',\n rotate:'rotate({a})',\n translate:'translate({x},{y})',\n matrix:'matrix({m11},{m12},{m21},{m22},{m41},{m42})'\n },\n _3dmap = {\n scale:'scale3d({x|1},{y|1},{z|1})',\n rotate:'rotate3d({x},{y},{z},{a})',\n translate:'translate3d({x},{y},{z})',\n matrix:'matrix3d({m11},{m12},{m13},{m14},{m21},{m22},{m23},{m24},{m31},{m32},{m33|1},{m34},{m41},{m42},{m43},{m44|1})'\n };\n // merge template and data\n var _getTransformValue = function(_tpl,_map){\n _map = _map||_o;\n return _tpl.replace(_reg1,function($1,$2){\n var _arr = $2.split('|');\n return _map[_arr[0]]||_arr[1]||'0';\n });\n };\n // process transform value\n _p.__processTransformValue = function(_name,_data){\n var _tpl = (!_ospt.css3d?_2dmap:_3dmap)[_name.trim()];\n if (!!_tpl){\n return _getTransformValue(_tpl,_data);\n }\n return '';\n };\n return function(_css){\n if (!_css.replace){\n return _css;\n }\n return _css.replace(_reg0,function($1,$2){\n // prefix for css3\n if ($2==='vendor'){\n return _pfx;\n }\n // parse 3D value\n var _arr = ($2||'').split('|');\n return _p.__processTransformValue(\n _arr[0],_u._$query2object(_arr[1])\n )||$1;\n });\n };\n })();\n /**\n * 追加CSS规则\n * @param {Node} 样式节点\n * @param {String} 单条样式规则\n * @return {CSSRule} 样式规则对象\n */\n _p.__appendCSSText = function(_element,_css){\n var _sheet = _element.sheet,\n _length = _sheet.cssRules.length;\n _sheet.insertRule(_css,_length);\n return _sheet.cssRules[_length];\n };\n /**\n * 取待验证的样式列表\n * @param {String} 样式，多个以空格分隔\n * @return {Array} 样式列表\n */\n _p.__getClassList = (function(){\n var _reg = /\\s+/;\n return function(_class){\n _class = (_class||'').trim();\n return !!_class?_class.split(_reg):null;\n };\n })();\n /**\n * 操作样式\n * @param {Node} 节点\n * @param {String} 操作\n * @param {String} 样式\n * @return {Void}\n */\n _p.__processClassName = function(_element,_type,_class){\n if (_type=='replace'){\n _p.__processClassName(\n _element,'remove',_class\n );\n _p.__processClassName(\n _element,'add',arguments[3]\n );\n return;\n }\n _u._$forEach(\n _p.__getClassList(_class),\n function(_clazz){\n _element.classList[_type](_clazz);\n }\n );\n };\n /**\n * 检测节点是否包含指定样式，多个样式用空格分隔，检测时包含其中之一即表示包含\n * @param {Node} 节点ID或者对象\n * @param {String} 样式串\n * @return {Boolean} 是否含指定样式\n */\n _p.__hasClassName = function(_element,_class){\n var _list = _element.classList;\n if (!_list||!_list.length){\n return !1;\n }\n return _u._$indexOf(\n _p.__getClassList(_class),\n function(_clazz){\n return _list.contains(_clazz);\n }\n )>=0;\n };\n // for init\n (function(){\n if (!_ospt.css3d){\n var _matrix = _p.__getCSSMatrix();\n _ospt.css3d = !!_matrix&&_matrix.m41!=null;\n }\n })();\n\n return _p;\n});\n"
},
{
"path": "src/base/platform/element.patch.js",
"content": "/*\n * ------------------------------------------\n * 平台适配接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nNEJ.define([\n './element.js',\n 'base/platform',\n 'base/util'\n],function(_h,_m,_u,_p,_o,_f,_r){\n // for ie\n NEJ.patch('TR',function(){\n /**\n * 取节点的子节点列表\n * @param {Node} _element 节点ID或者对象\n * @return {Array} 子节点列表\n */\n _h.__getChildren = _h.__getChildren._$aop(\n function(_event){\n var _element = _event.args[0];\n if (!!_element.children) return;\n // hack children\n _event.stopped = !0;\n var _result = [];\n _u._$forEach(\n _element.childNodes,\n function(_node){\n if (_node.nodeType==1){\n _result.push(_node);\n }\n }\n );\n _event.value = _result;\n }\n );\n });\n // for ie10-\n NEJ.patch('TR<=6.0',function(){\n /**\n * 设置、获取数据\n * @param {Node} 节点\n * @param {String} 标识\n * @param {Variable} 值\n */\n _h.__dataset = (function(){\n var _dataset = {},\n _tag = 'data-',\n _reg = /\\-(.{1})/gi;\n // init element dataset\n var _init = function(_element){\n var _id = _element.id;\n if (!!_dataset[_id]) return;\n var _map = {};\n _u._$forEach(\n _element.attributes,\n function(_node){\n var _key = _node.nodeName;\n if (_key.indexOf(_tag)!=0) return;\n _key = _key.replace(_tag,'')\n .replace(_reg,function($1,$2){\n return $2.toUpperCase();\n });\n _map[_key] = _node.nodeValue||'';\n }\n );\n _dataset[_id] = _map;\n };\n return function(_element,_key,_value){\n _init(_element);\n var _set = _dataset[_element.id];\n if (_value!==undefined){\n _set[_key] = _value;\n }\n return _set[_key];\n };\n })();\n });\n // for ie9-\n NEJ.patch('TR<=5.0',function(){\n // cache background image\n try{document.execCommand('BackgroundImageCache',!1,!0);}catch(e){}\n /**\n * 注入样式\n * @param {Node} 样式节点\n * @param {String} 样式内容\n * @return {Void}\n */\n _h.__injectCSSText = (function(){\n var _max = 30;\n return _h.__injectCSSText._$aop(function(_event){\n var _element = _event.args[0];\n if (!_element.styleSheet) return;\n _event.stopped = !0;\n var _css = _event.args[1];\n // ie9- has 31 style/link limitation\n var _list = document.styleSheets;\n if (_list.length>_max){\n // bad performance\n _element = _list[_max];\n _css = _element.cssText + _css;\n }else{\n _element = _element.styleSheet;\n }\n _element.cssText = _css;\n });\n })();\n /**\n * 取待验证的样式正则表达式\n * @param {String} 样式，多个以空格分隔\n * @return {RegExp} 正则表达式\n */\n _h.__getClassRegExp = (function(){\n var _reg = /\\s+/g;\n return function(_class){\n _class = (_class||'').trim().replace(_reg,'|');\n return !_class?null:new RegExp('(\\\\s|^)(?:'+_class+')(?=\\\\s|$)','g');\n };\n })();\n /**\n * 操作样式\n * @param {Node} 节点\n * @param {String} 操作\n * @param {String} 样式\n * @return {Void}\n */\n _h.__processClassName = function(_element,_type,_class){\n _class = _class||'';\n var _name = _element.className||'',\n _xreg = _h.__getClassRegExp(\n _class+' '+(arguments[3]||'')\n );\n // remove all calss\n var _result = _name;\n if (!!_xreg){\n _result = _result.replace(_xreg,'');\n }\n // parse added class\n switch(_type){\n case 'remove':\n _class = '';\n break;\n case 'replace':\n _class = arguments[3]||'';\n break;\n }\n // generate class result\n _result = (_result+' '+_class).trim();\n if (_name!=_result){\n _element.className = _result;\n }\n };\n /**\n * 检测节点是否包含指定样式，多个样式用空格分隔，检测时包含其中之一即表示包含\n * @param {Node} 节点ID或者对象\n * @param {String} 样式串\n * @return {Boolean} 是否含指定样式\n */\n _h.__hasClassName = function(_element,_class){\n var _xreg = _h.__getClassRegExp(_class);\n if (!!_xreg){\n return _xreg.test(_element.className||'');\n }\n return !1;\n };\n });\n // for ie8-\n NEJ.patch('TR<=4.0',function(){\n /**\n * 根据类名取节点列表\n * @param {Node} 节点ID或者对象\n * @param {String} 类名\n * @return {Array} 节点列表\n */\n _h.__getElementsByClassName = function(_element,_class){\n var _result = [],\n _regexp = new RegExp('(\\\\s|^)(?:'+_class.replace(/\\s+/g,'|')+')(?=\\\\s|$)');\n _u._$forEach(\n _element.getElementsByTagName('*'),\n function(_node){\n if (_regexp.test(_node.className)){\n _result.push(_node);\n }\n }\n );\n return _result;\n };\n /**\n * 取下一个兄弟节点\n * @param {Node} 节点对象\n * @return {Node} 节点\n */\n _h.__nextSibling = function(_element){\n while(_element=_element.nextSibling){\n if (_element.nodeType==1){\n return _element;\n }\n }\n };\n /**\n * 取上一个兄弟节点\n * @param {Node} 节点对象\n * @return {Node} 节点\n */\n _h.__previousSibling = function(_element){\n while(_element=_element.previousSibling){\n if (_element.nodeType==1){\n return _element;\n }\n }\n };\n /**\n * 将dom节点转为xml串\n * @param {Node} 节点\n * @return {String} XML代码\n */\n _h.__serializeDOM2XML = function(_dom){\n return ('xml' in _dom)?_dom.xml:_dom.outerHTML;\n };\n /**\n * 将xml转为dom节点\n * @param {String} XML代码\n * @return {Node} 节点\n */\n _h.__parseDOMFromXML = (function(){\n // http://blogs.msdn.com/b/xmlteam/archive/2006/10/23/using-the-right-version-of-msxml-in-internet-explorer.aspx\n var _msxml = [\n 'Msxml2.DOMDocument.6.0',\n 'Msxml2.DOMDocument.3.0'\n ];\n var _getParser = function(){\n try{\n for(var i=0,l=_msxml.length;i filter:alpha(opacity=50)\n opacity:function(_element,_value){\n _element.style.filter = 'alpha(opacity='+_value*100+')';\n }\n };\n return function(_element,_name,_value){\n var _func = _fmap[_name];\n if (!!_func){\n _func(_element,_value);\n }else{\n _element.style[_h.__getStyleName(_name)] = _value;\n }\n };\n })();\n /**\n * 追加CSS规则\n * @param {Node} 样式节点\n * @param {String} 单条样式规则\n * @return {CSSRule} 样式规则对象\n */\n _h.__appendCSSText = function(_element,_css){\n var _sheet = _element.styleSheet,\n _length = _sheet.rules.length,\n _arr = _css.split(/[\\{\\}]/);\n _sheet.addRule(_arr[0],_arr[1],_length);\n return _sheet.rules[_length];\n };\n });\n // for ie7-\n NEJ.patch('TR<=3.0',function(){\n /**\n * 取节点属性值\n * @param {Node} 节点\n * @param {String} 属性名\n * @return {String} 属性值\n */\n _h.__getAttribute =\n _h.__getAttribute._$aop(null,function(_event){\n // fix ie7 maxlength default value 2147483647\n var _args = _event.args;\n if (_args[1]=='maxlength'&&\n _event.value==2147483647){\n _event.value = null;\n }\n });\n });\n // for ie6-\n NEJ.patch('TR<=2.0',function(){\n /**\n * 节点占全屏\n * @param {Node} 节点\n * @param {Object} 视窗模型\n * @return {Void}\n */\n _h.__fullScreen = function(_element,_viewport){\n var _style = _element.style;\n _style.width = _viewport.scrollWidth+'px';\n _style.height = _viewport.scrollHeight+'px';\n };\n /**\n * 为节点增加用于盖select/flash等控件的层\n * @param {Node} 节点\n * @return {Void}\n */\n _h.__mask = (function(){\n var _cache = {};\n // remove mask\n _h.__unmask = function(_element){\n var _id = _element.id,\n _mask = _cache[_id];\n if (!!_mask){\n delete _cache[_id];\n _mask.parentNode.removeChild(_mask);\n }\n };\n // append mask\n return function(_element){\n var _id = _element.id,\n _mask = _cache[_id];\n // create mask\n if (!_mask){\n _mask = document.createElement('iframe');\n _mask.style.position = 'absolute';\n _cache[_id] = _mask;\n }\n // sync mask size\n var _style1 = _mask.style,\n _style0 = _element.style;\n _style1.top = (parseInt(_style0.top)||0)+'px';\n _style1.left = (parseInt(_style0.left)||0)+'px';\n _style1.width = _element.offsetWidth+'px';\n _style1.height = _element.offsetHeight+'px';\n _element.insertAdjacentElement('beforeBegin',_mask);\n return _mask;\n };\n })();\n });\n // for firefox\n NEJ.patch('GR',function(){\n if (!_m._$SUPPORT.css3d){\n _m._$SUPPORT.css3d = 'MozPerspective' in document.body.style;\n }\n if (!('insertAdjacentElement' in document.body)){\n HTMLElement.prototype.insertAdjacentElement = function(_where,_element){\n if (!_where||!_element) return;\n switch(_where){\n case 'beforeEnd' :\n this.appendChild(_element);\n return;\n case 'beforeBegin':\n this.parentNode.insertBefore(_element,this);\n return;\n case 'afterBegin' :\n !this.firstChild\n ?this.appendChild(_element)\n :this.insertBefore(_element,this.firstChild);\n return;\n case 'afterEnd' :\n !this.nextSibling\n ?this.parentNode.appendChild(_element)\n :this.parentNode.insertBefore(_element,this.nextSibling);\n return;\n }\n };\n }\n if (!('innerText' in document.body)){\n HTMLElement.prototype['__defineGetter__'](\"innerText\",function(){return this.textContent;});\n HTMLElement.prototype['__defineSetter__'](\"innerText\",function(_content){this.textContent = _content;});\n }\n });\n\n return _h;\n});\n"
},
{
"path": "src/base/platform/event.js",
"content": "/*\n * ------------------------------------------\n * 平台适配接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nNEJ.define([\n 'base/util',\n 'base/platform'\n],function(_u,_m,_p,_o,_f,_r){\n /**\n * 验证事件信息\n * @param {Node} 节点\n * @param {String} 事件类型\n * @param {Function} 处理函数\n * @return {Object} 验证后事件信息 type/handler\n */\n _p.__checkEvent = (function(){\n // need change event name\n var _tmap = {\n touchstart:'mousedown',\n touchmove:'mousemove',\n touchend:'mouseup'\n },\n // need prefix\n _pfix = _m._$KERNEL.prefix,\n _emap = {\n transitionend:'TransitionEnd',\n animationend:'AnimationEnd',\n animationstart:'AnimationStart',\n animationiteration:'AnimationIteration',\n visibilitychange:'visibilitychange',\n fullscreenchange:'fullscreenchange'\n };\n var _fmap = {\n enter:function(_element,_type,_handler){\n var _result = {\n type:'keypress'\n };\n if (!!_handler){\n _result.handler = function(_event){\n if (_event.keyCode===13){\n _handler.call(_element,_event);\n }\n };\n }\n return _result;\n }\n };\n var _doPrefix = function(_name){\n return (_pfix.evt||_pfix.pro)+_name;\n };\n return function(_element,_type,_handler){\n var _result = {\n type:_type,\n handler:_handler\n };\n if (!(('on'+_type) in _element)){\n // check name convert\n var _name = _tmap[_type];\n if (!!_name){\n _result.type = _name;\n return _result;\n }\n // check prefix complete\n var _name = _emap[_type];\n if (!!_name){\n _result.type = _doPrefix(_name);\n return _result;\n }\n // check event update\n var _func = _fmap[_type];\n if (!!_func){\n return _func.apply(null,arguments);\n }\n }\n return _result;\n };\n })();\n /**\n * 添加事件\n * @param {Node} 节点\n * @param {String} 事件\n * @param {Function} 处理函数\n * @param {Boolean} 是否捕捉阶段\n * @return {Void}\n */\n _p.__addEvent = function(){\n var _args = arguments;\n if (DEBUG){\n if (!(('on'+_args[1]) in _args[0])){\n console.log('not support event['+_args[1]+'] for '+_args[0]);\n }\n }\n _args[0].addEventListener(\n _args[1],_args[2],_args[3]\n );\n };\n /**\n * 删除事件\n * @param {Node} 节点\n * @param {String} 事件\n * @param {Function} 处理函数\n * @param {Boolean} 是否捕捉阶段\n * @return {Void}\n */\n _p.__delEvent = function(){\n var _args = arguments;\n _args[0].removeEventListener(\n _args[1],_args[2],_args[3]\n );\n };\n /**\n * 触发对象的某个事件\n * @param {String|Node} 节点ID或者对象\n * @param {String} 鼠标事件类型\n * @return {Void}\n */\n _p.__dispatchEvent = function(_element,_type,_options){\n var _event = document.createEvent('Event');\n _event.initEvent(_type,!0,!0);\n _u._$merge(_event,_options);\n _element.dispatchEvent(_event);\n };\n \n return _p;\n});\n"
},
{
"path": "src/base/platform/event.patch.js",
"content": "/*\n * ------------------------------------------\n * 平台适配接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nNEJ.define([\n './event.js',\n 'base/util'\n],function(_h,_u,_p,_o,_f,_r){\n // for ie10+\n NEJ.patch('TR>=6.0',function(){\n /**\n * 验证事件信息\n * @param {Node} 节点\n * @param {String} 事件类型\n * @param {Function} 处理函数\n * @return {Object} 验证后事件信? type/handler\n */\n _h.__checkEvent = (function(){\n var _emap = {\n touchcancel:'MSPointerCancel',\n touchstart:'MSPointerDown',\n touchmove:'MSPointerMove',\n touchend:'MSPointerUp',\n fullscreenchange:'MSFullscreenChange'\n };\n return _h.__checkEvent._$aop(function(_event){\n var _args = _event.args;\n // check event convert\n var _name = _emap[_args[1]];\n if (!!_name){\n _event.stopped = !0;\n _event.value = {\n type:_name,\n handler:_args[2]\n };\n }\n });\n })();\n });\n // for ie9\n NEJ.patch('TR==5.0',function(){\n /**\n * 验证事件信息\n * @param {Node} 节点\n * @param {String} 事件类型\n * @param {Function} 处理函数\n * @return {Object} 验证后事件信? type/handler\n */\n _h.__checkEvent = (function(){\n var _vmap = {};\n var _fmap = {\n input:function(_element,_type,_handler){\n // for check type only\n if (!_handler){\n return {type:_type};\n }\n // fix input backspace/delete/ctrl+x bug\n return {\n type:_type,\n handler:function(_event){\n var _id = _element.id;\n _vmap[_id] = _element.value;\n _handler.call(_element,_event);\n },\n link:[[\n document,'selectionchange',\n function(_event){\n var _id = _element.id;\n if (_element!=document.activeElement){\n delete _vmap[_id];\n return;\n }\n if (_vmap[_id]!==_element.value){\n _vmap[_id] = _element.value;\n _handler.call(_element,_event);\n }\n }\n ]]\n };\n }\n };\n return _h.__checkEvent._$aop(function(_event){\n var _args = _event.args;\n // check event update\n var _func = _fmap[_args[1]];\n if (!!_func){\n _event.stopped = !0;\n _event.value = _func.apply(null,_args);\n }\n });\n })();\n });\n // for ie9+\n NEJ.patch('TR>=5.0',function(){\n // must use attach/detach for event\n var _attached = {\n 'propertychange':1\n };\n /**\n * 添加事件\n * @param {Node} 节点\n * @param {String} 事件\n * @param {Function} 处理函数\n * @param {Boolean} 是否捕捉阶段\n * @return {Void}\n */\n _h.__addEvent = \n _h.__addEvent._$aop(function(_event){\n var _args = _event.args;\n if (_attached[_args[1]]!=null&&!!_args[0].attachEvent){\n _event.stopped = !0;\n _args[0].attachEvent('on'+_args[1],_args[2]);\n }\n });\n /**\n * 删除事件\n * @param {Node} 节点\n * @param {String} 事件\n * @param {Function} 处理函数\n * @param {Boolean} 是否捕捉阶段\n * @return {Void}\n */\n _h.__delEvent = \n _h.__delEvent._$aop(function(_event){\n var _args = _event.args,\n _alias = _attached[_args[1]];\n if (_attached[_args[1]]!=null&&!!_args[0].detachEvent){\n _event.stopped = !0;\n _args[0].detachEvent('on'+_args[1],_args[2]);\n }\n });\n });\n // for ie8-\n NEJ.patch('TR<=4.0',function(){\n /**\n * 验证事件信息\n * @param {Node} 节点\n * @param {String} 事件类型\n * @param {Function} 处理函数\n * @return {Object} 验证后事件信? type/handler\n */\n _h.__checkEvent = (function(){\n var _lmap = {};\n var _fmap = {\n input:function(_element,_type,_handler){\n var _result = {\n type:'propertychange'\n };\n if (!!_handler){\n var _id = _element.id;\n var _hack = function(_event){\n if (!!_element.value&&!_lmap['x-'+_id]){\n _lmap['x-'+_id] = !0;\n _handler.call(_element,_event);\n }\n };\n _result.handler = function(_event){\n // for input.value or textarea.value\n if (('value' in _element)&&\n _event.propertyName=='value'){\n // lock cycle trigger\n if (!!_lmap[_id]){\n return;\n }\n _lmap[_id] = !0;\n _handler.call(_element,_event);\n delete _lmap[_id];\n }\n };\n _result.link = [\n [_element,'keyup',_hack],\n [_element,'mouseup',_hack],\n [_element,'mousemove',_hack]\n ];\n _result.destroy = function(){\n delete _lmap[_id];\n delete _lmap['x-'+_id];\n };\n }\n return _result;\n },\n load:function(_element,_type,_handler){\n var _result = {\n type:'readystatechange'\n };\n if (!!_handler){\n _result.handler = function(_event){\n if (_element.readyState=='loaded'||\n _element.readyState=='complete'){\n _handler.call(_element,_event);\n }\n };\n }\n return _result;\n }\n };\n return _h.__checkEvent._$aop(function(_event){\n var _args = _event.args;\n // check event update\n var _func = _fmap[_args[1]];\n if (!!_func){\n _event.stopped = !0;\n _event.value = _func.apply(null,_args);\n }\n // use element for this in handler\n if (!!_args[2]){\n _args[2] = _args[2]._$bind(_args[0]);\n }\n });\n })();\n /**\n * 添加事件\n * @param {Node} 节点\n * @param {String} 事件\n * @param {Function} 处理函数\n * @param {Boolean} 是否捕捉阶段\n * @return {Void}\n */\n _h.__addEvent = function(){\n var _args = arguments;\n if (DEBUG){\n if (!(('on'+_args[1]) in _args[0])){\n console.log('not support event['+_args[1]+'] for '+_args[0]);\n }\n }\n _args[0].attachEvent('on'+_args[1],_args[2]);\n };\n /**\n * 删除事件\n * @param {Node} 节点\n * @param {String} 事件\n * @param {Function} 处理函数\n * @param {Boolean} 是否捕捉阶段\n * @return {Void}\n */\n _h.__delEvent = function(){\n var _args = arguments;\n _args[0].detachEvent('on'+_args[1],_args[2]);\n };\n /**\n * 触发对象的某个事?\n * @param {String|Node} 节点ID或?对?\n * @param {String} 鼠标事件类型\n * @return {Void}\n */\n _h.__dispatchEvent = (function(){\n var _omap = {\n propertychange:{propertyName:'value'}\n };\n return function(_element,_type,_options){\n var _event = document.createEventObject();\n try{\n _u._$merge(_event,_omap[_type],_options);\n _element.fireEvent('on'+_type,_event);\n }catch(ex){\n // ignore unrecognized event name\n console.error(ex.message);\n console.error(ex.stack);\n }\n };\n })();\n });\n // for firefox\n NEJ.patch('GR',function(){\n /**\n * 验证事件信息\n * @param {Node} 节点\n * @param {String} 事件类型\n * @param {Function} 处理函数\n * @return {Object} 验证后事件信? type/handler\n */\n _h.__checkEvent = (function(){\n var _nreg = /^(?:transitionend|animationend|animationstart|animationiteration)$/i;\n var _fmap = {\n mousewheel:function(_element,_type,_handler){\n var _result = {\n type:'MozMousePixelScroll'\n };\n if (!!_handler){\n _result.handler = function(_event){\n var _delta = _event.detail;\n _event.wheelDelta = -_delta;\n _event.wheelDeltaY = -_delta;\n _event.wheelDeltaX = 0;\n _handler.call(_element,_event);\n };\n }\n return _result;\n }\n };\n return _h.__checkEvent._$aop(function(_event){\n var _args = _event.args;\n // check animation event\n if (_nreg.test(_args[1])){\n _event.stopped = !0;\n _event.value = {\n type:_args[1],\n handler:_args[2]\n };\n }\n // check event update\n var _func = _fmap[_args[1]];\n if (!!_func){\n _event.stopped = !0;\n _event.value = _func.apply(null,_args);\n }\n });\n })();\n });\n\n return _h;\n});\n"
},
{
"path": "src/base/platform/util.js",
"content": "/*\n * ------------------------------------------\n * 平台适配接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nNEJ.define(function(_p,_o,_f,_r){\n /**\n * 遍历对象\n * @param {Object} 对象\n * @param {Function} 迭代回调\n * @param {Object} 回调执行对象\n * @return {String} 循环中断时的key值\n */\n _p.__forIn = function(_obj,_callback,_this){\n if (!_obj||!_callback){\n return null;\n }\n var _keys = Object.keys(_obj);\n for(var i=0,l=_keys.length,_key,_ret;i\n\n\t\n\t\tconfig测试页 \n \t\t
\n\t\t
\n \t\t\n\t\t\n\t\n"
},
{
"path": "src/base/test/config.test.js",
"content": "window.NEJ_CONF = {\n 'root':'/res/',\n 'p_frame':['http://nei.netease.com/html/nej_proxy_frame.html'],\n 'p_flash':['http://nei.netease.com/proxy/crossdomain.xml']\n}\nvar f = function(){\n //定义测试模块\n module(\"config\");\n var _c = NEJ.P('nej.c'),\n _p = NEJ.P('nej.p');\n\n //开始单元测试\n test('NEJ配置文件测试', function() {\n var _uri = _c._$getFrameProxy('http://nei.netease.com');\n equal(_uri,'http://nei.netease.com/html/nej_proxy_frame.html','代理文件地址');\n var _flash = _c._$getFlashProxy('http://nei.netease.com');\n equal(_flash,'http://nei.netease.com/proxy/crossdomain.xml','http://nei.netease.com/proxy/crossdomain.xml');\n equal(_c._$get('portrait'),'/res/portrait/','NEJ各文件配置portrait');\n equal(_c._$get('ajax.swf'),'/res/nej_proxy_flash.swf','NEJ各文件配置ajax');\n equal(_c._$get('chart.swf'),'/res/nej_flex_chart.swf','NEJ各文件配置chart');\n equal(_c._$get('audio.swf'),'/res/nej_player_audio.swf','NEJ各文件配置audio');\n equal(_c._$get('video.swf '),undefined,'NEJ各文件配置video');\n equal(_c._$get('clipboard.swf'),'/res/nej_clipboard.swf','NEJ各文件配置clipboard');\n equal(_c._$get('upload.image.swf'),'/res/nej_upload_image.swf','NEJ各文件配置upload');\n if (_p._$KERNEL.browser == 'ie' && _p._$KERNEL.release <= 3.0){\n equal(_c._$get('storage.swf'),'/res/nej_storage.swf','NEJ各文件配置storage');\n }else{\n ok(true,'高版本不需要 storage');\n }\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}config.test.js',\n ['{lib}base/config.js'],f);\n});\n"
},
{
"path": "src/base/test/constant.test.html",
"content": "\n\n\t\n\t\tconstant测试页 \n \t\t
\n\t\t
\n \t\t\n\t\t\n\t\n"
},
{
"path": "src/base/test/constant.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"constant\");\n var _p = NEJ.P('nej.g'),\n _g = NEJ.P('nej.p');\n\n //开始单元测试\n test('测试静态变量', function() {\n equal(typeof(_p._$CODE_NOTASGN),'number','需要指定的参数未指定');\n equal(typeof(_p._$CODE_NOTSPOT),'number','不支持操作');\n equal(typeof(_p._$CODE_TIMEOUT),'number','操作超时');\n equal(typeof(_p._$CODE_ERREVAL),'number','字符串作为脚本执行异常');\n equal(typeof(_p._$CODE_ERRCABK),'number','回调执行异常');\n equal(typeof(_p._$CODE_ERRSERV),'number','服务器返回异常');\n equal(typeof(_p._$CODE_ERRABRT),'number','异常终止的错误码');\n equal(_p._$HEAD_CT,'Content-Type','请求头content-type统一名称');\n equal(_p._$HEAD_CT_PLAN,'text/plain','文本请求头content-type值');\n equal(_p._$HEAD_CT_FILE,'multipart/form-data','文件请求头content-type值');\n equal(_p._$HEAD_CT_FORM,'application/x-www-form-urlencoded','表单请求头content-type值');\n if (_g._$KERNEL.browser == 'ie' && _g._$KERNEL.release<=3.0){\n equal(_p._$BLANK_IMAGE,'data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==','空图片BASE64编码地址');\n }else{\n equal(_p._$BLANK_IMAGE,'data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==','空图片BASE64编码地址');\n }\n\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}constant.test.js',\n ['{lib}base/constant.js'],f);\n});\n"
},
{
"path": "src/base/test/element.test.html",
"content": "\n\n\t\n\t\telement测试页面 \n \t\t
\n\t\t
\n\t\t\n\t\t\tnode \n\t\t\tnode2 \n\t\t
\n\t\t\n\t\t\n\t\t\n\t\t\t设置css3d属性\n\t\t
\n\t\t\n\t\t\n\t\t
\n\t\t\n\t\tbottom\n\t\t
\n\t\tfull-div
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/base/test/element.test.js",
"content": "var f = function(){\n //定义测试模块\n module('element');\n var p = NEJ.P('nej.p');\n var e = NEJ.P('nej.e');\n var v = NEJ.P('nej.v');\n\n //开始单元测试\n test('判断平台',function(){\n equal(typeof(p._$KERNEL),'object','浏览器是'+p._$KERNEL.browser+'----前缀是'+p._$KERNEL.prefix.css+'----scc3d='+p._$SUPPORT.css3d);\n });\n\n test('xml2object',function(){\n var _xml = '\\\n \\\n \\\n id \\\n code\\\n name \\
\\\n \\\n id \\\n code\\\n name \\\n \\\n \\\n ';\n var _xml2 = '\\\n\\\n\\\n 1\\\n \\\n 198114001 \\\n 2 \\\n 2 \\\n 110 \\\n 4/zxeW5iOfq3ppXe1etviJwg==/611645124409898904.jpg \\\n 1/_0CvRVkR39uuLIIEHVSAJQ==/1278740819214249961.jpg \\\n 5/eoc7HI1101yikVJnzbBADg==/3082713944952843165.jpg \\\n \\\n \\\n ';\n equal(e._$xml2object(_xml2).netease.albums.album.auth,'2','XML转对象');\n });\n\n QUnit.test('textarea光标测试',function(){\n QUnit.stop();\n var _cursor = e._$get('cursor-area');\n setTimeout(function(){\n equal(e._$cursor(_cursor),{start:100,end:2000},'请人工检查光标起始位置和结束位置');\n QUnit.start();\n },2000);\n });\n\n QUnit.test('fullScreen测试',function(){\n QUnit.stop();\n var _cursor = e._$get('full-div');\n setTimeout(function(){\n e._$fullScreen(_cursor);\n equal(_cursor.style.width,document.body.offsetWidth + 'px','节点占全屏');\n QUnit.start();\n },3000);\n });\n\n test('element',function(){\n var _node = document.getElementById('js-node');\n e._$setStyle(_node,'z-index',888);\n equal(e._$getStyle(_node,'z-index'),888,'设置z-index样式');\n equal(e._$get('js-node'),_node,'取节点对象，通过ID');\n equal(e._$get(_node),_node,'取节点对象，通过对象');\n //需要重复测试\n equal(typeof(e._$id(_node)),'string','为节点设置一个唯一的ID');//返回本身id，没有id生成一个auto-id-xxxxxxxx\n /**\n * \n * node \n * node2 \n *
\n */\n equal(e._$getSibling('ele').id,'cursor-area','根据从兄弟节点中搜索符合条件的节点')\n equal(e._$getChildren(_node)[0].innerHTML,'node','取节点的子节点列表');\n equal(e._$getChildren(_node,'node2')[0].innerHTML,'node2','根据样式标识取子节点列表');\n equal(e._$getByClassName(document,'node')[0],_node,'根据类名取节点列表');\n /**\n * 创建
节点\n * 追加到document.body下\n */\n equal(e._$create('div','js-div',document.body),e._$getByClassName(document,'js-div')[0],'创建一个节点');\n //xFrame\n stop();\n var _xFrame = e._$createXFrame({\n src:'http://www.baidu.com',\n name:'百度',\n parent:'frameCnt',\n visible:false,\n onload:function(){\n ok(true,'框架载入成功');\n equal(_xFrame.name,'百度','name设置');\n equal(_xFrame.style.display,'none','visible设置');\n start();\n }\n });\n var _id = e._$id(e._$getByClassName(document,'js-div')[0]);\n var _ele = e._$get(_id);\n //css3D\n var _css3d = e._$get('css3d');\n e._$css3d(_css3d,'translate',{x:'100px',y:'20px',z:'30px'});\n equal(_css3d.style['-webkit-transform'],'translate3d(100px, 20px, 30px)','设置translate3d属性,仅safari和chrome支持');\n e._$css3d(_css3d,'translate',{x:'100px',y:'20px',z:'40px'});\n equal(_css3d.style['-webkit-transform'],'translate3d(100px, 20px, 40px)','重新设置translate3d属性,仅safari和chrome支持');\n e._$css3d(_css3d,'scale',{x:1,y:2,z:2});\n equal(_css3d.style['-webkit-transform'],'scale3d(1, 2, 2)','设置scale3d属性,仅safari和chrome支持');\n e._$css3d(_css3d,'scale',{x:2,y:3,z:3});\n equal(_css3d.style['-webkit-transform'],'scale3d(2, 3, 3)','重新设置scale3d属性,仅safari和chrome支持');\n e._$css3d(_css3d,'rotate',{x:1,y:2,z:2,a:'45deg'});\n equal(_css3d.style['-webkit-transform'],'rotate3d(1, 2, 2, 45deg)','设置rotate3d属性,仅safari和chrome支持');\n e._$css3d(_css3d,'rotate',{x:2,y:1,z:1,a:'-75deg'});\n equal(_css3d.style['-webkit-transform'],'rotate3d(2, 1, 1, -75deg)','重新设置rotate3d属性,仅safari和chrome支持');\n e._$style(_css3d,{color:'red',background:'black'});\n equal(_css3d.style['color'],'red','通过_$style设置样式');\n equal(e._$getStyle(_css3d,'color'),'rgb(255, 0, 0)','去节点的color样式');\n /**\n * |a:1,b:0,c:0,d:1,e:0:f:0|\n * |m11:1,m12:0,m13:0,m14:0|\n * |m21:0,m22:1,m23:0,m24:0|\n * |m31:0,m32:0,m33:1,m34:0|\n * |m41:0,m42:0,m43:0,m44:1|\n */\n var _matrix = e._$matrix(\"matrix(1,0,0,1,0,0)\");\n //移除节点\n e._$remove(_ele,true);\n equal(e._$get(_id),null,'删除节点，是否在删除节点前移除事件，要测试v._$clearEvent(_element)接口');\n var _ele = e._$create('div','js-div',document.body);\n\t\t_ele.innerText = 'hello';\n e._$removeByEC(_ele);\n/* */ equal(e._$getByClassName(document,'js-div').length,0,'节点移除到内存中');\n var _ele = e._$create('div','js-div',document.body);\n //设置data\n var _a = e._$dataset(_ele,'img','就是一个值');\n equal(_a,'就是一个值','给对象设置属性值');\n /** _$dom2xml&&_$xml2dom\n var _d2m = e._$dom2xml(_css3d);\n var _m2d = e._$xml2dom(_d2m);\n equal(_css3d,_m2d,'dom转xml，xml转dom，转后结果一致');\n var _d2m = e._$dom2xml(_css3d);\n var _t2t = e._$text2type(_d2m,\"xml\");\n equal(_css3d,_css3d,'dom转xml字符串，再转成dom节点');\n */\n var _text = 'xxxx
';\n var _t2t = e._$text2type(_text,\"xml\");\n equal(typeof(_t2t),'object','text2type');\n var _text = '{\"a\":\"b\"}';\n var _t2t = e._$text2type(_text,\"json\");\n propEqual(_t2t,{\"a\":\"b\"},'text2type');\n //_$html2node\n var _ele = e._$html2node('');\n equal(_ele.id,'testnode','html代码转节点对象');\n var _ele = e._$html2node('
');\n equal(e._$getChildren(_ele).length,3,'html代码转节点对象');\n //_$pushCSSText\n e._$pushCSSText('.css3d{width:300px;}');\n equal(_css3d.style.width,'','未激活样式');\n e._$dumpCSSText();\n equal(_css3d.offsetWidth,300,'激活样式');\n //_$getPageBox\n var _pb = e._$getPageBox();\n equal(typeof(_pb.scrollTop),'number','取盒子的信息');\n equal(typeof(_pb.scrollLeft),'number','取盒子的信息');\n equal(typeof(_pb.clientWidth),'number','取盒子的信息');\n equal(typeof(_pb.clientHeight),'number','取盒子的信息');\n equal(typeof(_pb.scrollWidth),'number','取盒子的信息');\n equal(typeof(_pb.scrollHeight),'number','取盒子的信息');\n notEqual(_pb.scrollTop,NaN,'取盒子的信息');\n notEqual(_pb.scrollLeft,NaN,'取盒子的信息');\n notEqual(_pb.clientWidth,NaN,'取盒子的信息');\n notEqual(_pb.clientHeight,NaN,'取盒子的信息');\n notEqual(_pb.scrollWidth,NaN,'取盒子的信息');\n notEqual(_pb.scrollHeight,NaN,'取盒子的信息');\n\n var _limit = {width:100,height:10};\n var _box = e._$getMaxBox({width:250,height:10},_limit);\n propEqual(_box,{width:100,height:4},'给定大小缩放至限制区域内');\n var _box = e._$getMaxBox({width:100,height:50},_limit);\n propEqual(_box,{width:20,height:10},'给定大小缩放至限制区域内');\n var _bottom = e._$get('bottom');\n e._$scrollTo(_bottom);\n notEqual(e._$getPageBox().scrollTop,0,'scrollTo指定节点');\n notEqual(e._$getPageBox().scrollLeft,0,'scrollTo指定节点');\n var _align = e._$align({width:200,height:200},{width:100,height:100});\n propEqual(_align,{top:50,left:50},'获取滚动视窗');\n var _align = e._$align({width:200,height:200},{width:100,height:100},'left bottom');\n propEqual(_align,{top:100,left:0},'获取滚动视窗');\n /**_$query\n var _qdom = e._$query('.css3d',document);\n equal(_qdom[0],_css3d,'通过选择器取节点');\n */\n var _bd = e._$getScrollViewPort(_node);\n equal(typeof(_bd),'object','获取滚动视窗');\n //equal(_bd,document.documentElement,'获取滚动视窗');\n //_$offset,没有to参数就计算到根节点\n equal(typeof(e._$offset(_node).x),'number','计算两个节点之间的偏移量');\n equal(typeof(e._$offset(_node).y),'number','计算两个节点之间的偏移量');\n notEqual(typeof(e._$offset(_node).x),NaN,'计算两个节点之间的偏移量');\n notEqual(typeof(e._$offset(_node).y),NaN,'计算两个节点之间的偏移量');\n var _result = e._$offset(e._$get('ele2'),e._$get('ele'));\n equal(_result.x,10,\"计算两个节点之间的偏移量，指定了2个节点\");\n e._$setStyle(_node,'color','#f00');\n equal(e._$getStyle(_node,'color'),'rgb(255, 0, 0)','设置color样式');\n e._$setStyle(_node,'color2','red2');\n equal(_node.style.color2,'red2','非标准属性一样设置成功，但是节点上没有显示，设置样式');\n equal(e._$getStyle(_node,'color'),'rgb(255, 0, 0)','取样式值');\n notEqual(e._$getStyle(_node,'color'),'red','样式值跟存的不一样,取的时候按照标准属性');\n equal(e._$getStyle(_node,'color2'),'','非标准属性返回空字符串');\n e._$addStyle('body{font-size:20px}');\n equal(e._$getStyle(_node,'fontSize'),'20px','添加样式');\n e._$addScript('document.getElementById(\"js-node\").style.color = \"green\"');\n equal(e._$getStyle(_node,'color'),'rgb(0, 128, 0)','脚本添加颜色');\n e._$addClassName(_node,'fc01 fc03');\n equal(_node.className,'node fc01 fc03','新增样式类，多个样式用空格分开');\n e._$delClassName(_node,'node');\n equal(_node.className,'fc01 fc03','删除样式类，多个样式用空格分开');\n e._$replaceClassName(_node,'fc01 fc03','node');\n equal(_node.className,'node','替换节点的样式类名称，多个样式用空格分隔');\n e._$addClassName(_node,'node');\n equal(e._$hasClassName(_node,'node'),true,'检测节点是否包含指定样式，多个样式用空格分隔，检测时包含其中之一即表示包含');\n equal(typeof(e._$appendCSSText('style-id','#bottom{color:red;}')),'object','appendCSSText');\n });\n\n QUnit.test('clearChildren',function(){\n var _ul = e._$get('ul');\n e._$clearChildren(_ul);\n equal(e._$getChildren(_ul).length,0,'子节点被清空了');\n });\n\n QUnit.test('wrapInline',function(){\n var _ul = e._$get('js-node');\n // equal(e._$wrapInline(_ul),0,'wrapInline-default');\n equal(e._$wrapInline(_ul,{tag:'label',clazz:'label-class'}),0,'wrapInline-p');\n });\n\n QUnit.test('attr',function(){\n var _src = e._$attr('js-node','data-img','xxx');\n equal(_src,'xxx','attr');\n })\n\n QUnit.test('mask and unmask',function(){\n ok('没有做测试')\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}element.test.js',\n ['{lib}base/element.js','{lib}util/encode/json.js'],f);\n});"
},
{
"path": "src/base/test/event.test.html",
"content": "\n\n\t\n\t\tevent.js测试页面 \n \t\t
\n\t\t
\n\t\t\n\t\t\t点击我 \n\t\t
\n\t\ttouch测试
\n\t\tglobal测试页面 \n \t\t
\n\t\t
\n \t\t\n\t\t\n\t\n"
},
{
"path": "src/base/test/global.test.js",
"content": "var f = function(){\n //定义测试模块\n module('global');\n\n //开始单元测试\n test('Function prototype',function(){\n equal(typeof(Function.prototype._$bind),'function','函数对象加入了_$bind方法');\n equal(typeof(Function.prototype._$bind2),'function','函数对象加入了_$bind2方法');\n });\n\n test('window.MWF', function() {\n deepEqual(NEJ.O,{},'只读空对象实例');\n deepEqual(NEJ.R,[],'只读空数组实例');\n notEqual(NEJ.F,function(){return !1;},'空函数实例每个都不equal');\n notDeepEqual(NEJ.F,function(){return !1;},'空函数实例每个都不DeepEqual');\n });\n\t// test('NEJ.X after window.MWF',function(){\n // var _obj ={},_obj2 = {};\n // _obj.num = 2;\n // NEJ.X(_obj2,_obj,function(_num){\n // if(_num == 3)\n // return false;\n // });\n // equal(_obj.num,_obj2.num,'拷贝对象属性');\n // var _obj = {},_obj2 = {};\n // _obj.num1 = 3;\n // _obj.num2 = 4;\n // NEJ.X(_obj2,_obj,function(_num){\n // if(_num == 3)\n // return true;\n // });\n // notEqual(_obj.num1,_obj2.num1,'拷贝对象通过过滤接口属性');\n // equal(_obj.num2,_obj2.num2,'拷贝对象通过过滤接口属性');\n // });\n // test('NEJ.EX after window.MWF',function(){\n // /**\n // * 以下代码从_obj2取_obj中对应的属性值\n // * 拷贝结束后_obj->{num:1,num1:aa}\n // */\n // var _obj ={},_obj2 = {};\n // _obj.num = 1;\n // _obj.num1 = 'aa';\n // _obj2.num = 2;\n // NEJ.EX(_obj,_obj2);\n // equal(_obj.num,_obj2.num,'拷贝对象属性');\n // var _obj = {},_obj2 = {};\n // _obj.num = '3';\n // _obj2.num = '4';\n // NEJ.EX(_obj,_obj2);\n // equal(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性');\n // _obj.num = 'aaa';\n // _obj2.num = 'null';\n // NEJ.EX(_obj,_obj2);\n // equal(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性,测试字符串null');\n // _obj.num = 'aaa';\n // _obj2.num = null;\n // NEJ.EX(_obj,_obj2);\n // notEqual(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性,测试null');\n // _obj.num = 'aaa';\n // _obj2.num = undefined;\n // NEJ.EX(_obj,_obj2);\n // notEqual(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性,测试undefined');\n // _obj.num = 'aaa';\n // _obj2.num = 'undefined';\n // NEJ.EX(_obj,_obj2);\n // equal(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性,测试字符串undefined');\n // _obj.num = 'aaa';\n // _obj2.num = Number.NaN;\n // NEJ.EX(_obj,_obj2);\n // notEqual(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性,测试Number.NaN值');\n // _obj.num = 'aaa';\n // _obj2.num = Number.MAX_VALUE;\n // NEJ.EX(_obj,_obj2);\n // equal(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性,测试Number.MAX_VALUE值');\n // _obj.num = 'aaa';\n // _obj2.num = Number.MIN_VALUE;\n // NEJ.EX(_obj,_obj2);\n // equal(_obj.num,_obj2.num,'拷贝对象通过过滤接口属性,测试Number.MIN_VALUE');\n // });\n\n test('NEJ.P',function(){\n equal(NEJ.P('a.b.c'),a.b.c,'字符串a.b.c生成命名空间');\n equal(NEJ.P('window.a.b.c'),window.a.b.c,'字符串window.a.b.c生成命名空间');\n deepEqual(NEJ.P('0.2.3'),{},'字符串0.2.3不能生成正确命名空间');\n deepEqual(NEJ.P('function.for'),{},'关键字不能生成正确命名空间');\n });\n\n // test('NEJ.C',function(){\n // var _f = NEJ.C();\n // var _num = 0;\n // _f.__static = function(){\n // return 'static';\n // };\n // _f.prototype.__init = function(){\n // _num = 10;\n // };\n // var _f2 = NEJ.C();\n // //_fn2==_f2.prototype\n // var _fn2 = _f2._$extend(_f);\n // _fn2.__init = function(){\n // this.__super();\n // _num--;\n // }\n // var _xf = new _f();\n // equal(typeof(_f),'function','返回一个函数对象');\n // equal(typeof(_f._$bind),'function','返回的对象有_$bind方法,继承自Function');\n // equal(typeof(_f._$bind2),'function','返回的对象有_$bind2方法,继承自Function');\n // var _x2f = new _f2();\n // equal(_num,9,'父类__init后，子类__init会被调用');\n // equal(_f2.__static(),'static','默认继承了静态方法，如不继承传入false参数');\n // });\n\n // test('_$bind接口',function(){\n // var _f = NEJ.C();\n // _f.prototype.__init = function(){\n\n // };\n // var _f2 = NEJ.C();\n // var _obj = {num:3};\n // var _fn2 = _f2._$extend(_f);\n // _fn2.__print = function(_obj,_obj2){\n // return arguments[0]+arguments[1];\n // };\n // _fn2.__init = function(){\n // this.__super();\n // this.num = 33;\n // var _fun = this.__print._$bind(this,'obj');\n // var _fun2 = this.__print._$bind2(this,'obj');\n // equal(_fun('aaa'),'objaaa','测试_$bind方法,参数的顺序调用');\n // equal(_fun2('bbb'),'bbbobj','测试_$bind2方法,参数的倒序调用');\n // };\n // var _f22 = new _f2();\n // });\n\n test('trim接口',function(){\n equal(' dfdf @$#%^ dfdf '.trim(),'dfdf @$#%^ dfdf','测试trim接口前后去空格');\n equal(' function '.trim(),'function','关键字');\n equal(' function(){return 0;} '.trim(),'function(){return 0;}','函数');\n equal(' \\\\\\*function()\\*\\\\{return 0;} '.trim(),'\\\\\\*function()\\*\\\\{return 0;}','转义字符');\n equal(' < '.trim(),'<','转义字符');\n });\n\n test('aop增强接口',function(){\n var _obj = {a:0};\n var _f = function(){\n _obj.a = 1;\n return 'aop增强操作1';\n };\n var _f2 = function(_event){\n _obj.a = 2;\n _event.value = 'aop增强操作2';\n };\n var _f3 = function(_event){\n _obj.a = 3;\n _event.value = 'aop增强操作3';\n }\n var _f = _f._$aop(_f2,_f3);\n var _value = _f();\n equal(_obj.a,3,'aop增强操作');\n equal(_value,'aop增强操作3','aop增强操作返回值是某个增强操作的返回值');\n });\n\n test('aop增强接口,stopped',function(){\n var _obj = {a:0};\n var _f = function(){\n _obj.a = 1;\n return 'aop增强操作';\n };\n var _f2 = function(_event){\n _event.stopped = true;\n _obj.a = 2;\n _event.value = 'aop增强操作2';\n };\n var _f3 = function(_event){\n _obj.a = 3;\n _event.value = 'aop增强操作3';\n }\n var _f = _f._$aop(_f2,_f3);\n _f();\n equal(_obj.a,2,'aop增强操作');\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}global.test.js',['{lib}base/global.js'],f);\n});\n\n"
},
{
"path": "src/base/test/klass.test.html",
"content": "\n\n\t\n\t\tklass测试页面 \n \t\t
\n\t\t
\n \t\t\n\t\t\n\t\n"
},
{
"path": "src/base/test/klass.test.js",
"content": "var f = function(_k){\n //定义测试模块\n module('global');\n\n //开始单元测试\n test('NEJ.C',function(){\n var _f = _k._$klass();\n var _num = 0;\n _f.__static = function(){\n return 'static';\n };\n _f.prototype.__init = function(){\n _num = 10;\n };\n var _f2 = _k._$klass();\n //_fn2==_f2.prototype\n var _fn2 = _f2._$extend(_f);\n _fn2.__init = function(){\n this.__super();\n _num--;\n }\n var _xf = new _f();\n equal(typeof(_f),'function','返回一个函数对象');\n equal(typeof(_f._$bind),'function','返回的对象有_$bind方法,继承自Function');\n equal(typeof(_f._$bind2),'function','返回的对象有_$bind2方法,继承自Function');\n var _x2f = new _f2();\n equal(_num,9,'父类__init后，子类__init会被调用');\n equal(_f2.__static(),'static','默认继承了静态方法，如不继承传入false参数');\n });\n\n test('_$bind接口',function(){\n var _f = _k._$klass();\n _f.prototype.__init = function(){\n\n };\n var _f2 = _k._$klass();\n var _obj = {num:3};\n var _fn2 = _f2._$extend(_f);\n _fn2.__print = function(_obj,_obj2){\n return arguments[0]+arguments[1];\n };\n _fn2.__init = function(){\n this.__super();\n this.num = 33;\n var _fun = this.__print._$bind(this,'obj');\n var _fun2 = this.__print._$bind2(this,'obj');\n equal(_fun('aaa'),'objaaa','测试_$bind方法,参数的顺序调用');\n equal(_fun2('bbb'),'bbbobj','测试_$bind2方法,参数的倒序调用');\n };\n var _f22 = new _f2();\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}global.test.js',['{lib}base/klass.js'],f);\n});\n\n"
},
{
"path": "src/base/test/platform.test.html",
"content": "\n\n\t\n\t\tplatform测试页 \n \t\t
\n\t\t
\n \t\t\n\t\t\n\t\n"
},
{
"path": "src/base/test/platform.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"platform\");\n var _p = NEJ.P('nej.p');\n\n //开始单元测试\n test('NEJ配置文件测试', function() {\n \tvar _isWindows = _p._$is('desktop');\n equal(_isWindows,true,'判断是否指定平台');\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}platform.test.js',\n ['{lib}base/platform.js'],f);\n});\n"
},
{
"path": "src/base/test/util.test.html",
"content": "\n\n\t\n\t\tutil测试页面 \n \t\t
\n\t\t
\n\t\tnode
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/base/test/util.test.js",
"content": "var f = function(){\n //定义测试模块\n module('util');\n var _util = NEJ.P('nej.u');\n //开始单元测试\n test('util',function(){\n //判断\n equal(_util._$isFunction(function(){}),true,'判断函数类型');\n equal(_util._$isFunction(),false,'判断函数类型');\n equal(_util._$isFunction(null),false,'判断函数类型');\n equal(_util._$isString('abc'),true,'判断字符串类型');\n equal(_util._$isString(),false,'判断字符串类型');\n equal(_util._$isString(null),false,'判断字符串类型');\n equal(_util._$isNumber(\"123\"),false,'判断数字类型');\n equal(_util._$isNumber(),false,'判断数字类型');\n equal(_util._$isNumber(null),false,'判断数字类型');\n equal(_util._$isNumber(0),true,'判断数字类型');\n equal(_util._$isNumber(-0),true,'判断数字类型');\n equal(_util._$isNumber(+0),true,'判断数字类型');\n equal(_util._$isNumber(-1),true,'判断数字类型');\n equal(_util._$isNumber(NaN),true,'判断数字类型');\n equal(_util._$isNumber(Number.NEGATIVE_INFINITY),true,'判断数字类型');\n equal(_util._$isNumber(Number.MAX_VALUE),true,'判断数字类型');\n equal(_util._$isNumber(Number.MIN_VALUE),true,'判断数字类型');\n equal(_util._$isBoolean(0),false,'判断布尔类型');\n equal(_util._$isBoolean(),false,'判断布尔类型');\n equal(_util._$isBoolean(null),false,'判断布尔类型');\n equal(_util._$isBoolean(false),true,'判断布尔类型');\n equal(_util._$isBoolean(true),true,'判断布尔类型');\n equal(_util._$isDate(),false,'判断date类型');\n equal(_util._$isDate(null),false,'判断date类型');\n equal(_util._$isDate(new Date()),true,'判断date类型');\n equal(_util._$isArray(),false,'判断Array类型');\n equal(_util._$isArray(null),false,'判断Array类型');\n equal(_util._$isArray([1,'a',{a:1}]),true,'判断Array类型');\n equal(_util._$isObject(function(){}),false,'判断Object类型');\n equal(_util._$isObject(),false,'判断Object类型');\n equal(_util._$isObject(null),false,'判断Object类型');\n equal(_util._$isObject({}),true,'判断Object类型');\n equal(_util._$isObject({a:1}),true,'判断Object类型');\n\n //功能\n var _node = document.getElementById('js-node');\n equal(_util._$indexOf([1,2,3],3),2,'查找列表中的某一项');\n //常用来编码html结构,比如: - > <div>\n equal(_util._$encode({r:/\\<|\\>/g,'<':'<','>':'>'},'
'),'<div>','根据正则编码字符串');\n equal(_util._$encode({r:/\\d/g,'9':'t'},'99999'),'ttttt','编码字符串');\n equal(_util._$escape('
util &'),'<a>util</a>&','编码html代码');\n equal(_util._$unescape('<&a>util</a>'),'<&a>util','反编码html代码');\n notEqual(_util._$format(new Date(),'yyyy-MM-dd'),'2012-01-11','格式化时间');\n equal(_util._$fixed(3.1415926,2),'3.14','浮点数值保留指定位数小数点');\n// equal(_util._$dom2xml(_node),'
node
','将dom节点转为xml串');\n// equal(document.body.appendChild(_util._$xml2dom('
node
')),document.getElementById('js-node2'),'将xml串转为dom节点然后加到页面上，自己跟自己做比较');\n var _obj = {\"div\":\"node\"};\n// equal(_util._$dom2object(_node,{}).div,_obj.div,'拷贝页面节点到空对象，跟现有节点比较');\n //返回的对象为{div:'node'}\n\t\tvar _xml = '\\\n\t\t
\\\n\t\t \\\n\t\t id \\\n code\\\n name \\
\\\n\t\t\t \\\n\t\t\t id \\\n\t\t\t\t code\\\n\t\t\t\t name \\\n\t\t\t \\\n\t\t \\\n\t\t ';\n\t\tvar _xml2 = '\\\n
\\\n\\\n 1\\\n \\\n 198114001 \\\n 2 \\\n 2 \\\n 110 \\\n 4/zxeW5iOfq3ppXe1etviJwg==/611645124409898904.jpg \\\n 1/_0CvRVkR39uuLIIEHVSAJQ==/1278740819214249961.jpg \\\n 5/eoc7HI1101yikVJnzbBADg==/3082713944952843165.jpg \\\n \\\n \\\n ';\n var _obj2 = {123:\"123\",abc:\"abc\"};\n equal(_util._$string2object('abc=abc,123=123',',').abc,_obj2.abc,'key-value字符串转对象');\n equal(_util._$object2string(_obj2),'123=123,abc=abc','key-value对象转成key=value对后用分隔符join');\n equal(_util._$query2object('abc=abc&123=123').abc,_obj2.abc,'查询串转对象');\n equal(_util._$query2object('abc=abc&123=123')['123'],_obj2['123'],'查询串转对象');\n equal(_util._$object2query(_obj2),'123=123&abc=abc','查询串转对象');\n var _map = {0:'0',1:'1',2:'2',length:3};\n equal(_util._$object2array(_map)[1],'1','对象转数组');\n equal(typeof(_util._$randString()),'string','随机一个字符串');\n var _str = _util._$randNumberString();\n var _isNumber = function(_str){\n try{\n if(/[^\\d]/.test(_str))\n return false;\n return true;\n }catch(e){\n return false;\n }\n };\n equal(_isNumber(_str),true,'随机生成一个全部为数字的字符串，可指定长度');\n var _num = _util._$randNumber(0,1000);\n equal(typeof(_num) == 'number' && _num > 0 && _num < 1000,true,'随机生成一个数字，可指定范围');\n var _obj = {a:0};\n var _f2 = function(){\n _obj.a = 2;\n }._$aop(\n function(){\n _obj.a = 1;\n }\n ,function(){\n _obj.a = 3;\n })\n _f2();\n equal(_obj.a,3,'AOP增强操作');\n var _list = [0,1,2];\n _util._$forEach(_list,function(_item,_index,_list){\n equal(_index == _item,true,'foreach回调方法');\n });\n var _obj = {a:'1',b:'2',c:'3'};\n var _value = _util._$forIn(_obj,function(_item,_index,_list){\n if(_item == '2')\n return true;\n });\n equal(_value,'b','遍历列表或对象');\n var _list = [0,1,2,3];\n var _value = _util._$reverseEach(_list,function(_item,_index,_list){\n _list[_index] = _item+1;\n return false;\n });\n equal(_list[0],1,'逆序遍历列表或对象');\n var _obj = [1,2,3];\n var _value = _util._$forIn(_obj,function(_item,_index,_list){\n if(_item == 2)\n return true;\n });\n equal(_value,1,'forIn找到符合条件的项的索引或标识');\n var _list = [1,2,3];\n var _index = _util._$indexOf(_list,function(_value){return _value==2});\n equal(_index , 1,'线性查找指定项');\n });\n\n test('安全删除对象属性',function(){\n var _obj = {\"a\":\"a\",\"b\":\"b\"};\n _util._$safeDelete(_obj,[\"a\",\"b\"]);\n equal(_obj.a,undefined,\"安全删除对象属性\");\n })\n\n test('安全删除对象属性',function() {\n _obj = {\"a\":1,\"b\":2};\n _util._$safeDelete(_obj,\"b\");\n equal(_obj.b,undefined,\"安全删除对象属性\");\n });\n\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}util.test.js',\n ['{lib}base/util.js'],f);\n});\n\n\n"
},
{
"path": "src/base/util.js",
"content": "/*\n * ------------------------------------------\n * 通用接口实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module base/util */\nNEJ.define([\n './global.js',\n '{platform}util.js'\n],function(NEJ,_h,_p,_o,_f,_r){\n /*\n * 查看数据是否指定类型\n * @param {Variable} 数据\n * @param {String} 类型\n * @return {Boolean} 是否指定类型\n */\n var _isTypeOf = function(_data,_type){\n try{\n _type = _type.toLowerCase();\n if (_data===null) return _type=='null';\n if (_data===undefined) return _type=='undefined';\n return _o.toString.call(_data).toLowerCase()=='[object '+_type+']';\n }catch(e){\n return !1;\n }\n };\n /**\n * 判断是否函数类型\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 返回false\n * var is = _u._$isFunction(123);\n * // 返回true\n * var is = _u._$isFunction(function(){});\n * });\n * ```\n *\n * @method module:base/util._$isFunction\n * @param {Variable} arg0 - 待检测类型的数据\n * @return {Boolean} 是否函数类型\n */\n _p._$isFunction = function(_data){\n return _isTypeOf(_data,'function');\n };\n /**\n * 判断是否字符串\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 返回false\n * var is = _u._$isString(123);\n * // 返回true\n * var is = _u._$isString(\"123\");\n * });\n * ```\n *\n * @method module:base/util._$isString\n * @param {Variable} arg0 - 待检测类型的数据\n * @return {Boolean} 是否字符串\n */\n _p._$isString = function(_data){\n return _isTypeOf(_data,'string');\n };\n /**\n * 判断是否数字\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 返回false\n * var is = _u._$isNumber(\"123\");\n * // 返回true\n * var is = _u._$isNumber(123);\n * var is = _u._$isNumber(-123);\n * var is = _u._$isNumber(Number.MAX_VALUE);\n * });\n * ```\n *\n * @method module:base/util._$isNumber\n * @param {Variable} arg0 - 待检测类型的数据\n * @return {Boolean} 是否数值类型\n */\n _p._$isNumber = function(_data){\n return _isTypeOf(_data,'number');\n };\n /**\n * 判断是否布尔值\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 返回false\n * var is = _u._$isBoolean(0);\n * // 返回true\n * var is = _u._$isBoolean(false);\n * });\n * ```\n *\n * @method module:base/util._$isBoolean\n * @param {Variable} arg0 - 待检测类型的数据\n * @return {Boolean} 是否布尔值\n */\n _p._$isBoolean = function(_data){\n return _isTypeOf(_data,'boolean');\n };\n /**\n * 判断是否日期\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 返回false\n * var is = _u._$isDate(0);\n * // 返回true\n * var is = _u._$isDate(new Date());\n * });\n * ```\n *\n * @method module:base/util._$isDate\n * @param {Variable} arg0 - 待检测类型的数据\n * @return {Boolean} 是否日期\n */\n _p._$isDate = function(_data){\n return _isTypeOf(_data,'date');\n };\n /**\n * 判断是否数组\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 返回false\n * var is = _u._$isArray(0);\n * // 返回true\n * var is = _u._$isArray([1,2]);\n * });\n * ```\n *\n * @method module:base/util._$isArray\n * @param {Variable} arg0 - 待检测类型的数据\n * @return {Boolean} 是否数组\n */\n _p._$isArray = function(_data){\n return _isTypeOf(_data,'array');\n };\n /**\n * 判断是否对象\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 返回false\n * var is = _u._$isObject(function(){});\n * // 返回true\n * var is = _u._$isObject({});\n * var is = _u._$isObject({a:\"a\"});\n * });\n * ```\n *\n * @method module:base/util._$isObject\n * @param {Variable} arg0 - 待检测类型的数据\n * @return {Boolean} 是否对象\n */\n _p._$isObject = function(_data){\n return _isTypeOf(_data,'object');\n };\n /**\n * 计算字符串长度，中文算两个字符\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 字符串长度为5\n * var len = _u._$length('你i他');\n * });\n * ```\n *\n * @method module:base/util._$length\n * @param {String} arg0 - 待计算长度字符串\n * @return {Number} 字符串长度\n */\n _p._$length = (function(){\n var _reg = /[^\\x00-\\xff]/g;\n return function(_content){\n return (''+(_content||'')).replace(_reg,'**').length;\n };\n })();\n /**\n * 遍历对象\n * \n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * var obj = {a:{id:1,name:'a'},b:{id:2,name:'b'},...};\n * \n * // 遍历对象 \n * _u._$loop(obj,function(_item,_key){\n * // TODO\n * });\n * \n * // 从对象里查找id为2的元素，如果有返回KEY，没有返回null\n * var key = _u._$loop(obj,function(_item){\n * return _item.id==2;\n * });\n * });\n * ```\n * \n * @method module:base/util._$loop\n * @see module:base/util._$forIn\n * @param {Object} arg0 - 对象\n * @param {Function} arg1 - 回调，如果返回true，则中断遍历\n * @param {Object} arg2 - 回调函数调用时this对象\n * @return {String} 返回中断时的标识，没有中断则统一返回null\n */\n _p._$loop = function(_obj,_callback,_this){\n if (_p._$isObject(_obj)&&\n _p._$isFunction(_callback)){\n return _h.__forIn.apply(_h,arguments);\n }\n return null;\n };\n /**\n * 线性查找指定项\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * var list = [\"你\",\"我\",\"他\"];\n * // 返回下标1\n * var index = _u._$indexOf(list,\"我\");\n * // 没有找到，返回-1\n * var index = _u._$indexOf(list,\"他们\");\n * // 如果第二个参数是过滤接口，根据接口的规则查找\n * // 以下规则排除第一个下标\n * var index = _u._$indexOf(list,function(_item,_index,_list){\n * return _item==='他';\n * });\n * });\n * ```\n *\n * @method module:base/util._$indexOf\n * @param {Array} arg0 - 待搜索列表\n * @param {Variable} arg1 - 指定项，如果为function则表示过滤接口\n * @return {Number} 给定项所在的位置索引，以0开始，没有项返回-1\n */\n _p._$indexOf = function(_list,_item){\n var _filter = _p._$isFunction(_item) ? _item\n : function(_value){return _value===_item;},\n _index = _p._$forIn(_list,_filter);\n return _index!=null?_index:-1;\n };\n /**\n * 二分法查找指定项\n * \n * 验证函数输入输出说明\n * \n * | | 类型 | 结果说明 |\n * | :-- | :-- | :-- |\n * | 输入 | Variable | 中间项元素 |\n * | 输出 | Number | < 0 目标元素在低位区间 |\n * | | | = 0 匹配到目标元素 |\n * | | | > 0 目标元素在高位区间 |\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 二分查找id为2的项的索引值\n * var list = [{id:1,name:'aaa'},{id:2,name:'bbbb'},...];\n * var index = _u._$binSearch(list,function(_item){\n * return _item.id-2;\n * });\n * });\n * ```\n *\n * @method module:base/util._$binSearch\n * @param {Array} arg0 - 待查找列表\n * @param {Function} arg1 - 验证函数\n * @return {Number} 找到匹配项索引，找不到返回-1\n */\n _p._$binSearch = (function(){\n var _docheck;\n // do binary search\n var _doSearch = function(_list,_low,_high){\n if (_low>_high) return -1;\n var _middle = Math.ceil((_low+_high)/2),\n _result = _docheck(_list[_middle],_middle,_list);\n if (_result==0)\n return _middle;\n if (_result<0)\n return _doSearch(_list,_low,_middle-1);\n return _doSearch(_list,_middle+1,_high);\n };\n return function(_list,_check){\n _docheck = _check||_f;\n return _doSearch(_list,0,_list.length-1);\n };\n })();\n /**\n * 逆序遍历列表，支持中断\n * \n * 回调函数输入输出说明\n * \n * | | 类型 | 说明 |\n * | :-- | :-- | :-- |\n * | 输入 | Variable | 值 |\n * | | Number | 下标 |\n * | | Array | 列表对象 |\n * | 输出 | Boolean | 是否匹配 |\n * \n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 删除id为3的项，并退出循环\n * var list = [{id:1,name:'aaa'},{id:2,name:'bbbb'},...];\n * _u._$reverseEach(list,function(_item,_index,_list){\n * if (_item.id==3){\n * _list.splice(_index,1);\n * return !0;\n * }\n * });\n * });\n * ```\n *\n * @method module:base/util._$reverseEach\n * @see module:base/util._$forEach\n * @param {Array} arg0 - 列表\n * @param {Function} arg1 - 回调，如果返回true，则中断遍历\n * @param {Object} arg2 - 回调函数调用时this对象\n * @return {Number} 返回遍历中断时的索引值，没有中断则返回null\n */\n _p._$reverseEach = function(_list,_callback,_this){\n if (!!_list&&!!_list.length&&_p._$isFunction(_callback)){\n for(var i=_list.length-1;i>=0;i--){\n if (!!_callback.call(_this,_list[i],i,_list)){\n return i;\n }\n }\n }\n return null;\n };\n /**\n * 正序遍历列表，不支持中断\n * \n * 回调函数输入输出说明\n * \n * | | 类型 | 说明 |\n * | :-- | :-- | :-- |\n * | 输入 | Variable | 值 |\n * | | Number | 下标 |\n * | | Array | 列表对象 |\n * | 输出 | Boolean | 是否匹配 |\n * \n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * var list = [1,2,3];\n * _u._$forEach(list,function(_item,_index,_list){\n * // TODO somthing\n * });\n * });\n * ```\n *\n * @method module:base/util._$forEach\n * @see module:base/util._$reverseEach\n * @param {Array} arg0 - 列表\n * @param {Function} arg1 - 回调，如果返回true，则中断遍历\n * @param {Object} arg2 - 回调函数调用时this对象\n * @return {Void}\n */\n _p._$forEach = function(_list,_callback,_this){\n if (!!_list&&!!_list.length&&\n _p._$isFunction(_callback)){\n if (!_list.forEach){\n _p._$forIn.apply(_p,arguments);\n }else{\n _h.__forEach(_list,_callback,_this);\n }\n }\n };\n /**\n * 遍历列表或对象，如果带length属性，则作为数组遍历，如果要遍历带length属性的对象用_$loop接口，支持中断退出\n *\n * 回调函数输入输出说明\n * \n * | | 类型 | 说明 |\n * | :-- | :-- | :-- |\n * | 输入 | Variable | 值 |\n * | | Number | 下标 |\n * | | Object_Array | 列表或者集合对象 |\n * | 输出 | Boolean | 是否匹配 |\n * \n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 从有序列表里查找id为2的元素，如果有则返回索引，没有返回null\n * var list = [{id:1,name:'a'},{id:2,name:'b'},...];\n * var index = _u._$forIn(list,function(_item){\n * return _item.id==2;\n * });\n *\n * // 从对象里查找id为2的元素，如果有返回KEY，没有返回null\n * var obj = {a:{id:1,name:'a'},b:{id:2,name:'b'},...};\n * var key = _u._$forIn(obj,function(_item){\n * return _item.id==2;\n * });\n * });\n * ```\n *\n * @method module:base/util._$forIn\n * @param {Object|Array} arg0 - 列表或者对象\n * @param {Function} arg1 - 回调，如果返回true，则中断遍历\n * @param {Object} arg2 - 回调函数调用时this对象\n * @return {String|Number} 返回中断时的索引或者标识，没有中断则统一返回null\n */\n _p._$forIn = function(_list,_callback,_this){\n if (!_list||!_p._$isFunction(_callback)){\n return null;\n }\n if (_p._$isNumber(_list.length)){\n // list see as array\n for(var i=0,l=_list.length;i
'<'\n *\n * ```javascript\n * NEJ.define([\n * 'base/util'\n * ],function(_u){\n * // 编码，结果：<a>util</a>&\n * var str = _u._$escape('util &');\n * });\n * ```\n *\n * @method module:base/util._$escape\n * @see module:base/util._$unescape\n * @param {String} arg0 - 待编码串\n * @return {String} 编码后的串\n */\n _p._$escape = (function(){\n var _reg = /$/,\n _map = {\n r:/\\<|\\>|\\&|\\r|\\n|\\s|\\'|\\\"/g,\n '<':'<','>':'>','&':'&',' ':' ',\n '\"':'"',\"'\":''','\\n':'/gi,'<':'<','>':'>','&':'&',' ':' ',''':\"'\",'"':'\"','0;\n }\n // for object\n var _length = 0;\n _p._$loop(_obj,function(){\n _length++;\n return _length>0;\n });\n return _length>0;\n };\n \n if (CMPT){\n NEJ.Q = _p._$query;\n NEJ.X = _p._$merge;\n NEJ.EX = _p._$fetch;\n NEJ.copy(this.NEJ,NEJ);\n NEJ.copy(NEJ.P('nej.u'),_p);\n }\n\n return _p;\n});\n"
},
{
"path": "src/define.js",
"content": "(function(d,p){\n var __config = {root:{/*lib,pro,platform*/}/*native,charset,global,platform*/},\n __xqueue = [], // item:{n:'filename',d:[/* dependency list */],p:[/* platform list */],h:[/* patch list */],f:function}\n __scache = {}, // uri:STATE 0-loading 1-waiting 2-defined\n __rcache = {}, // uri:RESULT\n __stack = [], // for define stack\n __platform;\n /*\n * 显示日志\n * @param {String} _msg 日志内容\n * @return {Void}\n */\n var _doLog = (function(){\n var _div,_div1,_css1 = {cursor:'pointer',textAlign:'center',backgroundColor:'#ddd'},\n _css = {display:'none',position:'absolute',top:0,right:0,boder:'1px solid #aaa',overflow:'auto',height:'300px',width:'400px',zIndex:'1000',fontSize:'12px',color:'#fff',backgroundColor:'#000',lineHeight:'20px',textAlign:'left'};\n return function(_msg){\n if (!_div){\n _div = d.createElement('div');\n var _style = _div.style;\n for(var x in _css)\n _style[x] = _css[x];\n d.body.appendChild(_div);\n _div1 = d.createElement('div');\n _div1.title = '关闭控制台信息';\n _div1.innerHTML = '×';\n _style = _div1.style;\n for(var x in _css1)\n _style[x] = _css1[x];\n _div.appendChild(_div1);\n _div1.onclick = function(){_div.style.display='none';};\n d.attachEvent('onkeypress',function(_event){\n // press ~ to show console\n if (_event.keyCode==96)\n _div.style.display = 'block';\n });\n }\n var p = d.createElement('div');\n p.innerHTML = _msg;\n _div1.insertAdjacentElement('afterEnd',p);\n };\n })();\n /*\n * 文件初始化\n * @return {Void}\n */\n var _doInit = function(){\n if (!p.console&&d.body){\n p.console = {log:_doLog,warn:_doLog,debug:_doLog,error:_doLog};\n }\n // do init add loaded script and remove node\n var _list = d.getElementsByTagName('script');\n if (!_list||!_list.length) return;\n var _reg = /\\/define(?:\\.cmp)?\\.js(?=\\?|#|$)/;\n for(var i=_list.length-1,_script;i>=0;i--){\n _script = _list[i];\n _script.xxx = !0;\n _reg.test(_script.src)\n ? _doParseConfig(_script.src)\n : _doScriptLoaded(_script,!0);\n }\n if (!__config.global&&!p.define){\n p.define = NEJ.define;\n p.define.nej = !0;\n }\n };\n /*\n * 解析地址\n * @param {String}\n * @return {Void}\n */\n var _doParseConfig = function(_uri){\n _uri = _doFormatURI(_uri);\n if (!_uri) return;\n var _arr = _uri.split(/[?#]/),\n _brr = _arr[0].split('/');\n _brr.pop(); // splice define.js\n var _lib = _brr.join('/')+'/';\n if (_lib.indexOf('://')<0){\n // absolute lib path\n _lib = _doAbsoluteURI(_lib);\n }\n __config.root.lib = _lib;\n var _obj = _doStr2Obj(_arr[1]);\n __config.charset = _obj.c||'utf-8';\n __config.global = _obj.g=='true';\n delete _obj.c;\n delete _obj.g;\n _doParsePlatform(_obj.p);\n delete _obj.p;\n var _deps = _obj.d;\n delete _obj.d;\n var _root = __config.root;\n for(var x in _obj){\n _root[x] = _obj[x];\n }\n _root.platform = './platform/';\n if (!_root.pro){\n _root.pro = '../javascript/';\n }\n if (!!_deps){\n d.write('\n * \n * \n * \n * \n * \n * ```\n *\n * 根据脚本规则提取文件的依赖关系，没有依赖其他文件可不配置，假设页面入口文件为f.js\n *\n * ```javascript\n * var deps = {\n * '{pro}f.js':['{pro}d.js'],\n * '{pro}e.js':['{pro}a.js','{pro}b.js','{pro}c.js'],\n * '{pro}c.js':['{pro}b.js'],\n * '{pro}b.js':['{pro}a.js']\n * };\n * ```\n *\n * 通过NEJ.deps配置依赖关系，假设以下配置文件的路径为./deps.js\n *\n * ```javascript\n * NEJ.deps(deps,['{pro}f.js']);\n * ```\n *\n * 修改页面使用文件依赖管理，使用d参数配置依赖文件地址\n *\n * ```html\n * \n * \n * ```\n *\n * 之后项目只需要维护deps.js中的依赖配置信息即可\n *\n * 说明：开发阶段deps.js中配置的文件均会被载入页面中，发布上线时仅提取页面使用到的脚本，比如上例中页面只用到f.js，通过配置文件可以发现f.js只依赖了d.js，因此这个页面最终发布时只会导出d.js和f.js\n *\n * @method NEJ.deps\n * @param {Object} arg0 - 依赖映射表，如'{pro}a.js':['{pro}b.js','{pro}c.js']\n * @param {Array} arg1 - 入口屏蔽文件列表，页面载入依赖配置文件中的文件时不载入此列表中的文件，多为页面入口文件\n * @return {Void}\n */\n NEJ.deps = function(_map,_entry){\n var _list = _doSerializeDepList(_map);\n if (!_list||!_list.length) return;\n // ignore entry list\n var _map = {};\n if (!!_entry&&_entry.length>0){\n for(var i=0,l=_entry.length;i=0;i--){\n if (!!_map[_list[i]]){\n _list.splice(i,1);\n }\n }\n // load script\n var _arr = [];\n for(var i=0,l=_list.length,_it;i');\n __scache[_it] = 2;\n }\n d.writeln(_arr.join(''));\n };\n /**\n * 是否兼容模式，兼容模式下支持用全局名字空间使用API和控件\n *\n * ```javascript\n * if (CMPT){\n * // TODO something\n * // 此中的代码块在打包配置文件中将OBF_COMPATIBLE设置为false情况下打包输出时将被忽略\n * }\n * ```\n *\n * @name external:window.CMPT\n * @constant {Boolean}\n */\n p.CMPT = !0;\n /**\n * 是否调试模式，打包时调试模式下的代码将被过滤\n *\n * ```javascript\n * if (DEBUG){\n * // TODO something\n * // 此中的代码块在打包发布后被过滤，不会输出到结果中\n * }\n * ```\n *\n * @name external:window.DEBUG\n * @constant {Boolean}\n */\n p.DEBUG = !0;\n // init\n _doInit();\n})(document,window);\n"
},
{
"path": "src/ui/audio/audio.css",
"content": ".#{display:$;$:end;width:150px;height:30px;line-height:30px;overflow:hidden;text-align:left;}\n.# .z-ttl{display:block;$:1;overflow-x:$;border:2px solid #aaa;background:#fdc;}\n.# .z-act{width:30px;background:none center center no-repeat;background-size:30px 30px;cursor:default;}\n.# .js-play{background-image:url(\"data:image/png;base64,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\");}\n.# .js-pause{background-image:url(\"data:image/png;base64,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\");}\n.# .js-loading{background-image:url(\"data:image/png;base64,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\")}"
},
{
"path": "src/ui/audio/audio.html",
"content": ""
},
{
"path": "src/ui/audio/audio.js",
"content": "/*\n * ------------------------------------------\n * 音频播放器实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/audio/audio */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/event',\n 'ui/base',\n 'util/media/audio',\n 'util/template/tpl',\n 'text!./audio.css',\n 'text!./audio.html'\n],function(NEJ,_k,_e,_v,_u,_t0,_t1,_css,_html,_p,_o,_f,_r){\n // variable declaration\n var _pro,\n _seed_css = _e._$pushCSSText(_css),\n _seed_html= _t1._$addNodeTemplate(_html);\n /**\n * 音频播放器\n *\n * @class module:ui/audio/audio._$$AudioPlayer\n * @uses module:util/audio/audio._$$MediaAudio\n * @extends module:ui/base._$$Abstract\n * @param {Object} config - 可选配置参数\n * @property {String} url - 音乐地址\n * @property {String} title - 音乐标题\n * @property {Boolean} autostart - 自动开始播放\n */\n /**\n * 状态变化事件\n *\n * @event module:ui/audio/audio._$$AudioPlayer#onstatechange\n * @param {Object} arg0 - 事件对象\n */\n _p._$$AudioPlayer = _k._$klass();\n _pro = _p._$$AudioPlayer._$extend(_u._$$Abstract);\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/audio/audio._$$AudioPlayer#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n this.__seed_html= _seed_html;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method ui/audio/audio._$$AudioPlayer#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n var _child = _e._$getChildren(this.__body);\n this.__nttl = _child[0];\n this.__nact = _child[1];\n _v._$addEvent(this.__nact,'tap',\n this.__onAction._$bind(this));\n };\n /**\n * 控件重置\n *\n * @protected\n * @method ui/audio/audio._$$AudioPlayer#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__nttl.innerHTML = _options.title||'音乐标题';\n this.__audio = this.__getAudio(_options.url);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method ui/audio/audio._$$AudioPlayer#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n if (!!this.__audio)\n this.__audio = this.__audio.constructor\n ._$recycle(this.__audio);\n };\n /**\n * 操作事件\n *\n * @protected\n * @method ui/audio/audio._$$AudioPlayer#__onAction\n * @return {Void}\n */\n _pro.__onAction = function(){\n _e._$hasClassName(this.__nact,'js-play')?this._$play():this._$pause();\n };\n /**\n * 返回音频对象\n *\n * @protected\n * @method ui/audio/audio._$$AudioPlayer#__getAudio\n * @param {String} arg0 - 音频URI\n * @return {Object} 音频对象\n */\n _pro.__getAudio = function(_source){\n return _t0._$$MediaAudio._$allocate({url:_source,\n onstatechange:this.__onStateChange._$bind(this)});\n };\n /**\n * 音频控件状态变化回调事件\n *\n * @protected\n * @method ui/audio/audio._$$AudioPlayer#__onStateChange\n * @param {Event} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onStateChange = (function(){\n var _state_list = ['js-play','js-loading','js-pause'],\n _state_str = _state_list.join(' ');\n return function(_event){\n this.__state = _event.state;\n _e._$replaceClassName(this.__nact,_state_str,\n _state_list[_event.state]||_state_list[0]);\n this._$dispatchEvent('onstatechange',_event);\n };\n })();\n /**\n * 播放音乐\n * @method ui/audio/audio._$$AudioPlayer#_$play\n * @return {Void}\n */\n _pro._$play = function(){\n if (!!this.__audio)\n this.__audio._$play();\n };\n /**\n * 暂停播放\n *\n * @method ui/audio/audio._$$AudioPlayer#_$pause\n * @return {Void}\n */\n _pro._$pause = function(){\n if (!!this.__audio)\n this.__audio._$pause();\n };\n /**\n * 停止播放\n *\n * @method ui/audio/audio._$$AudioPlayer#_$stop\n * @return {Void}\n */\n _pro._$stop = function(){\n if (!!this.__audio)\n this.__audio._$stop();\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/audio/mp3.css",
"content": ".# .m-pre, .# .m-play, .# .m-next, .# .m-cur, .# .m-pause, .# .m-volmin,\n.# .m-volminc, .# .m-shuffled, .# .m-repeatd-1, .# .m-shufflec, .# .m-repeatd, .# .m-repeatc,\n.# .m-volmax, .# .m-volmaxc{background:url(#audio_sprite.png) no-repeat 9999px 9999px;}\n.# .m-player{height:40px;min-width:530px;background:#606060;cursor:default}\n.# .m-player .ctl{width:300px; float:left;}\n.# .m-pre{height:10px;width:16px;background-position:0 0;float:left;margin-top:14px;margin-left: 10px;}\n.# .m-pre:active, .# .m-preatv{background-position:-104px -1px;}\n.# .m-play{height:11px;width:10px;background-position:2px -28px;float:left;margin:14px 20px 0;}\n.# .m-play:active{background-position:-202px -36px;}\n.# .m-pause{height:11px;width:10px;background-position:0 -96px;float:left;margin:14px 20px 0;}\n.# .m-pause:active{background-position:-155px -36px;}\n.# .m-next{height:10px;width:16px;background-position:0 -61px;float:left;margin-top:14px;}\n.# .m-next:active, .# .m-nextatv{background-position:-103px -81px;}\n.# .m-player .loop{width:120px;float:right}\n.# .m-curtime{float: right;margin-right: 10px;color:#fff;line-height: 40px;}\n.# .m-time{float: left;margin-left: 10px;color:#fff;line-height: 40px;}\n.# .m-player .timeline{height:25px;position:absolute;left:315px;right:120px;bottom:0;top:0;width:135px;padding-top:15px;}\n.# .m-vol{height:27px;width:90px;padding:13px 0 0 20px;float:left;}\n.# .m-volicn{width:20px;height:20px;margin:10px 0 0 10px;float:left}\n.# .m-vzero .m-volminc{background-position:0 -354px;width:100%;height:100%;float:left;}\n.# .m-vmin .m-volminc{background-position:0 -124px;width:100%;height:100%;float:left;}\n.# .m-vmax .m-volminc{background-position:0 -155px;width:100%;height:100%;float:left;}\n.# .m-timeline{position:absolute;width:100%;height:8px;border-radius:4px;background:#3b3b3b;border-top:1px solid #212121;border-bottom:1px solid #636363}\n.# .m-timelinei{width:0%;}\n.# .m-timeline-1{margin-top:0px;width:90px;position:absolute;}\n.# .m-progress{background:green;margin-top:-1px;}\n.# .m-cur{position:absolute;right:-5px;margin-left:-5px;background-position:0 -302px;height:10px;width:10px;}\n.# .m-cur2{position:absolute;right:-5px;margin-left:-5px;background:url(#audio_sprite.png) no-repeat 9999px 9999px;width:10px;background-position:0 -302px;}\n.# .m-cur:active, .# .m-cur2:active{background-position:0 -328px;}\n.# .m-shuffled{background-position:0 -262px;}\n.# .m-shufflec{background-position:-56px -115px;}\n.# .m-repeatb, .m-repeatb-1, .m-shuffleb{height:22px;width:32px;float:right;margin:10px 10px 0 0 }\n.# .m-repeatd{background-position:0 -187px;}\n.# .m-repeatd-1{background-position:0 -225px;}\n.# .m-repeatc{background-position:-56px -149px;}\n.m-cnt{width:600px;position: relative;}"
},
{
"path": "src/ui/audio/mp3.html",
"content": "\n\t
\n\t
\n\t
\n\t
\n\t
\n\t
\n\t
\n\t
\n\t \n\t \n\t
00:00 \n\t
\n\t
\n\t
\n\t 00:00 \n\t \n\t
\n\t
\n\t
\n
audio测试页 \n \t\t
\n\t\t
\n\t\t
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/audio/test/audio.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"audio\");\n //开始单元测试\n test('audio',function(){\n expect(0);\n var _audio = nej.ui._$$AudioPlayer._$allocate({\n parent:document.getElementById('id-box'),\n title:'Track01',\n url:'http://www.zhlongyin.com/UploadFiles/xrxz/2011/5/201105051307513619.mp3',\n\t\t\tonstatechange:function(_event){\n\t\t\t}\n });\n setTimeout(function(){\n _audio._$play();\n },500);\n// _audio._$pause();\n// _audio._$stop();\n// _audio._$play();\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}audio.test.js',['ui/audio/audio'],f);\n});"
},
{
"path": "src/ui/audio/test/mp3.test.html",
"content": "\n\n\t\n\t\tmp3测试页 \n\t\t
\n\t\t
\n\t\t
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/audio/test/mp3.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"ui-mp3\");\n var _ = NEJ.P,\n _e = _('nej.e'),\n _p = _('nej.ui');\n\n //开始单元测试\n test('mp3',function(){\n \texpect(0);\n // var _mp3 = _p._$$MP3Player._$allocate({\n // parent:'box',\n // list:[]\n // });\n\n // _mp3 = _p._$$MP3Player._$recycle(_mp3);\n var _mp3 = _p._$$MP3Player._$allocate({\n parent:'box',\n mode:1,\n list:['http://www.zhlongyin.com/UploadFiles/xrxz/2011/5/201105051307513619.mp3',\n 'http://www.zhlongyin.com/UploadFiles/xrxz/2012/2/201202201555569985.mp3']\n });\n // setTimeout(function(){\n // _mp3._$refreshList({\n // list:[]\n // });\n // }._$bind(this),5000);\n // 2秒后开始播放\n // setTimeout(function(){\n // _mp3._$play();\n // }._$bind(this),2000);\n // 5秒后切换歌曲列表\n // setTimeout(function(){\n // _mp3._$refreshList({\n // list:['../../../qunit/res/海阔天空 - 豆瓣FM.mp3',\n // '../../../qunit/res/开始懂了 - 豆瓣FM.mp3']\n // });\n // }._$bind(this),3000);\n // setTimeout(function(){\n // _mp3._$play();\n // },5000)\n // setTimeout(function(){\n // _p._$$MP3Player._$recycle(_mp3);\n // }._$bind(this),10000);\n\n // setTimeout(function(){\n // var _mp3 = _p._$$MP3Player._$allocate({\n // parent:'box',\n // mode:0,\n // list:['../../../qunit/res/开始懂了 - 豆瓣FM.mp3']\n // });\n // }._$bind(this),15000);\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}mp3.test.js',['ui/audio/mp3'],f);\n});"
},
{
"path": "src/ui/base.js",
"content": "/*\n * ------------------------------------------\n * UI控件基类实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/base */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/util',\n 'util/event',\n 'util/template/tpl'\n],function(NEJ,_k,_e,_u,_t,_t0,_p,_o,_f,_r){\n var _pro;\n /**\n * UI控件基类，框架及项目中所有涉及UI的控件均继承此类\n *\n * 脚本举例\n * ```javascript\n * // 分配控件实例\n * NEJ.define([\n * 'ui/base'\n * ],function(_i,_p,_o,_f,_r){\n * var ctrl = _i._$allocate({\n * clazz:'xxx',\n * parent:document.body\n * });\n * ctrl._$appendTo(document.body);\n * // 如果在分配时传入了parent则这步可省略\n * ctrl._$appendTo(function(_body){\n * // 如果需要自定义body插入的位置可以输入函数，返回父容器节点\n * _parent.insertAdjacentElement('afterBegin',_body);\n * return _parent;\n * });\n * });\n * ```\n *\n * @class module:ui/base._$$Abstract\n * @extends module:util/event._$$EventTarget\n * @param {Object} arg0 - 可选配置参数\n * @property {String} clazz - 控件样式\n * @property {String|Node|Function} parent - 控件所在容器节点或者追加控件节点执行函数\n * @property {Object} dataset - 控件携带的数据集信息\n */\n _p._$$Abstract = _k._$klass();\n _pro = _p._$$Abstract._$extend(_t._$$EventTarget);\n /**\n * 初始化\n *\n * @protected\n * @method module:ui/base._$$Abstract#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__super();\n _e._$dumpCSSText();\n this.__initXGui();\n this.__initNode();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/base._$$Abstract#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__doInitClass(_options.clazz);\n this.__doInitDataset(_options.dataset);\n this._$appendTo(_options.parent);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/base._$$Abstract#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n // clear parent\n this.__doDelParentClass();\n this.__doDelParentDataset();\n delete this.__parent;\n // clear body\n _e._$removeByEC(this.__body);\n _e._$delClassName(\n this.__body,\n this.__class\n );\n delete this.__class;\n };\n /**\n * 初始化外观信息，子类实现具体逻辑\n *\n * @abstract\n * @method module:ui/base._$$Abstract#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = _f;\n /**\n * 初始化节点，子类重写具体逻辑\n *\n * @protected\n * @method module:ui/base._$$Abstract#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n if (!this.__seed_html){\n this.__initNodeTemplate();\n }\n this.__body = _t0._$getNodeTemplate(this.__seed_html);\n if (!this.__body){\n this.__body = _e._$create('div',this.__seed_css);\n }\n _e._$addClassName(this.__body,this.__seed_css);\n };\n /**\n * 动态构建控件节点模板，子类实现具体逻辑\n *\n * @abstract\n * @method module:ui/base._$$Abstract#__initNodeTemplate\n * @return {Void}\n */\n _pro.__initNodeTemplate = _f;\n /**\n * 添加节点样式\n *\n * @protected\n * @method module:ui/base._$$Abstract#__doInitClass\n * @param {String} arg0 - 样式名称\n * @return {Void}\n */\n _pro.__doInitClass = function(_clazz){\n this.__class = _clazz||'';\n _e._$addClassName(this.__body,this.__class);\n };\n /**\n * 添加携带数据\n *\n * @protected\n * @method module:ui/base._$$Abstract#__doInitDataset\n * @param _dataset\n * @private\n */\n _pro.__doInitDataset = function(_dataset){\n this.__datamap = _u._$merge({},_dataset);\n _e._$dataset(this.__body,this.__datamap);\n };\n /**\n * 删除携带数据\n *\n * @protected\n * @method module:ui/base._$$Abstract#__doDelParentDataset\n * @private\n */\n _pro.__doDelParentDataset = function(){\n _u._$forIn(\n this.__datamap,function(v,k){\n _e._$dataset(this.__body,k,'');\n },this\n );\n };\n /**\n * 父节点增加辅助样式\n *\n * @protected\n * @method module:ui/base._$$Abstract#__doAddParentClass\n * @return {Void}\n */\n _pro.__doAddParentClass = function(){\n if (!!this.__seed_css){\n var _arr = this.__seed_css.split(/\\s+/);\n _e._$addClassName(\n this.__parent,\n _arr.pop()+'-parent'\n );\n }\n };\n /**\n * 父节点删除辅助样式\n *\n * @protected\n * @method module:ui/base._$$Abstract#__doDelParentClass\n * @return {Void}\n */\n _pro.__doDelParentClass = function(){\n if (!!this.__seed_css){\n var _arr = this.__seed_css.split(/\\s+/);\n _e._$delClassName(\n this.__parent,\n _arr.pop()+'-parent'\n );\n }\n };\n /**\n * 取当前控件节点\n *\n * 脚本举例\n * ```javascript\n * // _mask是一个继承了此基类的实例化对象\n * // 获取当前控件的节点\n * _mask._$getBody();\n * ```\n *\n * @method module:ui/base._$$Abstract#_$getBody\n * @return {Node} 控件节点\n */\n _pro._$getBody = function(){\n return this.__body;\n };\n /**\n * 控件节点追加至容器\n *\n * 脚本举例\n * ```javascript\n * // _mask是一个继承了此基类的实例化对象\n * _mask._$appendTo(document.body);\n * // 还可以传方法\n * _mask._$appendTo(function(_body){\n * // 根据情况插入节点\n * var _parent = document.body;\n * _parent.insertAdjacentElement('afterBegin',_body);\n * return _parent;\n * });\n * ```\n *\n * @method module:ui/base._$$Abstract#_$appendTo\n * @param {String|Node|Function} arg0 - 控件所在容器节点\n * @return {Void}\n */\n _pro._$appendTo = function(_parent){\n if (!this.__body) return;\n this.__doDelParentClass();\n if (_u._$isFunction(_parent)){\n this.__parent = _parent(this.__body);\n }else{\n this.__parent = _e._$get(_parent);\n if (!!this.__parent){\n this.__parent.appendChild(this.__body);\n }\n }\n this.__doAddParentClass();\n };\n /**\n * 显示控件\n *\n * 脚本举例\n * ```javascript\n * // _mask是一个继承了此基类的实例化对象\n * _mask._$show();\n * ```\n *\n * @method module:ui/base._$$Abstract#_$show\n * @return {Void}\n */\n _pro._$show = function(){\n if (!this.__parent||!this.__body||\n this.__body.parentNode==this.__parent){\n return;\n }\n this.__parent.appendChild(this.__body);\n };\n /**\n * 隐藏控件\n *\n * 脚本举例\n * ```javascript\n * // _mask是一个继承了此基类的实例化对象\n * _mask._$hide();\n * ```\n *\n * @method module:ui/base._$$Abstract#_$hide\n * @return {Void}\n */\n _pro._$hide = function(){\n _e._$removeByEC(this.__body);\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});\n"
},
{
"path": "src/ui/carousel/carousel.js",
"content": "/*\n * ------------------------------------------\n * 卡片播放器实现文件\n * @version 1.0\n * @author huxueliang(huxueliang@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/carousel/carousel */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/platform',\n 'base/element',\n 'base/event',\n 'base/util',\n 'util/event',\n 'util/gesture/drag',\n 'util/timer/animation',\n 'ui/carousel/indicator'\n],function(NEJ,_k,_m,_e,_v,_u,_t,_t0,_t1,_i0,_p,_o,_f,_r){\n // variable declaration\n var _pro;\n /**\n * 卡片播放器对象\n *\n * @class module:ui/carousel/carousel._$$Carousel\n * @extends module:util/event._$$EventTarget\n * @param {Object} config - 可选配置参数\n * @property {String|Node} parent - 卡片所在父容器节点\n * @property {Number} mode - 动画模式(1:3d;2:2d;3:left/top)\n * @property {Number} current - 当前选中项\n * @property {Number} buffer - 预加载卡片个数\n * @property {Boolean} nofollow - 无跟随\n * @property {Boolean} nobounce - 无弹性\n * @property {Object} indicator - 指示器参数\n */\n /**\n * 添加卡片\n *\n * @event module:ui/carousel/carousel._$$Carousel#onaddcard\n * @param {Number} index - 卡片索引\n *\n */\n /**\n * 准备滚动到某张卡片\n *\n * @event module:ui/carousel/carousel._$$Carousel#onbeforescroll\n * @param {Number} index - 卡片索引\n * @param {Boolean} islast - 是否最后一张\n */\n /**\n * 滚动到某张卡片\n *\n * @event module:ui/carousel/carousel._$$Carousel#onscroll\n * @param {Number} index - 卡片索引\n * @param {Boolean} islast - 是否最后一张\n *\n */\n /**\n * 回收卡片处理函数\n *\n * @event module:ui/carousel/carousel._$$Carousel#onrecycle\n * @param {Number} index - 回收的卡片索引\n * @param {Object} node - 卡片的容器节点\n */\n /**\n * 弹性释放事件处理函数\n *\n * @event module:ui/carousel/carousel._$$Carousel#onbouncerelease\n * @param {Event} arg0 - 事件对象\n *\n */\n _p._$$Carousel = _k._$klass();\n _pro = _p._$$Carousel._$extend(_t._$$EventTarget,!0);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__reset\n * @param {Object} arg0 - 重置属性\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__parent = _e._$get(_options.parent);\n this.__mode = _options.mode||(_m._$SUPPORT.css3d?1:2);\n this.__config = this.__getConfig();\n this.__noBounce = !!_options.nobounce;\n this.__noFollow = !!_options.nofollow;\n this.__transitionProperty = this.__mode==3?(this.__config.v?'top':'left')\n :'-'+_m._$KERNEL.prefix.css+'-transform';\n //init item config\n this.__items={addList:[],delList:[],curList:[],aniList:[],\n buffer:this.__parent.children.length||parseInt(_options.buffer),\n curIndex:parseInt(_options.current)||0,strIndex:0};\n if(this.__parent.children.length>0){\n for(var i=0;i3;\n }\n /**\n * 判断是否滚动到前一张\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__isPrev\n * @param {Number} arg0 - 滚动距离\n * @return {Boolean}\n */\n _pro.__isPrev = function(_movement){\n return (_movement>0)&&Math.abs(_movement)>3;\n }\n /**\n * 拖动开始事件处理函数\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__onDragStart\n * @param {Event} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onDragStart = function(_event){\n if(this.__isLock||(this.__transitionEnd&&this.__noFollow))return;\n if((this.__transitionEnd)&&(!this.__noFollow))this.__doTransitionEnd();\n //for ios default bounce bug (reflow)\n if(!this.__config.v){\n this.__horizontal = Math.abs(_event.detalX)>Math.abs(_event.detalY);\n }else{\n this.__horizontal = Math.abs(_event.detalY)>Math.abs(_event.detalX);\n }\n if(this.__horizontal)_v._$stop(_event);\n this.__dragging = !0;\n };\n /**\n * 拖动事件处理函数\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__onDrag\n * @param {Event} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onDrag = function(_event){\n if(!this.__dragging||!this.__horizontal||\n this.__isLock||(this.__transitionEnd&&this.__noFollow))return;\n var _movement=this.__scroll=_event[this.__config.m];\n if((_movement>0&&this.__items.curIndex==0)||(_movement<0&&this.__isLast())){\n this.__scroll = !!this.__noBounce?0:_movement/2;\n }\n if(!this.__noFollow){\n this.__updatePosition();\n }else{\n if(this.__isNext(_movement)){//may be next\n this.__dragging = !1;\n this._$scrollToNext();\n }else if(this.__isPrev(_movement)){//prev\n this.__dragging = !1;\n this._$scrollToPrev();\n }\n }\n };\n /**\n * 拖动结束事件处理函数\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__onDragEnd\n * @param {Event} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onDragEnd = function(_event){\n _v._$stopClick(_event);\n if(!this.__horizontal||this.__isLock||this.__noFollow)return;\n var _movement= _event[this.__config.m],\n _current = this.__items.curIndex,\n _start=this.__items.strIndex,_event={};\n if(this.__isNext(_movement)){//may be next\n this._$scrollToNext();\n }else if(this.__isPrev(_movement)){//may be prev\n this._$scrollToPrev();\n }else{\n this.__addToAniList(_current);\n this.__scrollTo(_current);\n }\n };\n /**\n * 弹性释放时\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__onBounceRelease\n * @return {Void}\n */\n _pro.__onBounceRelease = function(){\n if(this.__noFollow)return;\n var _event={};\n this._$dispatchEvent('onbouncerelease',_event);//scroll to first\n this.__addToAniList(_items.curIndex);\n this.__scrollTo(_items.curIndex,_event.offset);\n }\n /**\n * 滚动事件\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__fireEvent\n * @param {Event} arg0 - 事件对象\n * @param {Object} arg1 - 配置参数\n * @return {Void}\n */\n _pro.__fireEvent = function(_event,_param){\n var _items = this.__items;\n _param = _param||o;\n switch(_event){\n case 'onbeforescroll':{\n this._$dispatchEvent('onbeforescroll',{index:_items.curIndex\n ,nindex:_param.nindex\n ,direction:_param.direction\n ,isLast:this.__isLast(_items.curIndex)});\n break;\n }\n case 'onscroll':{\n this._$dispatchEvent('onscroll',{index:_items.curIndex\n ,isLast:this.__isLast(_items.curIndex)});\n break;\n }\n }\n };\n /**\n * 待添加Item列表\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__addToAddList\n * @param {Number} arg0 - 项索引\n * @return {Void}\n */\n _pro.__addToAddList = function(_index){\n if(_index<0)return;\n this.__items.addList.push(_index);\n }\n /**\n * 待删除Item列表\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__addToDelList\n * @param {Number} arg0 - 项索引\n * @return {Void}\n */\n _pro.__addToDelList = function(_index){\n var _items = this.__items;\n if(!!_items.curList[_index])\n _items.delList.push(_index);\n }\n /**\n * 动画播放列表\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__addToAniList\n * @return {Void}\n */\n _pro.__addToAniList = function(){\n var _items = this.__items;\n for(var i=0;i0){\n this.__transitionEnd = !0;\n _v._$addEvent(this.__parent,'transitionend',this.__onTransitionEnd._$bind(this));\n }\n while((!!_items.curList[i])&&(i>=0)){\n if((i<=_items.curIndex+1)&&(i>=_items.curIndex-1)){\n this.__setItemPosition(i);\n }else{\n this.__setItemPosition(i);\n }\n i--\n }\n };\n /**\n * 设置卡片的位置\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__setItemPosition\n * @param {Number} arg0 - 卡片索引\n * @return {Void}\n */\n _pro.__setItemPosition = function(_index){\n var _items=this.__items,\n _item =_items.curList[_index],\n _offset,\n _transition;\n _transition = this.__transitionProperty;\n _transition+= _items.aniList[_index]?' 300ms linear':' 0ms linear';\n _e._$setStyle(_item,'transition',_transition);\n //caculate position\n _offset = this.__getItemOffset(_index);\n var _translate = this.__config.v?[0,_offset]:[_offset,0];\n if(this.__mode==3){\n if(this.__config.v){_item.style.top = _translate[1]+'px';\n }else{_item.style.left = _translate[0]+'px';}\n }else{\n _e._$setStyle(_item,'transform','translate('+_translate[0]+'px,'+_translate[1]+'px)'\n +((this.__mode==1)?' translateZ(0)':''));\n }\n };\n /**\n * 计算卡片偏移量\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__getItemOffset\n * @param {Number} arg0 - 项索引\n * @return {Number} 偏移量\n */\n _pro.__getItemOffset = function(_index){\n return this.__scroll+(-(this.__items.curIndex-_index)*this.__worh);\n };\n /**\n * 添加卡片\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__addItem\n * @param {Number} arg0 - 开始索引\n * @param {Number} arg1 - 结束索引\n * @return {Void}\n */\n _pro.__addItem = function(_start,_end){\n if(_start<0)return;\n var i,_current=this.__items.curIndex;\n if(_current>_start&&_current<_end){\n for(i=_current-1;i>=_start;i--)this._$dispatchEvent('onaddcard',i);\n for(i=_current;i<=_end;i++)this._$dispatchEvent('onaddcard',i);\n }else{\n for(i=_start;i<=(_end||_start);i++)this._$dispatchEvent('onaddcard',i);\n }\n };\n /**\n * 滚动停止处理函数\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__onTransitionEnd\n * @param {Event} _event - 事件对象\n * @return {Void}\n */\n _pro.__onTransitionEnd = function(_event){\n this.__doTransitionEnd();\n this.__fireEvent('onscroll');\n };\n /**\n * 动画结束处理函数\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__doTransitionEnd\n * @return {Void}\n */\n _pro.__doTransitionEnd = function(){\n var _that=this;\n if(!_that.__transitionEnd)return;\n _v._$clearEvent(_that.__parent,'transitionend');\n _u._$forEach(_that.__items.addList,function(_item,_index,_list){\n _that.__addItem(_item);\n });\n _u._$forEach(_that.__items.delList,function(_item,_index){\n _that.__delItem(_item);\n });\n _that.__items.addList=[];\n _that.__items.delList=[];\n _that.__items.aniList=[];\n _that.__scroll = 0;\n _that.__transitionEnd = !1;\n };\n /**\n * 控件销毁函数\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n if(this.__indicator)\n this.__indicator=_i0._$$Indicator._$recycle(this.__indicator);\n var i=this.__items.curList.length-1;\n while(!!this.__items.curList[i]&&i>=0){\n this.__delItem(i);\n i--;\n }\n this._$clearEvent();\n delete this.__parent;\n delete this.__isLock;\n delete this.__items;\n delete this.__scroll;\n delete this.__transitionEnd;\n delete this.__transitionProperty;\n this.__super();\n };\n /**\n * 卡片回收\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__delItem\n * @param {Number} arg0 - 回收的卡片索引\n * @return {Void}\n */\n _pro.__delItem = function(_index){\n if(_index<0)return;\n var _node = this.__items.curList[_index];\n this.__parent.removeChild(_node);\n if(_index == this.__items.curList.length-1){\n this.__items.curList.pop();\n }else{\n delete this.__items.curList[_index];\n }\n this._$dispatchEvent('onrecycle',_index,_node);\n };\n /**\n * 卡片回收默认处理\n *\n * @protected\n * @method module:ui/carousel/carousel._$$Carousel#__onRecycleItem\n * @param {Number} arg0 - 回收项的索引\n * @param {Node|String} arg1 - 卡片的容器节点\n * @return {Void}\n */\n _pro.__onRecycleItem = function(_index,_node){\n _e._$remove(_node);\n };\n /**\n * 锁住控件\n * @method module:ui/carousel/carousel._$$Carousel#_$lock\n * @param {Boolean} arg0 - 是否加锁\n * @return {Void}\n */\n _pro._$lock = function(_isLock){\n this.__isLock = !!_isLock;\n };\n /**\n * 刷新接口\n * @method module:ui/carousel/carousel._$$Carousel#_$refresh\n * @param {Object} options - 刷新参数\n * @property {Number} current - 当前页\n * @return {Void}\n */\n _pro._$refresh = function(_options){\n _options = _options||{};\n this.__worh = _options[this.__config.l]||this.__parent[this.__config.o];\n //get item content again\n this._$scrollToCurrent(_options.current||this.__items.curIndex);\n };\n /**\n * 滚动到下一张\n * @method module:ui/carousel/carousel._$$Carousel#_$scrollToNext\n * @return {Void}\n */\n _pro._$scrollToNext = function(){\n var _items = this.__items;\n this.__fireEvent('onbeforescroll',{direction:'next',nindex:_items.curIndex+1});\n //maybe asyn get data\n for(var i=_items.curIndex+1;i<=_items.curIndex+_items.buffer+1;i++){\n if(!_items.curList[i])this.__addToAddList(i);\n }\n if(this.__isLast()){//may be last\n this.__onBounceRelease();\n }else{\n _items.curIndex +=1;\n if(_items.curIndex>_items.buffer)_items.strIndex += 1;\n this.__addToDelList(_items.curIndex-_items.buffer-1);\n this.__addToAniList(_items.curIndex-1,_items.curIndex);\n this.__scrollTo(_items.curIndex);\n }\n };\n /**\n * 滚动到上一张\n * @method module:ui/carousel/carousel._$$Carousel#_$scrollToPrev\n * @return {Void}\n */\n _pro._$scrollToPrev = function(){\n var _items = this.__items;\n this.__fireEvent('onbeforescroll',{direction:'prev',nindex:_items.curIndex-1});\n if(this.__items.curIndex==0){\n this.__onBounceRelease();\n }else{\n this.__addToAddList(_items.curIndex-_items.buffer-1);\n this.__addToDelList(_items.curIndex+_items.buffer);\n _items.curIndex -=1;\n if(_items.curIndex>_items.buffer)_items.strIndex -= 1;\n this.__addToAniList(_items.curIndex,_items.curIndex+1);\n this.__scrollTo(this.__items.curIndex);\n }\n };\n /**\n * 滚到当前项\n * @method module:ui/carousel/carousel._$$Carousel#_$scrollToCurrent\n * @param {Number} arg0 - 卡片索引\n * @return {Void}\n */\n _pro._$scrollToCurrent = function(_index){\n var _child = this.__parent.children,\n _items = this.__items,\n i=_items.curList.length-1,\n _start=_items.strIndex=_index-_items.buffer>=0?_index-_items.buffer:0,\n _end = _index+_items.buffer;\n if((_child.length!=_items.buffer)||(_child.length==0)){\n while((_items.curList[i])&&(i>=0)){\n this.__delItem(this.__items.curList[i]);\n i--\n }\n _items.curIndex=_index;\n this.__addItem(_start,_end);\n }\n this.__scrollTo(_index);\n this.__fireEvent('onbeforescroll',{nindex:_items.curIndex});\n this.__fireEvent('onscroll');\n };\n /**\n * 添加卡片到容器\n * @method module:ui/carousel/carousel._$$Carousel#_$appendItem\n * @param {Object} arg0 - 卡片索引\n * @param {Node|String} arg1 - 添加的卡片内容\n * @return {Void}\n */\n _pro._$appendItem = function(_index,_node){\n var _container = this.__parent,\n _node = _u._$isString(_node)?_e._$html2node(_node):_node;\n this.__items.curList[_index]=_node;\n if(_index0){\n for(var i=0;i<_ntmp.length;i++){\n _e._$delClassName(_ntmp[i],this.__cstyle);\n }\n }\n _e._$addClassName(_child[_current],this.__cstyle);\n this.__current = _current;\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/carousel/list.js",
"content": "/*\n * ------------------------------------------\n * 卡片播放器列表实现文件\n * @version 1.0\n * @author huxueliang(huxueliang@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/carousel/list */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'util/event',\n 'ui/loading/loading',\n 'ui/carousel/x'\n],function(NEJ,_k,_e,_t,_i0,_i1,_p,_o,_f,_r){\n // variable declaration\n var _pro;\n /**\n * 卡片播放器对象\n *\n * @class module:util/carousel/list._$$CarouselList 卡片播放器控件\n * @extends module:util/event._$$EventTarget\n * @param {Object} arg0 - 可选配置参数\n * @property {String|Node} parent - 卡片所在父容器节点\n * @property {Number} current - 当前选中项\n * @property {Number} buffer - 预加载卡片个数\n * @property {Object} indicator - 指示器参数\n */\n /**\n * 滚动到某张卡片\n *\n * @event module:ui/carousel/list._$$CarouselList#onscroll\n * @param {Number} index - 卡片索引\n */\n /**\n * 追加卡片(异步)\n *\n * @event module:ui/carousel/list._$$CarouselList#onaddmore\n *\n */\n _p._$$CarouselList = _k._$klass();\n _pro = _p._$$CarouselList._$extend(_t._$$EventTarget);\n _pro.__init = function(_options){\n this.__super();\n this.__initLoading();\n };\n /**\n * 初始化加载控件\n *\n * @protected\n * @method module:util/carousel/list._$$CarouselList#__initLoading\n * @return {Void}\n */\n _pro.__initLoading = function(){\n this.__lnode = document.createElement('div');\n this.__lnode.style.position = 'absolute';\n this.__lnode.style.top = '50%';\n this.__lnode.style.left = '100%';\n };\n /**\n * 控件重置函数\n *\n * @protected\n * @method module:util/carousel/list._$$CarouselList#__reset\n * @param {Object} arg0 - 重置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this._$setEvent('onscroll',_options.onscroll);\n this._$setEvent('onaddmore',_options.onaddmore);\n _options.onscroll = this.__onScroll._$bind(this);\n _options.onbouncerelease = this.__onBounceRelease._$bind(this);\n this.__buffer = _options.buffer||0;\n if(!this.__carousel)this.__carousel = _i1._$$CarouselX._$allocate(_options);\n if(!this.__loading)this.__loading = _i0._$$Loading._$allocate({parent:this.__lnode});\n };\n /**\n * 滚动回调函数\n *\n * @protected\n * @method module:util/carousel/list._$$CarouselList#__onScroll\n * @param {Number} arg0 - 卡片索引\n * @param {Object} arg1 - 是否最后一张卡片\n * @return {Void}\n */\n _pro.__onScroll = function(_index,_isLast){\n this._$dispatchEvent('onscroll',_index);\n if(_isLast){\n this.__carousel._$getCardByIndex(_index).appendChild(this.__lnode);\n }\n };\n /**\n * 弹性释放处理函数\n *\n * @protected\n * @method module:util/carousel/list._$$CarouselList#__onBounceRelease\n * @param {Event} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onBounceRelease= function(_event){\n _event.offset=-(1.5*this.__lnode.offsetWidth);\n if(this.__load) return;\n this.__load = !0;\n this._$dispatchEvent('onaddmore');\n };\n /**\n * 列表回收处理函数\n *\n * @protected\n * @method module:util/carousel/list._$$CarouselList#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__carousel = _i1._$$CarouselX._$recycle(this.__carousel);\n this.__loading = _i0._$$Loading._$recycle(this.__loading);\n _e._$removeByEC(this.__lnode);\n this._$clearEvent();\n this.__super();\n };\n /**\n * 添加卡片（同步）\n * @method module:util/carousel/list._$$CarouselList#_$appendItem\n * @param {Number} arg0 - 要添加的卡片索引\n * @param {String|Node} arg1 - 要添加的卡片内容或节点\n * @return {Void}\n */\n _pro._$appendItem = function(_index,_node){\n this.__carousel._$appendItem(_index,_node);\n };\n /**\n * 滚动下一张卡片\n * @method module:util/carousel/list._$$CarouselList#_$scrollToNext\n * @param {Number} arg0 - 卡片索引\n * @return {Void}\n */\n _pro._$scrollToNext = function(_index){\n this.__carousel._$scrollToNext(_index);\n };\n /**\n * 滚动上一张卡片\n * @method module:util/carousel/list._$$CarouselList#_$scrollToPrev\n * @param {Number} arg0 - 卡片索引\n * @return {Void}\n */\n _pro._$scrollToPrev = function(_index){\n this.__carousel._$scrollToPrev(_index);\n };\n /**\n * 滚动到指定卡片\n * @method module:util/carousel/list._$$CarouselList#_$scrollTo\n * @param {Object} arg0 - 卡片索引\n * @return {Void}\n */\n _pro._$scrollTo = function(_index){\n this.__carousel._$scrollTo(_index);\n };\n /**\n * 滚动到指定卡片\n * @method module:util/carousel/list._$$CarouselList#_$refresh\n * @param {Number} arg0 - 卡片索引\n * @return {Void}\n */\n _pro._$refresh = function(_index){\n this.__carousel._$refresh();\n };\n /**\n * 往列表末尾追加卡片（异步）\n * @method module:util/carousel/list._$$CarouselList#_$appendMore\n * @param {Array} arg0 - 要添加的卡片内容数组\n * @return {Void}\n */\n _pro._$appendMore = function(_array){\n this.__load = !1;\n _e._$removeByEC(this.__lnode);\n if(!_array||_array.length<=0)return;\n for(var i=0;i\n\n\t\n\t\tcarousel测试页 \n \t\t
\n\t\t
\n \t\t10秒后统计卡片播放结果 \n\t\t
\n\t\t
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/carousel/test/carousel.test.js",
"content": "var f = function(){\n\t//定义测试模块\n\tmodule(\"carousel\");\n\tvar _ = NEJ.P,\n _v = _('nej.v'),\n\t\t_e = _('nej.e'),\n\t\t_p = _('nej.ui');\n\n\n\t//开始单元测试\n\ttest('carouselX',function(){\n\t\tstop();\n//\t\t_v._$addEvent('carousel-box','touchstart',_v._$stopDefault);\n//\t\t_v._$addEvent('carousel-box','touchmove',_v._$stopDefault);\n\t\tvar _cx = _p._$$CarouselX._$allocate({\n\t\t\tparent:_e._$get('carousel-box'),\n\t\t\tmode:1,\n\t\t\tbuffer:10,\n\t\t\tcurrent:2,\n\t\t\tonaddcard:function(_index){\n\t\t\t\tvar _img = _e._$create('img');\n\t\t\t\t_img.draggable = false;\n\t\t\t\t_img.src = 'http://www.baidu.com/img/baidu_sylogo1.gif';\n\t\t\t\t_cx._$appendItem(_index,_img);\n\t\t\t},\n\t\t\tonscrollstart:function(_index){\n\t\t\t\tok(true,'onscrollstart')\n\t\t\t},\n\t\t\tonscroll:function(_index){\n\t\t\t\tok(true,'onscroll')\n\t\t\t},\n\t\t\tonbouncerelease:function(_index){\n\t\t\t\tok(true,'onbouncerelease')\n\t\t\t}\n\t\t});\n\t\t\tsetTimeout(function(){\n\t\t\t\tstart();\n\t\t\t},10000);\n\n\t});\n\n\t//开始单元测试\n\ttest('carouselY',function(){\n\t\texpect(0);\n\t});\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n\tdefine('{pro}carousel.test.js',['ui/carousel/carousel.x','ui/carousel/carousel.y'],f);\n});"
},
{
"path": "src/ui/carousel/x.js",
"content": "/*\n * ------------------------------------------\n * 水平模块播放器实现文件\n * @version 1.0\n * @author huxueliang(huxueliang@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/carousel/x */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'ui/carousel/carousel'\n],function(NEJ,_k,_i0,_p,_o,_f,_r){\n // variable declaration\n var _pro;\n /**\n * 卡片水平播放器对象\n *\n * @class module:ui/carousel/x._$$CarouselX\n * @extends module:ui/carousel/carousel._$$Carousel\n */\n _p._$$CarouselX = _k._$klass();\n _pro = _p._$$CarouselX._$extend(_i0._$$Carousel);\n /**\n * 获得配置参数\n *\n * @protected\n * @method module:ui/carousel/x._$$CarouselX#__getConfig\n * @return {Object} 配置参数对象\n */\n _pro.__getConfig = function(){\n return {\n m:'moveX',\n p:'m41',\n l:'width',\n o:'offsetWidth',\n v:!1\n };\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});\n\n"
},
{
"path": "src/ui/carousel/y.js",
"content": "/*\n * ------------------------------------------\n * 卡片垂直播放器实现文件\n * @version 1.0\n * @author huxueliang(huxueliang@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/carousel/y */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'ui/carousel/carousel'\n],function(NEJ,_k,_i0,_p,_o,_f,_r){\n // variable declaration\n var _pro;\n /**\n * 卡片水平播放器对象\n *\n * @class module:ui/carousel/y._$$CarouselY\n * @extends module:ui/carousel/carousel._$$Carousel\n */\n _p._$$CarouselY = _k._$klass();\n _pro = _p._$$CarouselY._$extend(_i0._$$Carousel);\n /**\n * 获得配置参数\n *\n * @protected\n * @method module:ui/carousel/y._$$CarouselY#__getConfig\n * @return {Object} 配置参数对象\n */\n _pro.__getConfig = function(){\n return {\n m:'moveY',\n p:'m42',\n l:'height',\n o:'offsetHeight',\n v:!0\n };\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});\n\n"
},
{
"path": "src/ui/carousel.list/carousel.list.js",
"content": "// link to ui/carousel/list for compatible\n// use ui/carousel/list for new project\nNEJ.define(['ui/carousel/list'],function(_t){return _t;});"
},
{
"path": "src/ui/colorpick/colorpanel.css",
"content": ".#{width:160px;margin:0 auto;overflow:hidden;$:none;}\n.# .zbg{background:url(#nej_color_btn.png) no-repeat -50px -50px;}\n.# .zwrp{position:relative;padding:3px;zoom:1;cursor:default;font-size:1px;}\n.# .zwrp .zdot{position:absolute;top:0;left:0;height:8px;overflow:hidden;}\n.# .zwrp .zshw{height:104px;border:1px solid #bdbabd;}\n.# .zpnl{float:left;}\n.# .zpnl .zdot{width:8px;background-position:0 0;}\n.# .zpnl .zshw{width:104px;background:url(#nej_color.png) no-repeat;}\n.# .zhlt{float:right;padding:3px 7px;}\n.# .zhlt .zdot{width:44px;height:9px;background-position:0 -30px;}\n.# .zhlt .zshw{width:26px;background:url(#nej_color_mask.png) repeat-x;}"
},
{
"path": "src/ui/colorpick/colorpanel.html",
"content": ""
},
{
"path": "src/ui/colorpick/colorpanel.js",
"content": "/*\n * ------------------------------------------\n * 颜色面板控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/colorpick/colorpanel */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/config',\n 'base/element',\n 'base/event',\n 'util/template/tpl',\n 'util/slider/y',\n 'util/slider/xy',\n 'util/color/color',\n 'ui/base',\n 'text!./colorpanel.css',\n 'text!./colorpanel.html'\n],function(NEJ,_k,_c,_e,_v,_t0,_t1,_t2,_i0,_i,_css,_html,_p,_o,_f,_r){\n var _pro;\n /**\n * 颜色选择面板控件\n *\n * 结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'ui/colorpick/colorpanel'\n * ],function(_i0,_p,_o,_f,_r){\n * var _cp = _i0._$$ColorPanel._$allocate({\n * parent:'colorpanel-box',\n * onchange:function(_color){\n * // 选择颜色或者亮度的时候触发\n * }\n * });\n * });\n * ```\n *\n * @class module:ui/colorpick/colorpanel._$$ColorPanel\n * @uses module:util/slider/xy._$$SliderXY\n * @uses module:util/slider/y._$$SliderY\n * @extends module:ui/event._$$Abstract\n * \n * @param {Object} arg0 - 可选配置参数\n * @property {String} color - RGB颜色值\n * @property {String} defaultColor - 默认颜色，默认为#fff\n */\n /**\n * 颜色变化触发事件\n *\n * @event module:ui/colorpick/colorpanel._$$ColorPanel#onchange\n * @param {String} arg0 - RGB颜色串\n */\n _p._$$ColorPanel = _k._$klass();\n _pro = _p._$$ColorPanel._$extend(_i._$$Abstract);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__hsl = {};\n this.__sopt = {\n onchange:this.__onLightChange._$bind(this)\n };\n this.__dopt = {\n onchange:this.__onHueSatChange._$bind(this)\n };\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__default = _options.defaultColor||'#fff';\n this.__lslide = _t2._$$SliderXY._$allocate(this.__dopt);\n this.__rslide = _t1._$$SliderY._$allocate(this.__sopt);\n this._$setColor(_options.color);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__hsl = {};\n this.__lslide._$recycle();\n delete this.__lslide;\n this.__rslide._$recycle();\n delete this.__rslide;\n this.__super();\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = (function(){\n var _seed_css = _e._$pushCSSText(_css,{\n root:_c._$get('root')\n }),\n _seed_html= _t0._$addNodeTemplate(_html);\n return function(){\n this.__seed_css = _seed_css;\n this.__seed_html = _seed_html;\n };\n })();\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n var _list = _e._$getByClassName(\n this.__body,'js-ztag'\n );\n this.__dopt.track = _list[0];\n this.__dopt.thumb = _list[1];\n this.__sopt.track = _list[2];\n this.__sopt.thumb = _list[3];\n this.__nlprv = _list[4];\n };\n /**\n * 亮度变化触发事件\n *\n * @protected\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#__onLightChange\n * @param {Object} arg0 - 位置信息\n * @return {Void}\n */\n _pro.__onLightChange = function(_event){\n var _light = 1-_event.y.rate;\n if (_light==this.__hsl.l){\n return;\n }\n this.__hsl.l = _light;\n this._$dispatchEvent(\n 'onchange',\n _i0._$hsl2color(this.__hsl)\n );\n };\n /**\n * 色度饱和度变化触发事件\n *\n * @protected\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#__onHueSatChange\n * @param {Object} arg0 - 位置信息\n * @return {Void}\n */\n _pro.__onHueSatChange = function(_event){\n var _hue = _event.x.rate,\n _sat = 1-_event.y.rate;\n if (_hue==this.__hsl.h&&\n _sat==this.__hsl.s){\n return;\n }\n this.__hsl.h = _hue;\n this.__hsl.s = _sat;\n _e._$setStyle(\n this.__nlprv,'backgroundColor',\n _i0._$hsl2color({\n h:this.__hsl.h,\n s:this.__hsl.s,\n l:0.5\n })\n );\n this._$dispatchEvent(\n 'onchange',\n _i0._$hsl2color(this.__hsl)\n );\n };\n /**\n * 设置颜色\n *\n * 脚本举例\n * ```javascript\n * // 先把颜色转成rgb，然后转成hsl,在一个面板设置sh，在另外一个面板设置l\n * _cp._$setColor('#000');\n * ```\n *\n * @method module:ui/colorpick/colorpanel._$$ColorPanel#_$setColor\n * @param {String} arg0 - 颜色值\n * @return {Void}\n */\n _pro._$setColor = function(_color){\n if (!_i0._$isColor(_color)){\n _color = this.__default;\n }\n this.__hsl = _i0._$color2hsl(_color);\n this.__lslide._$setPosition({\n x:this.__hsl.h,\n y:1-this.__hsl.s\n });\n this.__rslide._$setPosition({\n y:1-this.__hsl.l\n });\n this._$dispatchEvent(\n 'onchange',_color\n );\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/colorpick/colorpick.complex.js",
"content": "// link to ui/colorpick/complex for compatible\n// use ui/colorpick/complex for new project\nNEJ.define(['./complex.js'],function(_t){return _t;});"
},
{
"path": "src/ui/colorpick/colorpick.css",
"content": ".# .zbx{background:url(<#root>nej_color_btn.png) no-repeat -50px -50px;}\n.# .zinf{width:160px;margin:0 auto;padding-bottom:2px;overflow:hidden;font-size:12px;}\n.# .zinf .zfl{float:left;}\n.# .zinf .zes{width:19px;height:19px;margin:0 2px 0 3px;background-position:-22px 0;cursor:pointer;}\n.# .zinf .zpv{width:17px;height:17px;border:1px solid #bdbabd;}\n.# .zinf .ztxt{width:56px;height:13px;line-height:13px;}\n.# .zinf .zbtn{width:49px;height:20px;line-height:20px;padding:0;cursor:pointer;}"
},
{
"path": "src/ui/colorpick/colorpick.html",
"content": ""
},
{
"path": "src/ui/colorpick/colorpick.js",
"content": "/*\n * ------------------------------------------\n * 颜色选择控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/colorpick/colorpick */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/config',\n 'base/element',\n 'base/event',\n 'util/template/tpl',\n 'util/color/color',\n 'ui/base',\n 'ui/colorpick/colorpanel',\n 'text!./colorpick.css',\n 'text!./colorpick.html'\n],function(NEJ,_k,_c,_e,_v,_t0,_t1,_i,_i0,_css,_html,_p,_o,_f,_r){\n var _pro;\n /**\n * 颜色选择控件\n *\n * 页面结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'ui/colorpick/colorpick'\n * ],function(_i0,_p,_o,_f,_r){\n * var _cp = _i0._$$ColorPick._$allocate({\n * parent:'colorpanel-box',\n * color:'默认rgb颜色',\n * defaultColor:'默认rgb颜色',\n * onchange:function(_event){\n * // 选择颜色或者亮度的时候触发\n * console.log(_event.color)\n * },\n * onselect:function(_color){\n * // 最后保存颜色的时候触发\n * console.log(_event.color)\n * }\n * });\n * });\n * ```\n *\n * @class module:ui/colorpick/colorpick._$$ColorPick\n * @uses module:ui/colorpick/colorpanel._$$ColorPanel\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n * @property {String} color - 颜色值\n * @property {String} defaultColor - 默认颜色值\n */\n /**\n * 颜色变化触发事件\n *\n * @event module:ui/colorpick/colorpick._$$ColorPick#onchange\n * @param {Object} arg0 - 颜色信息\n * @property {String} color - 颜色值\n */\n /**\n * 确定选择颜色触发事件\n *\n * @event module:ui/colorpick/colorpick._$$ColorPick#onselect\n * @param {Object} arg0 - 颜色信息\n * @property {String} color - 颜色值\n *\n */\n _p._$$ColorPick = _k._$klass();\n _pro = _p._$$ColorPick._$extend(_i._$$Abstract);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__popt = {\n onchange:this.__onColorChange._$bind(this)\n };\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__default = _options.defaultColor||'#fff';\n this.__popt.color = _options.color;\n this.__popt.defaultColor = this.__default;\n this.__panel = _i0._$$ColorPanel._$allocate(this.__popt);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__panel._$recycle();\n delete this.__panel;\n this.__super();\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = (function(){\n var _seed_css = _e._$pushCSSText(_css,{\n root:_c._$get('root')\n }),\n _seed_html= _t0._$addNodeTemplate(_html);\n return function(){\n this.__seed_css = _seed_css;\n this.__seed_html = _seed_html;\n };\n })();\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n var _list = _e._$getByClassName(this.__body,'js-ztag');\n this.__ninput = _list[2];\n this.__npreview = _list[1];\n this.__popt.parent = this.__body;\n _v._$addEvent(\n _list[0],'click',\n this.__onColorClear._$bind(this)\n );\n _v._$addEvent(\n _list[2],'enter',\n this.__onColorSelect._$bind(this)\n );\n _v._$addEvent(\n _list[3],'click',\n this.__onColorSelect._$bind(this)\n );\n };\n /**\n * 清除颜色\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__onColorClear\n * @return {Void}\n */\n _pro.__onColorClear = function(){\n this.__panel._$setColor(this.__default);\n };\n /**\n * 颜色变化触发事件\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__onColorChange\n * @param {String} arg0 - 颜色值\n * @return {Void}\n */\n _pro.__onColorChange = function(_color){\n this.__ninput.value = _color.substr(1);\n _e._$setStyle(this.__npreview,'backgroundColor',_color);\n this._$dispatchEvent('onchange',{color:_color});\n };\n /**\n * 确定选择颜色\n *\n * @protected\n * @method module:ui/colorpick/colorpick._$$ColorPick#__onColorSelect\n * @return {Void}\n */\n _pro.__onColorSelect = function(){\n var _color = '#'+this.__ninput.value.trim();\n if (!_t1._$isColor(_color)){\n return;\n }\n this.__panel._$setColor(_color);\n _color = '#'+this.__ninput.value.trim();\n this._$dispatchEvent('onselect',{color:_color});\n };\n /**\n * 设置颜色\n *\n * 脚本举例\n * ```javascript\n * // 先把颜色转成rgb，然后转成hsl,在一个面板设置sh，在另外一个面板设置l\n * _cp._$setColor('#ccc');\n * ```\n *\n * @method module:ui/colorpick/colorpick._$$ColorPick#_$setColor\n * @param {String} arg0 - 颜色值\n * @return {Void}\n */\n _pro._$setColor = function(_color){\n this.__panel._$setColor(_color);\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/colorpick/colorpick.simple.js",
"content": "// link to ui/colorpick/simple for compatible\n// use ui/colorpick/simple for new project\nNEJ.define(['./simple.js'],function(_t){return _t;});"
},
{
"path": "src/ui/colorpick/complex.html",
"content": "{list xlist as x}\n \n{/list}"
},
{
"path": "src/ui/colorpick/complex.js",
"content": "/*\n * ------------------------------------------\n * 颜色选择控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/colorpick/complex */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/util',\n 'base/element',\n 'ui/colorpick/simple',\n 'util/template/jst',\n 'text!./complex.html'\n],function(NEJ,_k,_u,_e,_i0,_t0,_html,_p,_o,_f,_r){\n var _pro,\n _seed_color = _t0._$add(_html);\n /**\n * 颜色选择控件\n *\n * 页面结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'ui/colorpick/complex'\n * ],function(_i0,_p,_o,_f,r){\n * var _cp = _i0._$$ComplexColorPick._$allocate({\n * parent:'colorpanel-box',\n * defaultColor:'默认rgb颜色',\n * onselect:function(_event){\n * console.log(_event.color)\n * }\n * });\n * });\n * ```\n *\n * @class module:ui/colorpick/complex._$$ComplexColorPick\n * @extends module:ui/colorpick/simple._$$SimpleColorPick\n * @param {Object} arg0 - 可选配置参数\n * @property {String} defaultColor - 默认颜色值\n */\n /**\n * 确定选择颜色触发事件\n *\n * @event module:ui/colorpick/complex._$$ComplexColorPick#onselect\n * @param {Object} arg0 - 颜色信息\n * @property {String} color - 颜色值\n *\n */\n _p._$$ComplexColorPick = _k._$klass();\n _pro = _p._$$ComplexColorPick._$extend(_i0._$$SimpleColorPick);\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/carousel/complex._$$ComplexColorPick#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n _e._$addClassName(this.__nbox,'zbox2');\n };\n /**\n * 绘制可选颜色列表\n *\n * @protected\n * @method module:ui/carousel/complex._$$ComplexColorPick#__doRenderColorList\n * @return {Void}\n */\n _pro.__doRenderColorList = (function(){\n var _xlist = ['00','33','66','99','cc','ff'],\n _ylist = ['ff0000','00ff00','0000ff','ffff00','00ffff','ff00ff'];\n return function(){\n var _arr = [],\n _test = ['','','',''];\n // top panel\n _u._$forEach(\n _xlist,function(_value,_index){\n _arr.push(_test.join(_value));\n _arr.push('000000');\n for(var i=0;i<3;i++){\n for(var j=0;j<6;j++){\n _arr.push(_xlist[i]+_xlist[j]+_xlist[_index]);\n }\n }\n }\n );\n // bottom panel\n _u._$forEach(\n _xlist,function(_value,_index){\n _arr.push(_ylist[_index]);\n _arr.push('000000');\n for(var i=3;i<6;i++){\n for(var j=0;j<6;j++){\n _arr.push(_xlist[i]+_xlist[j]+_xlist[_index]);\n }\n }\n }\n );\n _t0._$render(\n this.__nbox,_seed_color,{\n xlist:_arr\n }\n );\n };\n })();\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/colorpick/demo/colorpanel.html",
"content": "\n\n \n demo for colorpick \n
\n
\n\n \n \n \n \n"
},
{
"path": "src/ui/colorpick/demo/colorpick.html",
"content": "\n\n \n demo for colorpick \n demo for colorpick \n demo for colorpick \n {text-align:left;}\n.# .zdft{display:block;padding:3px 1px 3px 5px;margin:3px;cursor:pointer;}\n.# .zdft:hover{padding:2px 0 2px 4px;background:#ffeec2;border:1px solid #000080;text-decoration:none;}\n.# .zprv{display:block;width:28px;height:11px;overflow:hidden;border:1px solid #aca899;}\n.# .zbox{width:152px;margin:0 5px;overflow:hidden;}\n.# .zbox .zitm{display:block;float:left;width:11px;height:11px;overflow:hidden;margin:3px;border:1px solid #aca899;cursor:pointer;}\n.# .zbox2{width:220px;margin-left:9px;border-width:1px 0 0 1px;border-color:#000;border-style:solid;}\n.# .zbox2 .zitm2{width:10px;height:10px;margin:-1px 0 0 -1px;border-color:#000;}"
},
{
"path": "src/ui/colorpick/simple.html",
"content": "\n\n"
},
{
"path": "src/ui/colorpick/simple.js",
"content": "/*\n * ------------------------------------------\n * 颜色选择控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/colorpick/simple */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/config',\n 'base/element',\n 'base/event',\n 'ui/base',\n 'util/template/tpl',\n 'util/template/jst',\n 'text!./simple.css',\n 'text!./simple.html'\n],function(NEJ,_k,_c,_e,_v,_i,_t0,_t1,_css,_html,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css,{root:_c._$get('root')}),\n _seed_ui = _t0._$parseUITemplate(_html),\n _seed_html = _seed_ui['seedHtml'],\n _seed_color = _seed_ui['seedColor'];\n /**\n * 颜色选择控件\n *\n * 页面结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'ui/colorpick/simple'\n * ],function(_i0,_p,_o,_f,_r){\n * var _cp = _i0._$$SimpleColorPick._$allocate({\n * parent:'colorpanel-box',\n * defaultColor:'默认rgb颜色',\n * onselect:function(_color){\n * // 最后保存颜色的时候触发\n * }\n * });\n * });\n * ```\n *\n * @class module:ui/colorpick/simple._$$SimpleColorPick\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n * @property {String} arg0 - defaultColor 默认颜色值\n */\n /**\n * 确定选择颜色触发事件\n *\n * @event module:ui/colorpick/simple._$$SimpleColorPick#onselect\n * @param {Object} arg0 - 颜色信息\n * @property {String} color - 颜色值\n *\n */\n _p._$$SimpleColorPick = _k._$klass();\n _pro = _p._$$SimpleColorPick._$extend(_i._$$Abstract);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__default = _options.defaultColor||'#ffffff';\n this.__doInitDomEvent([[\n this.__nprv.parentNode,'click',\n this.__onClearColor._$bind(this)\n ],[\n this.__nbox,'click',\n this.__onSelectColor._$bind(this)\n ],[\n this.__nbox,'mouseover',\n this.__onPreviewColor._$bind(this)\n ]]);\n this.__doPreviewColor(this.__default);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n delete this.__default;\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n this.__seed_html = _seed_html;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n // 0 - color preview\n // 1 - color list box\n var _list = _e._$getByClassName(this.__body,'j-flag');\n this.__nprv = _list[0];\n this.__nbox = _list[1];\n this.__doRenderColorList();\n };\n /**\n * 绘制可选颜色列表\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__doRenderColorList\n * @return {Void}\n */\n _pro.__doRenderColorList = (function(){\n var _xlist = [\n {t:'黑色',v:'#000000'},{t:'褐色',v:'#993300'},{t:'橄榄色',v:'#333300'},{t:'深绿',v:'#003300'},{t:'深青',v:'#003366'},{t:'深蓝',v:'#000080'},{t:'靛蓝',v:'#333399'},{t:'灰色-80%',v:'#333333'},\n {t:'深红',v:'#800000'},{t:'橙色',v:'#ff6600'},{t:'深黄',v:'#808000'},{t:'绿色',v:'#008000'},{t:'青色',v:'#008080'},{t:'蓝色',v:'#0000ff'},{t:'蓝-灰',v:'#666699'},{t:'灰色-50%',v:'#808080'},\n {t:'红色',v:'#ff0000'},{t:'浅橙色',v:'#ff9900'},{t:'酸橙色',v:'#99cc00'},{t:'海绿',v:'#339966'},{t:'水绿色',v:'#33cccc'},{t:'浅蓝',v:'#3366ff'},{t:'紫罗兰',v:'#800080'},{t:'灰色-40%',v:'#999999'},\n {t:'粉红',v:'#ff00ff'},{t:'金色',v:'#ffcc00'},{t:'黄色',v:'#ffff00'},{t:'鲜绿',v:'#00ff00'},{t:'青绿',v:'#00ffff'},{t:'天蓝',v:'#00ccff'},{t:'梅红',v:'#993366'},{t:'灰色-25%',v:'#c0c0c0'},\n {t:'玫瑰红',v:'#ff99cc'},{t:'茶色',v:'#ffcc99'},{t:'浅黄',v:'#ffff99'},{t:'浅绿',v:'#ccffcc'},{t:'浅青绿',v:'#ccffff'},{t:'淡蓝',v:'#99ccff'},{t:'淡紫',v:'#cc99ff'},{t:'白色',v:'#ffffff'}\n ];\n return function(){\n _t1._$render(\n this.__nbox,_seed_color,{\n xlist:_xlist\n }\n );\n };\n })();\n /**\n * 清除颜色\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__onClearColor\n * @param {Event} arg0 - 事件信息\n * @return {Void}\n */\n _pro.__onClearColor = function(_event){\n _v._$stop(_event);\n this.__doChangeColor(this.__default);\n };\n /**\n * 颜色选择事件\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__onSelectColor\n * @param {Event} arg0 - 事件信息\n * @return {Void}\n */\n _pro.__onSelectColor = function(_event){\n var _element = _v._$getElement(_event,'d:value');\n if (!_element) return;\n _v._$stop(_event);\n this.__doChangeColor(\n _e._$dataset(_element,'value')\n );\n };\n /**\n * 预览颜色\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__onPreviewColor\n * @param {Event} arg0 - 事件信息\n * @return {Void}\n */\n _pro.__onPreviewColor = function(_event){\n var _element = _v._$getElement(_event,'d:value');\n if (!_element) return;\n this.__doPreviewColor(\n _e._$dataset(_element,'value')\n );\n };\n /**\n * 预览颜色\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__doPreviewColor\n * @param {String} arg0 - 颜色值\n * @return {Void}\n */\n _pro.__doPreviewColor = function(_color){\n _e._$setStyle(this.__nprv,'backgroundColor',_color);\n };\n /**\n * 修改颜色\n *\n * @protected\n * @method module:ui/colorpick/simple._$$SimpleColorPick#__doChangeColor\n * @param {String} arg0 - 颜色值\n * @return {Void}\n */\n _pro.__doChangeColor = function(_color){\n this._$dispatchEvent('onselect',{\n color:_color\n });\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/colorpick/test/colorpanel.test.html",
"content": "\n\n\t\n\t\tcolorpanel测试页 \n \t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/colorpick/test/colorpanel.test.js",
"content": "var f = function(){\n\t//定义测试模块\n\tmodule(\"colorpanel\");\n\tvar _ = NEJ.P,\n\t\t_e = _('nej.e'),\n\t\t_p = _('nej.ui');\n\t//开始单元测试\n\t// test('colorpanel',function(){\n\t// \tstop();\n\t// \tvar _cp = _p._$$ColorPanel._$allocate({\n\t// \t\tparent:'colorpanel-box',\n\t// \t\tonchange:function(_color){\n\t// \t\t\tok(true,'设置的颜色为：' + _color);\n\t// \t\t\tstart();\n\t// \t\t}\n\t// \t});\n\t// });\n\n\ttest('colorpick',function(){\n\t\tstop();\n\t\texpect(0);\n var _cp = _p._$$ColorPick._$allocate({\n\t\t\tparent:'colorpanel-box2',\n onchange:function(_color){\n // ok(true,'设置的颜色为：' + _color);\n },\n\t\t\tonselect:function(_color){\n\t\t\t\t// ok(true,'最后设置的颜色为：' + _color);\n\t\t\t\tstart();\n\t\t\t}\n });\n\t\t_cp._$setColor('#00ff00');\n\t});\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n\tdefine('{pro}colorpanel.test.js',['ui/colorpick/colorpick'],f);\n});"
},
{
"path": "src/ui/datepick/datepick.css",
"content": ".#{width:210px;border:1px solid #aaa;font-size:14px;text-align:center;}\n.# .zact{line-height:30px;overflow:hidden;zoom:1;}\n.# .zact .zfl{float:left;}\n.# .zact .zfr{float:right;}\n.# .zact .zbtn{padding:0 5px;cursor:pointer;}\n.# .zact .ztxt{margin-left:10px;}\n.# .zday{table-layout:fixed;border-collapse:collapse;width:100%;}\n.# .zday th{font-weight:normal;}\n.# .zday a{display:block;height:22px;line-height:22px;color:#333;text-decoration:none;}\n.# .zday a:hover{background:#eee;}\n.# .zday a.js-extended{color:#aaa;}\n.# .zday a.js-selected,\n.# .zday a.js-selected:hover{background:#DAE4E7;}\n.# .zday a.js-disabled,\n.# .zday a.js-disabled:hover{background:#fff;color:#eee;cursor:default;}"
},
{
"path": "src/ui/datepick/datepick.html",
"content": "\n\n"
},
{
"path": "src/ui/datepick/datepick.js",
"content": "/*\n * ------------------------------------------\n * 日期选择控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/datepick/datepick */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/util',\n 'ui/layer/card.wrapper',\n 'util/calendar/calendar',\n 'util/template/tpl',\n 'util/template/jst',\n 'text!./datepick.css',\n 'text!./datepick.html'\n],function(NEJ,_k,_e,_u,_i0,_t0,_t1,_t2,_css,_html,_p,_o,_f,_r){\n var _pro,\n _seed_html,\n _seed_css = _e._$pushCSSText(_css),\n _seed_ui = _t1._$parseUITemplate(_html),\n _seed_date = _seed_ui['seedDate'],\n _seed_action = _seed_ui['seedAction'];\n /**\n * 日期选择控件\n *\n * 页面结构举例\n * ```html\n * \n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/element',\n * 'ui/datepick/datepick'\n * ],function(_e,_i0,_p,_o,_f,_r){\n * var pDate = new Date(1997,7,9)\n * var nDate = new Date(2013,7,9);\n * var _dp = _i0._$$DatePick._$allocate({\n * parent:_e._$get('datepick-box'),\n * // 默认选中日期\n * date:'2012-10-10',\n * // 设置日期的可选范围\n * range:[pDate,nDate],\n * onchange:function(_date){\n * // 选择了一个日期，返回此日期\n * }\n * });\n * });\n * ```\n *\n * @class module:ui/datepick/datepick._$$DatePick\n * @uses module:util/calendar/calendar._$$Calendar\n * @extends module:ui/layer/card._$$CardWrapper\n * @param {Object} arg0 - 可选配置参数\n * @property {Date} date - 设置日期\n * @property {Array} range - 可选范围\n */\n /**\n * 日期变化触发事件\n *\n * @event module:ui/datepick/datepick._$DatePick#onchange\n * @param {Date} arg0 - 日期\n *\n */\n _p._$$DatePick = _k._$klass();\n _pro = _p._$$DatePick._$extend(_i0._$$CardWrapper);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/datepick/datepick._$$DatePick#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__copt = {\n onselect:this.__onDateChange._$bind(this)\n };\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/datepick/datepick._$$DatePick#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__copt.range = _options.range;\n this.__calendar = _t0._$$Calendar\n ._$allocate(this.__copt);\n this._$setDate(_options.date||(new Date()));\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/datepick/datepick._$$DatePick#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n delete this.__copt.range;\n var _calendar = this.__calendar;\n if (!!_calendar){\n delete this.__calendar;\n _calendar._$recycle();\n }\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/datepick/datepick._$$DatePick#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n this.__seed_html = _seed_html;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/datepick/datepick._$$DatePick#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n var _list = _e._$getChildren(this.__body);\n this.__copt.list = _e._$getByClassName(_list[1],'js-ztag');\n _list = _e._$getChildren(_list[0]);\n this.__copt.yprv = _list[0];\n this.__copt.mprv = _list[1];\n this.__copt.ynxt = _list[2];\n this.__copt.mnxt = _list[3];\n this.__copt.year = _list[4];\n this.__copt.month= _list[5];\n };\n /**\n * 动态构建控件节点模板\n *\n * @protected\n * @method module:ui/datepick/datepick._$$DatePick#__initNodeTemplate\n * @return {Void}\n */\n _pro.__initNodeTemplate = function(){\n _seed_html = _t1._$addNodeTemplate(\n ''+\n _t1._$getTextTemplate(_seed_action)+\n _t2._$get(_seed_date)+\n '
'\n );\n this.__seed_html = _seed_html;\n };\n /**\n * 日期变化回调函数\n *\n * @protected\n * @method module:ui/datepick/datepick._$$DatePick#__onDateChange\n * @param {Date} arg0 - 日期\n * @return {Void}\n */\n _pro.__onDateChange = function(_date){\n try{\n this._$dispatchEvent('onchange',_date);\n }catch(e){\n // ignore\n }\n // this._$hide();\n // fix ie8-10 not clear active state for anchors\n window.setTimeout(\n this._$hide._$bind(this),0\n );\n };\n /**\n * 设置日期\n *\n * 脚本举例\n * ```javascript\n * _dp._$setDate('2012-12-21');\n * ```\n *\n * @method module:ui/datepick/datepick._$$DatePick#_$setDate\n * @param {Date} arg0 - 日期\n * @return {Void}\n */\n _pro._$setDate = function(_date){\n _date = _u._$var2date(_date);\n this.__calendar._$setDate(_date);\n };\n /**\n * 取当前时间\n *\n * 脚本举例\n * ```javascript\n * // 返回一个Date对象\n * var _date = _dp._$getDate();\n * ```\n *\n * @method module:ui/datepick/datepick._$$DatePick#_$getDate\n * @return {Date} 日期\n */\n _pro._$getDate = function(){\n return this.__calendar._$getDate();\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/datepick/demo/datepick.html",
"content": "\n\n \n demo for colorpick \n datepick测试页 \n \t\t
\n\t\t
\n\t\t
\n\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t
前一年
\n\t\t\t
前一月
\n\t\t\t
后一年
\n\t\t\t
后一月
\n\t\t
jjjjjjjjjjjjj
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/datepick/test/datepick.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"datepick\");\n var _ = NEJ.P,\n _e = _('nej.e'),\n _p = _('nej.ui'),\n _ut= _('nej.ut');\n\n\n //开始单元测试\n test('datepick-ui',function(){\n stop();\n var _dp = _p._$$DatePick._$allocate({\n parent:_e._$get('datepick-box'),\n onchange:function(_date){\n ok(true,'选择了一个日期，返回此日期'+_date);\n start();\n }\n });\n\t\t_dp._$setDate('2012-12-21');\n\t\t_dp._$getDate();\n });\n\n test('datepick-util',function(){\n expect(0);\n var pDate = new Date(1997,7,9)\n var nDate = new Date(2013,7,9);\n var _days = _e._$get('days');\n _html = _e._$add('{list 1..2 as x}{/list}');\n _days.innerHTML = _e._$get(_html);\n var _dp = _ut._$$Calendar._$allocate({\n parent:_e._$get('datepick-box2'),\n offset:1,\n list:_e._$getByClassName(_days,\"z-day\"),\n year:_e._$get('year'),\n month:_e._$get('month'),\n yprv:_e._$get('yprv'),\n mprv:_e._$get('mprv'),\n ynxt:_e._$get('ynxt'),\n mnxt:_e._$get('mnxt'),\n onchange:function(_date){\n // ok(true,'日期变化'+_date);\n // start();\n },\n onselect:function(_date){\n\t\t\t\t_dp._$setDate(_date)\n // ok(true,'直接用calendar选择了一个日期，返回此日期'+_date);\n // start();\n },\n range:[pDate,nDate]\n });\n\t\t_dp._$setDate('1998-09-03');\n\t\t_dp._$getDate();\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}datepick.test.js',['ui/datepick/datepick'],f);\n});"
},
{
"path": "src/ui/editor/command/color.complex.js",
"content": "// link to ui/editor/command/complex for compatible\n// use ui/editor/command/complex for new project\nNEJ.define(['./complex.js'],function(_t){return _t;});"
},
{
"path": "src/ui/editor/command/color.css",
"content": ".#{width:160px;padding:10px 5px 5px;border:1px solid #9FAC87;}"
},
{
"path": "src/ui/editor/command/color.js",
"content": "/*\n * ------------------------------------------\n * 颜色选择卡片实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/color */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'ui/layer/card.wrapper',\n 'ui/colorpick/colorpick',\n 'text!./color.css'\n],function(NEJ,_k,_e,_i0,_i1,_css,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css);\n /**\n * 颜色选择卡片\n *\n * @class module:ui/editor/command/color._$$ColorCard\n * @extends module:ui/layer/wrapper/card._$$CardWrapper\n * @param {Object} arg0 - 可选配置参数\n * @property {String} color - 颜色值\n */\n /**\n * 颜色选中回调函数\n *\n * @event module:ui/editor/command/color._$$ColorCard#onchange\n * @param {String} color - 颜色值\n *\n */\n _p._$$ColorCard = _k._$klass();\n _pro = _p._$$ColorCard._$extend(_i0._$$CardWrapper);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/editor/command/color._$$ColorCard#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__copt = {\n onselect:this.__onColorSelect._$bind(this)\n };\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/editor/command/color._$$ColorCard#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__copt.color = _options.color;\n this.__copt.parent = this.__layer._$getBody();\n this.__copt.defaultColor = _options.defaultColor;\n this.__colorpick = this.__getColorPicker();\n };\n /**\n * 控件回收\n *\n * @protected\n * @method module:ui/editor/command/color._$$ColorCard#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n if (!!this.__colorpick){\n this.__colorpick._$recycle();\n delete this.__colorpick;\n }\n delete this.__copt.parent;\n this.__super();\n };\n /**\n * 取取色器实例\n *\n * @protected\n * @method module:ui/editor/command/color._$$ColorCard#__getColorPicker\n * @return {Void}\n */\n _pro.__getColorPicker = function(){\n this.__copt.clazz = _seed_css;\n return _i1._$$ColorPick._$allocate(this.__copt);\n };\n /**\n * 颜色选择回调\n *\n * @protected\n * @method module:ui/editor/command/color._$$ColorCard#__onColorSelect\n * @param {Object} arg0 - 颜色配置\n * @property {String} color - 颜色值\n * @return {Void}\n */\n _pro.__onColorSelect = function(_event){\n this._$dispatchEvent('onchange',_event.color);\n this._$hide();\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/command/color.simple.js",
"content": "// link to ui/editor/command/simple for compatible\n// use ui/editor/command/simple for new project\nNEJ.define(['./simple.js'],function(_t){return _t;});"
},
{
"path": "src/ui/editor/command/complex.css",
"content": ".#{width:238px;padding:5px 0 8px;border:1px solid #9FAC87;}"
},
{
"path": "src/ui/editor/command/complex.js",
"content": "/*\n * ------------------------------------------\n * 颜色选择卡片实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/complex */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'ui/editor/command/color',\n 'ui/colorpick/colorpick.complex',\n 'text!./complex.css'\n],function(NEJ,_k,_e,_i0,_i1,_css,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css);\n /**\n * 颜色选择卡片\n *\n * @class module:ui/editor/command/complex._$$ComplexColorCard\n * @extends module:ui/editor/command/color._$$ColorCard\n * @param {Object} arg0 - 可选配置参数\n * @property {String} color - 颜色值\n */\n /**\n * 颜色选中回调函数\n *\n * @event module:ui/editor/command/complex._$$ComplexColorCard#onchange\n * @param {String} color - 颜色值\n *\n */\n _p._$$ComplexColorCard = _k._$klass();\n _pro = _p._$$ComplexColorCard._$extend(_i0._$$ColorCard);\n /**\n * 取取色器实例\n *\n * @protected\n * @method module:ui/editor/command/complex._$$ComplexColorCard#__getColorPicker\n * @return {Void}\n */\n _pro.__getColorPicker = function(){\n this.__copt.clazz = _seed_css;\n return _i1._$$ComplexColorPick._$allocate(this.__copt);\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/command/font.css",
"content": ".#{border:1px solid #9FAC87;font-size:12px;text-align:left;}\n.# .zitm{display:block;position:relative;margin:1px;outline:none;padding:2px 0 2px 8px;border:1px solid #ddd;color:#000;background-color:#fff;text-decoration:none;}\n.# .zitm:hover{background-color:#e5e5e1;text-decoration:none;}\n.# .zitm .ztip{position:absolute;top:2px;right:5px;font-size:10px;}"
},
{
"path": "src/ui/editor/command/font.html",
"content": "{list xlist as x}\n\n ${x.name}\n {if !!x.tip}${x.tip} {/if}\n \n{/list}"
},
{
"path": "src/ui/editor/command/font.js",
"content": "/*\n * ------------------------------------------\n * 字体字号选择卡片基类实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/font */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/event',\n 'base/util',\n 'ui/layer/card.wrapper',\n 'util/template/jst',\n 'text!./font.css',\n 'text!./font.html'\n],function(NEJ,_k,_e,_v,_u,_i,_t0,_css,_html,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css),\n _seed_fnt = _t0._$add(_html);\n /**\n * 字体字号选择卡片基类\n *\n * @class module:ui/editor/command/font._$$FontCard\n * @extends module:ui/layer/wrapper/card._$$CardWrapper\n * @param {Object} arg0 - 可选配置参数\n */\n /**\n * 字号/字体选中回调函数\n *\n * @event module:ui/editor/command/font._$$FontCard#onchange\n * @param {String} font - 字号/字体\n *\n */\n _p._$$FontCard = _k._$klass();\n _pro = _p._$$FontCard._$extend(_i._$$CardWrapper);\n /**\n * 控件重置\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n if (_options.width!=null){\n _e._$setStyle(\n this.__body,'width',\n _options.width+'px'\n );\n }\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/editor/command/font._$$FontCard#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n delete this.__flist;\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/editor/command/font._$$FontCard#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/editor/command/font._$$FontCard#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n _v._$addEvent(\n this.__body,'click',\n this.__onFontSelect._$bind(this)\n );\n };\n /**\n * 构建字体大小选择列表\n *\n * @protected\n * @method module:ui/editor/command/font._$$FontCard#__doGenFontListXhtml\n * @param {Object} arg0 - 字体大小列表信息\n * @return {Void}\n */\n _pro.__doGenFontListXhtml = function(_data){\n return _t0._$get(_seed_fnt,_data);\n };\n /**\n * 字体大小选择事件\n *\n * @protected\n * @method module:ui/editor/command/font._$$FontCard#__onFontSelect\n * @param {Event} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onFontSelect = (function(){\n var _doFilter = function(_node){\n return !isNaN(parseInt(_e._$dataset(_node,'index')));\n };\n return function(_event){\n var _element = _v._$getElement(_event,_doFilter);\n if (!_element) return;\n var _index = parseInt(_e.\n _$dataset(_element,'index'));\n this._$dispatchEvent('onchange',\n this.constructor.list[_index]);\n this._$hide();\n };\n })();\n /**\n * 取字体字号提示文字\n *\n * @method module:ui/editor/command/font._$$FontCard._$getText\n * @param {String} value - 字体/字号\n * @return {String} 字体/字号\n */\n _p._$$FontCard._$getText = function(_value){\n var _index = _u._$indexOf(this.list,\n function(_data){\n return (_data.value||_data.name)==_value;\n });\n return (this.list[_index]||_o).name;\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/command/fontname.js",
"content": "/*\n * ------------------------------------------\n * 字体选择控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/fontname */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'ui/editor/command/font',\n 'util/template/tpl'\n],function(NEJ,_k,_e,_i0,_t0,_p,_o,_f,_r){\n var _pro,\n _seed_html;\n /**\n * 字体选择控件\n *\n * @class module:ui/editor/command/fontname._$$FontNameCard\n * @extends module:ui/editor/command/font._$$FontCard\n * @param {Object} arg0 - 可选配置参数\n */\n /**\n * 字体选中回调函数\n *\n * @event module:ui/editor/command/fontname._$$FontNameCard#onselect\n * @param {String} arg0 - 字体\n *\n */\n _p._$$FontNameCard = _k._$klass();\n _pro = _p._$$FontNameCard._$extend(_i0._$$FontCard);\n /**\n * 字体选项列表\n *\n * @const {Array} module:ui/editor/command/fontname._$$FontNameCard.list\n */\n _p._$$FontNameCard.list =\n [{name:'宋体'}\n ,{name:'微软雅黑'}\n ,{name:'黑体'}\n ,{name:'楷体'}\n ,{name:'隶书'}\n ,{name:'幼圆'}\n ,{name:'Arial'}\n ,{name:'Arial Narrow'}\n ,{name:'Arial Black'}\n ,{name:'Comic Sans MS'}\n ,{name:'Courier'}\n ,{name:'System'}\n ,{name:'Verdana'}\n ,{name:'Times New Roman'}];\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/editor/command/fontname._$$FontNameCard#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__super();\n this.__seed_html = _seed_html;\n };\n /**\n * 动态构建控件节点模板\n *\n * @protected\n * @method module:ui/editor/command/fontname._$$FontNameCard#__initNodeTemplate\n * @return {Void}\n */\n _pro.__initNodeTemplate = function(){\n _seed_html = _t0._$addNodeTemplate(\n ''\n +this.__doGenFontListXhtml({\n style:'font-family'\n ,xlist:this.constructor.list\n })+\n '
');\n this.__seed_html = _seed_html;\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/command/fontsize.js",
"content": "/*\n * ------------------------------------------\n * 富媒体编辑器字号选择控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/fontsize */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'util/template/tpl',\n 'ui/editor/command/font'\n],function(NEJ,_k,_e,_t0,_u,_p,_o,_f,_r){\n var _pro,\n _seed_html;\n /**\n * 字号选择控件\n *\n * @class module:ui/editor/command/fontsize._$$FontSizeCard\n * @extends module:ui/editor/command/font._$$FontCard\n * @param {Object} arg0 - 可选配置参数\n */\n /**\n * 字号选中回调函数\n *\n * @event module:ui/editor/command/fontsize._$$FontSizeCard#onselect\n * @param {String} arg0 - 字号\n *\n */\n _p._$$FontSizeCard = _k._$klass();\n _pro = _p._$$FontSizeCard._$extend(_u._$$FontCard);\n /**\n * 字号选项列表\n * @member {Array}\n */\n _p._$$FontSizeCard.list =\n [{name:'小',style:'x-small',value:1}\n ,{name:'标准',style:'small',value:2}\n ,{name:'大',style:'medium',value:3}\n ,{name:'特大',style:'large',value:4}\n ,{name:'极大',style:'x-large',value:5}];\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/editor/command/fontsize._$$FontSizeCard#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__super();\n this.__seed_html = _seed_html;\n };\n /**\n * 动态构建控件节点模板\n *\n * @protected\n * @method module:ui/editor/command/fontsize._$$FontSizeCard#__initNodeTemplate\n * @return {Void}\n */\n _pro.__initNodeTemplate = function(){\n _seed_html = _t0._$addNodeTemplate(\n ''\n +this.__doGenFontListXhtml({\n style:'font-size'\n ,xlist:this.constructor.list\n })+\n '
');\n this.__seed_html = _seed_html;\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/command/link.css",
"content": ".#{padding:20px 20px 32px 20px;}\n.# .u-title{color:#ccc;height:35px;line-height:35px;border-bottom: solid 1px #ccc;}\n.# .u-row{margin-bottom:10px;}\n.# .u-error{color:red;padding-top:10px;font-size:12px;height:2em;}\n.# .u-edit{position: relative;z-index: 101;background: #FAFAFA;border: 1px solid #DFDFDF;-webkit-box-shadow: inset 1px 1px 2px #DFDFDF;-moz-box-shadow: inset 1px 1px 2px #dfdfdf;box-shadow: inset 1px 1px 2px #DFDFDF;}\n.# .btn a{border:solid 1px #ccc;padding:5px;}\n.# .ipt{display:block;font-size: 14px;position: relative;z-index: 101;line-height:35px;height:35px;width: 290px;resize: none;background: transparent;border: none;color: #444;overflow:hidden;}"
},
{
"path": "src/ui/editor/command/link.html",
"content": ""
},
{
"path": "src/ui/editor/command/link.js",
"content": "/*\n * ------------------------------------------\n * 超链接卡片实现文件\n * @version 1.0\n * @author cheng-lin(cheng-lin@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/link */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/util',\n 'ui/layer/window.wrapper',\n 'util/template/tpl',\n 'text!./link.css',\n 'text!./link.html'\n],function(NEJ,_k,_e,_u,_i,_t0,_css,_html,_p,_o,_f,_r){\n var _pro,\n _seed_html = _t0._$addNodeTemplate(_html),\n _seed_css = _e._$pushCSSText(_css);\n /**\n * 超链接卡片\n *\n * @class module:ui/editor/command/link._$$LinkCard\n * @extends module:ui/layer/wrapper/window._$$CardWrapper\n * @param {Object} arg0 - 可选配置参数\n * @property {Boolean} draggable - 是否可拖动\n * @property {Boolean} destroyable - 关闭是否销毁\n * @property {String} title - 卡片标题\n * @property {Boolean} name - 超链接名称\n */\n /**\n * 超链接地址有误\n *\n * @event module:ui/editor/command/link._$$LinkCard#onErrorLink\n * @param {Number} arg0 - 错误码\n * | 错误码| 含义 |\n * | :--- | :--- |\n * | 0 | 不是以http://开头 |\n * | 1 | 地址中有空白字符 |\n */\n /**\n * 超链接通过检验\n *\n * @event module:ui/editor/command/link._$$LinkCard#onchange\n * @param {String} arg0 - 超链接地址\n *\n */\n _p._$$LinkCard = _k._$klass();\n _pro = _p._$$LinkCard._$extend(_i._$$WindowWrapper);\n\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/editor/command/link._$$LinkCard#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n this.__seed_html = _seed_html;\n };\n\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/editor/command/link._$$LinkCard#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n this.__btns = _e._$getByClassName(this.__body,'j-btn');\n this.__inputs = _e._$getByClassName(this.__body,'ipt');\n this.__errorMsg = _e._$getByClassName(this.__body,'j-error')[0];\n };\n\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/editor/command/link._$$LinkCard#__reset\n * @param {Object} arg0 - 可选配置参数\n * @property {Boolean} draggable - 是否可拖动\n * @property {Boolean} destroyable - 关闭是否销毁\n * @property {String} title - 卡片标题\n * @property {Boolean} name - 超链接名称\n * @return {Void}\n */\n _pro.__reset = function(_options){\n //默认以document为parent\n _options.parent = _options.parent || document.body;\n _options.draggable = _options.draggable || false;\n _options.destroyable = _options.destroyable || false;\n _options.title = _options.title || '超链接';\n _options.mask = _options.maskclazz || true;\n this.__super(_options);\n this.__inputs[0].value = _options.name||'';\n this.__doInitDomEvent([\n [this.__btns[1],'click',this.__onOK._$bind(this)],\n [this.__btns[0],'click',this.__onCancel._$bind(this)],\n [this.__inputs[0],'keypress',this.__onKeyPress._$bind(this)],\n [this.__inputs[1],'keypress',this.__onKeyPress._$bind(this)],\n [this.__inputs[0],'focus',this.__showErrorTips._$bind(this,'')],\n [this.__inputs[1],'focus',this.__showErrorTips._$bind(this,'')]\n ]);\n };\n\n /**\n * 取消\n *\n * @protected\n * @method module:ui/editor/command/link._$$LinkCard#__onCancel\n * @return {Void}\n */\n _pro.__onCancel = function(){\n this._$hide();\n };\n\n /**\n * 完成链接\n *\n * @protected\n * @method module:ui/editor/command/link._$$LinkCard#__onOK\n * @return {Void}\n */\n _pro.__onOK = (function(){\n var _reg = /^(?:http(s)?:\\/\\/)[^\\s].?/,\n _reg2 = /^(?:http(s)?:\\/\\/).*/;\n return function(){\n var _link = {};\n _link.name = _u._$escape(this.__inputs[0].value);\n _link.href = this.__inputs[1].value;\n var _flag = _link.href.search(_reg),\n _flag2= _link.href.search(_reg2);\n if(_flag2 < 0){\n this._$dispatchEvent('onErrorLink',0);\n return;\n }\n if(_flag < 0){\n this._$dispatchEvent('onErrorLink',1);\n return;\n }\n this._$dispatchEvent('onchange',_link);\n this._$hide();\n };\n })();\n\n /**\n * 显示错误信息\n *\n * @protected\n * @method module:ui/editor/command/link._$$LinkCard#__showErrorTips\n * @param {Object} arg0 - 错误信息\n * @return {Void}\n */\n _pro.__showErrorTips = function(_message){\n this.__errorMsg.innerText = _message;\n };\n\n /**\n * 控件回收\n *\n * @protected\n * @method module:ui/editor/command/link._$$LinkCard#__destroy\n * @return {Void}\n */\n _pro.__onKeyPress = function(_event){\n if (_event.keyCode == 13){\n this.__onOK();\n }\n };\n\n /**\n * 提供聚焦到input的接口\n *\n * @method module:ui/editor/command/link._$$LinkCard#_$doFocus\n * @return {Void}\n */\n _pro._$doFocus = function(){\n this.__inputs[1].focus();\n this.__inputs[1].value = 'http://';\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/command/simple.css",
"content": ".#{width:160px;padding:5px 0;border:1px solid #9FAC87;}"
},
{
"path": "src/ui/editor/command/simple.js",
"content": "/*\n * ------------------------------------------\n * 颜色选择卡片实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/simple */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'ui/editor/command/color',\n 'ui/colorpick/colorpick.simple',\n 'text!./simple.css'\n],function(NEJ,_k,_e,_i0,_i1,_css,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css);\n /**\n * 颜色选择卡片\n *\n * @class module:ui/editor/command/simple._$$SimpleColorCard\n * @extends module:ui/editor/command/color._$$ColorCard\n * @param {Object} arg0 - 可选配置参数\n * @property {String} color - 颜色值\n */\n /**\n * 颜色选中回调函数\n *\n * @event module:ui/colorpick/colorpanel._$$ColorPanel#onchange\n * @param {String} arg0 - 颜色值\n *\n */\n _p._$$SimpleColorCard = _k._$klass();\n _pro = _p._$$SimpleColorCard._$extend(_i0._$$ColorCard);\n /**\n * 取取色器实例\n *\n * @protected\n * @method module:ui/editor/command/simple._$$SimpleColorCard#__initXGui\n * @return {Void}\n */\n _pro.__getColorPicker = function(){\n this.__copt.clazz = _seed_css;\n return _i1._$$SimpleColorPick._$allocate(this.__copt);\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/command/uploadimage.css",
"content": ".#{width:336px;}\n.# .m-iframe{position:absolute;height:0px;width:0px;left:-9000px;}\n.# .u-upload-file{height:0px;width:0px;font-size:0px;}\n.# .u-error{color:red;padding-top:10px;}\n.# .choose_file{position:relative;margin-bottom:10px;}\n.# .choose_file object{position:absolute;left:0;top:0;}\n.# .web_img{margin-bottom:8px;}\n.# .web_img .u-edit{margin-bottom:10px;}\n.# .u-desc{color:#ccc;}\n.# .middle{color:#528CE0;}\n.# .u-btn{cursor:pointer;color:#528CE0;}\n.# .u-image{width:0px;height:0px;visibility:hidden;}"
},
{
"path": "src/ui/editor/command/uploadimage.html",
"content": ""
},
{
"path": "src/ui/editor/command/uploadimage.js",
"content": "/*\n * ------------------------------------------\n * 富媒体编辑器图片上传控件实现文件\n * @version 1.0\n * @author cheng-lin(cheng-lin@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/command/uploadimage */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/config',\n 'base/element',\n 'base/event',\n 'base/util',\n 'ui/layer/window.wrapper',\n 'util/tab/tab',\n 'util/flash/flash',\n 'util/template/tpl',\n 'text!./uploadimage.css',\n 'text!./uploadimage.html'\n],function(NEJ,_k,_c,_e,_v,_u,_i0,_t0,_t1,_t2,_css,_html,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css),\n _seed_html = _t2._$addNodeTemplate(_html);\n /**\n * 图片上传控件\n *\n * @class module:ui/editor/command/uploadimage._$$UploadImageCard\n * @uses module:util/tab/tab._$$Tab\n * @extends module:ui/layer/wrapper/window._$$WindowWrapper\n * @param {Object} arg0 - 可选配置参数\n * @property {String|Node} parent - 父容器\n * @property {Boolean} draggable - 是否可拖拽\n * @property {Boolean} destroyable - 关闭是否销毁\n * @property {String} title - 卡片标题\n * @property {String} fDesc - 自定义错误提示1\n * @property {String} oDesc - 自定义错误提示2\n * @property {String} swfUrl - Flash文件路径\n * @property {String} baseUrl - Flash文件路径的前缀\n * @property {Number} flashWidth - Flash宽度\n * @property {Number} flashHeight - Flash高度\n * @property {String} userdefinesize - 图片尺寸，默认750x750x0x90;350x350x0x85\n * @property {String} saveorigin - 是否保存源文件,默认false\n * @property {String} responsetype - 响应格式,默认xml\n * @property {String} rotatedegree - 旋转角度，默认0\n * @property {String} stamptype - 水印类型，默认无\n * @property {String} stampstring - 水印内容，默认无\n * @property {String} sitefrom - 产品名称\n */\n /**\n * Flash开始初始化\n *\n * @event module:ui/editor/command/uploadimage._$$UploadImageCard#oninitflash\n */\n /**\n * Flash初始化完成\n *\n * @event module:ui/editor/command/uploadimage._$$UploadImageCard#onflashinited\n */\n /**\n * 图片上传完成\n *\n * @event module:ui/editor/command/uploadimage._$$UploadImageCard#onchange\n * @param {String} arg0 - 命令名称\n * @param {Object} arg1 - Flash返回的图片对象\n *\n */\n _p._$$UploadImageCard = _k._$klass();\n _pro = _p._$$UploadImageCard._$extend(_i0._$$WindowWrapper);\n\n /**\n * 重置卡片\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__reset\n * @param {Object} arg0 - 可配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n _options = _options || {};\n _options.parent = _options.parent || document.body; //默认以document为parent\n _options.draggable = _options.draggable || false;\n _options.destroyable = _options.destroyable || false;\n _options.title = _options.title || '选择图片';\n _options.mask = true;\n this.__super(_options);\n this.__onShowErrorTips('');\n };\n\n /**\n * 初始化卡片\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__init\n * @param {Object} arg0 - 可配置参数\n * @return {Void}\n */\n _pro.__init = function(_options){\n _options = _options||{};\n this.__super(_options);\n this.__desc[0].innerText = _options.fDesc || '支持JPG、JPEG、GIF、BMP格式的图片，文件需小于10M';\n this.__desc[1].innerText = _options.oDesc || '网络图片不能超过2M';\n this._$setEvent('oninitflash',_options.oninitflash || _f);\n this._$setEvent('onflashinited',_options.onflashinited || _f);\n this._$dispatchEvent('oninitflash');\n this.__doRegiestFlashEvent(_options.namespace || 'nej.ui.cmd');\n var _url = encodeURIComponent(_options.baseUrl || \"http://upload.photo.163.com/anony/web/upload/userdefinesize?\"+\n + \"userdefinesize=\" + _options.userdefinesize || '750x750x0x90;350x350x0x85'\n + \"&saveorigin=\" + _options.saveorigin || 'false'\n + \"&responsetype=\" + _options.responsetype || 'xml'\n + \"&rotatedegree=\" + _options.rotatedegree || '0'\n + \"&stamptype=\" + _options.stamptype || ''\n + \"&stampstring=\" + encodeURIComponent(_options.stampstring || '')\n + \"&sitefrom=\" + _options.sitefrom || 'study');\n this.__hopt = {\n src: _options.swfUrl || _c._$get('upload.image.swf'),\n hidden: false,\n parent: _e._$getByClassName(this.__body,'choose_file')[0],\n width: _options.flashWidth || 100,\n height: _options.flashHeight || 20,\n params: {\n flashvars: 'cbNameSpace=' + this.__namespace + '&uploadExif=true&uploadUrl=' + _url,\n allowscriptaccess: 'always',\n wmode: 'transparent'\n },\n onready: this.__onFlashReady._$bind(this)\n };\n _t1._$flash(this.__hopt);\n };\n\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n this.__desc = _e._$getByClassName(this.__body,'j-desc');\n // 0 : 图片上传模式1\n // 1 ：图片上传模式2\n this.__cnts = _e._$getByClassName(this.__body,'j-cnt');\n var _nlist = _e._$getByClassName(this.__body,'j-ztag');\n // 0 : 检查网络图片的容器\n // 1 : 图片url\n // 2 : 确认按钮\n // 3 : 错误提示节点\n this.__nimgUrl = _nlist[1];\n this.__nerrorMsg = _nlist[3];\n this.__nimgBox = _nlist[0];\n this.__topt = {\n list:_e._$getByClassName(this.__body,'j-tab'),\n selected:'j-selected',\n onchange:this.__onTabChange._$bind(this)\n };\n this.__tabMg = _t0._$$Tab._$allocate(this.__topt);\n _v._$addEvent(_nlist[2],'click',this.__onSubmitImgUrl._$bind(this));\n _v._$addEvent(this.__nimgBox,'error',this.__onImgUrlError._$bind(this));\n _v._$addEvent(this.__nimgBox,'load',this.__onImgLoad._$bind(this));\n _v._$addEvent(this.__nimgUrl,'focus',this.__onShowErrorTips._$bind(this,''));\n };\n\n /**\n * 动态构建控件节点模板\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__initNodeTemplate\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n this.__seed_html = _seed_html;\n };\n\n /**\n * 注册flash回调方法\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__doRegiestFlashEvent\n * @param {String} arg0 - Flash回调方法的命名空间\n * @return {Void}\n */\n _pro.__doRegiestFlashEvent = function(_space){\n this.__namespace = _space + _u._$randNumberString(2);\n var _namespace = NEJ.P(this.__namespace);\n _namespace.uploadStart = this.__onUploadStart._$bind(this);\n _namespace.uploadComplete = this.__onUploadComplete._$bind(this);\n _namespace.uploadError = this.__uploadError._$bind(this);\n _namespace.showProgress = this.__showProgress._$bind(this);\n };\n\n /**\n * 图片上传完成的回调\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onUploadComplete\n * @param {Number} id - flash的操作id\n * @param {String} code - 图片上传状态码\n * @param {Object} photoObj - 相册返回的图片对象\n * @return {Void}\n */\n _pro.__onUploadComplete = function(_id,_code,_photoObj){\n if(_code != 999){\n this.__onShowErrorTips('图片上传失败');\n }else{\n this.__onShowErrorTips('');\n this._$dispatchEvent('onchange','inserthtml',_photoObj);\n this.__onafterupload();\n this._$hide();\n }\n };\n\n /**\n * 上传图片出错信息设置\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onShowErrorTips\n * @param {String} arg0 - 错误信息\n * @return {Void}\n */\n _pro.__onShowErrorTips = function(_message){\n this.__nerrorMsg.innerText = _message;\n };\n\n /**\n * 开始图片上传\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onUploadStart\n * @return {Void}\n */\n _pro.__onUploadStart = function(){\n this.__onbeforeupload();\n };\n\n /**\n * flash加载完成回调\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onFlashReady\n * @param {Object} arg0 - Flash对象\n * @return {Void}\n */\n _pro.__onFlashReady = function(_flash){\n this.__flashObj = _flash;\n this._$dispatchEvent('onflashinited');\n };\n\n /**\n * 提交网络图片\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onSubmitImgUrl\n * @return {Void}\n */\n _pro.__onSubmitImgUrl = function(){\n this.__nimgBox.src = this.__nimgUrl.value.trim();\n };\n\n /**\n * 图片链接错误\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onImgUrlError\n * @return {Void}\n */\n _pro.__onImgUrlError = function(){\n if (this.__nimgBox.src.indexOf('htpp://false')>0){\n this.__nerrorMsg.innerText = '无法获取链接中的图片，请检查链接或稍后重试';\n }\n };\n\n /**\n * 图片链接正确\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onImgLoad\n * @return {Void}\n */\n _pro.__onImgLoad = function(){\n var _photoObj = {\n resultcode:999,\n userDef2Url:this.__nimgUrl.value\n };\n this.__nimgBox.src = 'htpp://false';\n this.__onUploadComplete('webimg',_photoObj.resultcode,_photoObj);\n };\n\n /**\n * 图片上传前操作，子类实现\n *\n * @abstract\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onbeforeupload\n * @return {Void}\n */\n _pro.__onbeforeupload = _f;\n\n /**\n * 图片上传后操作，子类实现\n *\n * @abstract\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onafterupload\n * @return {Void}\n */\n _pro.__onafterupload = _f;\n\n /**\n * 图片上传错误，子类实现\n *\n * @abstract\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__uploadError\n * @return {Void}\n */\n _pro.__uploadError = _f;\n\n /**\n * 图片上传进程回调，子类实现\n *\n * @abstract\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__showProgress\n * @return {Void}\n */\n _pro.__showProgress = _f;\n\n /**\n * 切换tab\n *\n * @protected\n * @method module:ui/editor/command/uploadimage._$$UploadImageCard#__onTabChange\n * @param {Object} arg0 - 当前Tab对象\n * @return {Void}\n */\n _pro.__onTabChange = function(_event){\n this.__onShowErrorTips('');\n var _index = _event.index;\n this.__nimgUrl.value = '';\n _e._$setStyle(this.__cnts[_index],'display','');\n _e._$setStyle(this.__cnts[(_index+1)%2],'display','none');\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui.cmd'),_p);\n }\n\n return _p;\n});\n"
},
{
"path": "src/ui/editor/custom.js",
"content": "/*\n * ------------------------------------------\n * 自定义富媒体编辑器封装实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/custom */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'ui/editor/editor',\n 'util/template/tpl',\n 'util/editor/command/fontsize',\n 'util/editor/command/fontname',\n 'util/editor/command/bold',\n 'util/editor/command/italic',\n 'util/editor/command/insertorderedlist',\n 'util/editor/command/insertunorderedlist',\n 'util/editor/command/underline',\n 'util/editor/command/strikethrough',\n 'util/editor/command/forecolor',\n 'util/editor/command/backcolor',\n 'util/editor/command/justifyleft',\n 'util/editor/command/justifycenter',\n 'util/editor/command/justifyright',\n 'util/editor/command/link',\n 'util/editor/command/format',\n 'util/editor/command/uploadimage',\n 'util/editor/command/blockquote'\n],function(NEJ,_k,_i0,_t0,_t1,_t2,_t3,_t4,_t5,_t6,_t7,_t8,_t9,_t10,_t11,_t12,_t13,_t14,_t15,_t16,_t17,_p,_o,_f,_r){\n var _pro,\n _seed_html;\n /**\n * 富媒体编辑器封装\n *\n * @class module:ui/editor/custom._$$CustomEditor\n * @extends module:ui/editor/editor._$$Editor\n * @param {Object} arg0 - 可选配置参数\n */\n _p._$$CustomEditor = _k._$klass();\n _pro = _p._$$CustomEditor._$extend(_i0._$$Editor);\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/editor/custom._$$CustomEditor#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__super();\n this.__seed_html = _seed_html;\n };\n /**\n * 动态构建控件节点模板\n *\n * @protected\n * @method module:ui/editor/custom._$$CustomEditor#__initNodeTemplate\n * @return {Void}\n */\n _pro.__initNodeTemplate = (function(){\n var _flist = [{cmd:'bold',txt:'加粗',icn:'z-i-30'}\n ,{cmd:'italic',txt:'斜体',icn:'z-i-31'}\n ,{cmd:'underline',txt:'下划线',icn:'z-i-32'}\n ,{cmd:'strikethrough',txt:'删除线',icn:'z-i-40'}\n ,{cmd:'insertorderedlist',txt:'有序列表',icn:'z-i-61'}\n ,{cmd:'insertunorderedlist',txt:'无序列表',icn:'z-i-62'}\n ,{cmd:'foreColor',txt:'字体颜色',icn:'z-i-41'}\n ,{cmd:'hiliteColor',txt:'背景颜色',icn:'z-i-122'}],\n _tlist = [{cmd:'justifyLeft',txt:'左对齐',icn:'z-i-50'}\n ,{cmd:'justifyCenter',txt:'居中对齐',icn:'z-i-51'}\n ,{cmd:'justifyRight',txt:'右对齐',icn:'z-i-52'}\n ,{cmd:'link',txt:'超链接',icn:'z-i-42'}\n ,{cmd:'format',txt:'清除格式',icn:'z-i-72'}\n ,{cmd:'uploadImage',txt:'照片上传',icn:'z-i-82'}];\n return function(){\n _seed_html = _t0._$addNodeTemplate(\n this.__doGenEditorXhtml({\n toolbar:this.__doGenFontSizeXhtml()\n +this.__doGenFontNameXhtml()\n +this.__doGenCmdXhtml({xlist:_flist,hr:!0})\n +this.__doGenCmdXhtml({xlist:_tlist})\n }));\n this.__seed_html = _seed_html;\n };\n })();\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/demo/custom.html",
"content": "\n\n \n test editor \n {width:500px;border:1px solid #ddd;text-align:center;}\n.# .zbg{background:url(#nej_editor.png?20131028) no-repeat 100px 100px;}\n.# .ztbar{height:30px;background-color:#eee;zoom:1;}\n.# .ztbar:after{display:block;clear:both;visibility:hidden;height:0;content:\".\";}\n.# .zitm{float:left;width:24px;height:24px;margin:3px 0;cursor:pointer;}\n.# .zitm:hover{background-position:0 0;}\n.# .zitm.js-selected{background-position:-30px 0;}\n.# .zitm .zicn{width:16px;height:16px;margin:4px auto 0;overflow:hidden;text-indent:100px;}\n.# .zitm .ztxt{display:none;}\n.# .zisp{float:left;width:10px;height:24px;margin:3px 0;background-position:-60px 0;overflow:hidden;}\n.# .zsel{float:left;position:relative;height:20px;overflow:hidden;line-height:20px;padding:0 5px;margin:4px;border:1px solid #C5C5C5;background:#fff;font-size:12px;text-align:left;cursor:pointer;}\n.# .zsel .zarw{position:absolute;top:0;right:0;width:18px;height:18px;background-position:0px -244px;}\n.# .zsel.zfs{width:60px;}\n.# .zsel.zfm{width:140px;}\n.# .zarea{height:200px;}\n.# .zarea iframe{width:100%;height:100%;overflow:hidden;}"
},
{
"path": "src/ui/editor/editor.html",
"content": "\n\n"
},
{
"path": "src/ui/editor/editor.js",
"content": "/*\n * ------------------------------------------\n * 富媒体编辑器基类封装实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/editor/editor */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/config',\n 'base/element',\n 'base/event',\n 'base/util',\n 'ui/base',\n 'util/editor/editor',\n 'util/template/jst',\n 'util/editor/area',\n 'util/editor/toolbar',\n 'util/template/tpl',\n 'text!./editor.css',\n 'text!./editor.html'\n],function(NEJ,_k,_c,_e,_v,_u,_i,_t0,_t1,_t2,_t3,_t4,_css,_html,_p,_o,_f,_r){\n var _seed_css,\n _seed_ui = _t4._$parseUITemplate(_html),\n _seed_icmd = _seed_ui['seedIcmd'],\n _seed_ifnt = _seed_ui['seedIfnt'],\n _seed_iedt = _seed_ui['seedIedt'],\n _pro;\n /**\n * 富媒体编辑器基类封装\n *\n * @class module:ui/editor/editor._$$Editor\n * @uses module:util/editor/area._$$EditorArea\n * @uses module:util/editor/toolbar._$$EditorToolbar\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n * @property {Boolean} focus - 是否自动聚焦\n * @property {String} content - 文本内容\n *\n */\n _p._$$Editor = _k._$klass();\n _pro = _p._$$Editor._$extend(_i._$$Abstract);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__aopt = {};\n this.__topt = {};\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n _u._$merge(this.__aopt,_options,function(_value,_key){\n if(_key.search(/^on/)<0){\n return !0;\n }\n });\n this.__aopt.style = _options.style;\n this.__aopt.content = _options.content;\n this.__aopt.focus = _options.focus!==!1;\n this.__editor = _t0._$$Editor._$allocate({\n area:_t2._$$EditorArea._$allocate(this.__aopt)\n ,toolbar:_t3._$$EditorToolbar._$allocate(this.__topt)\n });\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n // recycle editor first\n this.__editor._$recycle();\n this.__super();\n delete this.__editor;\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n var _list = _e._$getChildren(this.__body);\n this.__aopt.parent = _list[1];\n this.__topt.list = _e._$getByClassName(_list[0],\n 'js-'+_t1._$seed());\n };\n /**\n * 获取按钮html代码\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__doGenCmdXhtml\n * @param {Object} arg0 - 命令数据\n * @return {String} html代码\n */\n _pro.__doGenCmdXhtml = function(_data){\n return _t1._$get(_seed_icmd,_data);\n };\n /**\n * 获取字号选择html代码\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__doGenFontSizeXhtml\n * @return {String} html代码\n */\n _pro.__doGenFontSizeXhtml = function(){\n return _t1._$get(_seed_ifnt,\n {cmd:'fontSize',txt:'标准',icn:'zfs'});\n };\n /**\n * 获取字体选择html代码\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__doGenFontNameXhtml\n * @return {String} html代码\n */\n _pro.__doGenFontNameXhtml = function(){\n return _t1._$get(_seed_ifnt,\n {cmd:'fontName',txt:'Arial',icn:'zfm'});\n };\n /**\n * 获取编辑器html代码\n *\n * @protected\n * @method module:ui/editor/editor._$$Editor#__doGenEditorXhtml\n * @param {Object} arg0 - 命令数据\n * @return {Void}\n */\n _pro.__doGenEditorXhtml = function(_data){\n return _t1._$get(_seed_iedt,_data);\n };\n /**\n * 取编辑内容\n *\n * @param {Boolean|Number|Object} 默认过滤所有style(只保留background-color,font-size,color样式)，如果是对象，keepStyle表示不过滤style，noId表示过滤id\n * @method module:ui/editor/editor._$$Editor#_$getContent\n * @return {String} 内容\n */\n _pro._$getContent = function(_options){\n return this.__editor._$getContent(_options);\n };\n /**\n * 取编辑内容里的图片id和url列表\n *\n * @method module:ui/editor/editor._$$Editor#_$getContent\n * @return {Array} 编辑内中的图片ID+@+图片地址的列表，根据ID是否为0判断是否需要放入列表\n */\n _pro._$getPhotoIdsAndUrls = (function(){\n var _filter = function(_item){\n if(_item.id!=0)\n this.__idsAndUrls.push(_item.id+'@'+_item.src);\n }\n return function(){\n this.__idsAndUrls = [];\n var _photoIdsAndUrls = [],\n _content = this.__editor._$getContent(),\n _div = document.createElement('div');\n _div.innerHTML = _content;\n var _document = _e._$get(_div),\n _list = _document.getElementsByTagName('img');\n _u._$forEach(_list,_filter,this);\n var _idsAndUrlsLength = this.__idsAndUrls.length;\n for(var i = 0; i < _idsAndUrlsLength; i++)\n _photoIdsAndUrls.push(this.__idsAndUrls[i]);\n return _photoIdsAndUrls;\n }\n })();\n /**\n * 取纯文本编辑内容\n * @method module:ui/editor/editor._$$Editor#_$getTextContent\n * @return {String} 内容\n */\n _pro._$getTextContent = function(){\n return this.__editor._$getTextContent();\n };\n /**\n * 设置编辑内容\n * @method module:ui/editor/editor._$$Editor#_$setContent\n * @param {String} arg0 - 内容\n * @return {Void}\n */\n _pro._$setContent = function(_content){\n this.__editor._$setContent(_content);\n };\n /**\n * 注册命令实现\n * @method module:ui/editor/editor._$$Editor#_$registCommand\n * @param {Array|nej.ut._$$EditorCommand} arg0 - 命令实现类构造\n * @return {Void}\n */\n _pro._$registCommand = function(_class){\n this.__editor._$registCommand(_class);\n };\n /**\n * 显示编辑器\n * @method module:ui/editor/editor._$$Editor#_$show\n * @return {Void}\n */\n _pro._$show = function(){\n this.__body.style.display = '';\n };\n /**\n * 隐藏编辑器\n * @method module:ui/editor/editor._$$Editor#_$hide\n * @return {Void}\n */\n _pro._$hide = function(){\n this.__body.style.display = 'none';\n };\n /*\n * 获取图标样式代码\n * @return {String} 图标样式\n */\n var __doGenIconStyle = function(){\n var _arr=[],_row=20,_col=3;\n for(var i=0;i<_row;i++)\n for(var j=0;j<_col;j++)\n _arr.push('.# .z-i-'+i+j+'{background-position:-'+(16*j)+'px -'+(40+i*16)+'px;}');\n return _arr.join('');\n };\n // ui css text\n _seed_css = _e._$pushCSSText(_css + __doGenIconStyle(),{root:_c._$get('root')});\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/editor/test/custom.test.html",
"content": "\n\n\t\n\t\tcustom测试页 \n \t\t
\n\t\t
\n\t\t
\n\t\tgetcnt
\n 插入图片 \n 插入iframe \n\t\t
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/klass',\n * 'ui/item/item'\n * ],function(_k,_i0,_p,_o,_f,_r){\n * var _ = NEJ.P,\n * _p = _('nej.ut'),\n * _e = _('nej.e');\n * // 第一步：新建一个类，继承自此基类\n * var _html_key = _e._$addNodeTemplate('123
');\n *\n * _p._$$MyItem = _k._$klass();\n * _proMyItem = _p._$$MyItem._$extend(_i0._$$Item);\n * _proMyItem.__reset = function(_options){\n * this.__data = _options.data;\n * this.__super(_options);\n * }\n *\n * _proMyItem.__doRefresh = function(){\n * // 刷新一项，设置数据{name:'sean'}\n * this.__body.innerText = this.__data.name;\n * };\n *\n * _proMyItem.__initXGui = function(){\n * this.__seed_html = _html_key;\n * };\n * });\n * // 第二步：生成item列表\n * // 可以自己循环list，生成item\n * NEJ.define([\n * 'base/event',\n * 'path/to/custom/myitem.js'\n * ],function(_e,_i0,_p,_o,_f,_r){\n * var _item = _i0._$$MyItem._$allocate({\n * parent:'item-box',\n * data:list[i]\n * });\n * // 可以利用_e._$getItemTemplate接口，返回item列表\n * _e._$getItemTemplate(\n * [{name:'jack'},{name:'sean'}],\n * _i0._$$MyItem,\n * {parent:'item-box'}\n * );\n * });\n * ```\n *\n * @class module:ui/item/item._$$Item\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n * @property {Object} data - 当前项绑定的数据\n * @property {Number} index - 当前项的索引\n * @property {Number} total - 总列表长度\n * @property {Array} range - 当前项所在的列表片段方位(begin,end)\n */\n _p._$$Item = _k._$klass();\n _pro = _p._$$Item._$extend(_i._$$Abstract);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/item/item._$$Item#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__id = this.__genId();\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/item/item._$$Item#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__index = _options.index;\n this.__total = _options.total;\n this.__range = _options.range;\n this._$refresh(_options.data);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/item/item._$$Item#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n delete this.__data;\n delete this.__index;\n delete this.__total;\n delete this.__range;\n };\n /**\n * 刷新项,子类实现具体逻辑\n *\n * @abstract\n * @method module:ui/item/item._$$Item#__doRefresh\n * @return {Void}\n */\n _pro.__doRefresh = _f;\n /**\n * 生成ID\n *\n * @protected\n * @method module:ui/item/item._$$Item#__genId\n * @return {String} ID\n */\n _pro.__genId = (function(){\n var _seed = +new Date;\n return function(){\n return 'itm-'+(++_seed);\n };\n })();\n /**\n * 取项标识\n *\n * 脚本举例\n * ```javascript\n * // 获取当前item的id标识\n * _item._$getId();\n * ```\n *\n * @method module:ui/item/item._$$Item#_$getId\n * @return {String} 项标识\n */\n _pro._$getId = function(){\n return this.__id;\n };\n /**\n * 取项绑定数据\n *\n * 脚本举例：\n * ```javascript\n * // 获取当前item的数据信息\n * _item._$getData();\n * ```\n *\n * @method module:ui/item/item._$$Item#_$getData\n * @return {Object} 数据信息\n */\n _pro._$getData = function(){\n return this.__data;\n };\n /**\n * 刷新项绑定的数据\n *\n * 脚本举例：\n * ```javascript\n * // 获取当前item的数据信息\n * _item._$refresh({\n * a:'aaaaa',\n * b:'bbbbb'\n * });\n * ```\n *\n * @method module:ui/item/item._$$Item#_$refresh\n * @param {Object} arg0 - 项绑定的数据\n * @return {Void}\n */\n _pro._$refresh = function(_data){\n this.__data = _data||{};\n this.__doRefresh(this.__data);\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});\n"
},
{
"path": "src/ui/item/list.js",
"content": "/*\n * ------------------------------------------\n * 列表项基类实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/item/list */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'ui/item/item'\n],function(NEJ,_k,_i0,_p,_o,_f,_r){\n var _pro;\n /**\n * 列表项基类对象\n *\n * @class module:ui/item/list._$$ListItem\n * @extends module:ui/item/item._$$Item\n * @param {Object} arg0 - 配置参数\n * @property {String} pkey - 主键字段名称，默认为id\n */\n /**\n * 删除列表项触发事件\n *\n * @event module:ui/item/list._$$ListItem#ondelete\n * @param {Object} arg0 - 事件信息\n * @property {String} id - 项标识\n * @property {Object} data - 项绑定的数据\n *\n */\n _p._$$ListItem = _k._$klass();\n _pro = _p._$$ListItem._$extend(_i0._$$Item);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/item/list._$$ListItem#__reset\n * @param {Object} arg0 - 配置信息\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__pkey = _options.pkey||'id';\n this.__prefix = _options.prefix||'';\n this.__super(_options);\n };\n /**\n * 删除列表项触发事件\n *\n * @protected\n * @method module:ui/item/list._$$ListItem#__onDelete\n * @return {Void}\n */\n _pro.__onDelete = function(_data){\n this._$dispatchEvent('ondelete',{\n ext:_data,\n id:this._$getId(),\n data:this._$getData(),\n body:this._$getBody()\n });\n };\n /**\n * 删除列表项触发事件\n *\n * @protected\n * @method module:ui/item/list._$$ListItem#__onUpdate\n * @return {Void}\n */\n _pro.__onUpdate = function(_data){\n this._$dispatchEvent('onupdate',{\n ext:_data,\n id:this._$getId(),\n data:this._$getData(),\n body:this._$getBody()\n });\n };\n /**\n * 刷新项绑定的数据{position:absolute;background:#fff;}"
},
{
"path": "src/ui/layer/card.js",
"content": "/*\n * ------------------------------------------\n * 卡片控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/layer/card */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/event',\n 'ui/layer/layer',\n 'text!./card.css'\n],function(NEJ,_k,_e,_v,_i0,_css,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css);\n /**\n * 卡片控件\n *\n * 页面结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event',\n * 'ui/layer/card'\n * ],function(_e,_i0,_p,_o,_f,_r){\n * // 生成卡片的实例\n * var _card = _i0._$$Card._$allocate({\n * parent:'card-box',\n * top:10,\n * left:10,\n * destroyable:true,\n * content:'您要显示的内容HTML或节点
',\n * oncontentready:function(_html){\n * // 卡片里塞入内容的回调\n * },\n * onbeforerecycle:function(){\n * // 回收前触发的回调\n * }\n * });\n * // 默认就是显示的，此方法对应_$hide();\n * _card._$show();\n * });\n * ```\n *\n * @class module:ui/layer/card._$$Card 卡片控件\n * @extends module:ui/layer/layer._$$Layer\n * @param {Object} arg0 - 可选配置参数\n * @property {String} top - 卡片垂直位置\n * @property {String} left - 卡片水平位置\n * @property {Boolean} nostop - 是否禁用事件阻止\n */\n _p._$$Card = _k._$klass();\n _pro = _p._$$Card._$extend(_i0._$$Layer);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__doInitDomEvent([[\n document,'click',\n this.__onDocClick._$bind(this)\n ]]);\n this.__nostop = !!_options.nostop;\n this.__position = {\n top:_options.top,\n left:_options.left\n };\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n delete this.__pbox;\n delete this.__fbox;\n delete this.__align;\n delete this.__fitable;\n delete this.__byPoint;\n delete this.__position;\n this.__super();\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n this.__ncnt = this.__body;\n _v._$addEvent(\n this.__body,'click',\n this.__doCheckStop._$bind(this)\n );\n };\n /**\n * 文档点击事件\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__onDocClick\n * @return {Void}\n */\n _pro.__onDocClick = function(_event){\n // fix firefox fire click when right button click\n if (_event.button!=2) this._$hide();\n };\n /**\n * 检查点击节点默认事件\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__doCheckStop\n * @return {Void}\n */\n _pro.__doCheckStop = function(_event){\n if (this.__nostop) return;\n _v._$stopBubble(_event);\n var _element = _v._$getElement(_event);\n if (_element.tagName=='A')\n _v._$stopDefault(_event);\n };\n /**\n * 设置对齐方式\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__setAlign\n * @param {String} arg0 - 对齐方式\n * @return {Void}\n */\n _pro.__setAlign = (function(){\n var _reg = /\\s+/i;\n return function(_align){\n _align = (_align||'').trim()\n .toLowerCase().split(_reg);\n _align[0] = _align[0]||'bottom';\n _align[1] = _align[1]||'left';\n this.__align = _align;\n };\n })();\n /**\n * 根据适应方式取位置信息\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__doCalPosition\n * @param {String} arg0 - 适应位置\n * @return {Object} 位置信息\n */\n _pro.__doCalPosition = function(_align){\n var _result = {},\n _fbox = this.__fbox,\n _pbox = _e._$getPageBox(),\n _width = this.__body.offsetWidth,\n _height = this.__body.offsetHeight;\n switch(_align[0]){\n case 'top':\n _result.top = _fbox.top-_height;\n _result.left = _align[1]=='right'\n ? _fbox.left+_fbox.width-_width\n : _fbox.left;\n break;\n case 'left':\n _result.left = _fbox.left-_width;\n _result.top = _align[1]=='bottom'\n ? _fbox.top+_fbox.height-_height\n : _fbox.top;\n break;\n case 'right':\n _result.left = _fbox.left+_fbox.width;\n _result.top = _align[1]=='bottom'\n ? _fbox.top+_fbox.height-_height\n : _fbox.top;\n break;\n default:\n _result.top = _fbox.top+_fbox.height;\n _result.left = _align[1]=='right'\n ? _fbox.left+_fbox.width-_width\n : _fbox.left;\n break;\n }\n return _result;\n };\n /**\n * 调整显示位置\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__doPositionAlign\n * @return {Void}\n */\n _pro.__doPositionAlign = function(){\n if (!this.__fitable){\n this._$setPosition(this.__position);\n return;\n }\n if(!!this.__byPoint){\n this._$setPosition(this.__pbox);\n return;\n }\n if (!!this.__fbox)\n this._$setPosition(\n this.__doCalPosition(this.__align)\n );\n };\n\n /**\n * 根据卡片规则计算左上角的坐标\n *\n * @protected\n * @method module:ui/layer/card._$$Card#__doFindPosition\n * @return {Object} 卡片左上角坐标{top:20,left:10}\n */\n _pro.__doFindPosition = function(_element,_delta,_event){\n _delta = _delta||_o;\n var _pageBox = _e._$getPageBox(),\n _x = _v._$pageX(_event) + (_delta.left||0),\n _y = _v._$pageY(_event) + (_delta.top||0),\n _width = _element.offsetWidth + (_delta.right||0),\n _height= _element.offsetHeight + (_delta.bottom||0),\n _pageWidth = _pageBox.scrollWidth,\n _pageHeight= _pageBox.scrollHeight,\n _temp0 = _x + _width,\n _temp1 = _y + _height;\n switch(this.__align[0]){\n case 'top':\n _y = (_temp1 > _pageHeight) ? (_y - _height): _y;\n if(this.__align[1] == 'right'){\n _x = (_x - _width) < 0 ? 0 : (_x - _width);\n }else{\n _x = (_temp0 > _pageWidth) ? (_pageWidth - _width): _x;\n }\n break;\n case 'left':\n _x = (_temp0 > _pageWidth) ? (_pageWidth - _width): _x;\n if(this.__align[1] == 'top'){\n _y = (_temp1 > _pageHeight) ? (_y - _height): _y;\n }else{\n _y = (_y - _height) < 0 ? _y : (_y - _height);\n }\n break;\n case 'right':\n _x = (_x - _width) < 0 ? 0 : (_x - _width);\n if(this.__align[1] == 'top'){\n _y =(_temp1 > _pageHeight) ? (_y - _height) : _y;\n }else{\n _y = (_y - _height) < 0 ? _y : (_y - _height);\n }\n break;\n default:\n _y = (_y - _height) < 0 ? _y : (_y - _height);\n if(this.__align[1] == 'left'){\n _x = (_temp0 > _pageWidth) ? (_pageWidth - _width): _x;\n }else{\n _x = (_x - _width) < 0 ? 0 : (_x - _width);\n }\n break;\n }\n return {top:_y,left:_x};\n };\n /**\n * 偏移量信息对象\n *\n * @typedef {Object} module:ui/layer/card._$$Card~Delta\n * @property {Number} top - 上偏移量\n * @property {Number} right - 右偏移量\n * @property {Number} bottom - 下偏移量\n * @property {Number} left - 左偏移量\n */\n /**\n * 对齐方式信息对象\n *\n * @typedef {Object} module:ui/layer/card._$$Card~Align\n * @property {Number} top - 上对齐\n * @property {Number} right - 右对齐\n * @property {Number} bottom - 下对齐\n * @property {Number} left - 左对齐\n */\n /**\n * 通过参照节点显示卡片位置\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/event',\n * 'ui/layer/card'\n * ],function(_e,_i0,_p,_o,_f,_r){\n * // 生成卡片的实例\n * var _card = _i0._$$Card._$allocate({\n * parent:'card-box',\n * top:10,\n * left:10,\n * destroyable:true,\n * content:'您要显示的内容HTML或节点
',\n * oncontentready:function(_html){\n * // 卡片里塞入内容的回调\n * },\n * onbeforerecycle:function(){\n * // 回收前触发的回调\n * }\n * });\n * // 卡片显示的时候，根据target节点来定位,卡片位置固定\n * // align代表卡片的对齐方式\n * // delta代表偏移量\n * _card._$showByReference({\n * align:'top right',\n * target:document.body,\n * delta:{top:10,right:20}\n * });\n * // 另外一种情况，根据鼠标点击来定位卡片位置\n * // 需要传入鼠标事件的event信息\n * // 鼠标传入的点的坐标为基准\n * // align表示，此点代表卡片的哪个位置\n * // delta代表偏移量\n * // 如果卡片超出可视区域范围，会参照windows桌面右键卡片布局\n * _card._$showByReference({\n * event:_event,\n * align:'top right',\n * target:document.body,\n * delta:{top:10,right:20}\n * });\n * });\n * ```\n *\n * @method module:ui/layer/card._$$Card#_$showByReference\n * @param {Object} arg0 - 可选配置参数\n * @property {module:ui/layer/card._$$Card~Delta} delta - 位置偏移\n * @property {module:ui/layer/card._$$Card~Align} align - 卡片对齐位置，默认为'top left'\n * | 整体位置 | 对齐方式 |\n * | :--- | :--- |\n * | top/right/bottom/left| top/bottom/left/right |\n * @property {Boolean} fitable - 是否需要调整卡片位置使其适应页面\n * @return {Void}\n */\n _pro._$showByReference = (function(){\n var _doCalTargetBox = function(_element,_delta){\n _element = _e._$get(_element);\n if (!_element) return;\n _delta = _delta||_o;\n var _offset = _e._$offset(_element);\n return {top:_offset.y-(_delta.top||0),\n left:_offset.x-(_delta.left||0),\n width:_element.offsetWidth+(_delta.right||0),\n height:_element.offsetHeight+(_delta.bottom||0)};\n };\n return function(_options){\n _options = _options||_o;\n this.__byPoint = _options.event;\n this.__setAlign(_options.align);\n if(!!this.__byPoint)\n this.__pbox = this.__doFindPosition(_options.target,_options.delta,this.__byPoint);\n this.__fbox = _doCalTargetBox(\n _options.target,_options.delta);\n this.__fitable = !!_options.fitable;\n this._$show();\n };\n })();\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/layer/card.wrapper.js",
"content": "// link to ui/layer/wrapper/card for compatible\n// use ui/layer/wrapper/card for new project\nNEJ.define(['./wrapper/card.js'],function(_t){return _t;});"
},
{
"path": "src/ui/layer/demo/card.html",
"content": "\n\n \n test window \n xxxxxxxxxxxx
\n \n \n \n \n"
},
{
"path": "src/ui/layer/demo/window.html",
"content": "\n\n \n test window \n 1 2 {position:absolute;background:#fff;}');\n * _p._$$MyLayer = _k._$klass();\n * _proMyLayer = _p._$$MyLayer._$extend(_i0._$$Layer);\n *\n * _proMyLayer.__initXGui = function(){\n * this.__seed_css = _seed_css;\n * };\n *\n * _proMyLayer.__initNode = function(){\n * this.__super();\n * // this.__ncnt作为放置卡片内容的容器\n * this.__ncnt = this.__body;\n * };\n *\n *\n * // 最后项目中实例化wrapper的实例\n * var _ly = _p._$$MyLayerCard._$allocate({\n * parent:document.body,\n * // 隐藏浮层时，是否销毁\n * destroyable:false,\n * oncontentready:function(_html){\n * // 设置浮层内容的回调\n * }\n * });\n * });\n * // 第二步:实例化一个弹出层\n * // 一般在layerwrapper控件中使用\n * // 因为lopt的有默认配置在layerwrapper中\n * NEJ.define([\n * 'base/klass',\n * 'ui/layer/wrapper/layer',\n * '/path/custom/to/mylayer.js'\n * ],function(_k,_i0,_i1,_p,_o,_f,_r){\n * // 下面是对layerwrapper的描述\n *\n * // 首先：继承layerwrapper基类生成的一个新类\n * _p._$$MyCardWrapper = _k._$klass();\n * _proMyCardWrapper = _p._$$MyCardWrapper._$extend\n * (_i0._$$LayerWrapper);\n *\n * // 这里返回内容层的实例\n * _proMyCardWrapper.__getLayerInstance = function(){\n * return _i1._$$MyLayer._$allocate(this.__lopt);\n * };\n *\n * // 这里配置lopt参数，生成内容层用\n * _proMyCardWrapper.__doInitLayerOptions = function(){\n * this.__super();\n * this.__lopt.top = null;\n * this.__lopt.left = null;\n * };\n * });\n * ```\n *\n * @class module:ui/layer/layer._$$Layer\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n * @property {String|Node} content - 内容HTML代码或者节点对象\n * @property {Boolean} destroyable -调用隐藏时是否自动回收，默认不自动回收\n * @property {Boolean} nohack - 针对IE6不做hack处理\n */\n /**\n * 显示内容准备就绪触发事件\n *\n * @event module:ui/layer/layer._$$Layer#oncontentready\n * @param {Node} arg0 - 显示内容的节点\n */\n /**\n * 控件回收前触发事件\n *\n * @event module:ui/layer/layer._$$Layer#onbeforerecycle\n */\n _p._$$Layer = _k._$klass();\n _pro = _p._$$Layer._$extend(_i._$$Abstract);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/layer/layer._$$Layer#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this._$setEvent('oncontentready',\n _options.oncontentready||\n this.__doInitContent._$bind(this));\n this.__nohack = !!_options.nohack;\n this.__destroyable = !!_options.destroyable;\n this._$setContent(_options.content);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/layer/layer._$$Layer#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this._$dispatchEvent('onbeforerecycle');\n this.__super();\n this.__doHide();\n this._$setContent('');\n _e._$style(this.__body,{top:'',left:''});\n };\n /**\n * 初始化内容区域，子类实现具体逻辑\n *\n * @abstract\n * @method module:ui/layer/layer._$$Layer#__doInitContent\n * @param {Node} arg0 - 内容区容器节点\n * @return {Void}\n */\n _pro.__doInitContent = _f;\n /**\n * 调整显示位置，子类实现具体业务逻辑\n *\n * @abstract\n * @method module:ui/layer/layer._$$Layer#__doPositionAlign\n * @return {Void}\n */\n _pro.__doPositionAlign = _f;\n /**\n * 控件隐藏\n *\n * @protected\n * @method module:ui/layer/layer._$$Layer#__doHide\n * @return {Void}\n */\n _pro.__doHide = function(){\n _e._$removeByEC(this.__body);\n if (!!this.__mask){\n _e._$unmask(this.__body);\n delete this.__mask;\n }\n };\n /**\n * 设置层显示内容\n *\n * 脚本举例\n * ```javascript\n * // 设置层里面展示的内容\n * _ly._$setContent('节点或者字符串');\n * ```\n *\n * @method module:ui/layer/layer._$$Layer#_$setContent\n * @param {String|Node} arg0 - 内容HTML代码或者节点\n * @return {Void}\n */\n _pro._$setContent = function(_content){\n if (!this.__body||\n !this.__ncnt||\n _content==null) return;\n _content = _content||'';\n _u._$isString(_content)\n ? this.__ncnt.innerHTML = _content\n : this.__ncnt.appendChild(_content);\n this._$dispatchEvent('oncontentready',this.__ncnt);\n };\n /**\n * 设置位置\n *\n * 脚本举例\n * ```javascript\n * // 设置浮层位置\n * _ly._$setPosition({top:100,left:200});\n * ```\n *\n * @method module:ui/layer/layer._$$Layer#_$setPosition\n * @param {Object} arg0 - 位置信息，如{top:100,left:200}\n * @return {Void}\n */\n _pro._$setPosition = function(_offset){\n var _value = _offset.top;\n if (_value!=null){\n _value += 'px';\n _e._$setStyle(this.__body,'top',_value);\n _e._$setStyle(this.__mask,'top',_value);\n }\n var _value = _offset.left;\n if (_value!=null){\n _value += 'px';\n _e._$setStyle(this.__body,'left',_value);\n _e._$setStyle(this.__mask,'left',_value);\n }\n };\n /**\n * 显示控件\n *\n * 脚本举例\n * ```javascript\n * // 显示浮层\n * _ly._$show();\n * ```\n *\n * @method module:ui/layer/layer._$$Layer#_$show\n * @return {Void}\n */\n _pro._$show = function(){\n _e._$setStyle(this.__body,'visibility','hidden');\n this.__super();\n this.__doPositionAlign();\n _e._$setStyle(this.__body,'visibility','');\n if (!this.__nohack){\n this.__mask = _e._$mask(this.__body);\n }\n };\n /**\n * 隐藏控件\n *\n * 脚本举例\n * ```javascript\n * // 隐藏浮层\n * _ly._$hide();\n * ```\n *\n * @method module:ui/layer/layer._$$Layer#_$hide\n * @return {Void}\n */\n _pro._$hide = function(){\n this.__destroyable ? this._$recycle()\n : this.__doHide();\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/layer/layer.wrapper.js",
"content": "// link to ui/layer/wrapper/layer for compatible\n// use ui/layer/wrapper/layer for new project\nNEJ.define(['./wrapper/layer.js'],function(_t){return _t;});"
},
{
"path": "src/ui/layer/test/card.test.html",
"content": "\n\n\t\n\t\tcard测试页 \n \t\t
\n\t\t
\n\t\t
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/layer/test/card.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"ui-card\");\n\n var _ = NEJ.P,\n _e = _('nej.e'),\n _p = _('nej.ui');\n\n //开始单元测试\n test('card',function(){\n stop();\n var _card = _p._$$Card._$allocate({\n parent:'card-box',\n top:10,\n left:10,\n destroyable:true,\n content:'请点击一下页面，完成卡片的回收
',\n oncontentready:function(_html){\n ok(true,'设置卡片内容成功');\n },\n onbeforerecycle:function(){\n ok(true,'destroyable属性决定回收前是否触发');\n start();\n }\n });\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}card.test.js',['ui/layer/card'],f);\n});"
},
{
"path": "src/ui/layer/test/layer.test.html",
"content": "\n\n\t\n\t\tlayer测试页 \n \t\t
\n\t\t
\n \t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/layer/test/layer.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"layer\");\n var _ = NEJ.P,\n _e = _('nej.e'),\n _p = _('nej.ui');\n \n //开始单元测试\n test('layer',function(){\n\t\tstop();\n var _ly = _p._$$MyLayerCard._$allocate({\n\t\t\tparent:document.body,\n destroyable:false,\n oncontentready:function(_html){\n ok(true,'设置卡片内容成功');\n\t\t\t\tstart();\n }\n });\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}layer.test.js',['{pro}mylayercard.js'],f);\n});"
},
{
"path": "src/ui/layer/test/mylayer.js",
"content": "/*\n * ------------------------------------------\n * 卡片控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nvar f = function(){\n var _ = NEJ.P,\n _o = NEJ.O,\n _v = _('nej.v'),\n _e = _('nej.e'),\n _p = _('nej.ui'),\n _proMyLayer;\n if (!!_p._$$MyLayer) return;\n // ui css text\n var _seed_css = _e._$pushCSSText('.#{position:absolute;background:#fff;}');\n /**\n * 卡片控件\n * @param {Object} 可选配置参数\n * @property {String} top 卡片垂直位置\n * @property {String} left 卡片水平位置\n */\n _p._$$MyLayer = NEJ.C();\n _proMyLayer = _p._$$MyLayer._$extend(_p._$$Layer);\n /**\n * 控件重置\n *\n * @protected\n * @method {__reset}\n * @param {Object} 可选配置参数\n * @return {Void}\n */\n _proMyLayer.__reset = function(_options){\n this.__super(_options);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method {__destroy}\n * @return {Void}\n */\n _proMyLayer.__destroy = function(){\n this.__super();\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method {__initXGui}\n * @return {Void}\n */\n _proMyLayer.__initXGui = function(){\n this.__seed_css = _seed_css;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method {__initNode}\n * @return {Void}\n */\n _proMyLayer.__initNode = function(){\n this.__super();\n this.__ncnt = this.__body;\n };\n};\ndefine('{pro}mylayer.js',\n ['ui/layer/layer'],f);\n"
},
{
"path": "src/ui/layer/test/mylayercard.js",
"content": "var f = function(){\n var _ = NEJ.P,\n _f = NEJ.F,\n _u = _('nej.u'),\n _e = _('nej.e'),\n _p = _('nej.ui'),\n _proMyLayerCard;\n var _seed_html = _e._$addNodeTemplate('您要展示的内容部分
');\n /**\n * 弹出层封装基类对象，主要实现层里面内容部分的业务逻辑\n * @class 弹出层封装基类对象\n * @extends {nej.ui._$$CardWrapper}\n * @param {Object} _options 可选配置参数\n *\n */\n _p._$$MyLayerCard = NEJ.C();\n _proMyLayerCard = _p._$$MyLayerCard._$extend(_p._$$MyCardWrapper);\n\n _proMyLayerCard.__initXGui = function(){\n this.__seed_html = _seed_html;\n };\n};\ndefine('{pro}mylayercard.js',\n ['{pro}mylayerwrapper.js'],f);"
},
{
"path": "src/ui/layer/test/mylayerwrapper.js",
"content": "/*\n * ------------------------------------------\n * 弹出卡片封装基类实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\nvar f = function(){\n var _ = NEJ.P,\n _o = NEJ.O,\n _e = _('nej.e'),\n _v = _('nej.v'),\n _u = _('nej.u'),\n _p = _('nej.ui'),\n _proMyCardWrapper;\n if (!!_p._$$MyCardWrapper) return;\n /**\n *\n * @class module:nej.ui._$$MyCardWrapper 弹出卡片封装基类对象\n * @extends {nej.ui._$$LayerWrapper}\n * @param {Object} 可选配置参数\n *\n */\n _p._$$MyCardWrapper = NEJ.C();\n _proMyCardWrapper = _p._$$MyCardWrapper._$extend(_p._$$LayerWrapper);\n /**\n * 构建弹层控件实例，子类实现具体业务逻辑\n *\n * @protected\n * @method {__getLayerInstance}\n * @return {nej.ui._$$Layer} 弹层控件实例\n */\n _proMyCardWrapper.__getLayerInstance = function(){\n return _p._$$MyLayer._$allocate(this.__lopt);\n };\n /**\n * 初始化弹层控件可选配置参数\n *\n * @protected\n * @method {__doInitLayerOptions}\n * @return {Void}\n */\n _proMyCardWrapper.__doInitLayerOptions = function(){\n _p._$$MyCardWrapper._$supro\n .__doInitLayerOptions.apply(this,arguments);\n this.__lopt.top = null;\n this.__lopt.left = null;\n };\n};\ndefine('{pro}mylayerwrapper.js',\n ['ui/layer/layer.wrapper'\n ,'{pro}mylayer.js'],f);"
},
{
"path": "src/ui/layer/test/mywindow.js",
"content": "var f = function(){\n var _ = NEJ.P,\n _f = NEJ.F,\n _u = _('nej.u'),\n _e = _('nej.e'),\n _p = _('nej.ui'),\n _proMyWindow;\n var _seed_html = _e._$addNodeTemplate('您要展示的内容部分
');\n /**\n * 弹出层封装基类对象，主要实现层里面内容部分的业务逻辑\n * @class 弹出层封装基类对象\n * @extends {nej.ui._$$CardWrapper}\n * @param {Object} _options 可选配置参数\n *\n */\n _p._$$MyWindow = NEJ.C();\n _proMyWindow = _p._$$MyWindow._$extend(_p._$$WindowWrapper);\n\n _proMyWindow.__initXGui = function(){\n this.__seed_html = _seed_html;\n };\n\n\t_proMyWindow.__reset = function(_options){\n\t\t_options = _options || {};\n _options.draggable = !!_options.draggable ? true : false;\n _options.destroyable = !!_options.destroyable ? true : false;\n\t\tthis.__super(_options);\n\t};\n};\ndefine('{pro}mywindow.js',\n ['ui/layer/window.wrapper'],f);"
},
{
"path": "src/ui/layer/test/window.test.html",
"content": "\n\n\t\n\t\twindow测试页 \n \t\t
\n\t\t
\n\t\t
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/layer/test/window.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"ui-window\");\n\n var _ = NEJ.P,\n _e = _('nej.e'),\n _p = _('nej.ui');\n\n //开始单元测试\n test('window',function(){\n stop();\n var _window = _p._$$Window._$allocate({\n parent:document.body,\n title:'弹出框标题',\n align:'left middle',\n draggable:true,\n onclose:function(){\n ok(true,'成功关闭窗口');\n start();\n }\n });\n _window._$show();\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}window.test.js',['ui/layer/window'],f);\n});"
},
{
"path": "src/ui/layer/test/window.wrapper.test.html",
"content": "\n\n\t\n\t\twindowWarpper测试页 \n \t\t
\n\t\t
\n \t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/layer/test/window.wrapper.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"ui-windowWarpper\");\n \n var _ = NEJ.P,\n _e = _('nej.e'),\n _p = _('nej.ui'),\n _v = _('nej.v');\n \n //开始单元测试\n test('windowWarpper',function(){\n stop();\n var _myCard = _p._$$MyWindow._$allocate({\n parent:document.body,\n title:'窗口标题',\n draggable:false,\n mask:true,\n onclose:function(){\n ok(true,'成功关闭浮层');\n start();\n }\n });\n });\n \n// test('windowWarpper-2',function(){\n// stop();\n// var _myCard = _p._$$MyWindow._$allocate({\n// parent:document.body,\n// title:'窗口标题2',\n// draggable:true,\n// mask:true,\n// onclose:function(){\n// ok(true,'成功关闭浮层');\n// start();\n// }\n// });\n// });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}window.wrapper.test.js',['{pro}mywindow.js'],f);\n});"
},
{
"path": "src/ui/layer/window.css",
"content": ".#{position:absolute;z-index:1000;border:1px solid #aaa;background:#fff;}\n.# .zbar{line-height:30px;background:#8098E7;border-bottom:1px solid #aaa;}\n.# .zcnt{padding:10px 5px;}\n.# .zttl{margin-right:20px;text-align:left;}\n.# .zcls{position:absolute;top:5px;right:0;width:20px;height:20px;line-height:20px;cursor:pointer;}\n"
},
{
"path": "src/ui/layer/window.html",
"content": ""
},
{
"path": "src/ui/layer/window.js",
"content": "/*\n * ------------------------------------------\n * 窗体控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/layer/window */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/event',\n 'base/util',\n 'ui/layer/layer',\n 'ui/mask/mask',\n 'util/dragger/dragger',\n 'util/template/tpl',\n 'text!./window.css',\n 'text!./window.html'\n],function(NEJ,_k,_e,_v,_u,_i0,_i1,_t0,_t1,_css,_html,_p,_o,_f,_r){\n var _seed_css = _e._$pushCSSText(_css),\n _seed_html = _t1._$addNodeTemplate(_html),\n _pro;\n /**\n * 窗体控件\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'ui/layer/window'\n * ],function(_i0,_p,_o,_f,_r){\n * var _window = _i0._$$Window._$allocate({\n * parent:document.body,\n * title:'弹出框标题',\n * align:'left middle',\n * draggable:true,\n * onclose:function(){\n * // 窗口关闭前的回调方法\n * }\n * });\n * // 显示窗口，默认实例化后会显示，如果_$hide()后需要手动调用\n * _window._$show();\n * });\n * ```\n *\n * @class module:ui/layer/window._$$Window 窗体控件\n * @extends module:ui/layer/layer._$$Layer\n * @param {Object} arg0 - 可选配置参数\n * @property {String} title - 窗口标题\n * @property {String} align - 相对于视窗位置定义，横向+空格+纵向，默认为center middle\n * | 横向 | 纵向 |\n * | :--- | :--- |\n * | left/center/right/auto | top/middle/bottom/auto |\n * @property {Boolean} draggable - 是否可拖拽\n * @property {nej.ui._$$Mask|Boolean|String} mask - 盖层信息\n * | mask参数 | 含义 |\n * | :--- | :--- |\n * | 如果是nej.ui._$$Mask的子类 | 则为盖层构造 |\n * | 如果是布尔值 | 则使用默认盖层 |\n * | 如果是字符串 | 则为盖层样式 |\n */\n /**\n * 关闭窗体触发事件\n *\n * @event module:ui/layer/window._$$Window#onclose\n *\n */\n _p._$$Window = _k._$klass();\n _pro = _p._$$Window._$extend(_i0._$$Layer);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__mopt = {};\n this.__dopt = {onchange:this.__onDragging._$bind(this)};\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n this.__setMask(_options.mask);\n this._$setAlign(_options.align);\n this._$setTitle(_options.title);\n if (!_options.draggable) return;\n this.__dragger = _t0._$$Dragger.\n _$allocate(this.__dopt);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n delete this.__align;\n delete this.__mclz;\n if (!!this.__imask){\n this.__imask._$recycle();\n delete this.__imask;\n }\n if (!!this.__dragger){\n this.__dragger._$recycle();\n delete this.__dragger;\n }\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n this.__seed_html= _seed_html;\n };\n /**\n * 初始化节点\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n // 0 - move bar\n // 1 - content box\n // 2 - close btn\n var _list = _e._$getChildren(this.__body);\n this.__ncnt = _list[1];\n this.__dopt.mbar = _list[0];\n this.__dopt.body = this.__body;\n _v._$addEvent(_list[2],'mousedown',\n this.__onClose._$bind(this));\n _v._$addEvent(this.__dopt.mbar,'mousedown',\n this.__onDragStart._$bind(this));\n this.__nttl = _e._$getChildren(this.__dopt.mbar)[0];\n };\n /**\n * 关闭窗口\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__onClose\n * @param {Event} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onClose = function(_event){\n _v._$stop(_event);\n this._$dispatchEvent('onclose');\n this._$hide();\n };\n /**\n * 窗口开始拖动过程\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__onDragStart\n * @param {Event} arg0 - 事件信息\n * @return {Void}\n */\n _pro.__onDragStart = function(_event){\n _v._$dispatchEvent(document,'click');\n };\n /**\n * 窗口拖动过程\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__onDragging\n * @param {Object} arg0 - 窗口位置信息\n * @return {Void}\n */\n _pro.__onDragging = function(_event){\n if (!this.__mask) return;\n _e._$style(this.__mask,{\n top:_event.top+'px',\n left:_event.left+'px'\n });\n };\n /**\n * 窗口位置调整\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__doPositionAlign\n * @return {Void}\n */\n _pro.__doPositionAlign = (function(){\n var _func = [function(){return 0;},\n function(_scroll,_delta,_key){\n return Math.max(0,_scroll[_key]+_delta[_key]/2);\n },\n function(_scroll,_delta,_key){\n return _scroll[_key]+_delta[_key];\n }],\n _keys = ['left','top'];\n return function(){\n var _value = {},\n _style = this.__body.style,\n _view = _e._$getPageBox(),\n _scroll= {left:_view.scrollLeft,top:_view.scrollTop},\n _delta = {left:_view.clientWidth-this.__body.offsetWidth\n ,top:_view.clientHeight-this.__body.offsetHeight};\n _u._$forEach(_keys,\n function(_key,_index){\n var _handler = _func[this.__align[_index]];\n if (!_handler) return;\n _value[_key] = _handler(_scroll,_delta,_key);\n },this);\n this._$setPosition(_value);\n };\n })();\n /**\n * 显示盖层\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__doShowMask\n * @return {Void}\n */\n _pro.__doShowMask = function(){\n if (!this.__imask){\n if (!this.__mclz) return;\n this.__mopt.parent = this.__parent;\n this.__imask = this.__mclz\n ._$allocate(this.__mopt);\n }\n this.__imask._$show();\n };\n /**\n * 隐藏窗体\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__doHide\n * @return {Void}\n */\n _pro.__doHide = function(){\n if (!!this.__imask)\n this.__imask._$hide();\n this.__super();\n };\n /**\n * 设置盖层构造\n *\n * @protected\n * @method module:ui/layer/window._$$Window#__setMask\n * @param {nej.ui._$$Mask|Boolean} arg0 - 盖层构造\n * @return {Void}\n */\n _pro.__setMask = function(_mask){\n if (!!_mask){\n if (_mask instanceof _i1._$$Mask){\n this.__imask = _mask;\n return;\n }\n if (_u._$isFunction(_mask)){\n this.__mclz = _mask;\n return;\n }\n this.__mclz = _i1._$$Mask;\n if (_u._$isString(_mask))\n this.__mopt.clazz = _mask;\n return;\n }\n this.__mclz = null;\n };\n /**\n * 设置标题\n *\n * 脚本举例\n * ```javascript\n * _window._$setTitle('设置浮层标题');\n * ```\n *\n * @method module:ui/layer/window._$$Window#_$setTitle\n * @param {String} arg0 - 标题\n * @return {nej.ui._$$Window}\n */\n _pro._$setTitle = function(_title,_html){\n if (!!this.__nttl){\n var _method = !_html?'innerText':'innerHTML';\n this.__nttl[_method] = _title||'标题';\n }\n return this;\n };\n /**\n * 设置窗体对齐方式\n *\n * 脚本举例\n * ```javascript\n * // 设置对齐方式，默认是center,middle\n * _window._$setAlign();\n * ```\n *\n * @method module:ui/layer/window._$$Window#_$setAlign\n * @param {String} arg0 - 对齐方式\n * @return {nej.ui._$$Window}\n */\n _pro._$setAlign = (function(){\n var _reg = /\\s+/,\n _halign = {left:0,center:1,right:2,auto:3},\n _valign = {top:0,middle:1,bottom:2,auto:3};\n return function(_align){\n this.__align = (_align||'').split(_reg);\n var _tmp = _halign[this.__align[0]];\n if (_tmp==null) _tmp = 1;\n this.__align[0] = _tmp;\n var _tmp = _valign[this.__align[1]];\n if (_tmp==null) _tmp = 1;\n this.__align[1] = _tmp;\n return this;\n };\n })();\n /**\n * 显示窗体\n *\n * 脚本举例\n * ```javascript\n * _window._$show();\n * ```\n *\n * @method module:ui/layer/window._$$Window#_$show\n * @return {nej.ui._$$Window}\n */\n _pro._$show = function(){\n this.__super();\n this.__doShowMask();\n return this;\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/layer/window.wrapper.js",
"content": "// link to ui/layer/wrapper/window for compatible\n// use ui/layer/wrapper/window for new project\nNEJ.define(['./wrapper/window.js'],function(_t){return _t;});"
},
{
"path": "src/ui/layer/wrapper/card.js",
"content": "/*\n * ------------------------------------------\n * 弹出卡片封装基类实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/layer/wrapper/card */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/event',\n 'base/util',\n 'ui/layer/wrapper/layer',\n 'ui/layer/card'\n],function(NEJ,_k,_e,_v,_u,_i0,_i1,_p,_o,_f,_r){\n var _pro;\n /**\n * 弹出卡片封装基类对象，主要实现层里面内容部分的业务逻辑\n *\n * 页面结构举例\n * ```html\n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/klass',\n * 'ui/layer/wrapper/card'\n * ],function(_k,_i0,_p,_o,_f,_r){\n * // 第一步：继承此基类生成一个新类\n * _p._$$MyCard = _k._$klass();\n * _proMyCard = _p._$$MyCard._$extend(_i0._$$CardWrapper);\n * // 生成card的内容\n * _proMyCard.__initXGui = function(){\n * this.__seed_html = _seed_html;\n * };\n * });\n * // 第二步：实例化一个card对象\n * NEJ.define([\n * '/path/custom/to/mycard.js'\n * ],function(_i0,_p,_o,_f,_r){\n * var _myCard = _i0._$$MyCard._$allocate({\n * parent:'cardWarpper-box'\n * });\n * });\n * ```\n *\n * @class module:ui/layer/wrapper/card._$$CardWrapper\n * @extends module:ui/layer/wrapper/layer._$$LayerWrapper\n * @param {Object} arg0 - 可选配置参数\n *\n */\n _p._$$CardWrapper = _k._$klass();\n _pro = _p._$$CardWrapper._$extend(_i0._$$LayerWrapper);\n /**\n * 卡片绑定到执行节点上\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/klass',\n * 'ui/layer/wrapper/card'\n * ],function(_k,_i0,_p,_o,_f,_r){\n * // 第一步：继承此基类生成一个新类\n * _p._$$MyCard = _k._$klass();\n * _proMyCard = _p._$$MyCard._$extend(_i0._$$CardWrapper);\n * // 生成card的内容\n * _proMyCard.__initXGui = function(){\n * this.__seed_html = _seed_html;\n * };\n * });\n * NEJ.define([\n * '/path/custom/to/mycard.js'\n * ],function(_i0,_p,_o,_f,_r){\n * var _node = 'cardWarpper-box';\n * var _options = {\n * // 卡片偏移量\n * delta: {\n * bottm: 10,\n * right: 10\n * },\n * // 卡片对齐方式\n * align: 'bottom right',\n * // 是否需要调整卡片位置使其适应页面\n * fitable: true,\n * parent:document.body,\n * onbeforeclick:function(_options){\n * // 修改构造参数\n * _options.date = new Date;\n * // 阻止打开卡片，同时隐藏已打开的卡片\n * // _options.showed 判断卡片是否已经显示\n * _options.stopped = !0;\n * // TODO something\n * }\n * };\n * // 生成卡片实例\n * _i0._$$MyCard._$attach(_node,_options);\n * });\n * ```\n * @method module:ui/layer/wrapper/card._$$CardWrapper._$attach\n * @param {String|Node} arg0 - 执行节点\n *\n * @param {Object} arg1 - 构建卡片配置参数\n * @property {String} event - 触发显示卡片事件名称，默认为click事件\n * @property {Boolean} fixed - 是否固定位置，如果已固定位置则卡片显示位置不会自动计算\n * @property {Object} delta 四周偏移，默认全为0，{top:0,right:0,bottom:0,left:0}\n * @property {String} align - 卡片位置，默认为'bottom left'\n * @property {Boolean} fitable - 是否需要调整卡片位置使其适应页面\n * @property {Boolean} noclear - 显示卡片之前是否不做卡片清理\n * @property {Boolean} toggled - 是否采用切换形式打开卡片，如果卡片已经显示则\n * @property {Function} onbeforeclick - 点击之前触发事件，用以调整参数，输入卡片构造配置对象，{noclear:true,toggled:true}\n * @return {Void}\n */\n _p._$$CardWrapper._$attach = (function(){\n var _doShowCard = function(_event,_id,_class,_copt,_sopt){\n var _instance,\n _key = _id+'-i',\n _cache = _class.__cdpol,\n _noclear = !!_copt.noclear,\n _toggled = !!_copt.toggled;\n // check click\n if (_u._$isFunction(_copt.onbeforeclick)){\n var _oldc = _copt.noclear,\n _oldt = _copt.toggled;\n try{_copt.onbeforeclick(_copt);}catch(e){}\n _noclear = !!_copt.noclear;\n _toggled = !!_copt.toggled;\n _copt.toggled = _oldt;\n _copt.noclear = _oldc;\n }\n // toggle card\n var _inst = _cache[_key];\n if (_toggled&&!!_inst){\n _inst._$hide();\n return;\n }\n // show card\n _v._$stop(_event);\n if (!_noclear){\n _v._$dispatchEvent(document,'click');\n _instance = _class._$allocate(_copt);\n }else{\n _instance = _class._$getInstanceWithReset(_copt,!0);\n }\n // cache wrapper instance\n _cache[_key] = _instance;\n _instance._$setEvent(\n 'onbeforerecycle',\n function(){\n delete _cache[_key];\n });\n _instance._$showByReference(_sopt);\n };\n return function(_node,_options){\n _node = _e._$get(_node);\n if (!_node) return;\n if (!this.__cdpol)\n this.__cdpol = {};\n var _id = _e._$id(_node);\n if (!!this.__cdpol[_id]) return;\n _options = _u._$merge({},_options);\n var _sopt = _u._$fetch({\n align:'',delta:null,fitable:!1\n },_options);\n _sopt.target = _id;\n _options.destroyable = !0;\n if (!_options.fixed){\n _sopt.fitable = !0;\n _options.parent = document.body;\n }\n this.__cdpol[_id] = [\n _id,_options.event||'click',\n _doShowCard._$bind2(null,_id,this,_options,_sopt)\n ];\n _v._$addEvent.apply(_v,this.__cdpol[_id]);\n };\n })();\n /**\n * 取消节点绑定的卡片\n *\n * @method module:ui/layer/wrapper/card._$$CardWrapper._$detach\n * @param {String|Node} arg0 - 执行节点\n * @return {Void}\n */\n _p._$$CardWrapper._$detach = function(_node){\n if (!this.__cdpol) return;\n var _id = _e._$id(_node),\n _event = this.__cdpol[_id];\n if (!_event) return;\n delete this.__cdpol[_id];\n _v._$delEvent.apply(_v,_event);\n var _instance = this.__cdpol[_id+'-i'];\n if (!!_instance) _instance._$hide();\n };\n /**\n * 构建弹层控件实例，子类实现具体业务逻辑\n *\n * @protected\n * @method module:ui/layer/wrapper/card._$$CardWrapper#__getLayerInstance\n * @return {module:ui/layer/card._$$Card} 弹层控件实例\n */\n _pro.__getLayerInstance = function(){\n return _i1._$$Card._$allocate(this.__lopt);\n };\n /**\n * 初始化弹层控件可选配置参数\n *\n * @protected\n * @method module:ui/layer/wrapper/card._$$CardWrapper#__doInitLayerOptions\n * @return {Void}\n */\n _pro.__doInitLayerOptions = function(){\n this.__super();\n this.__lopt.top = null;\n this.__lopt.left = null;\n this.__lopt.nostop = !1;\n };\n /**\n * 通过参照节点显示卡片位置\n *\n * @method module:ui/layer/wrapper/card._$$CardWrapper#_$showByReference\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro._$showByReference = function(_options){\n if (!!this.__layer)\n this.__layer._$showByReference(_options);\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/layer/wrapper/layer.js",
"content": "/*\n * ------------------------------------------\n * 弹出层封装基类实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/layer/wrapper/layer */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/util',\n 'ui/base',\n 'ui/layer/layer'\n],function(NEJ,_k,_e,_u,_i,_i0,_p,_o,_f,_r){\n var _pro;\n /**\n * 弹出层封装基类对象，主要实现层里面内容部分的业务逻辑\n *\n * 脚本举例\n * ```javascript\n * // 第一步：继承此基类生成新类\n * NEJ.define([\n * 'base/element',\n * 'ui/layer/wrapper/layer'\n * ],function(_e,_i0,_p,_o,_f,_r){\n * var _seed_css = _e._$pushCSSText('.#\n * {position:absolute;background:#fff;}');\n * _p._$$MyLayer = _k._$klass();\n * _proMyLayer = _p._$$MyLayer._$extend(_i0._$$Layer);\n *\n * _proMyLayer.__initXGui = function(){\n * this.__seed_css = _seed_css;\n * };\n *\n * _proMyLayer.__initNode = function(){\n * this.__super();\n * // this.__ncnt作为放置卡片内容的容器\n * this.__ncnt = this.__body;\n * };\n * });\n * // 下面是对layerwrapper的描述\n * NEJ.define([\n * 'base/klass',\n * 'ui/layer/wrapper/layer',\n * '/path/custom/to/layer.js'\n * ],function(_k,_i0,_i1,_p,_o,_f,_r){\n * // 首先：继承layerwrapper基类生成的一个新类\n * _p._$$MyCardWrapper = _k._$klass();\n * _proMyCardWrapper = _p._$$MyCardWrapper._$extend(_i0.\n * _$$LayerWrapper);\n *\n * // 这里返回内容层的实例\n * _proMyCardWrapper.__getLayerInstance = function(){\n * return _i1._$$MyLayer._$allocate(this.__lopt);\n * };\n *\n * // 这里配置lopt参数，生成内容层用\n * _proMyCardWrapper.__doInitLayerOptions = function(){\n * this.__super();\n * this.__lopt.top = null;\n * this.__lopt.left = null;\n * };\n *\n * // 最后项目中实例化wrapper的实例\n * var _ly = _p._$$MyLayerCard._$allocate({\n * parent:document.body,\n * // 隐藏浮层时，是否销毁\n * destroyable:false,\n * oncontentready:function(_html){\n * // 设置浮层内容的回调\n * }\n * });\n * });\n * ```\n *\n * @class module:ui/layer/wrapper/layer._$$LayerWrapper\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n *\n */\n _p._$$LayerWrapper = _k._$klass();\n _pro = _p._$$LayerWrapper._$extend(_i._$$Abstract);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/layer/wrapper/layer._$$LayerWrapper#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__doInitLayerOptions();\n this.__super(this\n .__doFilterOptions(_options));\n this.__lopt.onbeforerecycle =\n this._$recycle._$bind(this);\n this.__layer = this.__getLayerInstance();\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/layer/wrapper/layer._$$LayerWrapper#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this._$dispatchEvent('onbeforerecycle');\n this.__super();\n delete this.__lopt;\n _e._$removeByEC(this.__body);\n var _layer = this.__layer;\n if (!!_layer){\n delete this.__layer;\n _layer._$recycle();\n }\n };\n /**\n * 构建弹层控件实例，子类实现具体业务逻辑\n *\n * @abstract\n * @method module:ui/layer/wrapper/layer._$$LayerWrapper#__getLayerInstance\n * @return {nej.ui._$$Layer} 弹层控件实例\n */\n _pro.__getLayerInstance = _f;\n /**\n * 将配置参数拆分为两部分，一部分用于弹层控件，一部分用于本控件\n *\n * @protected\n * @method module:ui/layer/wrapper/layer._$$LayerWrapper#__doFilterOptions\n * @param {Object} arg0 - 可选配置参数\n * @return {Object} 过滤后的配置参数\n */\n _pro.__doFilterOptions = function(_options){\n var _result = {};\n _u._$loop(_options,\n function(_item,_key){\n this.__lopt.hasOwnProperty(_key)\n ? this.__lopt[_key] = _item\n : _result[_key] = _item;\n },this);\n return _result;\n };\n /**\n * 初始化弹层控件可选配置参数\n *\n * @protected\n * @method module:ui/layer/wrapper/layer._$$LayerWrapper#__doInitLayerOptions\n * @return {Void}\n */\n _pro.__doInitLayerOptions = function(){\n this.__lopt = {\n clazz:''\n ,parent:null\n ,content:this.__body\n ,destroyable:!1\n ,oncontentready:null\n ,nohack:!1\n };\n };\n /**\n * 显示弹层\n *\n * 脚本举例\n * ```javascript\n * // 显示浮层\n * _ly._$show();\n * ```\n *\n * @method module:ui/layer/wrapper/layer._$$LayerWrapper#_$show\n * @return {Void}\n */\n _pro._$show = function(){\n if (!!this.__layer)\n this.__layer._$show();\n this._$dispatchEvent('onaftershow');\n };\n /**\n * 隐藏弹层\n *\n * 脚本举例\n * ```javascript\n * // 隐藏弹层\n * _ly._$hide();\n * ```\n *\n * @method module:ui/layer/wrapper/layer._$$LayerWrapper#_$hide\n * @return {Void}\n */\n _pro._$hide = function(){\n if (!!this.__layer)\n this.__layer._$hide();\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/layer/wrapper/window.js",
"content": "/*\n * ------------------------------------------\n * 弹出窗体封装基类实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/layer/wrapper/window */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'ui/layer/wrapper/layer',\n 'ui/layer/window'\n],function(NEJ,_k,_i0,_i1,_p,_o,_f,_r){\n var _pro;\n /**\n * 弹出窗体封装基类对象，主要实现层里面内容部分的业务逻辑\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/klass',\n * 'util/template/tpl',\n * 'ui/layer/wrapper/window',\n * 'text!./mywindow.html'\n * ],function(_k,_t,_l,_html,_p,_o,_f,_r){\n * var _pro;\n * // 第一步：继承此类，生成一个新类\n * _p._$$MyWindow = _k._$klass();\n * _pro = _p._$$MyWindow._$extend(_l._$$WindowWrapper);\n * // 生成窗体的展示内容\n * _pro.__initXGui = (function(){\n * var _seed_html = _t._$addNodeTemplate(_html);\n * return function(){\n * this.__seed_html = _seed_html;\n * };\n * }\n * })();\n *\n * NEJ.define([\n * '/path/custom/to/mywindow.js'\n * ],function(_i0,_p,_o,_f,_r){\n * // 第二步:实例化一个窗体控件\n * var _myCard = _i0._$$MyWindow._$allocate({\n * parent:document.body,\n * title:'窗口标题',\n * draggable:false,\n * // 是否有盖层\n * mask:true,\n * onclose:function(){\n * // 关闭窗口的回调\n * }\n * });\n * });\n * ```\n *\n * @class module:ui/layer/wrapper/window._$$WindowWrapper\n * @extends module:ui/layer/wrapper/layer._$$LayerWrapper\n * @param {Object} arg0 - 可选配置参数\n *\n */\n _p._$$WindowWrapper = _k._$klass();\n _pro = _p._$$WindowWrapper._$extend(_i0._$$LayerWrapper);\n /**\n * 构建弹层控件实例，子类实现具体业务逻辑\n *\n * @protected\n * @method module:ui/layer/wrapper/window._$$WindowWrapper#__getLayerInstance\n * @return {module:ui/layer/layer._$$Layer} 弹层控件实例\n */\n _pro.__getLayerInstance = function(){\n return _i1._$$Window._$allocate(this.__lopt);\n };\n /**\n * 初始化弹层控件可选配置参数\n *\n * @protected\n * @method module:ui/layer/wrapper/window._$$WindowWrapper#__doInitLayerOptions\n * @return {Void}\n */\n _pro.__doInitLayerOptions = function(){\n this.__super();\n this.__lopt.mask = null;\n this.__lopt.title = '标题';\n this.__lopt.align = '';\n this.__lopt.draggable = !1;\n this.__lopt.onclose = null;\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/lightbox/demo/lightbox.html",
"content": "\n\n \n NEJ实例 - LightBox \n -mask{position:fixed;_position:absolute;z-index:5000;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#aaa;}\n.#{position:fixed;_position:absolute;z-index:5001;background:#fff;text-align:center;$transition-duration:300ms;}\n.# .zbtn{position:absolute;cursor:pointer;width:24px;height:24px;line-height:24px;border:2px solid #fff;background:#333;color:#fff;$border-radius:50%;font-weight:bold;}\n.# .zcls{top:-12px;right:-12px;}\n.# .zbtn{opacity:0;*filter:alpha(opacity=0);$transition-duration:300ms;$transition-property:opacity;}\n.# .zprv{left:5px;}\n.# .znxt{right:5px;}\n.# .ztrp{position:absolute;left:0;right:0;bottom:0;width:100%;}\n.# .zshw{display:block;width:100%;height:100%;}\n.#:hover .zbtn{opacity:1;*filter:alpha(opacity=100);}\n.# .js-disabled,.#.js-loading .zbpt{visibility:hidden;}\n"
},
{
"path": "src/ui/lightbox/lightbox.html",
"content": "\n
× \n
< \n
> \n
\n
\n
{position:fixed;_position:absolute;z-index:100;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-image:url(#);}"
},
{
"path": "src/ui/mask/mask.js",
"content": "/*\n * ------------------------------------------\n * 盖层控件实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/maks/mask */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/constant',\n 'base/element',\n 'base/util',\n 'ui/base',\n 'text!./mask.css'\n],function(NEJ,_k,_g,_e,_u,_i,_css,_p,_o,_f,_r){\n var _pro,\n _seed_css = _e._$pushCSSText(_css,{blankimage:_g._$BLANK_IMAGE});\n /**\n * 盖层控件\n *\n * 页面结构举例\n * ```html\n * \n *
\n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'ui/maks/mask'\n * ],function(_i0,_p,_o,_f,_r){\n * var _mask = _i0._$$Mask._$allocate({\n * parent:document.body,\n * content:'搞一点盖层的内容
'\n * });\n * });\n * ```\n *\n * @class module:ui/maks/mask._$$Mask\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n * @property {String|Node} content - 内容节点或者HTML代码\n */\n _p._$$Mask = _k._$klass();\n _pro = _p._$$Mask._$extend(_i._$$Abstract);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/maks/mask._$$Mask#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__super(_options);\n var _content = _options.content||' ';\n _u._$isString(_content)\n ? this.__body.innerHTML = _content\n : this.__body.appendChild(_content);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/maks/mask._$$Mask#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__super();\n this.__body.innerHTML = ' ';\n };\n /**\n * 初始化外观\n *\n * @protected\n * @method module:ui/maks/mask._$$Mask#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = function(){\n this.__seed_css = _seed_css;\n };\n /**\n * 显示盖层\n *\n * ```javascript\n * // 先隐藏盖层\n * _mask._$hide();\n * // 显示盖层\n * _mask._$show();\n * ```\n *\n * @method module:ui/maks/mask._$$Mask#_$show\n * @return {Void}\n */\n _pro._$show = function(){\n _e._$fullScreen(this.__body);\n this.__super();\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/mask/test/mask.test.html",
"content": "\n\n\t\n\t\tmask测试页 \n \t\t
\n\t\t
\n\t\t
\n\t\t\n\t\t\n\t\n"
},
{
"path": "src/ui/mask/test/mask.test.js",
"content": "var f = function(){\n //定义测试模块\n module(\"ui-mask\");\n\n var _ = NEJ.P,\n _e = _('nej.e'),\n _p = _('nej.ui');\n\n //开始单元测试\n test('mask',function(){\n expect(0);\n var _mask = _p._$$Mask._$allocate({\n parent:document.body,\n content:'搞一点盖层的内容
'\n });\n\t\t_mask._$hide();\n\t\t_mask._$show();\n });\n}\nmodule('依赖模块');\ntest('define',function(){expect(0);\n define('{pro}mask.test.js',['ui/mask/mask'],f);\n});"
},
{
"path": "src/ui/pager/base.css",
"content": ".#{font-size:12px;line-height:160%;}\n.# a{margin:0 2px;padding:2px 8px;color:#333;border:1px solid #aaa;text-decoration:none;}\n.# .js-disabled{cursor:default;}\n.# .js-selected{cursor:default;background-color:#bbb;}"
},
{
"path": "src/ui/pager/base.js",
"content": "/*\n * ------------------------------------------\n * 分页器控件基类封装实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/pager/base */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/element',\n 'base/util',\n 'ui/base',\n 'util/template/jst',\n 'text!./base.css'\n],function(NEJ,_k,_e,_u,_i,_t0,_css,_p,_o,_f,_r){\n // variable declaration\n var _pro;\n /**\n * 分页器控件基类封装\n *\n * 页面结构举例\n * ```html\n * \n * \n * ```\n *\n * 脚本举例\n * ```javascript\n * NEJ.define([\n * 'base/klass',\n * 'ui/pager/pager.base',\n * 'util/page/page'\n * ],function(_k,_u,_t,_p,_o,_f,_r){\n * // 第一步：继承此类，新建一个子类\n * _p._$$Pager = _k._$klass();\n * _pro = _p._$$Pager._$extend(_u._$$AbstractPager);\n *\n * // 调用父类reset方法后，\n * 实例化一个_t._$page对象，首尾页用数字表示\n * // 表现为,上一页 1 2 3.. 10 下一页\n * // 或者实例化一个page.simple对象，首尾页需要辅助，数字可能不会出现\n * // 表现为,首页 上一页 5 6 7 8 9 10 下一页 末页\n * _pro.__reset = function(_options){\n * this.__super(_options);\n * this.__page = _t._$$PageFragment._$allocate(this.__popt);\n * };\n *\n * // reset之前生成需要的页码结构\n * _pro.__initNode = function(){\n *\n * };\n *\n * // reset之前生成需要的页码结构\n * _pro.__initNodeTemplate = function(){\n * // _seed_html根据需求定制\n * this.__seed_html = _seed_html;\n * };\n * return _p;\n * })\n *\n * NEJ.define([\n * '/path/to/custom/pager.js'\n * ],function(_u,_p,_o,_f,_r){\n * // 第二步：生成一个pager实例\n * // 总页数10，默认第一页\n * var _pager = _u._$$Pager._$allocate({\n * parent:'pagerCnt',\n * onchange: function(_event){},\n * total: 10,\n * index:1\n * });\n * })\n * ```\n *\n * @class module:ui/pager/base._$$AbstractPager\n * @extends module:ui/base._$$Abstract\n * @param {Object} arg0 - 可选配置参数\n * @property {Number} index - 当前页码\n * @property {Number} total - 总页码数\n * @property {Number} number - 显示页数\n * @property {Number} limit - 总页数限制\n * @property {Object} label - 按钮文案，{prev:'<',next:'>'}\n */\n /**\n * 页码切换事件，输入{last:3,index:1,total:12}\n *\n * @event module:ui/pager/base._$$AbstractPager#onchange\n * @param {Object} arg0 - 页码状态对象\n * @property {Number} last - 上一次的页码\n * @property {Number} index - 当前要切换的页面\n * @property {Number} total - 总页面数\n *\n */\n _p._$$AbstractPager = _k._$klass();\n _pro = _p._$$AbstractPager._$extend(_i._$$Abstract);\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/pager/base._$$AbstractPager#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__bopt = _u._$merge({},_options);\n this.__popt = _u._$merge({},_options);\n delete this.__bopt.onchange;\n this.__popt.onchange =\n this.__onChange._$bind(this);\n this.__super(_options);\n this.__doResetNumber(_options);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/pager/base._$$AbstractPager#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n if (!!this.__page){\n this.__page._$recycle();\n delete this.__page;\n }\n this.__super();\n delete this.__bopt;\n delete this.__popt;\n this._$unbind();\n this.__body.innerHTML = ' ';\n };\n /**\n * 初始化外观信息\n *\n * @protected\n * @method module:ui/pager/base._$$AbstractPager#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = (function(){\n var _seed_css = _e._$pushCSSText(_css);\n return function(){\n this.__seed_css = _seed_css;\n };\n })();\n /**\n * 重置页码数\n *\n * @protected\n * @method module:ui/pager/base._$$AbstractPager#__doResetNumber\n * @return {Void}\n */\n _pro.__doResetNumber = function(_data){\n var _label = _data.label||_o;\n // previous button\n if (!_data.noprv){\n this.__popt.pbtn = _e._$create(\n 'a','zbtn zprv',this.__body\n );\n this.__popt.pbtn.innerHTML = _label.prev||'上一页';\n }\n // page show\n var _arr = [];\n for(var i=1,l=_data.number;i<=l;i++){\n _arr.push(_e._$create(\n 'a','zpgi zpg'+i,this.__body\n ));\n }\n this.__popt.list = _arr;\n // next button\n if (!_data.nonxt){\n this.__popt.nbtn = _e._$create(\n 'a','zbtn znxt',this.__body\n );\n this.__popt.nbtn.innerHTML = _label.next||'下一页';\n }\n };\n /**\n * 页面变化触发事件\n *\n * @protected\n * @method module:ui/pager/base._$$AbstractPager#__onChange\n * @param {Object} arg0 - 事件对象\n * @return {Void}\n */\n _pro.__onChange = function(_event){\n if (this.__flag) return;\n var _index = _event.index,\n _total = _event.total;\n // sync pagers\n this.__flag = !0;\n this._$updatePage(_index,_total);\n _u._$forEach(this.__binders,\n function(_pager){\n _pager._$updatePage(_index,_total);\n });\n this.__flag = !1;\n this._$dispatchEvent('onchange',_event);\n };\n /**\n * 绑定联动分页器\n *\n * 脚本举例\n * ```javascript\n * // 绑定一个联动翻页器\n * _pager._$bind('pagerCnt2')\n * ```\n *\n * @method module:ui/pager/base._$$AbstractPager#_$bind\n * @param {String|Node} arg0 - 联动分页器父容器\n * @return {Void}\n */\n _pro._$bind = function(_parent){\n _parent = _e._$get(_parent);\n if (!_parent) return;\n var _opt = _u._$merge(\n {},this.__bopt\n );\n _opt.parent = _parent;\n _opt.index = this._$getIndex();\n _opt.total = this._$getTotal();\n var _pager = this.constructor._$allocate(_opt);\n _pager._$setEvent('onchange',this.__popt.onchange);\n if (!this.__binders) this.__binders = [];\n this.__binders.push(_pager);\n };\n /**\n * 解除联动分页器\n *\n * 脚本举例\n * ```javascript\n * // 解绑所以联动翻页器\n * _pager._$unbind()\n * ```\n *\n * @method module:ui/pager/base._$$AbstractPager#_$unbind\n * @return {nej.ui._$$AbstractPager}\n */\n _pro._$unbind = (function(){\n var _doRemove = function(_pager,_index,_list){\n _pager._$recycle();\n _list.splice(_index,1);\n };\n return function(){\n _u._$reverseEach(this.__binders,_doRemove);\n };\n })();\n /**\n * 跳转至指定页码\n *\n * 脚本举例\n * ```javascript\n * // 设置页码到第二页\n * _pager._$setIndex(2)\n * ```\n *\n * @method module:ui/pager/base._$$AbstractPager#_$setIndex\n * @param {Number} arg0 - 页码\n * @return {nej.ui._$$AbstractPager}\n */\n _pro._$setIndex = function(_index){\n if (!this.__page) return;\n this.__page._$setIndex(_index);\n };\n /**\n * 取当前页码\n *\n * 脚本举例\n * ```javascript\n * // 取当前页码\n * _pager._$getIndex()\n * ```\n *\n * @method module:ui/pager/base._$$AbstractPager#_$getIndex\n * @return {Number} 当前页码\n */\n _pro._$getIndex = function(){\n if (!this.__page) return 1;\n return this.__page._$getIndex();\n };\n /**\n * 取总页数\n *\n * 脚本举例\n * ```javascript\n * // 取总页数\n * _pager._$getTotal()\n * ```\n *\n * @method module:ui/pager/base._$$AbstractPager#_$getTotal\n * @return {Number} 总页数\n */\n _pro._$getTotal = function(){\n if (!this.__page) return 1;\n return this.__page._$getTotal();\n };\n /**\n * 更新页码信息\n *\n * 脚本举例\n * ```javascript\n * // 重新设置默认页和总页数\n * _pager._$updatePage(2,10);\n * ```\n *\n * @method module:ui/pager/base._$$AbstractPager#_$updatePage\n * @param {Number} arg0 - 当前页码\n * @param {Number} arg1 - 总页码数\n * @return {nej.ui._$$AbstractPager}\n */\n _pro._$updatePage = function(_index,_total){\n if (!this.__page) return;\n this.__page._$updatePage(_index,_total);\n };\n /**\n * 更新总页数\n *\n * @method module:ui/pager/base._$$AbstractPager#_$updateTotal\n * @param {Number} arg0 - 总页数\n * @return {Void}\n */\n _pro._$updateTotal = function(_total){\n if (!this.__page) return;\n this.__page._$updateTotal(_total);\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/pager/demo/pager.html",
"content": "\n\n \n demo for pager \n pager测试页 \n \t\t
\n\t\t
\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\t
首页 \n\t
上一页 \n
\n\t\t\t
\n\t\t\t
\n\t\t\t
\n
\n
\n\t\t\t
\n
\n
\n
下一页 \n\t\t\t
末页 \n\t\t
\n
上一页 \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
下一页 \n\t\t
{width:410px;border:1px;font-size:12px;text-align:center;}\n.#,.# .zbrd{border-style:solid;border-color:#aaa;}\n.# a{text-decoration:none;}\n.# .zbgp{background:url(#btn.png) no-repeat;}\n.# .zsdb{float:right;width:80px;text-align:left;}\n.# .zsdb .zpgr{text-align:center;}\n.# .zsdb .zpgr span{display:block;height:24px;margin:0 10px;border-color:#eee;cursor:pointer;}\n.# .zsdb .zpup span{border-width:0 0 1px;background-position:center 2px;}\n.# .zsdb .zpdn span{border-width:1px 0 0;background-position:center -18px;}\n.# .zsdb .zwin{position:relative;height:180px;overflow:hidden;}\n.# .zsdb .zlst{position:absolute;top:0;left:0;width:100%;}\n.# .zsdb .zlst .zitm{height:22px;line-height:22px;padding-left:5px;border-width:0;}\n.# .zsdb .zlst .zitm.js-selected{border-width:1px 0;margin-left:0;}\n.# .zsdb .zbtn{display:block;margin-left:1px;color:#777;}\n.# .zsdb .zbtn:hover,\n.# .zsdb .zlst .zitm.js-selected{background-color:#e5e5e1;color:#000;text-decoration:none;}\n.# .zsdb .js-disabled{cursor:default;}\n.# .zsdb .js-disabled span{opacity:0.6;filter:alpha(opacity=60);cursor:default;}\n.# .zsdb .js-disabled:hover{background-color:transparent;}\n.# .zcnt{margin-right:79px;padding:5px 5px 0;border-width:0 1px 0 0;background:#e5e5e1;}\n.# .zcnt .zptrt{border:none;}"
},
{
"path": "src/ui/portrait/complex.html",
"content": "\n"
},
{
"path": "src/ui/portrait/complex.js",
"content": "/*\n * ------------------------------------------\n * 复杂表情控件封装实现文件\n * @version 1.0\n * @author genify(caijf@corp.netease.com)\n * ------------------------------------------\n */\n/** @module ui/portrait/complex */\nNEJ.define([\n 'base/global',\n 'base/klass',\n 'base/config',\n 'base/element',\n 'base/util',\n 'ui/base',\n 'ui/portrait/portrait',\n 'util/template/tpl',\n 'util/tab/tab',\n 'util/page/simple',\n 'util/data/portrait/portrait',\n 'util/template/jst',\n 'text!./complex.css',\n 'text!./complex.html'\n],function(NEJ,_k,_c,_e,_u,_i,_i0,_t0,_t2,_t3,_t4,_t5,_css,_html,_p,_o,_f,_r){\n // variable declaration\n var _pro,\n _seed_css = _e._$pushCSSText(\n _css,{portrait:_c._$get('portrait')}\n );\n /**\n * 复杂表情控件\n *\n * @class module:ui/portrait/complex._$$ComplexPortrait\n * @extends module:util/event._$$EventTarget\n * @uses module:ui/portrait/portait._$$Portrait\n * @param {Object} arg0 - 可选配置参数\n */\n /**\n * 表情选中事件\n *\n * @event module:ui/portrait/complex._$$ComplexPortrait#onselect\n * @param {Object} arg0 - 表情数据对象\n * @property {String} text - 表情描述\n * @property {String} url - 表情文件地址\n */\n _p._$$ComplexPortrait = _k._$klass();\n _pro = _p._$$ComplexPortrait._$extend(_i._$$Abstract);\n /**\n * 控件初始化\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__init\n * @return {Void}\n */\n _pro.__init = function(){\n this.__popt = {\n clazz:'zptrt',\n cache:{\n data:{},\n klass:_t4._$$CachePortrait\n }\n };\n this.__topt = {\n offset:0,\n limit:1000,\n data:{type:'type'},\n key:'portrait-type'\n };\n this.__bopt = {\n onchange:this.__onTypeChange._$bind(this)\n };\n this.__copt = {\n onlistload:this.__cbTypeListLoad._$bind(this)\n };\n this.__gopt = {\n limit:8,\n onchange:this.__onPageChange._$bind(this)\n };\n this.__super();\n };\n /**\n * 控件重置\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__reset\n * @param {Object} arg0 - 可选配置参数\n * @return {Void}\n */\n _pro.__reset = function(_options){\n this.__popt.onselect = _options.onselect;\n delete _options.onselect;\n this.__super(_options);\n this.__cache = _t4._$$CachePortrait\n ._$allocate(this.__copt);\n this.__cache._$getList(this.__topt);\n };\n /**\n * 控件销毁\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__destroy\n * @return {Void}\n */\n _pro.__destroy = function(){\n this.__doClearComponent();\n this.__super();\n };\n /**\n * 初始化外观\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__initXGui\n * @return {Void}\n */\n _pro.__initXGui = (function(){\n var _seed = _t0._$parseUITemplate(_html);\n return function(){\n this.__seed_css = _seed_css;\n this.__seed_html = _seed.mid;\n this.__seed_list = _seed.lid;\n };\n })();\n /**\n * 初始化控件节点\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__initNode\n * @return {Void}\n */\n _pro.__initNode = function(){\n this.__super();\n // 0 - previous type\n // 1 - type list\n // 2 - next type\n // 3 - portrait list\n var _list = _e._$getByClassName(this.__body,'j-flag');\n this.__tbox = _list[1];\n this.__gopt.pbtn = _list[0];\n this.__gopt.nbtn = _list[2];\n this.__popt.parent = _list[3];\n };\n /**\n * 分类列表载入回调\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__cbTypeListLoad\n * @return {Void}\n */\n _pro.__cbTypeListLoad = (function(){\n var _inited = !1,\n _limit = {\n 30:60,\n 60:15\n };\n var _doInit = function(_list){\n if (_inited)\n return;\n _inited = !0;\n var _arr = [];\n _u._$forEach(\n _list,function(_item){\n var _id = _item.id,\n _prefix = _c._$get('portrait')+_id+'/'+_id+'-',\n _total = Math.ceil(_item.total/_limit[_item.size]);\n for(var i=0;i<_total;i++){\n _arr.push('.'+_seed_css+' .js-'+_id+'-'+(i+1)+' .zitm{background-image:url('+_prefix+i+'.png);}');\n }\n }\n );\n _e._$addStyle(_arr.join(''));\n };\n return function(_options){\n var _list = this.__cache.\n _$getListInCache(_options.key);\n _doInit(_list);\n _t5._$render(\n this.__tbox,this.__seed_list,{\n xlist:_list\n }\n );\n this.__gopt.total = Math.ceil(_list.length/this.__gopt.limit);\n this.__pager = _t3._$$PageSimple._$allocate(this.__gopt);\n this.__bopt.list = _e._$getChildren(this.__tbox);\n this.__taber = _t2._$$Tab._$allocate(this.__bopt);\n };\n })();\n /**\n * 分类变化事件\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__onTypeChange\n * @param {Object} arg0 - 分类信息\n * @return {Void}\n */\n _pro.__onTypeChange = function(_event){\n if (!!this.__portrait){\n this.__portrait._$recycle();\n }\n var _cache = this.__popt.cache,\n _item = this.__cache._$getItemInCache(_event.data);\n this.__popt.size = _item.size;\n this.__popt.page = 'js-'+_item.id+'-';\n _cache.lkey = 'portrait-'+_item.id;\n _cache.data.type = _item.id;\n this.__portrait = _i0._$$Portrait._$allocate(this.__popt);\n };\n /**\n * 分类页码变化事件\n *\n * @protected\n * @method module:ui/portrait/complex._$$ComplexPortrait#__onPageChange\n * @param {Object} arg0 - 页码信息\n * @return {Void}\n */\n _pro.__onPageChange = function(_event){\n var _offset = 0;\n if (!!this.__taber){\n var _list = this.__taber._$getList(),\n _index = (_event.index-1)*this.__gopt.limit,\n _offset = Math.max(0,_list[_index].offsetTop-2);\n this.__taber._$go(_index);\n }\n _e._$setStyle(this.__tbox,'top',0-_offset+'px');\n };\n\n if (CMPT){\n NEJ.copy(NEJ.P('nej.ui'),_p);\n }\n\n return _p;\n});"
},
{
"path": "src/ui/portrait/demo/complex.html",
"content": "\n\n \n test complex portrait \n test simple portrait \n {width:310px;padding:5px;background:#e5e5e1;border:1px solid #888;}\n.# .zlst{position:relative;height:190px;}\n.# .zlst .zitm{display:block;float:left;margin:-1px 0 0 -1px;text-indent:200px;overflow:hidden;border:1px solid #e5e5e1;cursor:pointer;background:no-repeat;}\n.# .zlst .zitm:hover{position:relative;border-color:#000;zoom:1;}\n.# .zlst .z30{width:30px;height:30px;line-height:30px;}\n.# .zlst .z60{width:61px;height:60px;line-height:60px;}\n#\n.# .zpbx{padding:5px 0 1px;text-align:right;}\n.# .zpager .zbtn,.# .zpager .zpgi{border:0;margin:0;}\n.# .zpager .zpgi{display:none;}\n.# .zpager .js-disabled{color:#777;}\n.# .js-prev{position:absolute;top:0;left:0;background:#fff no-repeat center center;border:1px solid #888;}\n.# .js-prev-30{width:60px;height:60px;}\n.# .js-prev-30 img{display:none;}"
},
{
"path": "src/ui/portrait/portrait.html",
"content": "