@oxiaom/adoremix-linux-arm 1.0.0

package/native/etc/docroot/bangzhu/js/mui.zoom.js

@@ -0,0 +1,322 @@
+(function($, window) {
+	var CLASS_ZOOM = $.className('zoom');
+	var CLASS_ZOOM_SCROLLER = $.className('zoom-scroller');
+
+	var SELECTOR_ZOOM = '.' + CLASS_ZOOM;
+	var SELECTOR_ZOOM_SCROLLER = '.' + CLASS_ZOOM_SCROLLER;
+
+	var EVENT_PINCH_START = 'pinchstart';
+	var EVENT_PINCH = 'pinch';
+	var EVENT_PINCH_END = 'pinchend';
+	if ('ongesturestart' in window) {
+		EVENT_PINCH_START = 'gesturestart';
+		EVENT_PINCH = 'gesturechange';
+		EVENT_PINCH_END = 'gestureend';
+	}
+	$.Zoom = function(element, options) {
+		var zoom = this;
+
+		zoom.options = $.extend($.Zoom.defaults, options);
+
+		zoom.wrapper = zoom.element = element;
+		zoom.scroller = element.querySelector(SELECTOR_ZOOM_SCROLLER);
+		zoom.scrollerStyle = zoom.scroller && zoom.scroller.style;
+
+		zoom.zoomer = element.querySelector(SELECTOR_ZOOM);
+		zoom.zoomerStyle = zoom.zoomer && zoom.zoomer.style;
+
+		zoom.init = function() {
+			//自动启用
+			$.options.gestureConfig.pinch = true;
+			$.options.gestureConfig.doubletap = true;
+			zoom.initEvents();
+		};
+
+		zoom.initEvents = function(detach) {
+			var action = detach ? 'removeEventListener' : 'addEventListener';
+			var target = zoom.scroller;
+
+			target[action](EVENT_PINCH_START, zoom.onPinchstart);
+			target[action](EVENT_PINCH, zoom.onPinch);
+			target[action](EVENT_PINCH_END, zoom.onPinchend);
+
+			target[action]($.EVENT_START, zoom.onTouchstart);
+			target[action]($.EVENT_MOVE, zoom.onTouchMove);
+			target[action]($.EVENT_CANCEL, zoom.onTouchEnd);
+			target[action]($.EVENT_END, zoom.onTouchEnd);
+
+			target[action]('drag', zoom.dragEvent);
+			target[action]('doubletap', zoom.doubleTapEvent);
+		};
+		zoom.dragEvent = function(e) {
+			if (imageIsMoved || isGesturing) {
+				e.stopPropagation();
+			}
+		};
+		zoom.doubleTapEvent = function(e) {
+			zoom.toggleZoom(e.detail.center);
+		};
+		zoom.transition = function(style, time) {
+			time = time || 0;
+			style['webkitTransitionDuration'] = time + 'ms';
+			return zoom;
+		};
+		zoom.translate = function(style, x, y) {
+			x = x || 0;
+			y = y || 0;
+			style['webkitTransform'] = 'translate3d(' + x + 'px,' + y + 'px,0px)';
+			return zoom;
+		};
+		zoom.scale = function(style, scale) {
+			scale = scale || 1;
+			style['webkitTransform'] = 'translate3d(0,0,0) scale(' + scale + ')';
+			return zoom;
+		};
+		zoom.scrollerTransition = function(time) {
+			return zoom.transition(zoom.scrollerStyle, time);
+		};
+		zoom.scrollerTransform = function(x, y) {
+			return zoom.translate(zoom.scrollerStyle, x, y);
+		};
+		zoom.zoomerTransition = function(time) {
+			return zoom.transition(zoom.zoomerStyle, time);
+		};
+		zoom.zoomerTransform = function(scale) {
+			return zoom.scale(zoom.zoomerStyle, scale);
+		};
+
+		// Gestures
+		var scale = 1,
+			currentScale = 1,
+			isScaling = false,
+			isGesturing = false;
+		zoom.onPinchstart = function(e) {
+			isGesturing = true;
+		};
+		zoom.onPinch = function(e) {
+			if (!isScaling) {
+				zoom.zoomerTransition(0);
+				isScaling = true;
+			}
+			scale = (e.detail ? e.detail.scale : e.scale) * currentScale;
+			if (scale > zoom.options.maxZoom) {
+				scale = zoom.options.maxZoom - 1 + Math.pow((scale - zoom.options.maxZoom + 1), 0.5);
+			}
+			if (scale < zoom.options.minZoom) {
+				scale = zoom.options.minZoom + 1 - Math.pow((zoom.options.minZoom - scale + 1), 0.5);
+			}
+			zoom.zoomerTransform(scale);
+		};
+		zoom.onPinchend = function(e) {
+			scale = Math.max(Math.min(scale, zoom.options.maxZoom), zoom.options.minZoom);
+			zoom.zoomerTransition(zoom.options.speed).zoomerTransform(scale);
+			currentScale = scale;
+			isScaling = false;
+		};
+		zoom.setZoom = function(newScale) {
+			scale = currentScale = newScale;
+			zoom.scrollerTransition(zoom.options.speed).scrollerTransform(0, 0);
+			zoom.zoomerTransition(zoom.options.speed).zoomerTransform(scale);
+		};
+		zoom.toggleZoom = function(position, speed) {
+			if (typeof position === 'number') {
+				speed = position;
+				position = undefined;
+			}
+			speed = typeof speed === 'undefined' ? zoom.options.speed : speed;
+			if (scale && scale !== 1) {
+				scale = currentScale = 1;
+				zoom.scrollerTransition(speed).scrollerTransform(0, 0);
+			} else {
+				scale = currentScale = zoom.options.maxZoom;
+				if (position) {
+					var offset = $.offset(zoom.zoomer);
+					var top = offset.top;
+					var left = offset.left;
+					var offsetX = (position.x - left) * scale;
+					var offsetY = (position.y - top) * scale;
+					this._cal();
+					if (offsetX >= imageMaxX && offsetX <= (imageMaxX + wrapperWidth)) { //center
+						offsetX = imageMaxX - offsetX + wrapperWidth / 2;
+					} else if (offsetX < imageMaxX) { //left
+						offsetX = imageMaxX - offsetX + wrapperWidth / 2;
+					} else if (offsetX > (imageMaxX + wrapperWidth)) { //right
+						offsetX = imageMaxX + wrapperWidth - offsetX - wrapperWidth / 2;
+					}
+					if (offsetY >= imageMaxY && offsetY <= (imageMaxY + wrapperHeight)) { //middle
+						offsetY = imageMaxY - offsetY + wrapperHeight / 2;
+					} else if (offsetY < imageMaxY) { //top
+						offsetY = imageMaxY - offsetY + wrapperHeight / 2;
+					} else if (offsetY > (imageMaxY + wrapperHeight)) { //bottom
+						offsetY = imageMaxY + wrapperHeight - offsetY - wrapperHeight / 2;
+					}
+					offsetX = Math.min(Math.max(offsetX, imageMinX), imageMaxX);
+					offsetY = Math.min(Math.max(offsetY, imageMinY), imageMaxY);
+					zoom.scrollerTransition(speed).scrollerTransform(offsetX, offsetY);
+				} else {
+					zoom.scrollerTransition(speed).scrollerTransform(0, 0);
+				}
+			}
+			zoom.zoomerTransition(speed).zoomerTransform(scale);
+		};
+
+		zoom._cal = function() {
+			wrapperWidth = zoom.wrapper.offsetWidth;
+			wrapperHeight = zoom.wrapper.offsetHeight;
+			imageWidth = zoom.zoomer.offsetWidth;
+			imageHeight = zoom.zoomer.offsetHeight;
+			var scaledWidth = imageWidth * scale;
+			var scaledHeight = imageHeight * scale;
+			imageMinX = Math.min((wrapperWidth / 2 - scaledWidth / 2), 0);
+			imageMaxX = -imageMinX;
+			imageMinY = Math.min((wrapperHeight / 2 - scaledHeight / 2), 0);
+			imageMaxY = -imageMinY;
+		};
+
+		var wrapperWidth, wrapperHeight, imageIsTouched, imageIsMoved, imageCurrentX, imageCurrentY, imageMinX, imageMinY, imageMaxX, imageMaxY, imageWidth, imageHeight, imageTouchesStart = {},
+			imageTouchesCurrent = {},
+			imageStartX, imageStartY, velocityPrevPositionX, velocityPrevTime, velocityX, velocityPrevPositionY, velocityY;
+
+		zoom.onTouchstart = function(e) {
+			e.preventDefault();
+			imageIsTouched = true;
+			imageTouchesStart.x = e.type === $.EVENT_START ? e.targetTouches[0].pageX : e.pageX;
+			imageTouchesStart.y = e.type === $.EVENT_START ? e.targetTouches[0].pageY : e.pageY;
+		};
+		zoom.onTouchMove = function(e) {
+			e.preventDefault();
+			if (!imageIsTouched) return;
+			if (!imageIsMoved) {
+				wrapperWidth = zoom.wrapper.offsetWidth;
+				wrapperHeight = zoom.wrapper.offsetHeight;
+				imageWidth = zoom.zoomer.offsetWidth;
+				imageHeight = zoom.zoomer.offsetHeight;
+				var translate = $.parseTranslateMatrix($.getStyles(zoom.scroller, 'webkitTransform'));
+				imageStartX = translate.x || 0;
+				imageStartY = translate.y || 0;
+				zoom.scrollerTransition(0);
+			}
+			var scaledWidth = imageWidth * scale;
+			var scaledHeight = imageHeight * scale;
+
+			if (scaledWidth < wrapperWidth && scaledHeight < wrapperHeight) return;
+
+			imageMinX = Math.min((wrapperWidth / 2 - scaledWidth / 2), 0);
+			imageMaxX = -imageMinX;
+			imageMinY = Math.min((wrapperHeight / 2 - scaledHeight / 2), 0);
+			imageMaxY = -imageMinY;
+
+			imageTouchesCurrent.x = e.type === $.EVENT_MOVE ? e.targetTouches[0].pageX : e.pageX;
+			imageTouchesCurrent.y = e.type === $.EVENT_MOVE ? e.targetTouches[0].pageY : e.pageY;
+
+			if (!imageIsMoved && !isScaling) {
+				//				if (Math.abs(imageTouchesCurrent.y - imageTouchesStart.y) < Math.abs(imageTouchesCurrent.x - imageTouchesStart.x)) {
+				//TODO 此处需要优化，当遇到长图，需要上下滚动时，下列判断会导致滚动不流畅
+				if (
+					(Math.floor(imageMinX) === Math.floor(imageStartX) && imageTouchesCurrent.x < imageTouchesStart.x) ||
+					(Math.floor(imageMaxX) === Math.floor(imageStartX) && imageTouchesCurrent.x > imageTouchesStart.x)
+				) {
+					imageIsTouched = false;
+					return;
+				}
+				//				}
+			}
+			imageIsMoved = true;
+			imageCurrentX = imageTouchesCurrent.x - imageTouchesStart.x + imageStartX;
+			imageCurrentY = imageTouchesCurrent.y - imageTouchesStart.y + imageStartY;
+
+			if (imageCurrentX < imageMinX) {
+				imageCurrentX = imageMinX + 1 - Math.pow((imageMinX - imageCurrentX + 1), 0.8);
+			}
+			if (imageCurrentX > imageMaxX) {
+				imageCurrentX = imageMaxX - 1 + Math.pow((imageCurrentX - imageMaxX + 1), 0.8);
+			}
+
+			if (imageCurrentY < imageMinY) {
+				imageCurrentY = imageMinY + 1 - Math.pow((imageMinY - imageCurrentY + 1), 0.8);
+			}
+			if (imageCurrentY > imageMaxY) {
+				imageCurrentY = imageMaxY - 1 + Math.pow((imageCurrentY - imageMaxY + 1), 0.8);
+			}
+
+			//Velocity
+			if (!velocityPrevPositionX) velocityPrevPositionX = imageTouchesCurrent.x;
+			if (!velocityPrevPositionY) velocityPrevPositionY = imageTouchesCurrent.y;
+			if (!velocityPrevTime) velocityPrevTime = $.now();
+			velocityX = (imageTouchesCurrent.x - velocityPrevPositionX) / ($.now() - velocityPrevTime) / 2;
+			velocityY = (imageTouchesCurrent.y - velocityPrevPositionY) / ($.now() - velocityPrevTime) / 2;
+			if (Math.abs(imageTouchesCurrent.x - velocityPrevPositionX) < 2) velocityX = 0;
+			if (Math.abs(imageTouchesCurrent.y - velocityPrevPositionY) < 2) velocityY = 0;
+			velocityPrevPositionX = imageTouchesCurrent.x;
+			velocityPrevPositionY = imageTouchesCurrent.y;
+			velocityPrevTime = $.now();
+
+			zoom.scrollerTransform(imageCurrentX, imageCurrentY);
+		};
+		zoom.onTouchEnd = function(e) {
+			if (!e.touches.length) {
+				isGesturing = false;
+			}
+			if (!imageIsTouched || !imageIsMoved) {
+				imageIsTouched = false;
+				imageIsMoved = false;
+				return;
+			}
+			imageIsTouched = false;
+			imageIsMoved = false;
+			var momentumDurationX = 300;
+			var momentumDurationY = 300;
+			var momentumDistanceX = velocityX * momentumDurationX;
+			var newPositionX = imageCurrentX + momentumDistanceX;
+			var momentumDistanceY = velocityY * momentumDurationY;
+			var newPositionY = imageCurrentY + momentumDistanceY;
+
+			if (velocityX !== 0) momentumDurationX = Math.abs((newPositionX - imageCurrentX) / velocityX);
+			if (velocityY !== 0) momentumDurationY = Math.abs((newPositionY - imageCurrentY) / velocityY);
+			var momentumDuration = Math.max(momentumDurationX, momentumDurationY);
+
+			imageCurrentX = newPositionX;
+			imageCurrentY = newPositionY;
+
+			var scaledWidth = imageWidth * scale;
+			var scaledHeight = imageHeight * scale;
+			imageMinX = Math.min((wrapperWidth / 2 - scaledWidth / 2), 0);
+			imageMaxX = -imageMinX;
+			imageMinY = Math.min((wrapperHeight / 2 - scaledHeight / 2), 0);
+			imageMaxY = -imageMinY;
+			imageCurrentX = Math.max(Math.min(imageCurrentX, imageMaxX), imageMinX);
+			imageCurrentY = Math.max(Math.min(imageCurrentY, imageMaxY), imageMinY);
+
+			zoom.scrollerTransition(momentumDuration).scrollerTransform(imageCurrentX, imageCurrentY);
+		};
+		zoom.destroy = function() {
+			zoom.initEvents(true); //detach
+			delete $.data[zoom.wrapper.getAttribute('data-zoomer')];
+			zoom.wrapper.setAttribute('data-zoomer', '');
+		}
+		zoom.init();
+		return zoom;
+	};
+	$.Zoom.defaults = {
+		speed: 300,
+		maxZoom: 3,
+		minZoom: 1,
+	};
+	$.fn.zoom = function(options) {
+		var zoomApis = [];
+		this.each(function() {
+			var zoomApi = null;
+			var self = this;
+			var id = self.getAttribute('data-zoomer');
+			if (!id) {
+				id = ++$.uuid;
+				$.data[id] = zoomApi = new $.Zoom(self, options);
+				self.setAttribute('data-zoomer', id);
+			} else {
+				zoomApi = $.data[id];
+			}
+			zoomApis.push(zoomApi);
+		});
+		return zoomApis.length === 1 ? zoomApis[0] : zoomApis;
+	};
+})(mui, window);

package/native/etc/docroot/bangzhu/js/update.js

@@ -0,0 +1,45 @@
+/**
+ * 5+ App客户端升级参考：http://ask.dcloud.net.cn/article/431
+ * 服务端升级逻辑参考：https://ext.dcloud.net.cn/plugin?id=2226
+ * 
+ * 检查升级返回值为JSON格式，如下：
+ * 
+ * 需升级
+ {
+	"isUpdate":true,
+	"version": "2.6.0",
+	"title": "Hello MUI版本更新",
+	"note": "修复“选项卡+下拉刷新”示例中，某个选项卡滚动到底时，会触发所有选项卡上拉加载事件的bug；\n修复Android4.4.4版本部分手机上，软键盘弹出时影响图片轮播组件，导致自动轮播停止的bug；",
+	"url": "http://www.dcloud.io/hellomui/HelloMUI.apk"
+}
+*
+* 无需升级
+{
+  "isUpdate":false
+}
+*
+*/
+
+//服务端检查更新地址，这里是 uniCloud 实现示例，开发者可替换为自己的地址
+var server = "https://7a3e3fa9-7820-41d0-be80-11927ac2026c.bspapp.com/http/update"; 
+
+function update() {
+	mui.getJSON(server, {
+		"appid": plus.runtime.appid,
+		"version": plus.runtime.version,
+		"imei": plus.device.imei
+	}, function(data) {
+		if (data.isUpdate) {
+			plus.nativeUI.confirm(data.note, function(event) {
+				if (0 == event.index) {
+					plus.runtime.openURL(data.url);
+				}
+			}, data.title, ["立即更新", "取　　消"]);
+		}
+	});
+}
+
+// 真机运行不需要检查更新，真机运行时appid固定为'HBuilder'，这是调试基座的appid
+if(plus.runtime.appid !== 'HBuilder' && mui.os.plus && !mui.os.stream ){
+  mui.plusReady(update);
+} 

package/native/etc/docroot/bangzhu/js/webviewGroup.js

@@ -0,0 +1,286 @@
+var webviewGroup = function(id, options) {
+	this.id = id;
+	this.options = options;
+	this.styles = options.styles;
+	this.items = options.items;
+	this.onChange = options.onChange
+
+	this.options.index = options.index || 0;
+
+	this.webviews = {};
+	this.webviewContexts = {};
+	this.currentWebview = false;
+	this._init();
+};
+
+var proto = webviewGroup.prototype;
+
+proto._init = function() {
+	this._initParent();
+	this._initNativeView();
+	this._initWebviewContexts(this.options.index);
+};
+proto._initParent = function() {
+	this.parent = plus.webview.getWebviewById(this.id);
+	if(!this.parent) {
+		this.parent = plus.webview.create(this.id, this.id);
+		this.parent.show('none');
+	}
+};
+proto._initNativeView = function() {
+	// fixed by wmy 因为沉浸式应用，需要额外加上状态栏高度
+	var statusbar_H = plus.navigator.getStatusbarHeight(); 
+	this.nativeView = new plus.nativeObj.View('__MUI_TAB_NATIVE', {
+		'top': (83 + statusbar_H) +'px', //这个需要根据顶部导航及顶部选项卡高度自动调整
+		'height': (window.screen.height - 83)+"px",
+		'left': '100%',
+		'width': '100%',
+		"backgroundColor":"#ffffff"
+	});
+	this.nativeView.show();
+};
+proto._initWebviewContexts = function() {
+	for(var len = this.items.length, i = len - 1; i >= 0; i--) {
+		var webviewOptions = this.items[i];
+		var id = webviewOptions.id;
+		var isFirst = i === 0;
+		var isLast = i === (len - 1);
+		var isCurrent = this.options.index === i;
+		var extras = webviewOptions.extras;
+		extras.__mui_url = webviewOptions.url;
+		extras.__mui_index = i;
+
+		extras.__mui_left = isFirst ? '' : this.items[i - 1].id;
+		extras.__mui_right = isLast ? '' : this.items[i + 1].id;
+
+		var styles = webviewOptions.styles || {};
+
+		if(i > this.options.index) {
+			styles.left = '100%';
+		} else if(i < this.options.index) {
+			styles.left = '-100%';
+		} else {
+			styles.left = '0';
+		}
+		var webviewContext = new webviewGroupContext(id, webviewOptions, this);
+		this.webviewContexts[id] = webviewContext;
+		if(isCurrent) {
+			webviewContext.webview = plus.webview.getWebviewById(id);
+			webviewContext.createWebview();
+			webviewContext.webview.show("none");
+			this._initDrags(webviewContext.webview);
+			this.currentWebview = webviewContext.webview;
+		}
+	}
+};
+proto._onChange = function(webview) {
+	this.currentWebview = webview;
+	this.onChange({
+		index: webview.__mui_index
+	});
+};
+proto._dragCallback = function(dir, fromWebview, view, viewId) {
+	if(view === this.nativeView) { //需要创建webview
+		//第一步:初始化目标webview
+		this.webviewContexts[viewId].createWebview('drag');
+		var targetWebview = this.webviewContexts[viewId].webview;
+		targetWebview.show();
+		this.nativeView.setStyle({
+			left: '100%'
+		});
+		//第二步:初始化目标webview的drag
+		this._initDrags(targetWebview);
+		this._onChange(targetWebview);
+		//第三步:校验目标webview的左右webview的drag初始化
+		this._checkDrags(targetWebview);
+	} else {
+		this._onChange(view);
+	}
+};
+
+proto._initDrag = function(webview, dir) {
+	var flag = ('__mui_drag_' + dir + '_flag');
+	if(webview[flag]) {
+		return;
+	}
+	var viewId = webview['__mui_' + (dir === 'left' ? 'right' : 'left')];
+	if(viewId) {
+		var view = plus.webview.getWebviewById(viewId);
+		if(!view) { //如果目标webview不存在,使用nativeView替换
+			view = this.nativeView;
+		} else {
+			webview[flag] = true;
+		}
+		webview.drag({
+				'direction': dir,
+				'moveMode': 'followFinger'
+			}, {
+				'view': view,
+				'moveMode': 'follow'
+			},
+			function(res) {
+				if(res.type === 'end' && res.result) { //拖拽完成
+					this._dragCallback(dir, webview, view, viewId);
+				}
+			}.bind(this)
+		)
+	} else {
+		webview[flag] = true;
+	}
+};
+proto._initDrags = function(webview) {
+	this._initDrag(webview, 'left');
+	this._initDrag(webview, 'right');
+};
+proto._checkDrags = function(webview) {
+	var left = webview.__mui_left;
+	var right = webview.__mui_right;
+	if(left) {
+		var leftWebview = plus.webview.getWebviewById(left);
+		if(leftWebview && !leftWebview.__mui_drag_left_flag) {
+			this._initDrag(leftWebview, 'left');
+		}
+	}
+	if(right) {
+		var rightWebview = plus.webview.getWebviewById(right);
+		if(rightWebview && !rightWebview.__mui_drag_right_flag) {
+			this._initDrag(rightWebview, 'right');
+		}
+	}
+};
+proto.getCurrentWebview = function() {
+	return this.currentWebview;
+};
+proto.getCurrentWebviewContext = function() {
+	if(this.currentWebview) {
+		return this.webviewContexts[this.currentWebview.id];
+	}
+	return false;
+};
+proto.switchTab = function(id) {
+	id = id.replace('_0', ''); //首页需要替换为appid
+	var fromWebview = this.currentWebview;
+	if(id === fromWebview.id) {
+		return;
+	}
+	var toWebviewContext = this.webviewContexts[id];
+	var toWebview = toWebviewContext.webview;
+	var fromToLeft = '100%';
+	var toFromLeft = '-100%';
+	if(toWebviewContext.options.extras.__mui_index > fromWebview.__mui_index) {
+		fromToLeft = '-100%';
+		toFromLeft = '100%';
+	}
+	var isNew = false;
+	if(!toWebview) {
+		isNew = true;
+		toWebviewContext.createWebview('startAnimation');
+		toWebview = toWebviewContext.webview;
+		//					toWebview.showBehind(plus.webview.getSecondWebview());
+		toWebview.show();
+		this._initDrags(toWebview);
+		this._checkDrags(toWebview); //新建的时候均需校验
+	}
+	var self = this;
+//	console.log("current:" + fromWebview.id + ",to:" + fromToLeft);
+//	console.log("next:" + toWebview.id + ",from:" + toFromLeft);
+
+	plus.webview.startAnimation({
+			'view': fromWebview,
+			'styles': {
+				'fromLeft': '0',
+				'toLeft': fromToLeft
+			},
+			'action': 'show'
+		}, {
+			'view': toWebview,
+			'styles': {
+				'fromLeft': toFromLeft,
+				'toLeft': '0'
+			},
+			'action': 'show'
+		},
+		function(e) {
+			//console.log("startAnimation callback...");
+			if(e.id === toWebview.id) {
+				isNew && plus.nativeUI.showWaiting();
+				this.currentWebview = toWebview;
+				this.onChange({
+					index: toWebview.__mui_index
+				});
+			}
+		}.bind(this)
+	)
+};
+
+/**
+ * @param {Object} id
+ * @param {Object} webviewOptions
+ */
+var webviewGroupContext = function(id, webviewOptions, groupContext) {
+	this.id = id;
+	this.url = webviewOptions.url;
+	this.options = webviewOptions;
+	this.groupContext = groupContext;
+
+	this.webview = false;
+	this.inited = false;
+};
+
+var _proto = webviewGroupContext.prototype;
+
+_proto.createWebview = function(from) {
+	var options = this.options;
+	options.styles = options.styles || {
+		top: "83px",
+		bottom: "0px",
+		render: "always"
+	};
+	options.styles.popGesture = 'none';
+	if(this.webview) {
+		this.webview.setStyle(options.styles);
+		for(var key in options.extras) {
+			this.webview[key] = options.extras[key];
+		}
+	} else {
+		options.styles.left = '100%';
+		if(from !== 'startAnimation') {
+			options.styles.left = '0';
+			plus.nativeUI.showWaiting();
+		}
+		this.webview = plus.webview.create(this.url, this.id, options.styles, options.extras);
+		//append进去，避免返回时闪屏
+		plus.webview.currentWebview().append(this.webview);
+	}
+	this._initWebview();
+	this.inited = true;
+};
+_proto._initWebview = function() {
+	var options = this.options;
+	if(!this.webview) {
+		return;
+	}
+	this.webview.addEventListener('rendering', function() {
+		setTimeout(function() {
+			plus.nativeUI.closeWaiting();
+		}, 500);
+	});
+	if(options.pullToRefresh && options.pullToRefresh.support && support.pullToRefresh()) {
+		var callback = options.pullToRefresh.callback;
+		this.webview.setPullToRefresh(options.pullToRefresh, function() {
+			if(callback) { //如果指定了下拉回调
+				callback(this.webview);
+			} else { //下拉刷新回调，默认reload当前页面
+				var self = this;
+				var titleUpdate = function() {
+					setTimeout(function() {
+						self.webview.endPullToRefresh();
+					}.bind(this), 1000);
+					self.webview.removeEventListener('titleUpdate', titleUpdate);
+				};
+				this.webview.addEventListener('titleUpdate', titleUpdate);
+				this.webview.reload();
+			}
+		}.bind(this));
+	}
+};