修改框架props设定逻辑,一旦指定类型,就必须正确传值

src/js/anot.shim.js

@@ -181,7 +181,8 @@
       return ''
     },
     check: function(val) {
-      return Anot.type(val) === this.checkType
+      this.result = Anot.type(val)
+      return this.result === this.checkType
     },
     call: function() {
       return this.toString()
@@ -3293,7 +3294,8 @@
       createSignalTower(elem, newVmodel)
       hideProperty(newVmodel, '$elem', elem)
       if (vmodels.length) {
-        attrs.forEach(function(attr, i) {
+        var props = {}
+        attrs.forEach(function(attr) {
           if (/^:/.test(attr.name)) {
             var name = attr.name.match(rmsAttr)[1]
             var value = null
@@ -3304,21 +3306,7 @@
               value = parseExpr(attr.value, vmodels, {}).apply(0, vmodels)
               value = toJson(value)
               elem.removeAttribute(attr.name)
-              if (!value) {
-                return
-              }
-              if (
-                newVmodel.props[name] &&
-                newVmodel.props[name].type === 'PropsTypes'
-              ) {
-                if (newVmodel.props[name].check(value)) {
-                  newVmodel.props[name] = value
-                } else {
-                  Anot.error('props「' + name + '」类型错误!', TypeError)
-                }
-              } else {
-                newVmodel.props[name] = value
-              }
+              props[name] = value
             } catch (error) {
               log(
                 'Props parse faild on (%s[class=%s]),',
@@ -3330,6 +3318,28 @@
             }
           }
         })
+        // 一旦设定了 props的类型, 就必须传入正确的值
+        for (var k in newVmodel.props) {
+          if (newVmodel.props[k] && newVmodel.props[k].type === 'PropsTypes') {
+            if (newVmodel.props[k].check(props[k])) {
+              newVmodel.props[k] = props[k]
+              delete props[k]
+            } else {
+              Anot.error(
+                'props.' +
+                  k +
+                  ' needs [' +
+                  newVmodel.props[k].checkType +
+                  '], but [' +
+                  newVmodel.props[k].result +
+                  '] given.',
+                TypeError
+              )
+            }
+          }
+        }
+        Object.assign(newVmodel.props, props)
+        props = undefined
       }
     }
     scanAttr(elem, vm) //扫描特性节点

src/js/layer/base.js

@@ -24,6 +24,7 @@ let defconf = {
   maskClose: false, //遮罩点击关闭弹窗
   radius: '0px', //弹窗圆角半径
   area: ['auto', 'auto'],
+  shift: [null, null], // 出现的地方
   title: '提示', //弹窗主标题(在工具栏上的)
   menubar: true, //是否显示菜单栏
   content: '', // 弹窗的内容
@@ -94,34 +95,43 @@ const __layer__ = function(conf) {
 }
 
 const _layer = {
-  alert: function(msg, conf) {
-    if (typeof conf === 'function') {
-      conf = { methods: { yes: conf, no: conf } }
-    } else if (typeof conf === 'object') {
-      conf = conf
+  alert: function(content, title, cb) {
+    let opt = { content, fixed: true, icon: 5 }
+
+    if (typeof title === 'function') {
+      opt.yes = title
     } else {
-      conf = {}
+      title += ''
+      if (title) {
+        opt.title = title
       }
-    conf.icon = 5
-    conf.content = msg
-    conf.fixed = true
-    return _layer.open(conf)
+      if (cb && typeof cb === 'function') {
+        opt.yes = cb
+      }
+    }
+    return _layer.open(opt)
   },
-  confirm: function(msg, yescb, nocb) {
-    var conf = {}
+  confirm: function(content, title, yescb, nocb) {
+    let opt = { content, fixed: true, icon: 0, type: 2 }
+
+    if (typeof title === 'function') {
+      opt.yes = title
       if (typeof yescb === 'function') {
-      conf = { yes: yescb }
-    } else if (typeof yescb === 'object') {
-      conf = yescb
+        opt.no = yescb
       }
-    conf.type = 2
-    conf.icon = 0
-    conf.content = msg
-    if (typeof nocb === 'function') {
-      conf.no = nocb
+    } else {
+      title += ''
+      if (title) {
+        opt.title = title
       }
-    conf.fixed = true
-    return _layer.open(conf)
+      if (yescb && typeof yescb === 'function') {
+        opt.yes = yescb
+      }
+      if (nocb && typeof nocb === 'function') {
+        opt.no = nocb
+      }
+    }
+    return _layer.open(opt)
   },
   msg: function(msg, conf) {
     if (typeof conf !== 'object') {
@@ -196,7 +206,7 @@ const _layer = {
     conf.menubar = false
     return _layer.open(conf)
   },
-  prompt: function(msg, yescb) {
+  prompt: function(title, yescb) {
     if (typeof yescb !== 'function') {
       return console.error(
         'argument [callback] requires a function, but ' +
@@ -204,16 +214,16 @@ const _layer = {
           ' given'
       )
     }
-    var conf = {
+    let opt = {
       type: 3,
       prompt: '',
-      title: msg,
+      title,
       content:
         '<input class="prompt-value" data-duplex-focus :class="{alert: !prompt}" :duplex="prompt" />',
       fixed: true,
       yes: yescb
     }
-    return _layer.open(conf)
+    return _layer.open(opt)
   },
   use: function(skin, callback) {
     require(['css!./skin/' + skin], callback)
@@ -279,13 +289,16 @@ __layer__.prototype = {
         ...conf.state
       },
       props: conf.props,
+      skip: ['area', 'shift', 'skin', 'mask', 'maskClose'],
       methods: {
         onMaskClick: function() {
-          if (this.type < 4) {
+          if (this.type < 4 && !this.maskClose) {
             this.$refs.layer.classList.add('scale')
             setTimeout(() => {
               this.$refs.layer.classList.remove('scale')
             }, 100)
+          } else {
+            this.close()
           }
         },
         handleConfirm: function() {
@@ -326,9 +339,8 @@ __layer__.prototype = {
     }
     //base版没有iframe类型
     if (this.init.state.type === 4) {
-      this.icon.state.type = 7
+      this.init.state.type = 7
     }
-    console.log(this.init)
     return this
   },
   create: function() {
@@ -542,10 +554,6 @@ __layer__.prototype = {
       Anot(layerDom[_this.init.$id][1]).css(style)
     }, 4)
 
-    // if (this.init.success && typeof this.init.success === 'function') {
-    //   //弹窗成功的回调
-    //   this.init.success(this.init.$id)
-    // }
     // loading类型,回调需要自动触发
     if (state.type > 3) {
       //大于0自动触发超时关闭