<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"/>
<title>訂單詳情</title>
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css">
</head>
<style type="text/css">
header a.information {
background: url(./images/information.png) no-repeat center center / 2em auto;
right: 0;
}
</style>
<body>
<div class="weui-cells weui-cells_form" id="uploaderCustom">
<div class="weui-cell">
<div class="weui-cell__bd">
<div class="weui-uploader">
<div class="weui-uploader__hd">
<p class="weui-uploader__title">圖片上傳</p>
</div>
<div class="weui-uploader__bd">
<ul class="weui-uploader__files" id="uploaderCustomFiles"></ul>
<div class="weui-uploader__input-box">
<input id="uploaderCustomInput" class="weui-uploader__input" type="file" accept="image/*" multiple="">
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="./js/example.js"></script>
</body>
</html>example.js是我在WEUI上扒下來的，想裝Node.js瞭解其他WEUI功能可參看我另一篇文章，Node.js的安裝
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
var _fastclick = __webpack_require__(1);
var _fastclick2 = _interopRequireDefault(_fastclick);
var _weui = __webpack_require__(2);
var _weui2 = _interopRequireDefault(_weui);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// import 'weui';
_fastclick2.default.attach(document.body);
/* searchbar */
_weui2.default.searchBar('#searchBar');
/* slider 因爲需要獲取長度，所以必須要在slider顯示的時候才調用weui.slider*/
var isSetSlider = false;
function setSlider() {
if (isSetSlider) return;
isSetSlider = true;
// 普通slider
var sliderValue = document.getElementById("sliderValue");
_weui2.default.slider('#slider', {
defaultValue: 50,
onChange: function onChange(percent) {
sliderValue.innerHTML = Math.round(percent);
console.log(percent);
}
});
// 帶step的slider
var sliderStepValue = document.getElementById("sliderStepValue");
_weui2.default.slider('#sliderStep', {
step: 10,
defaultValue: 40,
onChange: function onChange(percent) {
sliderStepValue.innerHTML = Math.round(percent);
console.log(percent);
}
});
// 分塊的slider
var sliderBlockValue = document.getElementById("sliderBlockValue");
_weui2.default.slider('#sliderBlock', {
step: 100 / 3,
defaultValue: 33.333,
onChange: function onChange(percent) {
sliderBlockValue.innerHTML = Math.round(percent);
console.log(percent);
}
});
}
/* tab */
_weui2.default.tab('#tab', {
defaultIndex: 0,
onChange: function onChange(index) {
console.log(index);
if (index == 3) {
setSlider(); // 設置slider
}
}
});
/* form */
// 約定正則
var regexp = {
regexp: {
IDNUM: /(?:^\d{15}$)|(?:^\d{18}$)|^\d{17}[\dXx]$/,
VCODE: /^.{4}$/
}
};
// 失去焦點時檢測
_weui2.default.form.checkIfBlur('#form', regexp);
/* 圖片自動上傳 */
var uploadCount = 0,
uploadList = [];
var uploadCountDom = document.getElementById("uploadCount");
_weui2.default.uploader('#uploader', {
url: 'http://' + location.hostname + ':8002/upload',
auto: true,
type: 'file',
fileVal: 'fileVal',
compress: {
width: 1600,
height: 1600,
quality: .8
},
onBeforeQueued: function onBeforeQueued(files) {
if (["image/jpg", "image/jpeg", "image/png", "image/gif"].indexOf(this.type) < 0) {
_weui2.default.alert('請上傳圖片');
return false;
}
if (this.size > 10 * 1024 * 1024) {
_weui2.default.alert('請上傳不超過10M的圖片');
return false;
}
if (files.length > 5) {
// 防止一下子選中過多文件
_weui2.default.alert('最多隻能上傳5張圖片，請重新選擇');
return false;
}
if (uploadCount + 1 > 5) {
_weui2.default.alert('最多隻能上傳5張圖片');
return false;
}
++uploadCount;
uploadCountDom.innerHTML = uploadCount;
},
onQueued: function onQueued() {
uploadList.push(this);
console.log(this);
},
onBeforeSend: function onBeforeSend(data, headers) {
console.log(this, data, headers);
// $.extend(data, { test: 1 }); // 可以擴展此對象來控制上傳參數
// $.extend(headers, { Origin: 'http://127.0.0.1' }); // 可以擴展此對象來控制上傳頭部
// return false; // 阻止文件上傳
},
onProgress: function onProgress(procent) {
console.log(this, procent);
},
onSuccess: function onSuccess(ret) {
console.log(this, ret);
},
onError: function onError(err) {
console.log(this, err);
}
});
/* 圖片手動上傳 */
var uploadCustomFileList = [];
// 這裏是簡單的調用，其餘api請參考文檔
_weui2.default.uploader('#uploaderCustom', {
url: 'http://localhost:8002/upload',
auto: false,
onQueued: function onQueued() {
uploadCustomFileList.push(this);
}
});
// 縮略圖預覽
document.querySelector('#uploaderCustomFiles').addEventListener('click', function (e) {
var target = e.target;
while (!target.classList.contains('weui-uploader__file') && target) {
target = target.parentNode;
}
if (!target) return;
var url = target.getAttribute('style') || '';
var id = target.getAttribute('data-id');
if (url) {
url = url.match(/url\((.*?)\)/)[1].replace(/"/g, '');
}
var gallery = _weui2.default.gallery(url, {
onDelete: function onDelete() {
_weui2.default.confirm('確定刪除該圖片？', function () {
var index;
for (var i = 0, len = uploadCustomFileList.length; i < len; ++i) {
var file = uploadCustomFileList[i];
if (file.id == id) {
index = i;
break;
}
}
if (index !== undefined) uploadCustomFileList.splice(index, 1);
target.remove();
gallery.hide();
});
}
});
});
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_RESULT__;;(function () {
'use strict';
/**
* @preserve FastClick: polyfill to remove click delays on browsers with touch UIs.
*
* @codingstandard ftlabs-jsv2
* @copyright The Financial Times Limited [All Rights Reserved]
* @license MIT License (see LICENSE.txt)
*/
/*jslint browser:true, node:true*/
/*global define, Event, Node*/
/**
* Instantiate fast-clicking listeners on the specified layer.
*
* @constructor
* @param {Element} layer The layer to listen on
* @param {Object} [options={}] The options to override the defaults
*/
function FastClick(layer, options) {
var oldOnClick;
options = options || {};
/**
* Whether a click is currently being tracked.
*
* @type boolean
*/
this.trackingClick = false;
/**
* Timestamp for when click tracking started.
*
* @type number
*/
this.trackingClickStart = 0;
/**
* The element being tracked for a click.
*
* @type EventTarget
*/
this.targetElement = null;
/**
* X-coordinate of touch start event.
*
* @type number
*/
this.touchStartX = 0;
/**
* Y-coordinate of touch start event.
*
* @type number
*/
this.touchStartY = 0;
/**
* ID of the last touch, retrieved from Touch.identifier.
*
* @type number
*/
this.lastTouchIdentifier = 0;
/**
* Touchmove boundary, beyond which a click will be cancelled.
*
* @type number
*/
this.touchBoundary = options.touchBoundary || 10;
/**
* The FastClick layer.
*
* @type Element
*/
this.layer = layer;
/**
* The minimum time between tap(touchstart and touchend) events
*
* @type number
*/
this.tapDelay = options.tapDelay || 200;
/**
* The maximum time for a tap
*
* @type number
*/
this.tapTimeout = options.tapTimeout || 700;
if (FastClick.notNeeded(layer)) {
return;
}
// Some old versions of Android don't have Function.prototype.bind
function bind(method, context) {
return function() { return method.apply(context, arguments); };
}
var methods = ['onMouse', 'onClick', 'onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'];
var context = this;
for (var i = 0, l = methods.length; i < l; i++) {
context[methods[i]] = bind(context[methods[i]], context);
}
// Set up event handlers as required
if (deviceIsAndroid) {
layer.addEventListener('mouseover', this.onMouse, true);
layer.addEventListener('mousedown', this.onMouse, true);
layer.addEventListener('mouseup', this.onMouse, true);
}
layer.addEventListener('click', this.onClick, true);
layer.addEventListener('touchstart', this.onTouchStart, false);
layer.addEventListener('touchmove', this.onTouchMove, false);
layer.addEventListener('touchend', this.onTouchEnd, false);
layer.addEventListener('touchcancel', this.onTouchCancel, false);
// Hack is required for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
// which is how FastClick normally stops click events bubbling to callbacks registered on the FastClick
// layer when they are cancelled.
if (!Event.prototype.stopImmediatePropagation) {
layer.removeEventListener = function(type, callback, capture) {
var rmv = Node.prototype.removeEventListener;
if (type === 'click') {
rmv.call(layer, type, callback.hijacked || callback, capture);
} else {
rmv.call(layer, type, callback, capture);
}
};
layer.addEventListener = function(type, callback, capture) {
var adv = Node.prototype.addEventListener;
if (type === 'click') {
adv.call(layer, type, callback.hijacked || (callback.hijacked = function(event) {
if (!event.propagationStopped) {
callback(event);
}
}), capture);
} else {
adv.call(layer, type, callback, capture);
}
};
}
// If a handler is already declared in the element's onclick attribute, it will be fired before
// FastClick's onClick handler. Fix this by pulling out the user-defined handler function and
// adding it as listener.
if (typeof layer.onclick === 'function') {
// Android browser on at least 3.2 requires a new reference to the function in layer.onclick
// - the old one won't work if passed to addEventListener directly.
oldOnClick = layer.onclick;
layer.addEventListener('click', function(event) {
oldOnClick(event);
}, false);
layer.onclick = null;
}
}
/**
* Windows Phone 8.1 fakes user agent string to look like Android and iPhone.
*
* @type boolean
*/
var deviceIsWindowsPhone = navigator.userAgent.indexOf("Windows Phone") >= 0;
/**
* Android requires exceptions.
*
* @type boolean
*/
var deviceIsAndroid = navigator.userAgent.indexOf('Android') > 0 && !deviceIsWindowsPhone;
/**
* iOS requires exceptions.
*
* @type boolean
*/
var deviceIsIOS = /iP(ad|hone|od)/.test(navigator.userAgent) && !deviceIsWindowsPhone;
/**
* iOS 4 requires an exception for select elements.
*
* @type boolean
*/
var deviceIsIOS4 = deviceIsIOS && (/OS 4_\d(_\d)?/).test(navigator.userAgent);
/**
* iOS 6.0-7.* requires the target element to be manually derived
*
* @type boolean
*/
var deviceIsIOSWithBadTarget = deviceIsIOS && (/OS [6-7]_\d/).test(navigator.userAgent);
/**
* BlackBerry requires exceptions.
*
* @type boolean
*/
var deviceIsBlackBerry10 = navigator.userAgent.indexOf('BB10') > 0;
/**
* Determine whether a given element requires a native click.
*
* @param {EventTarget|Element} target Target DOM element
* @returns {boolean} Returns true if the element needs a native click
*/
FastClick.prototype.needsClick = function(target) {
switch (target.nodeName.toLowerCase()) {
// Don't send a synthetic click to disabled inputs (issue #62)
case 'button':
case 'select':
case 'textarea':
if (target.disabled) {
return true;
}
break;
case 'input':
// File inputs need real clicks on iOS 6 due to a browser bug (issue #68)
if ((deviceIsIOS && target.type === 'file') || target.disabled) {
return true;
}
break;
case 'label':
case 'iframe': // iOS8 homescreen apps can prevent events bubbling into frames
case 'video':
return true;
}
return (/\bneedsclick\b/).test(target.className);
};
/**
* Determine whether a given element requires a call to focus to simulate click into element.
*
* @param {EventTarget|Element} target Target DOM element
* @returns {boolean} Returns true if the element requires a call to focus to simulate native click.
*/
FastClick.prototype.needsFocus = function(target) {
switch (target.nodeName.toLowerCase()) {
case 'textarea':
return true;
case 'select':
return !deviceIsAndroid;
case 'input':
switch (target.type) {
case 'button':
case 'checkbox':
case 'file':
case 'image':
case 'radio':
case 'submit':
return false;
}
// No point in attempting to focus disabled inputs
return !target.disabled && !target.readOnly;
default:
return (/\bneedsfocus\b/).test(target.className);
}
};
/**
* Send a click event to the specified element.
*
* @param {EventTarget|Element} targetElement
* @param {Event} event
*/
FastClick.prototype.sendClick = function(targetElement, event) {
var clickEvent, touch;
// On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect (#24)
if (document.activeElement && document.activeElement !== targetElement) {
document.activeElement.blur();
}
touch = event.changedTouches[0];
// Synthesise a click event, with an extra attribute so it can be tracked
clickEvent = document.createEvent('MouseEvents');
clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
clickEvent.forwardedTouchEvent = true;
targetElement.dispatchEvent(clickEvent);
};
FastClick.prototype.determineEventType = function(targetElement) {
//Issue #159: Android Chrome Select Box does not open with a synthetic click event
if (deviceIsAndroid && targetElement.tagName.toLowerCase() === 'select') {
return 'mousedown';
}
return 'click';
};
/**
* @param {EventTarget|Element} targetElement
*/
FastClick.prototype.focus = function(targetElement) {
var length;
// Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
length = targetElement.value.length;
targetElement.setSelectionRange(length, length);
} else {
targetElement.focus();
}
};
/**
* Check whether the given target element is a child of a scrollable layer and if so, set a flag on it.
*
* @param {EventTarget|Element} targetElement
*/
FastClick.prototype.updateScrollParent = function(targetElement) {
var scrollParent, parentElement;
scrollParent = targetElement.fastClickScrollParent;
// Attempt to discover whether the target element is contained within a scrollable layer. Re-check if the
// target element was moved to another parent.
if (!scrollParent || !scrollParent.contains(targetElement)) {
parentElement = targetElement;
do {
if (parentElement.scrollHeight > parentElement.offsetHeight) {
scrollParent = parentElement;
targetElement.fastClickScrollParent = parentElement;
break;
}
parentElement = parentElement.parentElement;
} while (parentElement);
}
// Always update the scroll top tracker if possible.
if (scrollParent) {
scrollParent.fastClickLastScrollTop = scrollParent.scrollTop;
}
};
/**
* @param {EventTarget} targetElement
* @returns {Element|EventTarget}
*/
FastClick.prototype.getTargetElementFromEventTarget = function(eventTarget) {
// On some older browsers (notably Safari on iOS 4.1 - see issue #56) the event target may be a text node.
if (eventTarget.nodeType === Node.TEXT_NODE) {
return eventTarget.parentNode;
}
return eventTarget;
};
/**
* On touch start, record the position and scroll offset.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onTouchStart = function(event) {
var targetElement, touch, selection;
// Ignore multiple touches, otherwise pinch-to-zoom is prevented if both fingers are on the FastClick element (issue #111).
if (event.targetTouches.length > 1) {
return true;
}
targetElement = this.getTargetElementFromEventTarget(event.target);
touch = event.targetTouches[0];
if (deviceIsIOS) {
// Only trusted events will deselect text on iOS (issue #49)
selection = window.getSelection();
if (selection.rangeCount && !selection.isCollapsed) {
return true;
}
if (!deviceIsIOS4) {
// Weird things happen on iOS when an alert or confirm dialog is opened from a click event callback (issue #23):
// when the user next taps anywhere else on the page, new touchstart and touchend events are dispatched
// with the same identifier as the touch event that previously triggered the click that triggered the alert.
// Sadly, there is an issue on iOS 4 that causes some normal touch events to have the same identifier as an
// immediately preceeding touch event (issue #52), so this fix is unavailable on that platform.
// Issue 120: touch.identifier is 0 when Chrome dev tools 'Emulate touch events' is set with an iOS device UA string,
// which causes all touch events to be ignored. As this block only applies to iOS, and iOS identifiers are always long,
// random integers, it's safe to to continue if the identifier is 0 here.
if (touch.identifier && touch.identifier === this.lastTouchIdentifier) {
event.preventDefault();
return false;
}
this.lastTouchIdentifier = touch.identifier;
// If the target element is a child of a scrollable layer (using -webkit-overflow-scrolling: touch) and:
// 1) the user does a fling scroll on the scrollable layer
// 2) the user stops the fling scroll with another tap
// then the event.target of the last 'touchend' event will be the element that was under the user's finger
// when the fling scroll was started, causing FastClick to send a click event to that layer - unless a check
// is made to ensure that a parent layer was not scrolled before sending a synthetic click (issue #42).
this.updateScrollParent(targetElement);
}
}
this.trackingClick = true;
this.trackingClickStart = event.timeStamp;
this.targetElement = targetElement;
this.touchStartX = touch.pageX;
this.touchStartY = touch.pageY;
// Prevent phantom clicks on fast double-tap (issue #36)
if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
event.preventDefault();
}
return true;
};
/**
* Based on a touchmove event object, check whether the touch has moved past a boundary since it started.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.touchHasMoved = function(event) {
var touch = event.changedTouches[0], boundary = this.touchBoundary;
if (Math.abs(touch.pageX - this.touchStartX) > boundary || Math.abs(touch.pageY - this.touchStartY) > boundary) {
return true;
}
return false;
};
/**
* Update the last position.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onTouchMove = function(event) {
if (!this.trackingClick) {
return true;
}
// If the touch has moved, cancel the click tracking
if (this.targetElement !== this.getTargetElementFromEventTarget(event.target) || this.touchHasMoved(event)) {
this.trackingClick = false;
this.targetElement = null;
}
return true;
};
/**
* Attempt to find the labelled control for the given label element.
*
* @param {EventTarget|HTMLLabelElement} labelElement
* @returns {Element|null}
*/
FastClick.prototype.findControl = function(labelElement) {
// Fast path for newer browsers supporting the HTML5 control attribute
if (labelElement.control !== undefined) {
return labelElement.control;
}
// All browsers under test that support touch events also support the HTML5 htmlFor attribute
if (labelElement.htmlFor) {
return document.getElementById(labelElement.htmlFor);
}
// If no for attribute exists, attempt to retrieve the first labellable descendant element
// the list of which is defined here: http://www.w3.org/TR/html5/forms.html#category-label
return labelElement.querySelector('button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea');
};
/**
* On touch end, determine whether to send a click event at once.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onTouchEnd = function(event) {
var forElement, trackingClickStart, targetTagName, scrollParent, touch, targetElement = this.targetElement;
if (!this.trackingClick) {
return true;
}
// Prevent phantom clicks on fast double-tap (issue #36)
if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
this.cancelNextClick = true;
return true;
}
if ((event.timeStamp - this.trackingClickStart) > this.tapTimeout) {
return true;
}
// Reset to prevent wrong click cancel on input (issue #156).
this.cancelNextClick = false;
this.lastClickTime = event.timeStamp;
trackingClickStart = this.trackingClickStart;
this.trackingClick = false;
this.trackingClickStart = 0;
// On some iOS devices, the targetElement supplied with the event is invalid if the layer
// is performing a transition or scroll, and has to be re-detected manually. Note that
// for this to function correctly, it must be called *after* the event target is checked!
// See issue #57; also filed as rdar://13048589 .
if (deviceIsIOSWithBadTarget) {
touch = event.changedTouches[0];
// In certain cases arguments of elementFromPoint can be negative, so prevent setting targetElement to null
targetElement = document.elementFromPoint(touch.pageX - window.pageXOffset, touch.pageY - window.pageYOffset) || targetElement;
targetElement.fastClickScrollParent = this.targetElement.fastClickScrollParent;
}
targetTagName = targetElement.tagName.toLowerCase();
if (targetTagName === 'label') {
forElement = this.findControl(targetElement);
if (forElement) {
this.focus(targetElement);
if (deviceIsAndroid) {
return false;
}
targetElement = forElement;
}
} else if (this.needsFocus(targetElement)) {
// Case 1: If the touch started a while ago (best guess is 100ms based on tests for issue #36) then focus will be triggered anyway. Return early and unset the target element reference so that the subsequent click will be allowed through.
// Case 2: Without this exception for input elements tapped when the document is contained in an iframe, then any inputted text won't be visible even though the value attribute is updated as the user types (issue #37).
if ((event.timeStamp - trackingClickStart) > 100 || (deviceIsIOS && window.top !== window && targetTagName === 'input')) {
this.targetElement = null;
return false;
}
this.focus(targetElement);
this.sendClick(targetElement, event);
// Select elements need the event to go through on iOS 4, otherwise the selector menu won't open.
// Also this breaks opening selects when VoiceOver is active on iOS6, iOS7 (and possibly others)
if (!deviceIsIOS || targetTagName !== 'select') {
this.targetElement = null;
event.preventDefault();
}
return false;
}
if (deviceIsIOS && !deviceIsIOS4) {
// Don't send a synthetic click event if the target element is contained within a parent layer that was scrolled
// and this tap is being used to stop the scrolling (usually initiated by a fling - issue #42).
scrollParent = targetElement.fastClickScrollParent;
if (scrollParent && scrollParent.fastClickLastScrollTop !== scrollParent.scrollTop) {
return true;
}
}
// Prevent the actual click from going though - unless the target node is marked as requiring
// real clicks or if it is in the whitelist in which case only non-programmatic clicks are permitted.
if (!this.needsClick(targetElement)) {
event.preventDefault();
this.sendClick(targetElement, event);
}
return false;
};
/**
* On touch cancel, stop tracking the click.
*
* @returns {void}
*/
FastClick.prototype.onTouchCancel = function() {
this.trackingClick = false;
this.targetElement = null;
};
/**
* Determine mouse events which should be permitted.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onMouse = function(event) {
// If a target element was never set (because a touch event was never fired) allow the event
if (!this.targetElement) {
return true;
}
if (event.forwardedTouchEvent) {
return true;
}
// Programmatically generated events targeting a specific element should be permitted
if (!event.cancelable) {
return true;
}
// Derive and check the target element to see whether the mouse event needs to be permitted;
// unless explicitly enabled, prevent non-touch click events from triggering actions,
// to prevent ghost/doubleclicks.
if (!this.needsClick(this.targetElement) || this.cancelNextClick) {
// Prevent any user-added listeners declared on FastClick element from being fired.
if (event.stopImmediatePropagation) {
event.stopImmediatePropagation();
} else {
// Part of the hack for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
event.propagationStopped = true;
}
// Cancel the event
event.stopPropagation();
event.preventDefault();
return false;
}
// If the mouse event is permitted, return true for the action to go through.
return true;
};
/**
* On actual clicks, determine whether this is a touch-generated click, a click action occurring
* naturally after a delay after a touch (which needs to be cancelled to avoid duplication), or
* an actual click which should be permitted.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onClick = function(event) {
var permitted;
// It's possible for another FastClick-like library delivered with third-party code to fire a click event before FastClick does (issue #44). In that case, set the click-tracking flag back to false and return early. This will cause onTouchEnd to return early.
if (this.trackingClick) {
this.targetElement = null;
this.trackingClick = false;
return true;
}
// Very odd behaviour on iOS (issue #18): if a submit element is present inside a form and the user hits enter in the iOS simulator or clicks the Go button on the pop-up OS keyboard the a kind of 'fake' click event will be triggered with the submit-type input element as the target.
if (event.target.type === 'submit' && event.detail === 0) {
return true;
}
permitted = this.onMouse(event);
// Only unset targetElement if the click is not permitted. This will ensure that the check for !targetElement in onMouse fails and the browser's click doesn't go through.
if (!permitted) {
this.targetElement = null;
}
// If clicks are permitted, return true for the action to go through.
return permitted;
};
/**
* Remove all FastClick's event listeners.
*
* @returns {void}
*/
FastClick.prototype.destroy = function() {
var layer = this.layer;
if (deviceIsAndroid) {
layer.removeEventListener('mouseover', this.onMouse, true);
layer.removeEventListener('mousedown', this.onMouse, true);
layer.removeEventListener('mouseup', this.onMouse, true);
}
layer.removeEventListener('click', this.onClick, true);
layer.removeEventListener('touchstart', this.onTouchStart, false);
layer.removeEventListener('touchmove', this.onTouchMove, false);
layer.removeEventListener('touchend', this.onTouchEnd, false);
layer.removeEventListener('touchcancel', this.onTouchCancel, false);
};
/**
* Check whether FastClick is needed.
*
* @param {Element} layer The layer to listen on
*/
FastClick.notNeeded = function(layer) {
var metaViewport;
var chromeVersion;
var blackberryVersion;
var firefoxVersion;
// Devices that don't support touch don't need FastClick
if (typeof window.ontouchstart === 'undefined') {
return true;
}
// Chrome version - zero for other browsers
chromeVersion = +(/Chrome\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
if (chromeVersion) {
if (deviceIsAndroid) {
metaViewport = document.querySelector('meta[name=viewport]');
if (metaViewport) {
// Chrome on Android with user-scalable="no" doesn't need FastClick (issue #89)
if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
return true;
}
// Chrome 32 and above with width=device-width or less don't need FastClick
if (chromeVersion > 31 && document.documentElement.scrollWidth <= window.outerWidth) {
return true;
}
}
// Chrome desktop doesn't need FastClick (issue #15)
} else {
return true;
}
}
if (deviceIsBlackBerry10) {
blackberryVersion = navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/);
// BlackBerry 10.3+ does not require Fastclick library.
// https://github.com/ftlabs/fastclick/issues/251
if (blackberryVersion[1] >= 10 && blackberryVersion[2] >= 3) {
metaViewport = document.querySelector('meta[name=viewport]');
if (metaViewport) {
// user-scalable=no eliminates click delay.
if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
return true;
}
// width=device-width (or less than device-width) eliminates click delay.
if (document.documentElement.scrollWidth <= window.outerWidth) {
return true;
}
}
}
}
// IE10 with -ms-touch-action: none or manipulation, which disables double-tap-to-zoom (issue #97)
if (layer.style.msTouchAction === 'none' || layer.style.touchAction === 'manipulation') {
return true;
}
// Firefox version - zero for other browsers
firefoxVersion = +(/Firefox\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
if (firefoxVersion >= 27) {
// Firefox 27+ does not have tap delay if the content is not zoomable - https://bugzilla.mozilla.org/show_bug.cgi?id=922896
metaViewport = document.querySelector('meta[name=viewport]');
if (metaViewport && (metaViewport.content.indexOf('user-scalable=no') !== -1 || document.documentElement.scrollWidth <= window.outerWidth)) {
return true;
}
}
// IE11: prefixed -ms-touch-action is no longer supported and it's recomended to use non-prefixed version
// http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx
if (layer.style.touchAction === 'none' || layer.style.touchAction === 'manipulation') {
return true;
}
return false;
};
/**
* Factory method for creating a FastClick object
*
* @param {Element} layer The layer to listen on
* @param {Object} [options={}] The options to override the defaults
*/
FastClick.attach = function(layer, options) {
return new FastClick(layer, options);
};
if (true) {
// AMD. Register as an anonymous module.
!(__WEBPACK_AMD_DEFINE_RESULT__ = function() {
return FastClick;
}.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof module !== 'undefined' && module.exports) {
module.exports = FastClick.attach;
module.exports.FastClick = FastClick;
} else {
window.FastClick = FastClick;
}
}());
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _dialog = __webpack_require__(3);
var _dialog2 = _interopRequireDefault(_dialog);
var _alert = __webpack_require__(9);
var _alert2 = _interopRequireDefault(_alert);
var _confirm = __webpack_require__(10);
var _confirm2 = _interopRequireDefault(_confirm);
var _toast = __webpack_require__(11);
var _toast2 = _interopRequireDefault(_toast);
var _loading = __webpack_require__(13);
var _loading2 = _interopRequireDefault(_loading);
var _actionSheet = __webpack_require__(15);
var _actionSheet2 = _interopRequireDefault(_actionSheet);
var _topTips = __webpack_require__(17);
var _topTips2 = _interopRequireDefault(_topTips);
var _searchBar = __webpack_require__(19);
var _searchBar2 = _interopRequireDefault(_searchBar);
var _tab = __webpack_require__(20);
var _tab2 = _interopRequireDefault(_tab);
var _form = __webpack_require__(21);
var _form2 = _interopRequireDefault(_form);
var _uploader = __webpack_require__(22);
var _uploader2 = _interopRequireDefault(_uploader);
var _picker = __webpack_require__(26);
var _gallery = __webpack_require__(32);
var _gallery2 = _interopRequireDefault(_gallery);
var _slider = __webpack_require__(34);
var _slider2 = _interopRequireDefault(_slider);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
exports.default = {
dialog: _dialog2.default,
alert: _alert2.default,
confirm: _confirm2.default,
toast: _toast2.default,
loading: _loading2.default,
actionSheet: _actionSheet2.default,
topTips: _topTips2.default,
searchBar: _searchBar2.default,
tab: _tab2.default,
form: _form2.default,
uploader: _uploader2.default,
picker: _picker.picker,
datePicker: _picker.datePicker,
gallery: _gallery2.default,
slider: _slider2.default
};
module.exports = exports['default'];
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _dialog = __webpack_require__(8);
var _dialog2 = _interopRequireDefault(_dialog);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _sington = void 0;
/**
* dialog，彈窗，alert和confirm的父類
*
* @param {object=} options 配置項
* @param {string=} options.title 彈窗的標題
* @param {string=} options.content 彈窗的內容
* @param {string=} options.className 彈窗的自定義類名
* @param {array=} options.buttons 按鈕配置項
*
* @param {string} [options.buttons[].label=確定] 按鈕的文字
* @param {string} [options.buttons[].type=primary] 按鈕的類型 [primary, default]
* @param {function} [options.buttons[].onClick=$.noop] 按鈕的回調
*
* @example
* weui.dialog({
* title: 'dialog標題',
* content: 'dialog內容',
* className: 'custom-classname',
* buttons: [{
* label: '取消',
* type: 'default',
* onClick: function () { alert('取消') }
* }, {
* label: '確定',
* type: 'primary',
* onClick: function () { alert('確定') }
* }]
* });
*
* // 主動關閉
* var $dialog = weui.dialog({...});
* $dialog.hide(function(){
* console.log('`dialog` has been hidden');
* });
*/
function dialog() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
if (_sington) return _sington;
var isAndroid = _util2.default.os.android;
options = _util2.default.extend({
title: null,
content: '',
className: '',
buttons: [{
label: '確定',
type: 'primary',
onClick: _util2.default.noop
}],
isAndroid: isAndroid
}, options);
var $dialogWrap = (0, _util2.default)(_util2.default.render(_dialog2.default, options));
var $dialog = $dialogWrap.find('.weui-dialog');
var $mask = $dialogWrap.find('.weui-mask');
function _hide(callback) {
_hide = _util2.default.noop; // 防止二次調用導致報錯
$mask.addClass('weui-animate-fade-out');
$dialog.addClass('weui-animate-fade-out').on('animationend webkitAnimationEnd', function () {
$dialogWrap.remove();
_sington = false;
callback && callback();
});
}
function hide(callback) {
_hide(callback);
}
(0, _util2.default)('body').append($dialogWrap);
// 不能直接把.weui-animate-fade-in加到$dialog，會導致mask的z-index有問題
$mask.addClass('weui-animate-fade-in');
$dialog.addClass('weui-animate-fade-in');
$dialogWrap.on('click', '.weui-dialog__btn', function (evt) {
var index = (0, _util2.default)(this).index();
if (options.buttons[index].onClick) {
if (options.buttons[index].onClick.call(this, evt) !== false) hide();
} else {
hide();
}
});
_sington = $dialogWrap[0];
_sington.hide = hide;
return _sington;
}
exports.default = dialog;
module.exports = exports['default'];
/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
__webpack_require__(5);
var _objectAssign = __webpack_require__(6);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
var _balajs = __webpack_require__(7);
var _balajs2 = _interopRequireDefault(_balajs);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// 其實，$ 的原型就是一個數組，擁有數組的各種方法
// 這裏只是庫內部使用，所以通過文檔約束，不做容錯校驗，達到代碼最小化
/* 判斷系統 */
function _detect(ua) {
var os = this.os = {},
android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
if (android) {
os.android = true;
os.version = android[2];
}
}
_detect.call(_balajs2.default, navigator.userAgent);
(0, _objectAssign2.default)(_balajs2.default.fn, {
/**
* 只能是一個 HTMLElement 元素或者 HTMLElement 數組，不支持字符串
* @param {Element|Element[]} $child
* @returns {append}
*/
append: function append($child) {
if (!($child instanceof HTMLElement)) {
$child = $child[0];
}
this.forEach(function ($element) {
$element.appendChild($child);
});
return this;
},
/**
*
* @returns {remove}
*/
remove: function remove() {
this.forEach(function ($element) {
$element.parentNode.removeChild($element);
});
return this;
},
/**
*
* @param selector
* @returns {HTMLElement}
*/
find: function find(selector) {
return (0, _balajs2.default)(selector, this);
},
/**
*
* @param {String} className
* @returns {addClass}
*/
addClass: function addClass(className) {
this.forEach(function ($element) {
// http://caniuse.com/#search=classList
$element.classList.add(className);
});
return this;
},
/**
*
* @param {String} className
* @returns {removeClass}
*/
removeClass: function removeClass(className) {
this.forEach(function ($element) {
// http://caniuse.com/#search=classList
$element.classList.remove(className);
});
return this;
},
/**
*
* @param index
* @returns {*|jQuery|HTMLElement}
*/
eq: function eq(index) {
return (0, _balajs2.default)(this[index]);
},
/**
*
* @returns {show}
*/
show: function show() {
this.forEach(function ($element) {
$element.style.display = 'block';
});
return this;
},
/**
*
* @returns {hide}
*/
hide: function hide() {
this.forEach(function ($element) {
$element.style.display = 'none';
});
return this;
},
/**
*
* @param html 目前只能接受字符串
* @returns {html}
*/
html: function html(_html) {
this.forEach(function ($element) {
$element.innerHTML = _html;
});
return this;
},
/**
*
* @param {Object} obj 目前只能接受object
* @returns {css}
*/
css: function css(obj) {
var _this = this;
Object.keys(obj).forEach(function (key) {
_this.forEach(function ($element) {
$element.style[key] = obj[key];
});
});
return this;
},
/**
*
* @param eventType
* @param selector
* @param handler
*/
on: function on(eventType, selector, handler) {
var isDelegate = typeof selector === 'string' && typeof handler === 'function';
if (!isDelegate) {
handler = selector;
}
this.forEach(function ($element) {
eventType.split(' ').forEach(function (event) {
$element.addEventListener(event, function (evt) {
if (isDelegate) {
// http://caniuse.com/#search=closest
if (this.contains(evt.target.closest(selector))) {
handler.call(evt.target, evt);
}
} else {
handler.call(this, evt);
}
});
});
});
return this;
},
/**
*
* @param {String} eventType
* @param {String|Function} selector
* @param {Function=} handler
* @returns {off}
*/
off: function off(eventType, selector, handler) {
if (typeof selector === 'function') {
handler = selector;
selector = null;
}
this.forEach(function ($element) {
eventType.split(' ').forEach(function (event) {
if (typeof selector === 'string') {
$element.querySelectorAll(selector).forEach(function ($element) {
$element.removeEventListener(event, handler);
});
} else {
$element.removeEventListener(event, handler);
}
});
});
return this;
},
/**
*
* @returns {Number}
*/
index: function index() {
var $element = this[0];
var $parent = $element.parentNode;
return Array.prototype.indexOf.call($parent.children, $element);
},
/**
* @desc 因爲off方法目前不可以移除綁定的匿名函數，現在直接暴力移除所有listener
* @returns {offAll}
*/
offAll: function offAll() {
var _this2 = this;
this.forEach(function ($element, index) {
var clone = $element.cloneNode(true);
$element.parentNode.replaceChild(clone, $element);
_this2[index] = clone;
});
return this;
},
/**
*
* @returns {*}
*/
val: function val() {
var _arguments = arguments;
if (arguments.length) {
this.forEach(function ($element) {
$element.value = _arguments[0];
});
return this;
}
return this[0].value;
},
/**
*
* @returns {*}
*/
attr: function attr() {
var _arguments2 = arguments;
if (_typeof(arguments[0]) == 'object') {
var attrsObj = arguments[0];
var that = this;
Object.keys(attrsObj).forEach(function (attr) {
that.forEach(function ($element) {
$element.setAttribute(attr, attrsObj[attr]);
});
});
return this;
}
if (typeof arguments[0] == 'string' && arguments.length < 2) {
return this[0].getAttribute(arguments[0]);
}
this.forEach(function ($element) {
$element.setAttribute(_arguments2[0], _arguments2[1]);
});
return this;
}
});
(0, _objectAssign2.default)(_balajs2.default, {
extend: _objectAssign2.default,
/**
* noop
*/
noop: function noop() {},
/**
* render
* 取值：<%= variable %>
* 表達式：<% if {} %>
* 例子：
* <div>
* <div class="weui-mask"></div>
* <div class="weui-dialog">
* <% if(typeof title === 'string'){ %>
* <div class="weui-dialog__hd"><strong class="weui-dialog__title"><%=title%></strong></div>
* <% } %>
* <div class="weui-dialog__bd"><%=content%></div>
* <div class="weui-dialog__ft">
* <% for(var i = 0; i < buttons.length; i++){ %>
* <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_<%=buttons[i]['type']%>"><%=buttons[i]['label']%></a>
* <% } %>
* </div>
* </div>
* </div>
* A very simple template engine
* @param {String} tpl
* @param {Object=} data
* @returns {String}
*/
render: function render(tpl, data) {
var code = 'var p=[];with(this){p.push(\'' + tpl.replace(/[\r\t\n]/g, ' ').split('<%').join('\t').replace(/((^|%>)[^\t]*)'/g, '$1\r').replace(/\t=(.*?)%>/g, '\',$1,\'').split('\t').join('\');').split('%>').join('p.push(\'').split('\r').join('\\\'') + '\');}return p.join(\'\');';
return new Function(code).apply(data);
},
/**
* getStyle 獲得元素計算後的樣式值
* (from http://stackoverflow.com/questions/2664045/how-to-get-an-html-elements-style-values-in-javascript)
*/
getStyle: function getStyle(el, styleProp) {
var value,
defaultView = (el.ownerDocument || document).defaultView;
// W3C standard way:
if (defaultView && defaultView.getComputedStyle) {
// sanitize property name to css notation
// (hypen separated words eg. font-Size)
styleProp = styleProp.replace(/([A-Z])/g, '-$1').toLowerCase();
return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
} else if (el.currentStyle) {
// IE
// sanitize property name to camelCase
styleProp = styleProp.replace(/\-(\w)/g, function (str, letter) {
return letter.toUpperCase();
});
value = el.currentStyle[styleProp];
// convert other units to pixels on IE
if (/^\d+(em|pt|%|ex)?$/i.test(value)) {
return function (value) {
var oldLeft = el.style.left,
oldRsLeft = el.runtimeStyle.left;
el.runtimeStyle.left = el.currentStyle.left;
el.style.left = value || 0;
value = el.style.pixelLeft + 'px';
el.style.left = oldLeft;
el.runtimeStyle.left = oldRsLeft;
return value;
}(value);
}
return value;
}
}
});
exports.default = _balajs2.default;
module.exports = exports['default'];
/***/ }),
/* 5 */
/***/ (function(module, exports) {
// element-closest | CC0-1.0 | github.com/jonathantneal/closest
(function (ElementProto) {
if (typeof ElementProto.matches !== 'function') {
ElementProto.matches = ElementProto.msMatchesSelector || ElementProto.mozMatchesSelector || ElementProto.webkitMatchesSelector || function matches(selector) {
var element = this;
var elements = (element.document || element.ownerDocument).querySelectorAll(selector);
var index = 0;
while (elements[index] && elements[index] !== element) {
++index;
}
return Boolean(elements[index]);
};
}
if (typeof ElementProto.closest !== 'function') {
ElementProto.closest = function closest(selector) {
var element = this;
while (element && element.nodeType === 1) {
if (element.matches(selector)) {
return element;
}
element = element.parentNode;
}
return null;
};
}
})(window.Element.prototype);
/***/ }),
/* 6 */
/***/ (function(module, exports) {
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
'use strict';
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) {
throw new TypeError('Object.assign cannot be called with null or undefined');
}
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) {
return false;
}
// Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
test1[5] = 'de';
if (Object.getOwnPropertyNames(test1)[0] === '5') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for (var i = 0; i < 10; i++) {
test2['_' + String.fromCharCode(i)] = i;
}
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
return test2[n];
});
if (order2.join('') !== '0123456789') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join('') !==
'abcdefghijklmnopqrst') {
return false;
}
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
var from;
var to = toObject(target);
var symbols;
for (var s = 1; s < arguments.length; s++) {
from = Object(arguments[s]);
for (var key in from) {
if (hasOwnProperty.call(from, key)) {
to[key] = from[key];
}
}
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for (var i = 0; i < symbols.length; i++) {
if (propIsEnumerable.call(from, symbols[i])) {
to[symbols[i]] = from[symbols[i]];
}
}
}
}
return to;
};
/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(root, $) {
$ = (function(document, s_addEventListener, s_querySelectorAll) {
function $(s, context, bala) {
bala = Object.create($.fn);
s && bala.push.apply(bala, // if s is truly then push the following
s[s_addEventListener] // if arg is node or window,
? [s] // then pass [s]
: "" + s === s // else if arg is a string
? /</.test(s) // if the string contains "<" (if HTML code is passed)
// then parse it and return node.children
// use 'addEventListener' (HTMLUnknownElement) if content is not presented
? ((context = document.createElement(context || s_addEventListener)).innerHTML = s
, context.children)
: context // else if context is truly
? ((context = $(context)[0]) // if context element is found
? context[s_querySelectorAll](s) // then select element from context
: bala) // else pass [] (context isn't found)
: document[s_querySelectorAll](s) // else select elements globally
: typeof s == 'function' // else if function is passed
// if DOM is ready
// readyState[7] means readyState value is "interactive" or "complete" (not "loading")
? document.readyState[7]
? s() // then run given function
: document[s_addEventListener]('DOMContentLoaded', s) // else wait for DOM ready
: s); // else guessing that s variable is array-like Object
return bala;
}
$.fn = [];
$.one = function(s, context) {
return $(s, context)[0] || null;
};
return $;
})(document, 'addEventListener', 'querySelectorAll');
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function() {
return $;
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof module == 'object' && module.exports) {
module.exports = $;
} else {
root.$ = $;
}
})(this);
/***/ }),
/* 8 */
/***/ (function(module, exports) {
module.exports = "<div class=\"<%=className%>\"> <div class=weui-mask></div> <div class=\"weui-dialog <% if(isAndroid){ %> weui-skin_android <% } %>\"> <% if(title){ %> <div class=weui-dialog__hd><strong class=weui-dialog__title><%=title%></strong></div> <% } %> <div class=weui-dialog__bd><%=content%></div> <div class=weui-dialog__ft> <% for(var i = 0; i < buttons.length; i++){ %> <a href=javascript:; class=\"weui-dialog__btn weui-dialog__btn_<%=buttons[i]['type']%>\"><%=buttons[i]['label']%></a> <% } %> </div> </div> </div> ";
/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _dialog = __webpack_require__(3);
var _dialog2 = _interopRequireDefault(_dialog);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* alert 警告彈框，功能類似於瀏覽器自帶的 alert 彈框，用於提醒、警告用戶簡單扼要的信息，只有一個“確認”按鈕，點擊“確認”按鈕後關閉彈框。
* @param {string} content 彈窗內容
* @param {function=} yes 點擊確定按鈕的回調
* @param {object=} options 配置項
* @param {string=} options.title 彈窗的標題
* @param {string=} options.className 自定義類名
* @param {array=} options.buttons 按鈕配置項，詳情參考dialog
*
* @example
* weui.alert('普通的alert');
* weui.alert('帶回調的alert', function(){ console.log('ok') });
* var alertDom = weui.alert('手動關閉的alert', function(){
* return false; // 不關閉彈窗，可用alertDom.hide()來手動關閉
* });
* weui.alert('自定義標題的alert', { title: '自定義標題' });
* weui.alert('帶回調的自定義標題的alert', function(){
* console.log('ok')
* }, {
* title: '自定義標題'
* });
* weui.alert('自定義按鈕的alert', {
* title: '自定義按鈕的alert',
* buttons: [{
* label: 'OK',
* type: 'primary',
* onClick: function(){ console.log('ok') }
* }]
* });
*
* // 多次使用
* var alert = weui.alert('hello');
* alert.hide(function(){
* weui.alert('world');
* });
*/
function alert() {
var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var yes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _util2.default.noop;
var options = arguments[2];
if ((typeof yes === 'undefined' ? 'undefined' : _typeof(yes)) === 'object') {
options = yes;
yes = _util2.default.noop;
}
options = _util2.default.extend({
content: content,
buttons: [{
label: '確定',
type: 'primary',
onClick: yes
}]
}, options);
return (0, _dialog2.default)(options);
}
exports.default = alert;
module.exports = exports['default'];
/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _dialog = __webpack_require__(3);
var _dialog2 = _interopRequireDefault(_dialog);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* 確認彈窗
* @param {string} content 彈窗內容
* @param {function=} yes 點擊確定按鈕的回調
* @param {function=} no 點擊取消按鈕的回調
* @param {object=} options 配置項
* @param {string=} options.title 彈窗的標題
* @param {string=} options.className 自定義類名
* @param {array=} options.buttons 按鈕配置項，詳情參考dialog
*
* @example
* weui.confirm('普通的confirm');
* weui.confirm('自定義標題的confirm', { title: '自定義標題' });
* weui.confirm('帶回調的confirm', function(){ console.log('yes') }, function(){ console.log('no') });
* var confirmDom = weui.confirm('手動關閉的confirm', function(){
* return false; // 不關閉彈窗，可用confirmDom.hide()來手動關閉
* });
* weui.confirm('帶回調的自定義標題的confirm', function(){ console.log('yes') }, function(){ console.log('no') }, {
* title: '自定義標題'
* });
* weui.confirm('自定義按鈕的confirm', {
* title: '自定義按鈕的confirm',
* buttons: [{
* label: 'NO',
* type: 'default',
* onClick: function(){ console.log('no') }
* }, {
* label: 'YES',
* type: 'primary',
* onClick: function(){ console.log('yes') }
* }]
* });
*/
function confirm() {
var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var yes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _util2.default.noop;
var no = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _util2.default.noop;
var options = arguments[3];
if ((typeof yes === 'undefined' ? 'undefined' : _typeof(yes)) === 'object') {
options = yes;
yes = _util2.default.noop;
} else if ((typeof no === 'undefined' ? 'undefined' : _typeof(no)) === 'object') {
options = no;
no = _util2.default.noop;
}
options = _util2.default.extend({
content: content,
buttons: [{
label: '取消',
type: 'default',
onClick: no
}, {
label: '確定',
type: 'primary',
onClick: yes
}]
}, options);
return (0, _dialog2.default)(options);
}
exports.default = confirm;
module.exports = exports['default'];
/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _toast = __webpack_require__(12);
var _toast2 = _interopRequireDefault(_toast);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _sington = void 0;
/**
* toast 一般用於操作成功時的提示場景
* @param {string} content toast的文字
* @param {Object|function=} options 配置項或回調
* @param {number=} [options.duration=3000] 多少毫秒後關閉toast
* @param {function=} options.callback 關閉後的回調
* @param {string=} options.className 自定義類名
*
* @example
* weui.toast('操作成功', 3000);
* weui.toast('操作成功', {
* duration: 3000,
* className: 'custom-classname',
* callback: function(){ console.log('close') }
* });
*/
function toast() {
var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
if (_sington) return _sington;
if (typeof options === 'number') {
options = {
duration: options
};
}
if (typeof options === 'function') {
options = {
callback: options
};
}
options = _util2.default.extend({
content: content,
duration: 3000,
callback: _util2.default.noop,
className: ''
}, options);
var $toastWrap = (0, _util2.default)(_util2.default.render(_toast2.default, options));
var $toast = $toastWrap.find('.weui-toast');
var $mask = $toastWrap.find('.weui-mask');
(0, _util2.default)('body').append($toastWrap);
$toast.addClass('weui-animate-fade-in');
$mask.addClass('weui-animate-fade-in');
setTimeout(function () {
$mask.addClass('weui-animate-fade-out');
$toast.addClass('weui-animate-fade-out').on('animationend webkitAnimationEnd', function () {
$toastWrap.remove();
_sington = false;
options.callback();
});
}, options.duration);
_sington = $toastWrap[0];
return $toastWrap[0];
}
exports.default = toast;
module.exports = exports['default'];
/***/ }),
/* 12 */
/***/ (function(module, exports) {
module.exports = "<div class=\"<%= className %>\"> <div class=weui-mask_transparent></div> <div class=weui-toast> <i class=\"weui-icon_toast weui-icon-success-no-circle\"></i> <p class=weui-toast__content><%=content%></p> </div> </div> ";
/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _loading = __webpack_require__(14);
var _loading2 = _interopRequireDefault(_loading);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _sington = void 0;
/**
* loading
* @param {string} content loading的文字
* @param {object=} options 配置項
* @param {string=} options.className 自定義類名
*
* @example
* var loading = weui.loading('loading', {
* className: 'custom-classname'
* });
* setTimeout(function () {
* loading.hide(function() {
* console.log('`loading` has been hidden');
* });
* }, 3000);
*/
function loading() {
var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
if (_sington) return _sington;
options = _util2.default.extend({
content: content,
className: ''
}, options);
var $loadingWrap = (0, _util2.default)(_util2.default.render(_loading2.default, options));
var $loading = $loadingWrap.find('.weui-toast');
var $mask = $loadingWrap.find('.weui-mask');
function _hide(callback) {
_hide = _util2.default.noop; // 防止二次調用導致報錯
$mask.addClass('weui-animate-fade-out');
$loading.addClass('weui-animate-fade-out').on('animationend webkitAnimationEnd', function () {
$loadingWrap.remove();
_sington = false;
callback && callback();
});
}
function hide(callback) {
_hide(callback);
}
(0, _util2.default)('body').append($loadingWrap);
$loading.addClass('weui-animate-fade-in');
$mask.addClass('weui-animate-fade-in');
_sington = $loadingWrap[0];
_sington.hide = hide;
return _sington;
}
exports.default = loading;
module.exports = exports['default'];
/***/ }),
/* 14 */
/***/ (function(module, exports) {
module.exports = "<div class=\"weui-loading_toast <%= className %>\"> <div class=weui-mask_transparent></div> <div class=weui-toast> <i class=\"weui-loading weui-icon_toast\"></i> <p class=weui-toast__content><%=content%></p> </div> </div> ";
/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _actionSheet = __webpack_require__(16);
var _actionSheet2 = _interopRequireDefault(_actionSheet);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _sington = void 0;
/**
* actionsheet 彈出式菜單
* @param {array} menus 上層的選項
* @param {string} menus[].label 選項的文字
* @param {function} menus[].onClick 選項點擊時的回調
*
* @param {array} actions 下層的選項
* @param {string} actions[].label 選項的文字
* @param {function} actions[].onClick 選項點擊時的回調
*
* @param {object=} options 配置項
* @param {string=} options.className 自定義類名
*
* @example
* weui.actionSheet([
* {
* label: '拍照',
* onClick: function () {
* console.log('拍照');
* }
* }, {
* label: '從相冊選擇',
* onClick: function () {
* console.log('從相冊選擇');
* }
* }, {
* label: '其他',
* onClick: function () {
* console.log('其他');
* }
* }
* ], [
* {
* label: '取消',
* onClick: function () {
* console.log('取消');
* }
* }
* ], {
* className: 'custom-classname'
* });
*/
function actionSheet() {
var menus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var actions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
if (_sington) return _sington;
var isAndroid = _util2.default.os.android;
options = _util2.default.extend({
menus: menus,
actions: actions,
className: '',
isAndroid: isAndroid
}, options);
var $actionSheetWrap = (0, _util2.default)(_util2.default.render(_actionSheet2.default, options));
var $actionSheet = $actionSheetWrap.find('.weui-actionsheet');
var $actionSheetMask = $actionSheetWrap.find('.weui-mask');
function _hide(callback) {
_hide = _util2.default.noop; // 防止二次調用導致報錯
$actionSheet.addClass(options.isAndroid ? 'weui-animate-fade-out' : 'weui-animate-slide-down');
$actionSheetMask.addClass('weui-animate-fade-out').on('animationend webkitAnimationEnd', function () {
$actionSheetWrap.remove();
_sington = false;
callback && callback();
});
}
function hide(callback) {
_hide(callback);
}
(0, _util2.default)('body').append($actionSheetWrap);
// 這裏獲取一下計算後的樣式，強制觸發渲染. fix IOS10下閃現的問題
_util2.default.getStyle($actionSheet[0], 'transform');
$actionSheet.addClass(options.isAndroid ? 'weui-animate-fade-in' : 'weui-animate-slide-up');
$actionSheetMask.addClass('weui-animate-fade-in').on('click', function () {
hide();
});
$actionSheetWrap.find('.weui-actionsheet__menu').on('click', '.weui-actionsheet__cell', function (evt) {
var index = (0, _util2.default)(this).index();
menus[index].onClick.call(this, evt);
hide();
});
$actionSheetWrap.find('.weui-actionsheet__action').on('click', '.weui-actionsheet__cell', function (evt) {
var index = (0, _util2.default)(this).index();
actions[index].onClick.call(this, evt);
hide();
});
_sington = $actionSheetWrap[0];
_sington.hide = hide;
return _sington;
}
exports.default = actionSheet;
module.exports = exports['default'];
/***/ }),
/* 16 */
/***/ (function(module, exports) {
module.exports = "<div class=\"<% if(isAndroid){ %>weui-skin_android <% } %><%= className %>\"> <div class=weui-mask></div> <div class=weui-actionsheet> <div class=weui-actionsheet__menu> <% for(var i = 0; i < menus.length; i++){ %> <div class=weui-actionsheet__cell><%= menus[i].label %></div> <% } %> </div> <div class=weui-actionsheet__action> <% for(var j = 0; j < actions.length; j++){ %> <div class=weui-actionsheet__cell><%= actions[j].label %></div> <% } %> </div> </div> </div> ";
/***/ }),
/* 17 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _topTips = __webpack_require__(18);
var _topTips2 = _interopRequireDefault(_topTips);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _toptips = null;
/**
* toptips 頂部報錯提示
* @param {string} content 報錯的文字
* @param {number|function|object=} options 多少毫秒後消失|消失後的回調|配置項
* @param {number=} [options.duration=3000] 多少毫秒後消失
* @param {string=} options.className 自定義類名
* @param {function=} options.callback 消失後的回調
*
* @example
* weui.topTips('請填寫正確的字段');
* weui.topTips('請填寫正確的字段', 3000);
* weui.topTips('請填寫正確的字段', function(){ console.log('close') });
* weui.topTips('請填寫正確的字段', {
* duration: 3000,
* className: 'custom-classname',
* callback: function(){ console.log('close') }
* });
*
* // 主動關閉
* var $topTips = weui.topTips('請填寫正確的字段');
* $topTips.hide(function() {
* console.log('`topTips` has been hidden');
* });
*/
function topTips(content) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
if (typeof options === 'number') {
options = {
duration: options
};
}
if (typeof options === 'function') {
options = {
callback: options
};
}
options = _util2.default.extend({
content: content,
duration: 3000,
callback: _util2.default.noop,
className: ''
}, options);
var $topTips = (0, _util2.default)(_util2.default.render(_topTips2.default, options));
function _hide(callback) {
_hide = _util2.default.noop; // 防止二次調用導致報錯
$topTips.remove();
callback && callback();
options.callback();
_toptips = null;
}
function hide(callback) {
_hide(callback);
}
(0, _util2.default)('body').append($topTips);
if (_toptips) {
clearTimeout(_toptips.timeout);
_toptips.hide();
}
_toptips = {
hide: hide
};
_toptips.timeout = setTimeout(hide, options.duration);
$topTips[0].hide = hide;
return $topTips[0];
}
exports.default = topTips;
module.exports = exports['default'];
/***/ }),
/* 18 */
/***/ (function(module, exports) {
module.exports = "<div class=\"weui-toptips weui-toptips_warn <%= className %>\" style=display:block><%= content %></div> ";
/***/ }),
/* 19 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* searchbar 搜索框，主要實現搜索框組件一些顯隱邏輯
* @param {string} selector searchbar的selector
*
* @example
* #### html
* ```html
* <div class="weui-search-bar" id="searchBar">
* <form class="weui-search-bar__form">
* <div class="weui-search-bar__box">
* <i class="weui-icon-search"></i>
* <input type="search" class="weui-search-bar__input" placeholder="搜索" required="">
* <a href="javascript:" class="weui-icon-clear"></a>
* </div>
* <label class="weui-search-bar__label">
* <i class="weui-icon-search"></i>
* <span>搜索</span>
* </label>
* </form>
* <a href="javascript:" class="weui-search-bar__cancel-btn">取消</a>
* </div>
* ```
*
* #### js
* ```javascript
* weui.searchBar('#searchBar');
* ```
*/
function searchBar(selector) {
var $eles = (0, _util2.default)(selector);
$eles.forEach(function (ele) {
var $searchBar = (0, _util2.default)(ele);
var $searchLabel = $searchBar.find('.weui-search-bar__label');
var $searchInput = $searchBar.find('.weui-search-bar__input');
var $searchClear = $searchBar.find('.weui-icon-clear');
var $searchCancel = $searchBar.find('.weui-search-bar__cancel-btn');
function cancelSearch() {
$searchInput.val('');
$searchBar.removeClass('weui-search-bar_focusing');
}
$searchLabel.on('click', function () {
$searchBar.addClass('weui-search-bar_focusing');
$searchInput[0].focus();
});
$searchInput.on('blur', function () {
if (!this.value.length) cancelSearch();
});
$searchClear.on('click', function () {
$searchInput.val('');
$searchInput[0].focus();
});
$searchCancel.on('click', function () {
cancelSearch();
$searchInput[0].blur();
});
});
return $eles;
} /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
exports.default = searchBar;
module.exports = exports['default'];
/***/ }),
/* 20 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* tab tab導航欄
* @param {string} selector tab的selector
* @param {object=} options 配置項
* @param {number=} [options.defaultIndex=0] 初始展示的index
* @param {function=} options.onChange 點擊tab時，返回對應的index
*
* @example
* #### html
* ```html
* <div class="weui-tab" id="tab">
* <div class="weui-navbar">
* <div class="weui-navbar__item">反饋</div>
* <div class="weui-navbar__item">表單</div>
* <div class="weui-navbar__item">上傳</div>
* <div class="weui-navbar__item">其它</div>
* </div>
* <div class="weui-tab__panel">
* <div class="weui-tab__content">反饋頁</div>
* <div class="weui-tab__content">表單頁</div>
* <div class="weui-tab__content">上傳頁</div>
* <div class="weui-tab__content">其它頁</div>
* </div>
* </div>
* ```
*
* #### js
* ```javascript
* weui.tab('#tab',{
* defaultIndex: 0,
* onChange: function(index){
* console.log(index);
* }
* });
* ```
*/
function tab(selector) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var $eles = (0, _util2.default)(selector);
options = _util2.default.extend({
defaultIndex: 0,
onChange: _util2.default.noop
}, options);
$eles.forEach(function (ele) {
var $tab = (0, _util2.default)(ele);
var $tabItems = $tab.find('.weui-navbar__item, .weui-tabbar__item');
var $tabContents = $tab.find('.weui-tab__content');
$tabItems.eq(options.defaultIndex).addClass('weui-bar__item_on');
$tabContents.eq(options.defaultIndex).show();
$tabItems.on('click', function () {
var $this = (0, _util2.default)(this),
index = $this.index();
$tabItems.removeClass('weui-bar__item_on');
$this.addClass('weui-bar__item_on');
$tabContents.hide();
$tabContents.eq(index).show();
options.onChange.call(this, index);
});
});
return this;
} /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
exports.default = tab;
module.exports = exports['default'];
/***/ }),
/* 21 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _topTips = __webpack_require__(17);
var _topTips2 = _interopRequireDefault(_topTips);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
function _findCellParent(ele) {
if (!ele || !ele.classList) return null;
if (ele.classList.contains('weui-cell')) return ele;
return _findCellParent(ele.parentNode);
}
function _validate($input, $form, regexp) {
var input = $input[0],
val = $input.val();
if (input.tagName == 'INPUT' || input.tagName == 'TEXTAREA') {
var reg = input.getAttribute('pattern') || '';
if (input.type == 'radio') {
var radioInputs = $form.find('input[type="radio"][name="' + input.name + '"]');
for (var i = 0, len = radioInputs.length; i < len; ++i) {
if (radioInputs[i].checked) return null;
}
return 'empty';
} else if (input.type == 'checkbox') {
if (reg) {
var checkboxInputs = $form.find('input[type="checkbox"][name="' + input.name + '"]');
var regs = reg.replace(/[{\s}]/g, '').split(',');
var count = 0;
if (regs.length != 2) {
throw input.outerHTML + ' regexp is wrong.';
}
checkboxInputs.forEach(function (checkboxInput) {
if (checkboxInput.checked) ++count;
});
if (regs[1] === '') {
// {0,}
if (count >= parseInt(regs[0])) {
return null;
} else {
return count == 0 ? 'empty' : 'notMatch';
}
} else {
// {0,2}
if (parseInt(regs[0]) <= count && count <= parseInt(regs[1])) {
return null;
} else {
return count == 0 ? 'empty' : 'notMatch';
}
}
} else {
return input.checked ? null : 'empty';
}
} else if (reg) {
if (/^REG_/.test(reg)) {
if (!regexp) throw 'RegExp ' + reg + ' is empty.';
reg = reg.replace(/^REG_/, '');
if (!regexp[reg]) throw 'RegExp ' + reg + ' has not found.';
reg = regexp[reg];
}
return new RegExp(reg).test(val) ? null : !$input.val().length ? 'empty' : 'notMatch';
} else if (!$input.val().length) {
return 'empty';
} else {
return null;
}
} else if (val.length) {
// 有輸入值
return null;
}
return 'empty';
}
/**
* 表單校驗
* @param {string} selector 表單的selector
* @param {function} callback 校驗後的回調
* @param {Object=} options 配置項
* @param {object=} options.regexp 表單所需的正則表達式
*
* @example
* ##### 普通input的HTML
* ```html
* <input type="tel" required pattern="[0-9]{11}" placeholder="輸入你現在的手機號" emptyTips="請輸入手機號" notMatchTips="請輸入正確的手機號">
* <input type="text" required pattern="REG_IDNUM" placeholder="輸入你的身份證號碼" emptyTips="請輸入身份證號碼" notMatchTips="請輸入正確的身份證號碼">
* ```
* - required 表示需要校驗
* - pattern 表示校驗的正則，不填則進行爲空校驗。當以REG_開頭時，則獲取校驗時傳入的正則。如`pattern="REG_IDNUM"`，則需要在調用相應方法時傳入`{regexp:{IDNUM: /(?:^\d{15}$)|(?:^\d{18}$)|^\d{17}[\dXx]$/}}`，詳情請看下面`checkIfBlur`和`validate`
* - 報錯的wording會從 emptyTips | notMatchTips | tips | placeholder 裏獲得
* <br>
*
* ##### radio
* radio需要檢驗，只需把參數寫在同一表單下，同name的第一個元素即可。
* ```html
* <input type="radio" value="male" name="sex" required tips="請選擇性別" />
* <input type="radio" value="female" name="sex" />
* ```
* <br>
*
* ##### checkbox
* checkbox需要校驗，只需把參數寫在同一表單下，同name的第一個元素即可。
* pattern 規定選擇個數，用法與正則一致，例如：
* ```html
* <input type="checkbox" name="assistance" value="黃藥師" required pattern="{1,2}" tips="請勾選1-2個敲碼助手" />
* <input type="checkbox" name="assistance" value="歐陽鋒" />
* <input type="checkbox" name="assistance" value="段智興" />
* <input type="checkbox" name="assistance" value="洪七公" />
* ```
* - {1,} 至少選擇1個
* - {1,2} 選擇1-2個
* - 這裏不會出現{0,}這種情況，因爲有required就表示必選。否則直接去掉required即可。
* <br>
*
* ``` js
* // weui.form.validate('#form', function(error){ console.log(error);}); // error: {dom:[Object], msg:[String]}
* weui.form.validate('#form', function (error) {
* if (!error) {
* var loading = weui.loading('提交中...');
* setTimeout(function () {
* loading.hide();
* weui.toast('提交成功', 3000);
* }, 1500);
* }
* // return true; // 當return true時，不會顯示錯誤
* }, {
* regexp: {
* IDNUM: /(?:^\d{15}$)|(?:^\d{18}$)|^\d{17}[\dXx]$/,
* VCODE: /^.{4}$/
* }
* });
* ```
*/
function validate(selector) {
var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _util2.default.noop;
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var $eles = (0, _util2.default)(selector);
$eles.forEach(function (ele) {
var $form = (0, _util2.default)(ele);
var $requireds = $form.find('[required]');
if (typeof callback != 'function') callback = showErrorTips;
for (var i = 0, len = $requireds.length; i < len; ++i) {
var $required = $requireds.eq(i),
errorMsg = _validate($required, $form, options.regexp),
error = { ele: $required[0], msg: errorMsg };
if (errorMsg) {
if (!callback(error)) showErrorTips(error);
return;
}
}
callback(null);
});
return this;
}
/**
* checkIfBlur 當表單的input失去焦點時校驗
* @param {string} selector 表單的selector
* @param {Object=} options 配置項
* @param {object=} options.regexp 表單所需的正則表達式
*
* @example
* weui.form.checkIfBlur('#form', {
* regexp: {
* IDNUM: /(?:^\d{15}$)|(?:^\d{18}$)|^\d{17}[\dXx]$/,
* VCODE: /^.{4}$/
* }
* });
*/
function checkIfBlur(selector) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var $eles = (0, _util2.default)(selector);
$eles.forEach(function (ele) {
var $form = (0, _util2.default)(ele);
$form.find('[required]').on('blur', function () {
// checkbox 和 radio 不做blur檢測，以免誤觸發
if (this.type == 'checkbox' || this.type == 'radio') return;
var $this = (0, _util2.default)(this);
if ($this.val().length < 1) return; // 當空的時候不校驗，以防不斷彈出toptips
var errorMsg = _validate($this, $form, options.regexp);
if (errorMsg) {
showErrorTips({
ele: $this[0],
msg: errorMsg
});
}
}).on('focus', function () {
hideErrorTips(this);
});
});
return this;
}
/**
* showErrorTips 顯示錯誤提示
* @param {Object} error 錯誤數據
* @param {string} error.ele 出錯了的dom元素
* @param {string} error.msg 出錯了的msg。會根據此`msg`找到對應的`Tips`（比如`msg`是`empty`），那麼`ele`上的`emptyTips`就會以`topTips`顯示
*
* @example
* weui.form.showErrorTips({
* ele: document.getElementById("xxxInput")
* msg: 'empty'
* });
*/
function showErrorTips(error) {
if (error) {
var $ele = (0, _util2.default)(error.ele),
msg = error.msg,
tips = $ele.attr(msg + 'Tips') || $ele.attr('tips') || $ele.attr('placeholder');
if (tips) (0, _topTips2.default)(tips);
if (error.ele.type == 'checkbox' || error.ele.type == 'radio') return;
var cellParent = _findCellParent(error.ele);
if (cellParent) cellParent.classList.add('weui-cell_warn');
}
}
/**
* hideErrorTips 隱藏錯誤提示
* @param {Object} ele dom元素
*
* @example
* weui.form.hideErrorTips(document.getElementById("xxxInput"));
*/
function hideErrorTips(ele) {
var cellParent = _findCellParent(ele);
if (cellParent) cellParent.classList.remove('weui-cell_warn');
}
exports.default = {
showErrorTips: showErrorTips,
hideErrorTips: hideErrorTips,
validate: validate,
checkIfBlur: checkIfBlur
};
module.exports = exports['default'];
/***/ }),
/* 22 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _item = __webpack_require__(23);
var _item2 = _interopRequireDefault(_item);
var _image = __webpack_require__(24);
var _upload = __webpack_require__(25);
var _upload2 = _interopRequireDefault(_upload);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _id = 0;
/**
* uploader 上傳組件
* @param {string} selector 上傳組件的selector
* @param {object} options 配置項
* @param {string} [options.url] 上傳的url，返回值需要使用json格式
* @param {boolean} [options.auto=true] 設置爲`true`後，不需要手動調用上傳，有文件選擇即開始上傳。用this.upload()來上傳，詳情請看example
* @param {string} [options.type=file] 上傳類型, `file`爲文件上傳; `base64`爲以base64上傳
* @param {string=} [options.fileVal=file] 文件上傳域的name
* @param {object=} [options.compress] 壓縮配置, `false`則不壓縮
* @param {number=} [options.compress.width=1600] 圖片的最大寬度
* @param {number=} [options.compress.height=1600] 圖片的最大高度
* @param {number=} [options.compress.quality=.8] 壓縮質量, 取值範圍 0 ~ 1
* @param {function=} [options.onBeforeQueued] 文件添加前的回調，return false則不添加
* @param {function=} [options.onQueued] 文件添加成功的回調
* @param {function=} [options.onBeforeSend] 文件上傳前調用，具體參數看example
* @param {function=} [options.onSuccess] 上傳成功的回調
* @param {function=} [options.onProgress] 上傳進度的回調
* @param {function=} [options.onError] 上傳失敗的回調
*
* @example
* #### html
* ```html
<div class="weui-cells weui-cells_form" id="uploader">
<div class="weui-cell">
<div class="weui-cell__bd">
<div class="weui-uploader">
<div class="weui-uploader__hd">
<p class="weui-uploader__title">圖片上傳</p>
<div class="weui-uploader__info"><span id="uploadCount">0</span>/5</div>
</div>
<div class="weui-uploader__bd">
<ul class="weui-uploader__files" id="uploaderFiles"></ul>
<div class="weui-uploader__input-box">
<input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" capture="camera" multiple="" />
</div>
</div>
</div>
</div>
</div>
</div>
* ```
*
* #### js
* ```javascript
* var uploadCount = 0;
* weui.uploader('#uploader', {
* url: 'http://localhost:8081',
* auto: true,
* type: 'file',
* fileVal: 'fileVal',
* compress: {
* width: 1600,
* height: 1600,
* quality: .8
* },
* onBeforeQueued: function(files) {
* // `this` 是輪詢到的文件, `files` 是所有文件
*
* if(["image/jpg", "image/jpeg", "image/png", "image/gif"].indexOf(this.type) < 0){
* weui.alert('請上傳圖片');
* return false; // 阻止文件添加
* }
* if(this.size > 10 * 1024 * 1024){
* weui.alert('請上傳不超過10M的圖片');
* return false;
* }
* if (files.length > 5) { // 防止一下子選擇過多文件
* weui.alert('最多隻能上傳5張圖片，請重新選擇');
* return false;
* }
* if (uploadCount + 1 > 5) {
* weui.alert('最多隻能上傳5張圖片');
* return false;
* }
*
* ++uploadCount;
*
* // return true; // 阻止默認行爲，不插入預覽圖的框架
* },
* onQueued: function(){
* console.log(this);
*
* // console.log(this.status); // 文件的狀態：'ready', 'progress', 'success', 'fail'
* // console.log(this.base64); // 如果是base64上傳，file.base64可以獲得文件的base64
*
* // this.upload(); // 如果是手動上傳，這裏可以通過調用upload來實現；也可以用它來實現重傳。
* // this.stop(); // 中斷上傳
*
* // return true; // 阻止默認行爲，不顯示預覽圖的圖像
* },
* onBeforeSend: function(data, headers){
* console.log(this, data, headers);
* // $.extend(data, { test: 1 }); // 可以擴展此對象來控制上傳參數
* // $.extend(headers, { Origin: 'http://127.0.0.1' }); // 可以擴展此對象來控制上傳頭部
*
* // return false; // 阻止文件上傳
* },
* onProgress: function(procent){
* console.log(this, procent);
* // return true; // 阻止默認行爲，不使用默認的進度顯示
* },
* onSuccess: function (ret) {
* console.log(this, ret);
* // return true; // 阻止默認行爲，不使用默認的成功態
* },
* onError: function(err){
* console.log(this, err);
* // return true; // 阻止默認行爲，不使用默認的失敗態
* }
* });
* ```
*/
function uploader(selector, options) {
var $uploader = (0, _util2.default)(selector);
var URL = window.URL || window.webkitURL || window.mozURL;
// 找到DOM裏file-content，若無，則插入一個。
function findFileCtn($uploader, id) {
var $file = $uploader.find('[data-id="' + id + '"]');
var $fileCtn = $file.find('.weui-uploader__file-content');
if (!$fileCtn.length) {
$fileCtn = (0, _util2.default)('<div class="weui-uploader__file-content"></div>');
$file.append($fileCtn);
}
$file.addClass('weui-uploader__file_status');
return $fileCtn;
}
// 清除DOM裏的上傳狀態
function clearFileStatus($uploader, id) {
var $file = $uploader.find('[data-id="' + id + '"]').removeClass('weui-uploader__file_status');
$file.find('.weui-uploader__file-content').remove();
}
// 設置上傳
function setUploadFile(file) {
file.url = URL.createObjectURL(file);
file.status = 'ready';
file.upload = function () {
(0, _upload2.default)(_util2.default.extend({
$uploader: $uploader,
file: file
}, options));
};
file.stop = function () {
this.xhr.abort();
};
options.onQueued(file);
if (options.auto) file.upload();
}
options = _util2.default.extend({
url: '',
auto: true,
type: 'file',
fileVal: 'file',
xhrFields: {},
onBeforeQueued: _util2.default.noop,
onQueued: _util2.default.noop,
onBeforeSend: _util2.default.noop,
onSuccess: _util2.default.noop,
onProgress: _util2.default.noop,
onError: _util2.default.noop
}, options);
if (options.compress !== false) {
options.compress = _util2.default.extend({
width: 1600,
height: 1600,
quality: .8
}, options.compress);
}
if (options.onBeforeQueued) {
var onBeforeQueued = options.onBeforeQueued;
options.onBeforeQueued = function (file, files) {
var ret = onBeforeQueued.call(file, files);
if (ret === false) {
return false;
}
if (ret === true) {
return;
}
var $item = (0, _util2.default)(_util2.default.render(_item2.default, {
id: file.id
}));
$uploader.find('.weui-uploader__files').append($item);
};
}
if (options.onQueued) {
var onQueued = options.onQueued;
options.onQueued = function (file) {
if (!onQueued.call(file)) {
var $file = $uploader.find('[data-id="' + file.id + '"]');
$file.css({
backgroundImage: 'url("' + (file.base64 || file.url) + '")'
});
if (!options.auto) {
clearFileStatus($uploader, file.id);
}
}
};
}
if (options.onBeforeSend) {
var onBeforeSend = options.onBeforeSend;
options.onBeforeSend = function (file, data, headers) {
var ret = onBeforeSend.call(file, data, headers);
if (ret === false) {
return false;
}
};
}
if (options.onSuccess) {
var onSuccess = options.onSuccess;
options.onSuccess = function (file, ret) {
file.status = 'success';
if (!onSuccess.call(file, ret)) {
clearFileStatus($uploader, file.id);
}
};
}
if (options.onProgress) {
var onProgress = options.onProgress;
options.onProgress = function (file, percent) {
if (!onProgress.call(file, percent)) {
findFileCtn($uploader, file.id).html(percent + '%');
}
};
}
if (options.onError) {
var onError = options.onError;
options.onError = function (file, err) {
file.status = 'fail';
if (!onError.call(file, err)) {
findFileCtn($uploader, file.id).html('<i class="weui-icon-warn"></i>');
}
};
}
$uploader.find('input[type="file"]').on('change', function (evt) {
var files = evt.target.files;
if (files.length === 0) {
return;
}
if (options.compress === false && options.type == 'file') {
// 以原文件方式上傳
Array.prototype.forEach.call(files, function (file) {
file.id = ++_id;
if (options.onBeforeQueued(file, files) === false) return;
setUploadFile(file);
});
} else {
// base64上傳 和 壓縮上傳
Array.prototype.forEach.call(files, function (file) {
file.id = ++_id;
if (options.onBeforeQueued(file, files) === false) return;
(0, _image.compress)(file, options, function (blob) {
if (blob) setUploadFile(blob);
});
});
}
this.value = '';
});
}
exports.default = uploader;
module.exports = exports['default'];
/***/ }),
/* 23 */
/***/ (function(module, exports) {
module.exports = "<li class=\"weui-uploader__file weui-uploader__file_status\" data-id=\"<%= id %>\"> <div class=weui-uploader__file-content> <i class=weui-loading style=width:30px;height:30px></i> </div> </li> ";
/***/ }),
/* 24 */
/***/ (function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* 檢查圖片是否有被壓扁，如果有，返回比率
* ref to http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios
*/
function detectVerticalSquash(img) {
// 拍照在IOS7或以下的機型會出現照片被壓扁的bug
var data;
var ih = img.naturalHeight;
var canvas = document.createElement('canvas');
canvas.width = 1;
canvas.height = ih;
var ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
data = ctx.getImageData(0, 0, 1, ih).data;
} catch (err) {
console.log('Cannot check verticalSquash: CORS?');
return 1;
}
var sy = 0;
var ey = ih;
var py = ih;
while (py > sy) {
var alpha = data[(py - 1) * 4 + 3];
if (alpha === 0) {
ey = py;
} else {
sy = py;
}
py = ey + sy >> 1; // py = parseInt((ey + sy) / 2)
}
var ratio = py / ih;
return ratio === 0 ? 1 : ratio;
}
/**
* dataURI to blob, ref to https://gist.github.com/fupslot/5015897
* @param dataURI
*/
function dataURItoBuffer(dataURI) {
var byteString = atob(dataURI.split(',')[1]);
var buffer = new ArrayBuffer(byteString.length);
var view = new Uint8Array(buffer);
for (var i = 0; i < byteString.length; i++) {
view[i] = byteString.charCodeAt(i);
}
return buffer;
}
function dataURItoBlob(dataURI) {
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
var buffer = dataURItoBuffer(dataURI);
return new Blob([buffer], { type: mimeString });
}
/**
* 獲取圖片的orientation
* ref to http://stackoverflow.com/questions/7584794/accessing-jpeg-exif-rotation-data-in-javascript-on-the-client-side
*/
function getOrientation(buffer) {
var view = new DataView(buffer);
if (view.getUint16(0, false) != 0xFFD8) return -2;
var length = view.byteLength,
offset = 2;
while (offset < length) {
var marker = view.getUint16(offset, false);
offset += 2;
if (marker == 0xFFE1) {
if (view.getUint32(offset += 2, false) != 0x45786966) return -1;
var little = view.getUint16(offset += 6, false) == 0x4949;
offset += view.getUint32(offset + 4, little);
var tags = view.getUint16(offset, little);
offset += 2;
for (var i = 0; i < tags; i++) {
if (view.getUint16(offset + i * 12, little) == 0x0112) return view.getUint16(offset + i * 12 + 8, little);
}
} else if ((marker & 0xFF00) != 0xFF00) break;else offset += view.getUint16(offset, false);
}
return -1;
}
/**
* 修正拍照時圖片的方向
* ref to http://stackoverflow.com/questions/19463126/how-to-draw-photo-with-correct-orientation-in-canvas-after-capture-photo-by-usin
*/
function orientationHelper(canvas, ctx, orientation) {
var w = canvas.width,
h = canvas.height;
if (orientation > 4) {
canvas.width = h;
canvas.height = w;
}
switch (orientation) {
case 2:
ctx.translate(w, 0);
ctx.scale(-1, 1);
break;
case 3:
ctx.translate(w, h);
ctx.rotate(Math.PI);
break;
case 4:
ctx.translate(0, h);
ctx.scale(1, -1);
break;
case 5:
ctx.rotate(0.5 * Math.PI);
ctx.scale(1, -1);
break;
case 6:
ctx.rotate(0.5 * Math.PI);
ctx.translate(0, -h);
break;
case 7:
ctx.rotate(0.5 * Math.PI);
ctx.translate(w, -h);
ctx.scale(-1, 1);
break;
case 8:
ctx.rotate(-0.5 * Math.PI);
ctx.translate(-w, 0);
break;
}
}
/**
* 壓縮圖片
*/
function compress(file, options, callback) {
var reader = new FileReader();
reader.onload = function (evt) {
if (options.compress === false) {
// 不啓用壓縮 & base64上傳 的分支，不做任何處理，直接返回文件的base64編碼
file.base64 = evt.target.result;
callback(file);
return;
}
// 啓用壓縮的分支
var img = new Image();
img.onload = function () {
var ratio = detectVerticalSquash(img);
var orientation = getOrientation(dataURItoBuffer(img.src));
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var maxW = options.compress.width;
var maxH = options.compress.height;
var w = img.width;
var h = img.height;
var dataURL = void 0;
if (w < h && h > maxH) {
w = parseInt(maxH * img.width / img.height);
h = maxH;
} else if (w >= h && w > maxW) {
h = parseInt(maxW * img.height / img.width);
w = maxW;
}
canvas.width = w;
canvas.height = h;
if (orientation > 0) {
orientationHelper(canvas, ctx, orientation);
}
ctx.drawImage(img, 0, 0, w, h / ratio);
if (/image\/jpeg/.test(file.type) || /image\/jpg/.test(file.type)) {
dataURL = canvas.toDataURL('image/jpeg', options.compress.quality);
} else {
dataURL = canvas.toDataURL(file.type);
}
if (options.type == 'file') {
if (/;base64,null/.test(dataURL) || /;base64,$/.test(dataURL)) {
// 壓縮出錯，以文件方式上傳的，採用原文件上傳
console.warn('Compress fail, dataURL is ' + dataURL + '. Next will use origin file to upload.');
callback(file);
} else {
var blob = dataURItoBlob(dataURL);
blob.id = file.id;
blob.name = file.name;
blob.lastModified = file.lastModified;
blob.lastModifiedDate = file.lastModifiedDate;
callback(blob);
}
} else {
if (/;base64,null/.test(dataURL) || /;base64,$/.test(dataURL)) {
// 壓縮失敗，以base64上傳的，直接報錯不上傳
options.onError(file, new Error('Compress fail, dataURL is ' + dataURL + '.'));
callback();
} else {
file.base64 = dataURL;
callback(file);
}
}
};
img.src = evt.target.result;
};
reader.readAsDataURL(file);
}
exports.default = {
compress: compress
};
module.exports = exports['default'];
/***/ }),
/* 25 */
/***/ (function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = upload;
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
function upload(options) {
var url = options.url,
file = options.file,
fileVal = options.fileVal,
onBeforeSend = options.onBeforeSend,
onProgress = options.onProgress,
onError = options.onError,
onSuccess = options.onSuccess,
xhrFields = options.xhrFields;
var name = file.name,
type = file.type,
lastModifiedDate = file.lastModifiedDate;
var data = {
name: name,
type: type,
size: options.type == 'file' ? file.size : file.base64.length,
lastModifiedDate: lastModifiedDate
};
var headers = {};
if (onBeforeSend(file, data, headers) === false) return;
file.status = 'progress';
onProgress(file, 0);
var formData = new FormData();
var xhr = new XMLHttpRequest();
file.xhr = xhr;
// 設置參數
Object.keys(data).forEach(function (key) {
formData.append(key, data[key]);
});
if (options.type == 'file') {
formData.append(fileVal, file, name);
} else {
formData.append(fileVal, file.base64);
}
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
try {
// 只支持json
var ret = JSON.parse(xhr.responseText);
onSuccess(file, ret);
} catch (err) {
onError(file, err);
}
} else {
onError(file, new Error('XMLHttpRequest response status is ' + xhr.status));
}
}
};
xhr.upload.addEventListener('progress', function (evt) {
if (evt.total == 0) return;
var percent = Math.ceil(evt.loaded / evt.total) * 100;
onProgress(file, percent);
}, false);
xhr.open('POST', url);
Object.keys(xhrFields).forEach(function (key) {
xhr[key] = xhrFields[key];
});
// 設置頭部信息
Object.keys(headers).forEach(function (key) {
xhr.setRequestHeader(key, headers[key]);
});
xhr.send(formData);
}
module.exports = exports['default'];
/***/ }),
/* 26 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _cron = __webpack_require__(27);
var _cron2 = _interopRequireDefault(_cron);
__webpack_require__(28);
var _util3 = __webpack_require__(29);
var util = _interopRequireWildcard(_util3);
var _picker = __webpack_require__(30);
var _picker2 = _interopRequireDefault(_picker);
var _group = __webpack_require__(31);
var _group2 = _interopRequireDefault(_group);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function Result(item) {
if ((typeof item === 'undefined' ? 'undefined' : _typeof(item)) != 'object') {
item = {
label: item,
value: item
};
}
_util2.default.extend(this, item);
}
Result.prototype.toString = function () {
return this.value;
};
Result.prototype.valueOf = function () {
return this.value;
};
var _sington = void 0;
var temp = {}; // temp 存在上一次滑動的位置
/**
* picker 多列選擇器。
* @param {array} items picker的數據，即用於生成picker的數據，picker的層級可以自己定義，但建議最多三層。數據格式參考example。
* @param {Object} options 配置項
* @param {number=} [options.depth] picker深度(也就是picker有多少列) 取值爲1-3。如果爲空，則取items第一項的深度。
* @param {string=} [options.id=default] 作爲picker的唯一標識，作用是以id緩存當時的選擇。（當你想每次傳入的defaultValue都是不一樣時，可以使用不同的id區分）
* @param {string=} [options.className] 自定義類名
* @param {string=} [options.container] 指定容器
* @param {array=} [options.defaultValue] 默認選項的value數組
* @param {function=} [options.onChange] 在picker選中的值發生變化的時候回調
* @param {function=} [options.onConfirm] 在點擊"確定"之後的回調。回調返回選中的結果(Array)，數組長度依賴於picker的層級。
*
* @example
* // 單列picker
* weui.picker([
* {
* label: '飛機票',
* value: 0,
* disabled: true // 不可用
* },
* {
* label: '火車票',
* value: 1
* },
* {
* label: '汽車票',
* value: 3
* },
* {
* label: '公車票',
* value: 4,
* }
* ], {
* className: 'custom-classname',
* container: 'body',
* defaultValue: [3],
* onChange: function (result) {
* console.log(result)
* },
* onConfirm: function (result) {
* console.log(result)
* },
* id: 'singleLinePicker'
* });
*
* @example
* // 多列picker
* weui.picker([
* {
* label: '1',
* value: '1'
* }, {
* label: '2',
* value: '2'
* }, {
* label: '3',
* value: '3'
* }
* ], [
* {
* label: 'A',
* value: 'A'
* }, {
* label: 'B',
* value: 'B'
* }, {
* label: 'C',
* value: 'C'
* }
* ], {
* defaultValue: ['3', 'A'],
* onChange: function (result) {
* console.log(result);
* },
* onConfirm: function (result) {
* console.log(result);
* },
* id: 'multiPickerBtn'
* });
*
* @example
* // 級聯picker
* weui.picker([
* {
* label: '飛機票',
* value: 0,
* children: [
* {
* label: '經濟艙',
* value: 1
* },
* {
* label: '商務艙',
* value: 2
* }
* ]
* },
* {
* label: '火車票',
* value: 1,
* children: [
* {
* label: '臥鋪',
* value: 1,
* disabled: true // 不可用
* },
* {
* label: '坐票',
* value: 2
* },
* {
* label: '站票',
* value: 3
* }
* ]
* },
* {
* label: '汽車票',
* value: 3,
* children: [
* {
* label: '快班',
* value: 1
* },
* {
* label: '普通',
* value: 2
* }
* ]
* }
* ], {
* className: 'custom-classname',
* container: 'body',
* defaultValue: [1, 3],
* onChange: function (result) {
* console.log(result)
* },
* onConfirm: function (result) {
* console.log(result)
* },
* id: 'doubleLinePicker'
* });
*/
function picker() {
if (_sington) return _sington;
// 配置項
var options = arguments[arguments.length - 1];
var defaults = _util2.default.extend({
id: 'default',
className: '',
container: 'body',
onChange: _util2.default.noop,
onConfirm: _util2.default.noop
}, options);
// 數據處理
var items = void 0;
var isMulti = false; // 是否多列的類型
if (arguments.length > 2) {
var i = 0;
items = [];
while (i < arguments.length - 1) {
items.push(arguments[i++]);
}
isMulti = true;
} else {
items = arguments[0];
}
// 獲取緩存
temp[defaults.id] = temp[defaults.id] || [];
var result = [];
var lineTemp = temp[defaults.id];
var $picker = (0, _util2.default)(_util2.default.render(_picker2.default, defaults));
var depth = options.depth || (isMulti ? items.length : util.depthOf(items[0])),
groups = '';
// 顯示與隱藏的方法
function show() {
(0, _util2.default)(defaults.container).append($picker);
// 這裏獲取一下計算後的樣式，強制觸發渲染. fix IOS10下閃現的問題
_util2.default.getStyle($picker[0], 'transform');
$picker.find('.weui-mask').addClass('weui-animate-fade-in');
$picker.find('.weui-picker').addClass('weui-animate-slide-up');
}
function _hide(callback) {
_hide = _util2.default.noop; // 防止二次調用導致報錯
$picker.find('.weui-mask').addClass('weui-animate-fade-out');
$picker.find('.weui-picker').addClass('weui-animate-slide-down').on('animationend webkitAnimationEnd', function () {
$picker.remove();
_sington = false;
callback && callback();
});
}
function hide(callback) {
_hide(callback);
}
// 初始化滾動的方法
function scroll(items, level) {
if (lineTemp[level] === undefined && defaults.defaultValue && defaults.defaultValue[level] !== undefined) {
// 沒有緩存選項，而且存在defaultValue
var defaultVal = defaults.defaultValue[level];
var index = 0,
len = items.length;
if (_typeof(items[index]) == 'object') {
for (; index < len; ++index) {
if (defaultVal == items[index].value) break;
}
} else {
for (; index < len; ++index) {
if (defaultVal == items[index]) break;
}
}
if (index < len) {
lineTemp[level] = index;
} else {
console.warn('Picker has not match defaultValue: ' + defaultVal);
}
}
$picker.find('.weui-picker__group').eq(level).scroll({
items: items,
temp: lineTemp[level],
onChange: function onChange(item, index) {
//爲當前的result賦值。
if (item) {
result[level] = new Result(item);
} else {
result[level] = null;
}
lineTemp[level] = index;
if (isMulti) {
if (result.length == depth) {
defaults.onChange(result);
}
} else {
/**
* @子列表處理
* 1. 在沒有子列表，或者值列表的數組長度爲0時，隱藏掉子列表。
* 2. 滑動之後發現重新有子列表時，再次顯示子列表。
*
* @回調處理
* 1. 因爲滑動實際上是一層一層傳遞的：父列表滾動完成之後，會call子列表的onChange，從而帶動子列表的滑動。
* 2. 所以，使用者的傳進來onChange回調應該在最後一個子列表滑動時再call
*/
if (item.children && item.children.length > 0) {
$picker.find('.weui-picker__group').eq(level + 1).show();
!isMulti && scroll(item.children, level + 1); // 不是多列的情況下才繼續處理children
} else {
//如果子列表test不通過，子孫列表都隱藏。
var $items = $picker.find('.weui-picker__group');
$items.forEach(function (ele, index) {
if (index > level) {
(0, _util2.default)(ele).hide();
}
});
result.splice(level + 1);
defaults.onChange(result);
}
}
},
onConfirm: defaults.onConfirm
});
}
var _depth = depth;
while (_depth--) {
groups += _group2.default;
}
$picker.find('.weui-picker__bd').html(groups);
show();
if (isMulti) {
items.forEach(function (item, index) {
scroll(item, index);
});
} else {
scroll(items, 0);
}
$picker.on('click', '.weui-mask', function () {
hide();
}).on('click', '.weui-picker__action', function () {
hide();
}).on('click', '#weui-picker-confirm', function () {
defaults.onConfirm(result);
});
_sington = $picker[0];
_sington.hide = hide;
return _sington;
}
/**
* datePicker 時間選擇器，由picker拓展而來，提供年、月、日的選擇。
* @param options 配置項
* @param {string=} [options.id=datePicker] 作爲picker的唯一標識
* @param {number=|string|Date} [options.start=2000] 起始年份，如果是 `Number` 類型，表示起始年份；如果是 `String` 類型，格式爲 'YYYY-MM-DD'；如果是 `Date` 類型，就傳一個 Date
* @param {number=|string|Date} [options.end=2030] 結束年份，同上
* @param {string=} [options.cron=* * *] cron 表達式，三位，分別是 dayOfMonth[1-31]，month[1-12] 和 dayOfWeek[0-6]（週日-週六）
* @param {string=} [options.className] 自定義類名
* @param {array=} [options.defaultValue] 默認選項的value數組, 如 [1991, 6, 9]
* @param {function=} [options.onChange] 在picker選中的值發生變化的時候回調
* @param {function=} [options.onConfirm] 在點擊"確定"之後的回調。回調返回選中的結果(Array)，數組長度依賴於picker的層級。
*
*@example
* // 示例1：
* weui.datePicker({
* start: 1990,
* end: 2000,
* defaultValue: [1991, 6, 9],
* onChange: function(result){
* console.log(result);
* },
* onConfirm: function(result){
* console.log(result);
* },
* id: 'datePicker'
* });
*
* // 示例2：
* weui.datePicker({
* start: new Date(), // 從今天開始
* end: 2030,
* defaultValue: [2020, 6, 9],
* onChange: function(result){
* console.log(result);
* },
* onConfirm: function(result){
* console.log(result);
* },
* id: 'datePicker'
* });
*
* // 示例3：
* weui.datePicker({
* start: new Date(), // 從今天開始
* end: 2030,
* cron: '* * 0,6', // 每逢週日、週六
* onChange: function(result){
* console.log(result);
* },
* onConfirm: function(result){
* console.log(result);
* },
* id: 'datePicker'
* });
*
* // 示例4：
* weui.datePicker({
* start: new Date(), // 從今天開始
* end: 2030,
* cron: '1-10 * *', // 每月1日-10日
* onChange: function(result){
* console.log(result);
* },
* onConfirm: function(result){
* console.log(result);
* },
* id: 'datePicker'
* });
*/
function datePicker(options) {
var defaults = _util2.default.extend({
id: 'datePicker',
onChange: _util2.default.noop,
onConfirm: _util2.default.noop,
start: 2000,
end: 2030,
cron: '* * *'
}, options);
// 兼容原來的 start、end 傳 Number 的用法
if (typeof defaults.start === 'number') {
defaults.start = new Date(defaults.start + '/01/01');
} else if (typeof defaults.start === 'string') {
defaults.start = new Date(defaults.start.replace(/-/g, '/'));
}
if (typeof defaults.end === 'number') {
defaults.end = new Date(defaults.end + '/12/31');
} else if (typeof defaults.end === 'string') {
defaults.end = new Date(defaults.end.replace(/-/g, '/'));
}
var findBy = function findBy(array, key, value) {
for (var i = 0, len = array.length; i < len; i++) {
var _obj = array[i];
if (_obj[key] == value) {
return _obj;
}
}
};
var date = [];
var interval = _cron2.default.parse(defaults.cron, defaults.start, defaults.end);
var obj = void 0;
do {
obj = interval.next();
var year = obj.value.getFullYear();
var month = obj.value.getMonth() + 1;
var day = obj.value.getDate();
var Y = findBy(date, 'value', year);
if (!Y) {
Y = {
label: year + '年',
value: year,
children: []
};
date.push(Y);
}
var M = findBy(Y.children, 'value', month);
if (!M) {
M = {
label: month + '月',
value: month,
children: []
};
Y.children.push(M);
}
M.children.push({
label: day + '日',
value: day
});
} while (!obj.done);
return picker(date, defaults);
}
exports.default = {
picker: picker,
datePicker: datePicker
};
module.exports = exports['default'];
/***/ }),
/* 27 */
/***/ (function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var regex = /^(\d+)(?:-(\d+))?(?:\/(\d+))?$/g;
var constraints = [[1, 31], [1, 12], [0, 6]];
/**
* Schedule
*/
var Schedule = function () {
function Schedule(fields, start, end) {
_classCallCheck(this, Schedule);
/**
* dayOfMonth
* @type {Array}
*/
this._dates = fields[0];
/**
* month
* @type {Array}
*/
this._months = fields[1];
/**
* dayOfWeek
* @type {Array}
*/
this._days = fields[2];
/**
* start
* @type {Date}
*/
this._start = start;
/**
* end
* @type {Date}
*/
this._end = end;
/**
* cursor
* @type {Date}
* @private
*/
this._pointer = start;
}
_createClass(Schedule, [{
key: '_findNext',
value: function _findNext() {
var next = void 0;
while (true) {
if (this._end.getTime() - this._pointer.getTime() < 0) {
throw new Error('out of range, end is ' + this._end + ', current is ' + this._pointer);
}
var month = this._pointer.getMonth();
var date = this._pointer.getDate();
var day = this._pointer.getDay();
if (this._months.indexOf(month + 1) === -1) {
this._pointer.setMonth(month + 1);
this._pointer.setDate(1);
continue;
}
if (this._dates.indexOf(date) === -1) {
this._pointer.setDate(date + 1);
continue;
}
if (this._days.indexOf(day) === -1) {
this._pointer.setDate(date + 1);
continue;
}
next = new Date(this._pointer);
break;
}
return next;
}
/**
* fetch next data
*/
}, {
key: 'next',
value: function next() {
var value = this._findNext();
// move next date
this._pointer.setDate(this._pointer.getDate() + 1);
return {
value: value,
done: !this.hasNext()
};
}
/**
* has next
* @returns {boolean}
*/
}, {
key: 'hasNext',
value: function hasNext() {
try {
this._findNext();
return true;
} catch (e) {
return false;
}
}
}]);
return Schedule;
}();
function parseField(field, constraints) {
var low = constraints[0];
var high = constraints[1];
var result = [];
var pointer = void 0;
// * 號等於最低到最高
field = field.replace(/\*/g, low + '-' + high);
// 處理 1,2,5-9 這種情況
var fields = field.split(',');
for (var i = 0, len = fields.length; i < len; i++) {
var f = fields[i];
if (f.match(regex)) {
f.replace(regex, function ($0, lower, upper, step) {
// ref to `cron-parser`
step = parseInt(step) || 1;
// Positive integer higher than constraints[0]
lower = Math.min(Math.max(low, ~~Math.abs(lower)), high);
// Positive integer lower than constraints[1]
upper = upper ? Math.min(high, ~~Math.abs(upper)) : lower;
// Count from the lower barrier to the upper
pointer = lower;
do {
result.push(pointer);
pointer += step;
} while (pointer <= upper);
});
}
}
return result;
}
/**
*
* @param expr
* @param start
* @param end
* @returns {*}
*/
function parse(expr, start, end) {
var atoms = expr.replace(/^\s\s*|\s\s*$/g, '').split(/\s+/);
var fields = [];
atoms.forEach(function (atom, index) {
var constraint = constraints[index];
fields.push(parseField(atom, constraint));
});
return new Schedule(fields, start, end);
}
exports.default = {
parse: parse
};
module.exports = exports['default'];
/***/ }),
/* 28 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* set transition
* @param $target
* @param time
*/
var setTransition = function setTransition($target, time) {
return $target.css({
'-webkit-transition': 'all ' + time + 's',
'transition': 'all ' + time + 's'
});
};
/**
* set translate
*/
var setTranslate = function setTranslate($target, diff) {
return $target.css({
'-webkit-transform': 'translate3d(0, ' + diff + 'px, 0)',
'transform': 'translate3d(0, ' + diff + 'px, 0)'
});
};
/**
* @desc get index of middle item
* @param items
* @returns {number}
*/
var getDefaultIndex = function getDefaultIndex(items) {
var current = Math.floor(items.length / 2);
var count = 0;
while (!!items[current] && items[current].disabled) {
current = ++current % items.length;
count++;
if (count > items.length) {
throw new Error('No selectable item.');
}
}
return current;
};
var getDefaultTranslate = function getDefaultTranslate(offset, rowHeight, items) {
var currentIndex = getDefaultIndex(items);
return (offset - currentIndex) * rowHeight;
};
/**
* get max translate
* @param offset
* @param rowHeight
* @returns {number}
*/
var getMax = function getMax(offset, rowHeight) {
return offset * rowHeight;
};
/**
* get min translate
* @param offset
* @param rowHeight
* @param length
* @returns {number}
*/
var getMin = function getMin(offset, rowHeight, length) {
return -(rowHeight * (length - offset - 1));
};
_util2.default.fn.scroll = function (options) {
var _this = this;
var defaults = _util2.default.extend({
items: [], // 數據
scrollable: '.weui-picker__content', // 滾動的元素
offset: 3, // 列表初始化時的偏移量（列表初始化時，選項是聚焦在中間的，通過offset強制往上挪3項，以達到初始選項是爲頂部的那項）
rowHeight: 34, // 列表每一行的高度
onChange: _util2.default.noop, // onChange回調
temp: null, // translate的緩存
bodyHeight: 7 * 34 // picker的高度，用於輔助點擊滾動的計算
}, options);
var items = defaults.items.map(function (item) {
return '<div class="weui-picker__item' + (item.disabled ? ' weui-picker__item_disabled' : '') + '">' + ((typeof item === 'undefined' ? 'undefined' : _typeof(item)) == 'object' ? item.label : item) + '</div>';
}).join('');
var $this = (0, _util2.default)(this);
$this.find('.weui-picker__content').html(items);
var $scrollable = $this.find(defaults.scrollable); // 可滾動的元素
var start = void 0; // 保存開始按下的位置
var end = void 0; // 保存結束時的位置
var startTime = void 0; // 開始觸摸的時間
var translate = void 0; // 緩存 translate
var points = []; // 記錄移動點
var windowHeight = window.innerHeight; // 屏幕的高度
// 首次觸發選中事件
// 如果有緩存的選項，則用緩存的選項，否則使用中間值。
if (defaults.temp !== null && defaults.temp < defaults.items.length) {
var index = defaults.temp;
defaults.onChange.call(this, defaults.items[index], index);
translate = (defaults.offset - index) * defaults.rowHeight;
} else {
var _index = getDefaultIndex(defaults.items);
defaults.onChange.call(this, defaults.items[_index], _index);
translate = getDefaultTranslate(defaults.offset, defaults.rowHeight, defaults.items);
}
setTranslate($scrollable, translate);
var stop = function stop(diff) {
translate += diff;
// 移動到最接近的那一行
translate = Math.round(translate / defaults.rowHeight) * defaults.rowHeight;
var max = getMax(defaults.offset, defaults.rowHeight);
var min = getMin(defaults.offset, defaults.rowHeight, defaults.items.length);
// 不要超過最大值或者最小值
if (translate > max) {
translate = max;
}
if (translate < min) {
translate = min;
}
// 如果是 disabled 的就跳過
var index = defaults.offset - translate / defaults.rowHeight;
while (!!defaults.items[index] && defaults.items[index].disabled) {
diff > 0 ? ++index : --index;
}
translate = (defaults.offset - index) * defaults.rowHeight;
setTransition($scrollable, .3);
setTranslate($scrollable, translate);
// 觸發選擇事件
defaults.onChange.call(_this, defaults.items[index], index);
};
function _start(pageY) {
start = pageY;
startTime = +new Date();
}
function _move(pageY) {
end = pageY;
var diff = end - start;
setTransition($scrollable, 0);
setTranslate($scrollable, translate + diff);
startTime = +new Date();
points.push({ time: startTime, y: end });
if (points.length > 40) {
points.shift();
}
}
function _end(pageY) {
if (!start) return;
/**
* 思路:
* 0. touchstart 記錄按下的點和時間
* 1. touchmove 移動時記錄前 40個經過的點和時間
* 2. touchend 鬆開手時, 記錄該點和時間. 如果鬆開手時的時間, 距離上一次 move時的時間超過 100ms, 那麼認爲停止了, 不執行慣性滑動
* 如果間隔時間在 100ms 內, 查找 100ms 內最近的那個點, 和鬆開手時的那個點, 計算距離和時間差, 算出速度
* 速度乘以慣性滑動的時間, 例如 300ms, 計算出應該滑動的距離
*/
var endTime = new Date().getTime();
var relativeY = windowHeight - defaults.bodyHeight / 2;
end = pageY;
// 如果上次時間距離鬆開手的時間超過 100ms, 則停止了, 沒有慣性滑動
if (endTime - startTime > 100) {
//如果end和start相差小於10，則視爲
if (Math.abs(end - start) > 10) {
stop(end - start);
} else {
stop(relativeY - end);
}
} else {
if (Math.abs(end - start) > 10) {
var endPos = points.length - 1;
var startPos = endPos;
for (var i = endPos; i > 0 && startTime - points[i].time < 100; i--) {
startPos = i;
}
if (startPos !== endPos) {
var ep = points[endPos];
var sp = points[startPos];
var t = ep.time - sp.time;
var s = ep.y - sp.y;
var v = s / t; // 出手時的速度
var diff = v * 150 + (end - start); // 滑行 150ms,這裏直接影響“靈敏度”
stop(diff);
} else {
stop(0);
}
} else {
stop(relativeY - end);
}
}
start = null;
}
/**
* 因爲現在沒有移除匿名函數的方法，所以先暴力移除（offAll），並且改變$scrollable。
*/
$scrollable = $this.offAll().on('touchstart', function (evt) {
_start(evt.changedTouches[0].pageY);
}).on('touchmove', function (evt) {
_move(evt.changedTouches[0].pageY);
evt.preventDefault();
}).on('touchend', function (evt) {
_end(evt.changedTouches[0].pageY);
}).find(defaults.scrollable);
// 判斷是否支持touch事件 https://github.com/Modernizr/Modernizr/blob/master/feature-detects/touchevents.js
var isSupportTouch = 'ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch;
if (!isSupportTouch) {
$this.on('mousedown', function (evt) {
_start(evt.pageY);
evt.stopPropagation();
evt.preventDefault();
}).on('mousemove', function (evt) {
if (!start) return;
_move(evt.pageY);
evt.stopPropagation();
evt.preventDefault();
}).on('mouseup mouseleave', function (evt) {
_end(evt.pageY);
evt.stopPropagation();
evt.preventDefault();
});
}
};
/***/ }),
/* 29 */
/***/ (function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var depthOf = exports.depthOf = function depthOf(object) {
var depth = 1;
if (object.children && object.children[0]) {
depth = depthOf(object.children[0]) + 1;
}
return depth;
};
/***/ }),
/* 30 */
/***/ (function(module, exports) {
module.exports = "<div class=\"<%= className %>\"> <div class=weui-mask></div> <div class=weui-picker> <div class=weui-picker__hd> <a href=javascript:; data-action=cancel class=weui-picker__action>取消</a> <a href=javascript:; data-action=select class=weui-picker__action id=weui-picker-confirm>確定</a> </div> <div class=weui-picker__bd></div> </div> </div> ";
/***/ }),
/* 31 */
/***/ (function(module, exports) {
module.exports = "<div class=weui-picker__group> <div class=weui-picker__mask></div> <div class=weui-picker__indicator></div> <div class=weui-picker__content></div> </div>";
/***/ }),
/* 32 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
var _gallery = __webpack_require__(33);
var _gallery2 = _interopRequireDefault(_gallery);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
var _sington = void 0;
/**
* gallery 帶刪除按鈕的圖片預覽，主要是配合圖片上傳使用
* @param {string} url gallery顯示的圖片的url
* @param {object=} options 配置項
* @param {string=} options.className 自定義類名
* @param {function=} options.onDelete 點擊刪除圖片時的回調
*
* @example
* var gallery = weui.gallery(url, {
* className: 'custom-classname',
* onDelete: function(){
* if(confirm('確定刪除該圖片？')){ console.log('刪除'); }
* gallery.hide(function() {
* console.log('`gallery` has been hidden');
* });
* }
* });
*/
function gallery(url) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
if (_sington) return _sington;
options = _util2.default.extend({
className: '',
onDelete: _util2.default.noop
}, options);
var $gallery = (0, _util2.default)(_util2.default.render(_gallery2.default, _util2.default.extend({
url: url
}, options)));
function _hide(callback) {
_hide = _util2.default.noop; // 防止二次調用導致報錯
$gallery.addClass('weui-animate-fade-out').on('animationend webkitAnimationEnd', function () {
$gallery.remove();
_sington = false;
callback && callback();
});
}
function hide(callback) {
_hide(callback);
}
(0, _util2.default)('body').append($gallery);
$gallery.find('.weui-gallery__img').on('click', function () {
hide();
});
$gallery.find('.weui-gallery__del').on('click', function () {
options.onDelete.call(this, url);
});
$gallery.show().addClass('weui-animate-fade-in');
_sington = $gallery[0];
_sington.hide = hide;
return _sington;
}
exports.default = gallery;
module.exports = exports['default'];
/***/ }),
/* 33 */
/***/ (function(module, exports) {
module.exports = "<div class=\"weui-gallery <%= className %>\"> <span class=weui-gallery__img style=\"background-image:url(<%= url %>)\"></span> <div class=weui-gallery__opr> <a href=javascript: class=weui-gallery__del> <i class=\"weui-icon-delete weui-icon_gallery-delete\"></i> </a> </div> </div> ";
/***/ }),
/* 34 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _util = __webpack_require__(4);
var _util2 = _interopRequireDefault(_util);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* slider slider滑塊，單位是百分比。注意，因爲需要獲取slider的長度，所以必須要在slider可見的情況下來調用。
* @param {string} selector slider的selector
* @param {object=} options 配置項
* @param {number=} options.step slider的step，每次移動的百分比，取值範圍 [0-100]
* @param {number=} [options.defaultValue=0] slider的默認百分比值，取值範圍 [0-100]
* @param {function=} options.onChange slider發生改變時返回對應的百分比，取值範圍 [0-100]
*
* @example
* #### html
* ```html
* <div class="weui-slider-box">
* <div id="slider" class="weui-slider">
* <div class="weui-slider__inner">
* <div class="weui-slider__track"></div>
* <div class="weui-slider__handler"></div>
* </div>
* </div>
* <div id="sliderValue" class="weui-slider-box__value"></div>
* </div>
* ```
*
* #### js
* ```javascript
* weui.slider('#slider', {
* step: 10,
* defaultValue: 40,
* onChange: function(percent){
* console.log(percent);
* }
* });
* ```
*/
function slider(selector) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var $eles = (0, _util2.default)(selector);
options = _util2.default.extend({
step: undefined,
defaultValue: 0,
onChange: _util2.default.noop
}, options);
if (options.step !== undefined) {
options.step = parseFloat(options.step);
if (!options.step || options.step < 0) {
throw new Error('Slider step must be a positive number.');
}
}
if (options.defaultValue !== undefined && options.defaultValue < 0 || options.defaultValue > 100) {
throw new Error('Slider defaultValue must be >= 0 and <= 100.');
}
$eles.forEach(function (ele) {
var $slider = (0, _util2.default)(ele);
var $sliderInner = $slider.find('.weui-slider__inner');
var $sliderTrack = $slider.find('.weui-slider__track');
var $sliderHandler = $slider.find('.weui-slider__handler');
var sliderLength = parseInt(_util2.default.getStyle($sliderInner[0], 'width')); // slider的長度
var sliderLeft = $sliderInner[0].offsetLeft; // slider相對於頁面的offset
var handlerStartPos = 0; // handler起始位置
var handlerStartX = 0; // handler touchstart的X
var stepWidth = void 0; // 每個step的寬度
function getHandlerPos() {
var pos = _util2.default.getStyle($sliderHandler[0], 'left');
if (/%/.test(pos)) {
pos = sliderLength * parseFloat(pos) / 100;
} else {
pos = parseFloat(pos);
}
return pos;
}
function setHandler(distance) {
var dist = void 0,
// handler的目標位置
percent = void 0; // 所在位置的百分比
if (options.step) {
distance = Math.round(distance / stepWidth) * stepWidth;
}
dist = handlerStartPos + distance;
dist = dist < 0 ? 0 : dist > sliderLength ? sliderLength : dist;
percent = 100 * dist / sliderLength;
$sliderTrack.css({ width: percent + '%' });
$sliderHandler.css({ left: percent + '%' });
options.onChange.call(ele, percent);
}
if (options.step) {
stepWidth = sliderLength * options.step / 100;
}
if (options.defaultValue) {
setHandler(sliderLength * options.defaultValue / 100);
}
$slider.on('click', function (evt) {
evt.preventDefault();
handlerStartPos = getHandlerPos();
setHandler(evt.pageX - sliderLeft - handlerStartPos);
});
$sliderHandler.on('touchstart', function (evt) {
handlerStartPos = getHandlerPos();
handlerStartX = evt.changedTouches[0].clientX;
}).on('touchmove', function (evt) {
evt.preventDefault();
setHandler(evt.changedTouches[0].clientX - handlerStartX);
});
});
return this;
} /*
* Tencent is pleased to support the open source community by making WeUI.js available.
*
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
*
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
exports.default = slider;
module.exports = exports['default'];
/***/ })
/******/ ]);