onsenui
Version:
HTML5 Mobile Framework & UI Components
115 lines (91 loc) • 8.61 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /*
Copyright 2013-2015 ASIAL CORPORATION
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
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 = require('./util');
var _util2 = _interopRequireDefault(_util);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// Validate parameters
var checkOptions = function checkOptions(options) {
var err = function err(prop) {
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Function';
return _util2.default.throw('"options.' + prop + '" must be an instance of ' + type);
};
var hasOwnProperty = function hasOwnProperty(prop) {
return Object.hasOwnProperty.call(options, prop);
};
var instanceOf = function instanceOf(prop) {
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Function;
return options[prop] instanceof type;
};
var b = 'buttons',
cb = 'callback',
c = 'compile',
d = 'destroy';
(!hasOwnProperty(b) || !instanceOf(b, Array)) && err(b, 'Array');
hasOwnProperty(cb) && !instanceOf(cb) && err(cb);
hasOwnProperty(c) && !instanceOf(c) && err(c);
hasOwnProperty(d) && !instanceOf(d) && err(d);
};
// Action Sheet
exports.default = function () {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
return new Promise(function (resolve) {
_util2.default.checkMissingImport('ActionSheet');
checkOptions(options);
// Main component
var actionSheet = _util2.default.createElement('\n <ons-action-sheet\n ' + (options.title ? 'title="' + options.title + '"' : '') + '\n ' + (options.cancelable ? 'cancelable' : '') + '\n ' + (options.modifier ? 'modifier="' + options.modifier + '"' : '') + '\n ' + (options.maskColor ? 'mask-color="' + options.maskColor + '"' : '') + '\n ' + (options.id ? 'id="' + options.id + '"' : '') + '\n ' + (options.class ? 'class="' + options.class + '"' : '') + '\n >\n <div class="action-sheet"></div>\n </ons-action-sheet>\n ');
// Resolve action and clean up
var finish = function finish(event) {
var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
if (actionSheet) {
options.destroy && options.destroy(actionSheet);
actionSheet.removeEventListener('dialog-cancel', finish, false);
actionSheet.remove();
actionSheet = null;
options.callback && options.callback(index);
resolve(index);
}
};
// Link cancel handler
actionSheet.addEventListener('dialog-cancel', finish, false);
// Create buttons and link action handler
var buttons = document.createDocumentFragment();
options.buttons.forEach(function (item, index) {
var buttonOptions = typeof item === 'string' ? { label: item } : _extends({}, item);
if (options.destructive === index) {
buttonOptions.modifier = (buttonOptions.modifier || '') + ' destructive';
}
var button = _util2.default.createElement('\n <ons-action-sheet-button\n ' + (buttonOptions.icon ? 'icon="' + buttonOptions.icon + '"' : '') + '\n ' + (buttonOptions.modifier ? 'modifier="' + buttonOptions.modifier + '"' : '') + '\n >\n ' + buttonOptions.label + '\n </ons-action-sheet-button>\n ');
button.onclick = function (event) {
return actionSheet.hide().then(function () {
return finish(event, index);
});
};
buttons.appendChild(button);
});
// Finish component and attach
_util2.default.findChild(actionSheet, '.action-sheet').appendChild(buttons);
document.body.appendChild(actionSheet);
options.compile && options.compile(el.dialog);
// Show
setImmediate(function () {
return actionSheet.show({
animation: options.animation,
animationOptions: options.animationOptions
});
});
});
};