refactor: remove Vue requirement

Author: Treri

package.json

@@ -1,6 +1,6 @@
 {
  "name": "vue-ios-alertview",
- "version": "0.5.2",
+ "version": "0.6.0",
  "description": "iOS7+ style alertview service for Vue.",
  "main": "vue-ios-alertview.js",
  "types": "types/index.d.ts",

types/index.d.ts

@@ -5,13 +5,18 @@ import { PluginFunction } from 'vue';
 
 export = VueIosAlertView;
 
-declare interface VueIosAlertView<T> {
- (options: string | VueIosAlertView.VueIosAlertViewOption): PromiseLike<T>;
-}
-
-declare function VueIosAlertView(strictOptions: VueIosAlertView.VueIosAlertViewOption): PromiseLike<VueIosAlertView.VueIosAlertViewButtonData>;
+declare let VueIosAlertView: PluginFunction<VueIosAlertView.VueIosAlertViewOption>
 
 declare namespace VueIosAlertView {
+
+ export interface VueIosAlertView<T> {
+ (options: string | VueIosAlertView.VueIosAlertViewOption): PromiseLike<T>;
+ }
+
+ export interface VueIosAlertViewStrict {
+ (strictOptions: VueIosAlertView.VueIosAlertViewOption): PromiseLike<VueIosAlertView.VueIosAlertViewButtonData>;
+ }
+
  export interface VueIosAlertViewButton {
  text: string;
  bold?: boolean;
@@ -36,8 +41,6 @@ declare namespace VueIosAlertView {
  buttons?: Array<VueIosAlertViewButton>;
  [key: string]: any;
  }
-
- export const install: PluginFunction<VueIosAlertViewOption>;
 }
 
 

types/vue.d.ts

@@ -4,10 +4,10 @@ import VueIosAlertView = require('./index');
 
 declare module "vue/types/vue" {
  interface Vue {
- $iosAlert: VueIosAlertView<never>;
- $iosConfirm: VueIosAlertView<never>;
- $iosPrompt: VueIosAlertView<string>;
- $iosRemind: VueIosAlertView<never>;
- $iosAlertView: typeof VueIosAlertView;
+ $iosAlert: VueIosAlertView.VueIosAlertView<never>;
+ $iosConfirm: VueIosAlertView.VueIosAlertView<never>;
+ $iosPrompt: VueIosAlertView.VueIosAlertView<string>;
+ $iosRemind: VueIosAlertView.VueIosAlertView<never>;
+ $iosAlertView: VueIosAlertView.VueIosAlertViewStrict;
  }
 }

vue-ios-alertview.js

@@ -6,9 +6,8 @@
  define(["require", "exports"], factory);
  }
  else {
- var IosAlertView = factory();
- if(typeof window !== 'undefined'){
- window.IosAlertView = IosAlertView;
+ if(typeof window !== 'undefined' && window.Vue){
+ window.Vue.use(factory());
  }
  }
 })(function (require, exports) {
@@ -63,95 +62,94 @@
  };
  };
 
- var IosAlertViewComponent = Vue.extend({
- template: template,
- data: function () {
- return {
- value: '',
- showModal: false
- };
- },
- props: [
- 'title',
- 'text',
- 'input',
- 'placeholder',
- 'onClick',
- 'remindDuration',
- 'buttons'
- ],
- methods: {
- activate: function(){
- var self = this;
-
- self._deferred = defer();
-
- self.showModal = true;
-
- // no buttons, remind (ANIMATION_TIME + remindDuration) time, then auto remove
- if(!self.buttons || !self.buttons.length){
- setTimeout(function(){
- self.showModal = false;
- self._deferred.resolve();
- }, ANIMATION_TIME + self.remindDuration);
- }
-
- return self._deferred.promise;
- },
- onClick: function (button, index) {
- var cbkData = {
- index: index,
- button: button,
- value: this.value
+ return function(Vue, globalOptions){
+ var IosAlertViewComponent = Vue.extend({
+ template: template,
+ data: function () {
+ return {
+ value: '',
+ showModal: false
  };
-
- if (typeof button.onClick === 'function') {
- button.onClick(cbkData);
- }
-
- this._deferred.resolve(cbkData);
- this.showModal = false;
  },
- afterLeave: function () {
- this.$destroy();
+ props: [
+ 'title',
+ 'text',
+ 'input',
+ 'placeholder',
+ 'onClick',
+ 'remindDuration',
+ 'buttons'
+ ],
+ methods: {
+ activate: function(){
+ var self = this;
+
+ self._deferred = defer();
+
+ self.showModal = true;
+
+ // no buttons, remind (ANIMATION_TIME + remindDuration) time, then auto remove
+ if(!self.buttons || !self.buttons.length){
+ setTimeout(function(){
+ self.showModal = false;
+ self._deferred.resolve();
+ }, ANIMATION_TIME + self.remindDuration);
+ }
+
+ return self._deferred.promise;
+ },
+ onClick: function (button, index) {
+ var cbkData = {
+ index: index,
+ button: button,
+ value: this.value
+ };
+
+ if (typeof button.onClick === 'function') {
+ button.onClick(cbkData);
+ }
+
+ this._deferred.resolve(cbkData);
+ this.showModal = false;
+ },
+ afterLeave: function () {
+ this.$destroy();
+ }
  }
- }
- });
-
- function getPropsData(options){
- options = options || {};
+ });
 
- var propsData = Vue.util.extend({}, defaults);
+ function getPropsData(options){
+ options = options || {};
 
- if (typeof options === 'string') {
- propsData[defaults.defaultOption] = options;
- } else {
- propsData = Vue.util.extend(propsData, options);
- }
+ var propsData = Vue.util.extend({}, defaults);
 
- return propsData;
- }
+ if (typeof options === 'string') {
+ propsData[defaults.defaultOption] = options;
+ } else {
+ propsData = Vue.util.extend(propsData, options);
+ }
 
- function IosAlertView(options) {
- var propsData = getPropsData(options);
+  return propsData;
+ }
 
- var instance = new IosAlertViewComponent({propsData: propsData});
+ function IosAlertView(options) {
+ var propsData = getPropsData(options);
 
- var mount = document.createElement('div');
- mount.id = 'ios-alert-view-' + Date.now();
- document.body.appendChild(mount);
+ var instance = new IosAlertViewComponent({propsData: propsData});
 
- instance.$mount(mount);
+ var mount = document.createElement('div');
+ mount.id = 'ios-alert-view-' + Date.now();
+ document.body.appendChild(mount);
 
- return instance.activate();
- }
+ instance.$mount(mount);
 
- IosAlertView.install = function (Vue, globalOptions) {
+ return instance.activate();
+ }
 
  globalOptions = globalOptions || {};
 
  if (typeof globalOptions !== 'object') {
- throw 'Expect Object options';
+ throw new Error('Expect Object options');
  }
 
  // override defaults
@@ -228,12 +226,6 @@
  var propsData = getPropsData(options);
  return IosAlertView(propsData);
  };
- };
-
- if(typeof window !== 'undefined' && window.Vue){
- window.Vue.use(IosAlertView);
  }
-
- return IosAlertView;
 });