@oxiaom/adoremix-linux-arm 1.0.0

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

@@ -0,0 +1,389 @@
+/**
+ * 选择列表插件
+ * varstion 2.0.0
+ * by Houfeng
+ * Houfeng@DCloud.io
+ */
+
+(function($, window, document, undefined) {
+
+	var MAX_EXCEED = 30;
+	var VISIBLE_RANGE = 90;
+	var DEFAULT_ITEM_HEIGHT = 40;
+	var BLUR_WIDTH = 10;
+
+	var rad2deg = $.rad2deg = function(rad) {
+		return rad / (Math.PI / 180);
+	};
+
+	var deg2rad = $.deg2rad = function(deg) {
+		return deg * (Math.PI / 180);
+	};
+
+	var platform = navigator.platform.toLowerCase();
+	var userAgent = navigator.userAgent.toLowerCase();
+	var isIos = (userAgent.indexOf('iphone') > -1 ||
+			userAgent.indexOf('ipad') > -1 ||
+			userAgent.indexOf('ipod') > -1) &&
+		(platform.indexOf('iphone') > -1 ||
+			platform.indexOf('ipad') > -1 ||
+			platform.indexOf('ipod') > -1);
+	//alert(isIos);
+
+	var Picker = $.Picker = function(holder, options) {
+		var self = this;
+		self.holder = holder;
+		self.options = options || {};
+		self.init();
+		self.initInertiaParams();
+		self.calcElementItemPostion(true);
+		self.bindEvent();
+	};
+
+	Picker.prototype.findElementItems = function() {
+		var self = this;
+		self.elementItems = [].slice.call(self.holder.querySelectorAll('li'));
+		return self.elementItems;
+	};
+
+	Picker.prototype.init = function() {
+		var self = this;
+		self.list = self.holder.querySelector('ul');
+		self.findElementItems();
+		self.height = self.holder.offsetHeight;
+		self.r = self.height / 2 - BLUR_WIDTH;
+		self.d = self.r * 2;
+		self.itemHeight = self.elementItems.length > 0 ? self.elementItems[0].offsetHeight : DEFAULT_ITEM_HEIGHT;
+		self.itemAngle = parseInt(self.calcAngle(self.itemHeight * 0.8));
+		self.hightlightRange = self.itemAngle / 2;
+		self.visibleRange = VISIBLE_RANGE;
+		self.beginAngle = 0;
+		self.beginExceed = self.beginAngle - MAX_EXCEED;
+		self.list.angle = self.beginAngle;
+		if (isIos) {
+			self.list.style.webkitTransformOrigin = "center center " + self.r + "px";
+		}
+	};
+
+	Picker.prototype.calcElementItemPostion = function(andGenerateItms) {
+		var self = this;
+		if (andGenerateItms) {
+			self.items = [];
+		}
+		self.elementItems.forEach(function(item) {
+			var index = self.elementItems.indexOf(item);
+			self.endAngle = self.itemAngle * index;
+			item.angle = self.endAngle;
+			item.style.webkitTransformOrigin = "center center -" + self.r + "px";
+			item.style.webkitTransform = "translateZ(" + self.r + "px) rotateX(" + (-self.endAngle) + "deg)";
+			if (andGenerateItms) {
+				var dataItem = {};
+				dataItem.text = item.innerHTML || '';
+				dataItem.value = item.getAttribute('data-value') || dataItem.text;
+				self.items.push(dataItem);
+			}
+		});
+		self.endExceed = self.endAngle + MAX_EXCEED;
+		self.calcElementItemVisibility(self.beginAngle);
+	};
+
+	Picker.prototype.calcAngle = function(c) {
+		var self = this;
+		var a = b = parseFloat(self.r);
+		//直径的整倍数部分直接乘以 180
+		c = Math.abs(c); //只算角度不关心正否值
+		var intDeg = parseInt(c / self.d) * 180;
+		c = c % self.d;
+		//余弦
+		var cosC = (a * a + b * b - c * c) / (2 * a * b);
+		var angleC = intDeg + rad2deg(Math.acos(cosC));
+		return angleC;
+	};
+
+	Picker.prototype.calcElementItemVisibility = function(angle) {
+		var self = this;
+		self.elementItems.forEach(function(item) {
+			var difference = Math.abs(item.angle - angle);
+			if (difference < self.hightlightRange) {
+				item.classList.add('highlight');
+			} else if (difference < self.visibleRange) {
+				item.classList.add('visible');
+				item.classList.remove('highlight');
+			} else {
+				item.classList.remove('highlight');
+				item.classList.remove('visible');
+			}
+		});
+	};
+
+	Picker.prototype.setAngle = function(angle) {
+		var self = this;
+		self.list.angle = angle;
+		self.list.style.webkitTransform = "perspective(1000px) rotateY(0deg) rotateX(" + angle + "deg)";
+		self.calcElementItemVisibility(angle);
+	};
+
+	Picker.prototype.bindEvent = function() {
+		var self = this;
+		var lastAngle = 0;
+		var startY = null;
+		var isPicking = false;
+		self.holder.addEventListener($.EVENT_START, function(event) {
+			isPicking = true;
+			event.preventDefault();
+			self.list.style.webkitTransition = '';
+			startY = (event.changedTouches ? event.changedTouches[0] : event).pageY;
+			lastAngle = self.list.angle;
+			self.updateInertiaParams(event, true);
+		}, false);
+		self.holder.addEventListener($.EVENT_END, function(event) {
+			isPicking = false;
+			event.preventDefault();
+			self.startInertiaScroll(event);
+		}, false);
+		self.holder.addEventListener($.EVENT_CANCEL, function(event) {
+			isPicking = false;
+			event.preventDefault();
+			self.startInertiaScroll(event);
+		}, false);
+		self.holder.addEventListener($.EVENT_MOVE, function(event) {
+			if (!isPicking) {
+				return;
+			}
+			event.preventDefault();
+			var endY = (event.changedTouches ? event.changedTouches[0] : event).pageY;
+			var dragRange = endY - startY;
+			var dragAngle = self.calcAngle(dragRange);
+			var newAngle = dragRange > 0 ? lastAngle - dragAngle : lastAngle + dragAngle;
+			if (newAngle > self.endExceed) {
+				newAngle = self.endExceed
+			}
+			if (newAngle < self.beginExceed) {
+				newAngle = self.beginExceed
+			}
+			self.setAngle(newAngle);
+			self.updateInertiaParams(event);
+		}, false);
+		//--
+		self.list.addEventListener('tap', function(event) {
+			elementItem = event.target;
+			if (elementItem.tagName == 'LI') {
+				self.setSelectedIndex(self.elementItems.indexOf(elementItem), 200);
+			}
+		}, false);
+	};
+
+	Picker.prototype.initInertiaParams = function() {
+		var self = this;
+		self.lastMoveTime = 0;
+		self.lastMoveStart = 0;
+		self.stopInertiaMove = false;
+	};
+
+	Picker.prototype.updateInertiaParams = function(event, isStart) {
+		var self = this;
+		var point = event.changedTouches ? event.changedTouches[0] : event;
+		if (isStart) {
+			self.lastMoveStart = point.pageY;
+			self.lastMoveTime = event.timeStamp || Date.now();
+			self.startAngle = self.list.angle;
+		} else {
+			var nowTime = event.timeStamp || Date.now();
+			if (nowTime - self.lastMoveTime > 300) {
+				self.lastMoveTime = nowTime;
+				self.lastMoveStart = point.pageY;
+			}
+		}
+		self.stopInertiaMove = true;
+	};
+
+	Picker.prototype.startInertiaScroll = function(event) {
+		var self = this;
+		var point = event.changedTouches ? event.changedTouches[0] : event;
+		/** 
+		 * 缓动代码
+		 */
+		var nowTime = event.timeStamp || Date.now();
+		var v = (point.pageY - self.lastMoveStart) / (nowTime - self.lastMoveTime); //最后一段时间手指划动速度  
+		var dir = v > 0 ? -1 : 1; //加速度方向  
+		var deceleration = dir * 0.0006 * -1;
+		var duration = Math.abs(v / deceleration); // 速度消减至0所需时间  
+		var dist = v * duration / 2; //最终移动多少 
+		var startAngle = self.list.angle;
+		var distAngle = self.calcAngle(dist) * dir;
+		//----
+		var srcDistAngle = distAngle;
+		if (startAngle + distAngle < self.beginExceed) {
+			distAngle = self.beginExceed - startAngle;
+			duration = duration * (distAngle / srcDistAngle) * 0.6;
+		}
+		if (startAngle + distAngle > self.endExceed) {
+			distAngle = self.endExceed - startAngle;
+			duration = duration * (distAngle / srcDistAngle) * 0.6;
+		}
+		//----
+		if (distAngle == 0) {
+			self.endScroll();
+			return;
+		}
+		self.scrollDistAngle(nowTime, startAngle, distAngle, duration);
+	};
+
+	Picker.prototype.scrollDistAngle = function(nowTime, startAngle, distAngle, duration) {
+		var self = this;
+		self.stopInertiaMove = false;
+		(function(nowTime, startAngle, distAngle, duration) {
+			var frameInterval = 13;
+			var stepCount = duration / frameInterval;
+			var stepIndex = 0;
+			(function inertiaMove() {
+				if (self.stopInertiaMove) return;
+				var newAngle = self.quartEaseOut(stepIndex, startAngle, distAngle, stepCount);
+				self.setAngle(newAngle);
+				stepIndex++;
+				if (stepIndex > stepCount - 1 || newAngle < self.beginExceed || newAngle > self.endExceed) {
+					self.endScroll();
+					return;
+				}
+				setTimeout(inertiaMove, frameInterval);
+			})();
+		})(nowTime, startAngle, distAngle, duration);
+	};
+
+	Picker.prototype.quartEaseOut = function(t, b, c, d) {
+		return -c * ((t = t / d - 1) * t * t * t - 1) + b;
+	};
+
+	Picker.prototype.endScroll = function() {
+		var self = this;
+		if (self.list.angle < self.beginAngle) {
+			self.list.style.webkitTransition = "150ms ease-out";
+			self.setAngle(self.beginAngle);
+		} else if (self.list.angle > self.endAngle) {
+			self.list.style.webkitTransition = "150ms ease-out";
+			self.setAngle(self.endAngle);
+		} else {
+			var index = parseInt((self.list.angle / self.itemAngle).toFixed(0));
+			self.list.style.webkitTransition = "100ms ease-out";
+			self.setAngle(self.itemAngle * index);
+		}
+		self.triggerChange();
+	};
+
+	Picker.prototype.triggerChange = function(force) {
+		var self = this;
+		setTimeout(function() {
+			var index = self.getSelectedIndex();
+			var item = self.items[index];
+			if ($.trigger && (index != self.lastIndex || force === true)) {
+				$.trigger(self.holder, 'change', {
+					"index": index,
+					"item": item
+				});
+				//console.log('change:' + index);
+			}
+			self.lastIndex = index;
+			typeof force === 'function' && force();
+		}, 0);
+	};
+
+	Picker.prototype.correctAngle = function(angle) {
+		var self = this;
+		if (angle < self.beginAngle) {
+			return self.beginAngle;
+		} else if (angle > self.endAngle) {
+			return self.endAngle;
+		} else {
+			return angle;
+		}
+	};
+
+	Picker.prototype.setItems = function(items) {
+		var self = this;
+		self.items = items || [];
+		var buffer = [];
+		self.items.forEach(function(item) {
+			if (item !== null && item !== undefined) {
+				buffer.push('<li>' + (item.text || item) + '</li>');
+			}
+		});
+		self.list.innerHTML = buffer.join('');
+		self.findElementItems();
+		self.calcElementItemPostion();
+		self.setAngle(self.correctAngle(self.list.angle));
+		self.triggerChange(true);
+	};
+
+	Picker.prototype.getItems = function() {
+		var self = this;
+		return self.items;
+	};
+
+	Picker.prototype.getSelectedIndex = function() {
+		var self = this;
+		return parseInt((self.list.angle / self.itemAngle).toFixed(0));
+	};
+
+	Picker.prototype.setSelectedIndex = function(index, duration, callback) {
+		var self = this;
+		self.list.style.webkitTransition = '';
+		var angle = self.correctAngle(self.itemAngle * index);
+		if (duration && duration > 0) {
+			var distAngle = angle - self.list.angle;
+			self.scrollDistAngle(Date.now(), self.list.angle, distAngle, duration);
+		} else {
+			self.setAngle(angle);
+		}
+		self.triggerChange(callback);
+	};
+
+	Picker.prototype.getSelectedItem = function() {
+		var self = this;
+		return self.items[self.getSelectedIndex()];
+	};
+
+	Picker.prototype.getSelectedValue = function() {
+		var self = this;
+		return (self.items[self.getSelectedIndex()] || {}).value;
+	};
+
+	Picker.prototype.getSelectedText = function() {
+		var self = this;
+		return (self.items[self.getSelectedIndex()] || {}).text;
+	};
+
+	Picker.prototype.setSelectedValue = function(value, duration, callback) {
+		var self = this;
+		for (var index in self.items) {
+			var item = self.items[index];
+			if (item.value == value) {
+				self.setSelectedIndex(index, duration, callback);
+				return;
+			}
+		}
+	};
+
+	if ($.fn) {
+		$.fn.picker = function(options) {
+			//遍历选择的元素
+			this.each(function(i, element) {
+				if (element.picker) return;
+				if (options) {
+					element.picker = new Picker(element, options);
+				} else {
+					var optionsText = element.getAttribute('data-picker-options');
+					var _options = optionsText ? JSON.parse(optionsText) : {};
+					element.picker = new Picker(element, _options);
+				}
+			});
+			return this[0] ? this[0].picker : null;
+		};
+
+		//自动初始化
+		$.ready(function() {
+			$('.mui-picker').picker();
+		});
+	}
+
+})(window.mui || window, window, document, undefined);
+//end

package/native/etc/docroot/bangzhu/js/mui.picker.min.js

@@ -0,0 +1,7 @@
+/**
+* 选择列表插件
+* varstion 2.0.0
+* by Houfeng
+* Houfeng@DCloud.io
+**/
+!function(e,t,i,n){var a=30,r=90,s=40,c=10,l=e.rad2deg=function(e){return e/(Math.PI/180)},o=(e.deg2rad=function(e){return e*(Math.PI/180)},navigator.platform.toLowerCase()),d=navigator.userAgent.toLowerCase(),u=(d.indexOf("iphone")>-1||d.indexOf("ipad")>-1||d.indexOf("ipod")>-1)&&(o.indexOf("iphone")>-1||o.indexOf("ipad")>-1||o.indexOf("ipod")>-1),p=e.Picker=function(e,t){var i=this;i.holder=e,i.options=t||{},i.init(),i.initInertiaParams(),i.calcElementItemPostion(!0),i.bindEvent()};p.prototype.findElementItems=function(){var e=this;return e.elementItems=[].slice.call(e.holder.querySelectorAll("li")),e.elementItems},p.prototype.init=function(){var e=this;e.list=e.holder.querySelector("ul"),e.findElementItems(),e.height=e.holder.offsetHeight,e.r=e.height/2-c,e.d=2*e.r,e.itemHeight=e.elementItems.length>0?e.elementItems[0].offsetHeight:s,e.itemAngle=parseInt(e.calcAngle(.8*e.itemHeight)),e.hightlightRange=e.itemAngle/2,e.visibleRange=r,e.beginAngle=0,e.beginExceed=e.beginAngle-a,e.list.angle=e.beginAngle,u&&(e.list.style.webkitTransformOrigin="center center "+e.r+"px")},p.prototype.calcElementItemPostion=function(e){var t=this;e&&(t.items=[]),t.elementItems.forEach(function(i){var n=t.elementItems.indexOf(i);if(t.endAngle=t.itemAngle*n,i.angle=t.endAngle,i.style.webkitTransformOrigin="center center -"+t.r+"px",i.style.webkitTransform="translateZ("+t.r+"px) rotateX("+-t.endAngle+"deg)",e){var a={};a.text=i.innerHTML||"",a.value=i.getAttribute("data-value")||a.text,t.items.push(a)}}),t.endExceed=t.endAngle+a,t.calcElementItemVisibility(t.beginAngle)},p.prototype.calcAngle=function(e){var t=this,i=b=parseFloat(t.r);e=Math.abs(e);var n=180*parseInt(e/t.d);e%=t.d;var a=(i*i+b*b-e*e)/(2*i*b),r=n+l(Math.acos(a));return r},p.prototype.calcElementItemVisibility=function(e){var t=this;t.elementItems.forEach(function(i){var n=Math.abs(i.angle-e);n<t.hightlightRange?i.classList.add("highlight"):n<t.visibleRange?(i.classList.add("visible"),i.classList.remove("highlight")):(i.classList.remove("highlight"),i.classList.remove("visible"))})},p.prototype.setAngle=function(e){var t=this;t.list.angle=e,t.list.style.webkitTransform="perspective(1000px) rotateY(0deg) rotateX("+e+"deg)",t.calcElementItemVisibility(e)},p.prototype.bindEvent=function(){var t=this,i=0,n=null,a=!1;t.holder.addEventListener(e.EVENT_START,function(e){a=!0,e.preventDefault(),t.list.style.webkitTransition="",n=(e.changedTouches?e.changedTouches[0]:e).pageY,i=t.list.angle,t.updateInertiaParams(e,!0)},!1),t.holder.addEventListener(e.EVENT_END,function(e){a=!1,e.preventDefault(),t.startInertiaScroll(e)},!1),t.holder.addEventListener(e.EVENT_CANCEL,function(e){a=!1,e.preventDefault(),t.startInertiaScroll(e)},!1),t.holder.addEventListener(e.EVENT_MOVE,function(e){if(a){e.preventDefault();var r=(e.changedTouches?e.changedTouches[0]:e).pageY,s=r-n,c=t.calcAngle(s),l=s>0?i-c:i+c;l>t.endExceed&&(l=t.endExceed),l<t.beginExceed&&(l=t.beginExceed),t.setAngle(l),t.updateInertiaParams(e)}},!1),t.list.addEventListener("tap",function(e){elementItem=e.target,"LI"==elementItem.tagName&&t.setSelectedIndex(t.elementItems.indexOf(elementItem),200)},!1)},p.prototype.initInertiaParams=function(){var e=this;e.lastMoveTime=0,e.lastMoveStart=0,e.stopInertiaMove=!1},p.prototype.updateInertiaParams=function(e,t){var i=this,n=e.changedTouches?e.changedTouches[0]:e;if(t)i.lastMoveStart=n.pageY,i.lastMoveTime=e.timeStamp||Date.now(),i.startAngle=i.list.angle;else{var a=e.timeStamp||Date.now();a-i.lastMoveTime>300&&(i.lastMoveTime=a,i.lastMoveStart=n.pageY)}i.stopInertiaMove=!0},p.prototype.startInertiaScroll=function(e){var t=this,i=e.changedTouches?e.changedTouches[0]:e,n=e.timeStamp||Date.now(),a=(i.pageY-t.lastMoveStart)/(n-t.lastMoveTime),r=a>0?-1:1,s=6e-4*r*-1,c=Math.abs(a/s),l=a*c/2,o=t.list.angle,d=t.calcAngle(l)*r,u=d;return o+d<t.beginExceed&&(d=t.beginExceed-o,c=c*(d/u)*.6),o+d>t.endExceed&&(d=t.endExceed-o,c=c*(d/u)*.6),0==d?void t.endScroll():void t.scrollDistAngle(n,o,d,c)},p.prototype.scrollDistAngle=function(e,t,i,n){var a=this;a.stopInertiaMove=!1,function(e,t,i,n){var r=13,s=n/r,c=0;!function l(){if(!a.stopInertiaMove){var e=a.quartEaseOut(c,t,i,s);return a.setAngle(e),c++,c>s-1||e<a.beginExceed||e>a.endExceed?void a.endScroll():void setTimeout(l,r)}}()}(e,t,i,n)},p.prototype.quartEaseOut=function(e,t,i,n){return-i*((e=e/n-1)*e*e*e-1)+t},p.prototype.endScroll=function(){var e=this;if(e.list.angle<e.beginAngle)e.list.style.webkitTransition="150ms ease-out",e.setAngle(e.beginAngle);else if(e.list.angle>e.endAngle)e.list.style.webkitTransition="150ms ease-out",e.setAngle(e.endAngle);else{var t=parseInt((e.list.angle/e.itemAngle).toFixed(0));e.list.style.webkitTransition="100ms ease-out",e.setAngle(e.itemAngle*t)}e.triggerChange()},p.prototype.triggerChange=function(t){var i=this;setTimeout(function(){var n=i.getSelectedIndex(),a=i.items[n];!e.trigger||n==i.lastIndex&&t!==!0||e.trigger(i.holder,"change",{index:n,item:a}),i.lastIndex=n,"function"==typeof t&&t()},0)},p.prototype.correctAngle=function(e){var t=this;return e<t.beginAngle?t.beginAngle:e>t.endAngle?t.endAngle:e},p.prototype.setItems=function(e){var t=this;t.items=e||[];var i=[];t.items.forEach(function(e){null!==e&&e!==n&&i.push("<li>"+(e.text||e)+"</li>")}),t.list.innerHTML=i.join(""),t.findElementItems(),t.calcElementItemPostion(),t.setAngle(t.correctAngle(t.list.angle)),t.triggerChange(!0)},p.prototype.getItems=function(){var e=this;return e.items},p.prototype.getSelectedIndex=function(){var e=this;return parseInt((e.list.angle/e.itemAngle).toFixed(0))},p.prototype.setSelectedIndex=function(e,t,i){var n=this;n.list.style.webkitTransition="";var a=n.correctAngle(n.itemAngle*e);if(t&&t>0){var r=a-n.list.angle;n.scrollDistAngle(Date.now(),n.list.angle,r,t)}else n.setAngle(a);n.triggerChange(i)},p.prototype.getSelectedItem=function(){var e=this;return e.items[e.getSelectedIndex()]},p.prototype.getSelectedValue=function(){var e=this;return(e.items[e.getSelectedIndex()]||{}).value},p.prototype.getSelectedText=function(){var e=this;return(e.items[e.getSelectedIndex()]||{}).text},p.prototype.setSelectedValue=function(e,t,i){var n=this;for(var a in n.items){var r=n.items[a];if(r.value==e)return void n.setSelectedIndex(a,t,i)}},e.fn&&(e.fn.picker=function(e){return this.each(function(t,i){if(!i.picker)if(e)i.picker=new p(i,e);else{var n=i.getAttribute("data-picker-options"),a=n?JSON.parse(n):{};i.picker=new p(i,a)}}),this[0]?this[0].picker:null},e.ready(function(){e(".mui-picker").picker()}))}(window.mui||window,window,document,void 0),function(e,t){e.dom=function(i){return"string"!=typeof i?i instanceof Array||i[0]&&i.length?[].slice.call(i):[i]:(e.__create_dom_div__||(e.__create_dom_div__=t.createElement("div")),e.__create_dom_div__.innerHTML=i,[].slice.call(e.__create_dom_div__.childNodes))};var i='<div class="mui-poppicker">		<div class="mui-poppicker-header">			<button class="mui-btn mui-poppicker-btn-cancel">取消</button>			<button class="mui-btn mui-btn-blue mui-poppicker-btn-ok">确定</button>			<div class="mui-poppicker-clear"></div>		</div>		<div class="mui-poppicker-body">		</div>	</div>',n='<div class="mui-picker">		<div class="mui-picker-inner">			<div class="mui-pciker-rule mui-pciker-rule-ft"></div>			<ul class="mui-pciker-list">			</ul>			<div class="mui-pciker-rule mui-pciker-rule-bg"></div>		</div>	</div>';e.PopPicker=e.Class.extend({init:function(n){var a=this;a.options=n||{},a.options.buttons=a.options.buttons||["取消","确定"],a.panel=e.dom(i)[0],t.body.appendChild(a.panel),a.ok=a.panel.querySelector(".mui-poppicker-btn-ok"),a.cancel=a.panel.querySelector(".mui-poppicker-btn-cancel"),a.body=a.panel.querySelector(".mui-poppicker-body"),a.mask=e.createMask(),a.cancel.innerText=a.options.buttons[0],a.ok.innerText=a.options.buttons[1],a.cancel.addEventListener("tap",function(e){a.hide()},!1),a.ok.addEventListener("tap",function(e){if(a.callback){var t=a.callback(a.getSelectedItems());t!==!1&&a.hide()}},!1),a.mask[0].addEventListener("tap",function(){a.hide()},!1),a._createPicker(),a.panel.addEventListener(e.EVENT_START,function(e){e.preventDefault()},!1),a.panel.addEventListener(e.EVENT_MOVE,function(e){e.preventDefault()},!1)},_createPicker:function(){var t=this,i=t.options.layer||1,a=100/i+"%";t.pickers=[];for(var r=1;i>=r;r++){var s=e.dom(n)[0];s.style.width=a,t.body.appendChild(s);var c=e(s).picker();t.pickers.push(c),s.addEventListener("change",function(e){var t=this.nextSibling;if(t&&t.picker){var i=e.detail||{},n=i.item||{};t.picker.setItems(n.children)}},!1)}},setData:function(e){var t=this;e=e||[],t.pickers[0].setItems(e)},getSelectedItems:function(){var e=this,t=[];for(var i in e.pickers){var n=e.pickers[i];t.push(n.getSelectedItem()||{})}return t},show:function(i){var n=this;n.callback=i,n.mask.show(),t.body.classList.add(e.className("poppicker-active-for-page")),n.panel.classList.add(e.className("active")),n.__back=e.back,e.back=function(){n.hide()}},hide:function(){var i=this;i.disposed||(i.panel.classList.remove(e.className("active")),i.mask.close(),t.body.classList.remove(e.className("poppicker-active-for-page")),e.back=i.__back)},dispose:function(){var e=this;e.hide(),setTimeout(function(){e.panel.parentNode.removeChild(e.panel);for(var t in e)e[t]=null,delete e[t];e.disposed=!0},300)}})}(mui,document),function(e,t){e.dom=function(i){return"string"!=typeof i?i instanceof Array||i[0]&&i.length?[].slice.call(i):[i]:(e.__create_dom_div__||(e.__create_dom_div__=t.createElement("div")),e.__create_dom_div__.innerHTML=i,[].slice.call(e.__create_dom_div__.childNodes))};var i='<div class="mui-dtpicker" data-type="datetime">		<div class="mui-dtpicker-header">			<button data-id="btn-cancel" class="mui-btn">取消</button>			<button data-id="btn-ok" class="mui-btn mui-btn-blue">确定</button>		</div>		<div class="mui-dtpicker-title"><h5 data-id="title-y">年</h5><h5 data-id="title-m">月</h5><h5 data-id="title-d">日</h5><h5 data-id="title-h">时</h5><h5 data-id="title-i">分</h5></div>		<div class="mui-dtpicker-body">			<div data-id="picker-y" class="mui-picker">				<div class="mui-picker-inner">					<div class="mui-pciker-rule mui-pciker-rule-ft"></div>					<ul class="mui-pciker-list">					</ul>					<div class="mui-pciker-rule mui-pciker-rule-bg"></div>				</div>			</div>			<div data-id="picker-m" class="mui-picker">				<div class="mui-picker-inner">					<div class="mui-pciker-rule mui-pciker-rule-ft"></div>					<ul class="mui-pciker-list">					</ul>					<div class="mui-pciker-rule mui-pciker-rule-bg"></div>				</div>			</div>			<div data-id="picker-d" class="mui-picker">				<div class="mui-picker-inner">					<div class="mui-pciker-rule mui-pciker-rule-ft"></div>					<ul class="mui-pciker-list">					</ul>					<div class="mui-pciker-rule mui-pciker-rule-bg"></div>				</div>			</div>			<div data-id="picker-h" class="mui-picker">				<div class="mui-picker-inner">					<div class="mui-pciker-rule mui-pciker-rule-ft"></div>					<ul class="mui-pciker-list">					</ul>					<div class="mui-pciker-rule mui-pciker-rule-bg"></div>				</div>			</div>			<div data-id="picker-i" class="mui-picker">				<div class="mui-picker-inner">					<div class="mui-pciker-rule mui-pciker-rule-ft"></div>					<ul class="mui-pciker-list">					</ul>					<div class="mui-pciker-rule mui-pciker-rule-bg"></div>				</div>			</div>		</div>	</div>';e.DtPicker=e.Class.extend({init:function(n){var a=this,r=e.dom(i)[0];t.body.appendChild(r),e('[data-id*="picker"]',r).picker();var s=a.ui={picker:r,mask:e.createMask(),ok:e('[data-id="btn-ok"]',r)[0],cancel:e('[data-id="btn-cancel"]',r)[0],y:e('[data-id="picker-y"]',r)[0],m:e('[data-id="picker-m"]',r)[0],d:e('[data-id="picker-d"]',r)[0],h:e('[data-id="picker-h"]',r)[0],i:e('[data-id="picker-i"]',r)[0],labels:e('[data-id*="title-"]',r)};s.cancel.addEventListener("tap",function(){a.hide()},!1),s.ok.addEventListener("tap",function(){var e=a.callback(a.getSelected());e!==!1&&a.hide()},!1),s.y.addEventListener("change",function(e){a.options.beginMonth||a.options.endMonth?a._createMonth():a._createDay()},!1),s.m.addEventListener("change",function(e){a._createDay()},!1),s.d.addEventListener("change",function(e){(a.options.beginMonth||a.options.endMonth)&&a._createHours()},!1),s.h.addEventListener("change",function(e){(a.options.beginMonth||a.options.endMonth)&&a._createMinutes()},!1),s.mask[0].addEventListener("tap",function(){a.hide()},!1),a._create(n),a.ui.picker.addEventListener(e.EVENT_START,function(e){e.preventDefault()},!1),a.ui.picker.addEventListener(e.EVENT_MOVE,function(e){e.preventDefault()},!1)},getSelected:function(){var e=this,t=e.ui,i=e.options.type,n={type:i,y:t.y.picker.getSelectedItem(),m:t.m.picker.getSelectedItem(),d:t.d.picker.getSelectedItem(),h:t.h.picker.getSelectedItem(),i:t.i.picker.getSelectedItem(),toString:function(){return this.value}};switch(i){case"datetime":n.value=n.y.value+"-"+n.m.value+"-"+n.d.value+" "+n.h.value+":"+n.i.value,n.text=n.y.text+"-"+n.m.text+"-"+n.d.text+" "+n.h.text+":"+n.i.text;break;case"date":n.value=n.y.value+"-"+n.m.value+"-"+n.d.value,n.text=n.y.text+"-"+n.m.text+"-"+n.d.text;break;case"time":n.value=n.h.value+":"+n.i.value,n.text=n.h.text+":"+n.i.text;break;case"month":n.value=n.y.value+"-"+n.m.value,n.text=n.y.text+"-"+n.m.text;break;case"hour":n.value=n.y.value+"-"+n.m.value+"-"+n.d.value+" "+n.h.value,n.text=n.y.text+"-"+n.m.text+"-"+n.d.text+" "+n.h.text}return n},setSelectedValue:function(e){var t=this,i=t.ui,n=t._parseValue(e);i.y.picker.setSelectedValue(n.y,0,function(){i.m.picker.setSelectedValue(n.m,0,function(){i.d.picker.setSelectedValue(n.d,0,function(){i.h.picker.setSelectedValue(n.h,0,function(){i.i.picker.setSelectedValue(n.i,0)})})})})},isLeapYear:function(e){return e%4==0&&e%100!=0||e%400==0},_inArray:function(e,t){for(var i in e){var n=e[i];if(n===t)return!0}return!1},getDayNum:function(e,t){var i=this;return i._inArray([1,3,5,7,8,10,12],t)?31:i._inArray([4,6,9,11],t)?30:i.isLeapYear(e)?29:28},_fill:function(e){return e=e.toString(),e.length<2&&(e=0+e),e},_isBeginYear:function(){return this.options.beginYear===parseInt(this.ui.y.picker.getSelectedValue())},_isBeginMonth:function(){return this.options.beginMonth&&this._isBeginYear()&&this.options.beginMonth===parseInt(this.ui.m.picker.getSelectedValue())},_isBeginDay:function(){return this._isBeginMonth()&&this.options.beginDay===parseInt(this.ui.d.picker.getSelectedValue())},_isBeginHours:function(){return this._isBeginDay()&&this.options.beginHours===parseInt(this.ui.h.picker.getSelectedValue())},_isEndYear:function(){return this.options.endYear===parseInt(this.ui.y.picker.getSelectedValue())},_isEndMonth:function(){return this.options.endMonth&&this._isEndYear()&&this.options.endMonth===parseInt(this.ui.m.picker.getSelectedValue())},_isEndDay:function(){return this._isEndMonth()&&this.options.endDay===parseInt(this.ui.d.picker.getSelectedValue())},_isEndHours:function(){return this._isEndDay()&&this.options.endHours===parseInt(this.ui.h.picker.getSelectedValue())},_createYear:function(e){var t=this,i=t.options,n=t.ui,a=[];if(i.customData.y)a=i.customData.y;else for(var r=i.beginYear,s=i.endYear,c=r;s>=c;c++)a.push({text:c+"",value:c});n.y.picker.setItems(a)},_createMonth:function(e){var t=this,i=t.options,n=t.ui,a=[];if(i.customData.m)a=i.customData.m;else for(var r=i.beginMonth&&t._isBeginYear()?i.beginMonth:1,s=i.endMonth&&t._isEndYear()?i.endMonth:12;s>=r;r++){var c=t._fill(r);a.push({text:c,value:c})}n.m.picker.setItems(a)},_createDay:function(e){var t=this,i=t.options,n=t.ui,a=[];if(i.customData.d)a=i.customData.d;else for(var r=t._isBeginMonth()?i.beginDay:1,s=t._isEndMonth()?i.endDay:t.getDayNum(parseInt(this.ui.y.picker.getSelectedValue()),parseInt(this.ui.m.picker.getSelectedValue()));s>=r;r++){var c=t._fill(r);a.push({text:c,value:c})}n.d.picker.setItems(a),e=e||n.d.picker.getSelectedValue()},_createHours:function(e){var t=this,i=t.options,n=t.ui,a=[];if(i.customData.h)a=i.customData.h;else for(var r=t._isBeginDay()?i.beginHours:0,s=t._isEndDay()?i.endHours:23;s>=r;r++){var c=t._fill(r);a.push({text:c,value:c})}n.h.picker.setItems(a)},_createMinutes:function(e){var t=this,i=t.options,n=t.ui,a=[];if(i.customData.i)a=i.customData.i;else for(var r=t._isBeginHours()?i.beginMinutes:0,s=t._isEndHours()?i.endMinutes:59;s>=r;r++){var c=t._fill(r);a.push({text:c,value:c})}n.i.picker.setItems(a)},_setLabels:function(){var e=this,t=e.options,i=e.ui;i.labels.each(function(e,i){i.innerText=t.labels[e]})},_setButtons:function(){var e=this,t=e.options,i=e.ui;i.cancel.innerText=t.buttons[0],i.ok.innerText=t.buttons[1]},_parseValue:function(e){var t={};if(e){var i=e.replace(":","-").replace(" ","-").split("-");t.y=i[0],t.m=i[1],t.d=i[2],t.h=i[3],t.i=i[4]}else{var n=new Date;t.y=n.getFullYear(),t.m=n.getMonth()+1,t.d=n.getDate(),t.h=n.getHours(),t.i=n.getMinutes()}return t},_create:function(e){var t=this;e=e||{},e.labels=e.labels||["年","月","日","时","分"],e.buttons=e.buttons||["取消","确定"],e.type=e.type||"datetime",e.customData=e.customData||{},t.options=e;var i=new Date,n=e.beginDate;n instanceof Date&&!isNaN(n.valueOf())&&(e.beginYear=n.getFullYear(),e.beginMonth=n.getMonth()+1,e.beginDay=n.getDate(),e.beginHours=n.getHours(),e.beginMinutes=n.getMinutes());var a=e.endDate;a instanceof Date&&!isNaN(a.valueOf())&&(e.endYear=a.getFullYear(),e.endMonth=a.getMonth()+1,e.endDay=a.getDate(),e.endHours=a.getHours(),e.endMinutes=a.getMinutes()),e.beginYear=e.beginYear||i.getFullYear()-5,e.endYear=e.endYear||i.getFullYear()+5;var r=t.ui;t._setLabels(),t._setButtons(),r.picker.setAttribute("data-type",e.type),t._createYear(),t._createMonth(),t._createDay(),t._createHours(),t._createMinutes(),t.setSelectedValue(e.value)},show:function(i){var n=this,a=n.ui;n.callback=i||e.noop,a.mask.show(),t.body.classList.add(e.className("dtpicker-active-for-page")),a.picker.classList.add(e.className("active")),n.__back=e.back,e.back=function(){n.hide()}},hide:function(){var i=this;if(!i.disposed){var n=i.ui;n.picker.classList.remove(e.className("active")),n.mask.close(),t.body.classList.remove(e.className("dtpicker-active-for-page")),e.back=i.__back}},dispose:function(){var e=this;e.hide(),setTimeout(function(){e.ui.picker.parentNode.removeChild(e.ui.picker);for(var t in e)e[t]=null,delete e[t];e.disposed=!0},300)}})}(mui,document);

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

@@ -0,0 +1,160 @@
+/**
+ * 弹出选择列表插件
+ * 此组件依赖 listpcker ，请在页面中先引入 mui.picker.css + mui.picker.js
+ * varstion 1.0.1
+ * by Houfeng
+ * Houfeng@DCloud.io
+ */
+
+(function($, document) {
+
+	//创建 DOM
+	$.dom = function(str) {
+		if (typeof(str) !== 'string') {
+			if ((str instanceof Array) || (str[0] && str.length)) {
+				return [].slice.call(str);
+			} else {
+				return [str];
+			}
+		}
+		if (!$.__create_dom_div__) {
+			$.__create_dom_div__ = document.createElement('div');
+		}
+		$.__create_dom_div__.innerHTML = str;
+		return [].slice.call($.__create_dom_div__.childNodes);
+	};
+
+	var panelBuffer = '<div class="mui-poppicker">\
+		<div class="mui-poppicker-header">\
+			<button class="mui-btn mui-poppicker-btn-cancel">取消</button>\
+			<button class="mui-btn mui-btn-blue mui-poppicker-btn-ok">确定</button>\
+			<div class="mui-poppicker-clear"></div>\
+		</div>\
+		<div class="mui-poppicker-body">\
+		</div>\
+	</div>';
+
+	var pickerBuffer = '<div class="mui-picker">\
+		<div class="mui-picker-inner">\
+			<div class="mui-pciker-rule mui-pciker-rule-ft"></div>\
+			<ul class="mui-pciker-list">\
+			</ul>\
+			<div class="mui-pciker-rule mui-pciker-rule-bg"></div>\
+		</div>\
+	</div>';
+
+	//定义弹出选择器类
+	var PopPicker = $.PopPicker = $.Class.extend({
+		//构造函数
+		init: function(options) {
+			var self = this;
+			self.options = options || {};
+			self.options.buttons = self.options.buttons || ['取消', '确定'];
+			self.panel = $.dom(panelBuffer)[0];
+			document.body.appendChild(self.panel);
+			self.ok = self.panel.querySelector('.mui-poppicker-btn-ok');
+			self.cancel = self.panel.querySelector('.mui-poppicker-btn-cancel');
+			self.body = self.panel.querySelector('.mui-poppicker-body');
+			self.mask = $.createMask();
+			self.cancel.innerText = self.options.buttons[0];
+			self.ok.innerText = self.options.buttons[1];
+			self.cancel.addEventListener('tap', function(event) {
+				self.hide();
+			}, false);
+			self.ok.addEventListener('tap', function(event) {
+				if (self.callback) {
+					var rs = self.callback(self.getSelectedItems());
+					if (rs !== false) {
+						self.hide();
+					}
+				}
+			}, false);
+			self.mask[0].addEventListener('tap', function() {
+				self.hide();
+			}, false);
+			self._createPicker();
+			//防止滚动穿透
+			self.panel.addEventListener($.EVENT_START, function(event) {
+				event.preventDefault();
+			}, false);
+			self.panel.addEventListener($.EVENT_MOVE, function(event) {
+				event.preventDefault();
+			}, false);
+		},
+		_createPicker: function() {
+			var self = this;
+			var layer = self.options.layer || 1;
+			var width = (100 / layer) + '%';
+			self.pickers = [];
+			for (var i = 1; i <= layer; i++) {
+				var pickerElement = $.dom(pickerBuffer)[0];
+				pickerElement.style.width = width;
+				self.body.appendChild(pickerElement);
+				var picker = $(pickerElement).picker();
+				self.pickers.push(picker);
+				pickerElement.addEventListener('change', function(event) {
+					var nextPickerElement = this.nextSibling;
+					if (nextPickerElement && nextPickerElement.picker) {
+						var eventData = event.detail || {};
+						var preItem = eventData.item || {};
+						nextPickerElement.picker.setItems(preItem.children);
+					}
+				}, false);
+			}
+		},
+		//填充数据
+		setData: function(data) {
+			var self = this;
+			data = data || [];
+			self.pickers[0].setItems(data);
+		},
+		//获取选中的项（数组）
+		getSelectedItems: function() {
+			var self = this;
+			var items = [];
+			for (var i in self.pickers) {    
+				if(self.pickers.hasOwnProperty(i)) { // 修复for in会访问继承属性造成items报错情况
+					var picker = self.pickers[i];
+					items.push(picker.getSelectedItem() || {});
+				}
+			}
+			return items;
+		},
+		//显示
+		show: function(callback) {
+			var self = this;
+			self.callback = callback;
+			self.mask.show();
+			document.body.classList.add($.className('poppicker-active-for-page'));
+			self.panel.classList.add($.className('active'));
+			//处理物理返回键
+			self.__back = $.back;
+			$.back = function() {
+				self.hide();
+			};
+		},
+		//隐藏
+		hide: function() {
+			var self = this;
+			if (self.disposed) return;
+			self.panel.classList.remove($.className('active'));
+			self.mask.close();
+			document.body.classList.remove($.className('poppicker-active-for-page'));
+			//处理物理返回键
+			$.back=self.__back;
+		},
+		dispose: function() {
+			var self = this;
+			self.hide();
+			setTimeout(function() {
+				self.panel.parentNode.removeChild(self.panel);
+				for (var name in self) {
+					self[name] = null;
+					delete self[name];
+				};
+				self.disposed = true;
+			}, 300);
+		}
+	});
+
+})(mui, document);