diff --git a/example/component/simple/computed.vue b/example/component/simple/computed.vue
new file mode 100644
index 0000000..82530fb
--- /dev/null
+++ b/example/component/simple/computed.vue
@@ -0,0 +1,25 @@
+<template>
+    <div>
+        <span>{{msg1}}</span>
+        <span>{{msg2}}</span>
+    </div>
+</template>
+
+<script>
+export default {
+    created() {
+        this.a = 'created';
+    },
+    computed: {
+        msg2: function() {
+            if (this.msg1) {
+                return 'computed msg2';
+            }
+            return '我是computed msg2';
+        },
+        msg1: function() {
+            return '我是computed msg1';
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/example/component/simple/index.vue b/example/component/simple/index.vue
index 46e0b97..d6d3d8b 100644
--- a/example/component/simple/index.vue
+++ b/example/component/simple/index.vue
@@ -23,6 +23,7 @@
     <e-trans></e-trans>
     <e-trans-group></e-trans-group>
     <a-sync :name="'async'"></a-sync>
+    <computed></computed>
   </div>
 </template>
 
@@ -36,6 +37,7 @@ import Reactive from './reactive';
 import Slot from './slot';
 import Transition from './transition';
 import TransitionGroup from './transition-group';
+import Computed from './computed';
 
 export default {
     props: {
@@ -70,7 +72,8 @@ export default {
         'e-trans-group': TransitionGroup,
         'a-sync': function (resolve) {
             import('./async.vue').then(c => resolve(c.default));
-        }
+        },
+        computed: Computed
     },
     methods: {
         onClick(e) {
diff --git a/jest.config.js b/jest.config.js
index 7d8d8f5..26e7ccf 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,7 +1,12 @@
 module.exports = {
     verbose: true,
     collectCoverage: true,
-    collectCoverageFrom: ['<rootDir>/src/**'],
+    collectCoverageFrom: [
+        '<rootDir>/src/**',
+        '!<rootDir>/src/runtime/bind-data.js',
+        '!<rootDir>/src/runtime/bind-data-proxy.js',
+        '!<rootDir>/src/runtime/calc-computed-observe.js'
+    ],
     testTimeout: 30000,
     projects: [
         {
diff --git a/packages/compiler/index.js b/packages/compiler/index.js
index 5d7cc33..76e5138 100644
--- a/packages/compiler/index.js
+++ b/packages/compiler/index.js
@@ -1,4 +1,4 @@
-/* !
+/*!
  * vusa v1.0.0
  * (c) 2019-2021 * Released under the MIT License.
  */
@@ -422,7 +422,7 @@ function transform (code) {
 
 const bindKeys$1 = [':class', 'v-bind:class'];
 
-function postTransformNode$c(node) {
+function postTransformNode$d(node) {
     if (node.type === 1 && node.classBinding) {
         const staticClass = node.attrsMap.class || '';
         const classBinding = transform(node.attrsMap[bindKeys$1[0]] || node.attrsMap[bindKeys$1[1]]).code;
@@ -433,7 +433,7 @@ function postTransformNode$c(node) {
 }
 
 var clazz = {
-    postTransformNode: postTransformNode$c,
+    postTransformNode: postTransformNode$d,
 };
 
 /**
@@ -443,7 +443,7 @@ var clazz = {
 
 const bindKeys = [':style', 'v-bind:style', 'v-show'];
 
-function postTransformNode$b(node) {
+function postTransformNode$c(node) {
     let vShow = node.attrsMap['v-show'];
 
     if (node.type === 1 && (node.styleBinding || vShow)) {
@@ -464,7 +464,7 @@ function postTransformNode$b(node) {
 }
 
 var style = {
-    postTransformNode: postTransformNode$b,
+    postTransformNode: postTransformNode$c,
 };
 
 /**
@@ -474,8 +474,7 @@ var style = {
 
 const reBind = /^(v-bind)?\:/;
 
-function postTransformNode$a(node) {
-    // console.log('bind~~~~~~~~~~~~~~~~~');
+function postTransformNode$b(node) {
 
     if (node.type !== 1) {
         return;
@@ -495,7 +494,6 @@ function postTransformNode$a(node) {
         }
         node.attrsMap[attr] = attrValue;
         // node.attrsMap[key.replace(reBind, '')] = `{{ ${code} }}`;
-        node.attrsMap[key.replace(reBind, '')] = `{{ ${code} }}`;
         // node.attrsMap[key.replace(reBind, '')] = `{{ _b(${code})}}`;
     }
 
@@ -521,7 +519,7 @@ function postTransformNode$a(node) {
 }
 
 var bind = {
-    postTransformNode: postTransformNode$a,
+    postTransformNode: postTransformNode$b,
 };
 
 /**
@@ -529,7 +527,7 @@ var bind = {
  * @author cxtom(cxtom2008@gmail.com)
  */
 
-function postTransformNode$9(node) {
+function postTransformNode$a(node) {
     if (node.type !== 1) {
         return;
     }
@@ -551,7 +549,7 @@ function postTransformNode$9(node) {
 }
 
 var yf = {
-    postTransformNode: postTransformNode$9,
+    postTransformNode: postTransformNode$a,
 };
 
 /**
@@ -559,7 +557,7 @@ var yf = {
  * @author cxtom(cxtom2008@gmail.com)
  */
 
-function postTransformNode$8(node) {
+function postTransformNode$9(node) {
 
     if (node.type !== 1 || !node.for) {
         return;
@@ -593,7 +591,7 @@ function postTransformNode$8(node) {
 }
 
 var fr = {
-    postTransformNode: postTransformNode$8,
+    postTransformNode: postTransformNode$9,
 };
 
 function stripWith(code) {
@@ -641,7 +639,7 @@ function getName() {
     return nanoid$1();
 }
 
-function postTransformNode$7(node, options) {
+function postTransformNode$8(node, options) {
     const eventAttrs = node.attrsList.filter(n => reEvent.test(n.name));
     for (const attr of eventAttrs) {
         delete node.attrsMap[attr.name];
@@ -678,7 +676,7 @@ function postTransformNode$7(node, options) {
 }
 
 var event = {
-    postTransformNode: postTransformNode$7,
+    postTransformNode: postTransformNode$8,
 };
 
 /**
@@ -686,7 +684,7 @@ var event = {
  * @author cxtom(cxtom2008@gmail.com)
  */
 
-function postTransformNode$6(node) {
+function postTransformNode$7(node) {
 
     if (node.attrsMap && node.attrsMap['v-dangerous-html']) {
         const dir = node.directives.find(d => d.name === 'dangerous-html');
@@ -725,7 +723,7 @@ function postTransformNode$6(node) {
 }
 
 var html = {
-    postTransformNode: postTransformNode$6,
+    postTransformNode: postTransformNode$7,
 };
 
 /**
@@ -733,7 +731,7 @@ var html = {
  * @author cxtom(cxtom2008@gmail.com)
  */
 
-function postTransformNode$5(node, options) {
+function postTransformNode$6(node, options) {
     if (node.type !== 1 || !node.attrsMap.ref && !node.attrsMap[':ref']) {
         return;
     }
@@ -759,7 +757,7 @@ function postTransformNode$5(node, options) {
 }
 
 var ref = {
-    postTransformNode: postTransformNode$5
+    postTransformNode: postTransformNode$6
 };
 
 /**
@@ -767,7 +765,7 @@ var ref = {
  * @author cxtom(cxtom2008@gmail.com)
  */
 
-function postTransformNode$4(node, options) {
+function postTransformNode$5(node, options) {
 
     if (!(node.type === 1 && node.tag === 'component')) {
         return;
@@ -786,7 +784,7 @@ function postTransformNode$4(node, options) {
 }
 
 var dynamicComponent = {
-    postTransformNode: postTransformNode$4,
+    postTransformNode: postTransformNode$5,
 };
 
 /**
@@ -990,7 +988,7 @@ const htmlTag = {
  * @author cxtom(cxtom2008@gmail.com)
  */
 
-function postTransformNode$3(node) {
+function postTransformNode$4(node) {
     if (!node.type === 1 || !node.attrsMap) {
         return;
     }
@@ -1000,12 +998,17 @@ function postTransformNode$3(node) {
         if ((htmlTag[node.tag] && booleanAttr[key]) || noValueAttr[key]) {
             continue;
         }
+
+        // input 标签 的 value 不做处理
+        if (node.tag === 'input' && (key === 'value' || key === ':value')) {
+            continue;
+        }
         node.attrsMap[key] = `{{ true }}`;
     }
 }
 
 var bool = {
-    postTransformNode: postTransformNode$3
+    postTransformNode: postTransformNode$4
 };
 
 /**
@@ -1037,7 +1040,7 @@ function getAttrs(attrsMap) {
     });
 }
 
-function postTransformNode$2(el) {
+function postTransformNode$3(el) {
     if (el.tag === 'transition') {
         el.tag = 'fragment';
 
@@ -1075,7 +1078,7 @@ function postTransformNode$2(el) {
 }
 
 var transition = {
-    postTransformNode: postTransformNode$2,
+    postTransformNode: postTransformNode$3,
 };
 
 /**
@@ -1083,7 +1086,7 @@ var transition = {
  * @author cxtom(cxtom2008@gmail.com)
  */
 
-function postTransformNode$1(el, state) {
+function postTransformNode$2(el, state) {
     if (el.children && el.children.length > 0) {
         for (const child of el.children) {
             if (child.type !== 2 || !child.tokens || child.tokens.length <= 1) {
@@ -1113,7 +1116,7 @@ function postTransformNode$1(el, state) {
 }
 
 var textCombine = {
-    postTransformNode: postTransformNode$1,
+    postTransformNode: postTransformNode$2,
 };
 
 /**
@@ -1122,7 +1125,7 @@ var textCombine = {
  */
 
 
-function postTransformNode(node) {
+function postTransformNode$1(node) {
 
     if (node.type !== 1) {
         return;
@@ -1171,6 +1174,43 @@ function postTransformNode(node) {
 }
 
 var forIf = {
+    postTransformNode: postTransformNode$1,
+};
+
+/**
+ * @file 处理v-model的情况
+ * @author donghualei
+ */
+
+function postTransformNode(node) {
+
+    if (node.type !== 1
+        || !node.attrsMap.hasOwnProperty('v-model')
+        || (node.tag !== 'input' && node.tag !== 'select')) {
+        return;
+    }
+
+    const type = node.attrsMap.type;
+
+    if (node.tag === 'input') {
+
+        // 处理 input 的场景，text的场景
+        if (type === 'text' || !type && !node.attrsMap.hasOwnProperty('value')) {
+            node.attrsMap.value = `{= ${transform(node.attrsMap['v-model']).code} =}`;
+        }
+        // 有 value 则为 type = checkbox 或者 radio 的场景
+        else {
+            node.attrsMap.checked = `{= ${transform(node.attrsMap['v-model']).code} =}`;
+        }
+    }
+    else if (node.tag === 'select') {
+        node.attrsMap.value = `{= ${transform(node.attrsMap['v-model']).code} =}`;
+    }
+
+    delete node.attrsMap['v-model'];
+}
+
+var model = {
     postTransformNode,
 };
 
@@ -1192,6 +1232,7 @@ var buildInModules = [
 
     clazz,
     style,
+    model,
 
     // bind 放在所有处理完之后
     bind,
@@ -1263,9 +1304,7 @@ function stringify(ast, {scopeId, strip, atom}) {
  */
 
 const camelize = str => str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''));
-
-/**
- * 获取数据类型
+/* 获取数据类型
  * @param {any} data 源对象
  * @returns {string} 'Function' | 'Undefined' | 'Null' | 'Object' | 'Boolean' | 'String' | 'Number' | 'RegExp' | 'Symbol' | 'BigInt'|'HTMLDivElement';
  */
@@ -1367,13 +1406,11 @@ function compile(source, options = {}) {
     }
     const template = stringify(ast, {scopeId, strip, atom: isAtom});
 
-
     const aNode = sanAnodeUtils.parseTemplate(template, {
         trimWhitespace: 'blank',
     }).children[0];
 
     // if (ast.tag === 'child') {
-    // if (ast.tag === 'div1') {
     //     console.log('---------------------------------');
     //     console.log('ast', ast.children[0]);
     //     console.log('aNode', aNode.children[0]);
diff --git a/packages/runtime/vusa.js b/packages/runtime/vusa.js
index 5945922..c942c50 100644
--- a/packages/runtime/vusa.js
+++ b/packages/runtime/vusa.js
@@ -243,6 +243,13 @@
         return res;
     });
 
+    /**
+     * Perform no operation.
+     * Stubbing args to make Flow happy without leaving useless transpiled code
+     * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/).
+     */
+    function noop$1() {}
+
     /**
      * @file loop expression
      * @author cxtom(cxtom2008@gmail.com)
@@ -565,7 +572,6 @@
             : [globalOptions, options];
 
         var methods = {};
-
         for (var i = 0, len = list.length; i < len; i++) {
             var opt = list[i];
             opt.methods && extend(methods, opt.methods);
@@ -644,7 +650,12 @@
         }
 
         resetTarget();
-        var value = computed[computedExpr].call(this);
+        var userDef = computed[computedExpr];
+        if (typeof userDef === 'object') {
+            userDef = userDef.get || noop$1;
+        }
+
+        var value = userDef.call(this);
         var deps = Dep.target;
         cleanTarget();
 
diff --git a/packages/runtime/vusa.min.js b/packages/runtime/vusa.min.js
index a687c25..8a9ce87 100644
--- a/packages/runtime/vusa.min.js
+++ b/packages/runtime/vusa.min.js
@@ -1 +1 @@
-(function(e,t){"object"===typeof exports&&"undefined"!==typeof module?t(exports,require("san")):"function"===typeof define&&define.amd?define(["exports","san"],t):(e="undefined"!==typeof globalThis?globalThis:e||self,t(e.Vusa={},e.san))})(this,(function(e,t){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t["default"]=e,Object.freeze(t)}var r=n(t),a=t.Data.prototype.get;t.Data.prototype.get=function(e,n){if(!e)return this.raw;var r=e;"string"===typeof e?e=t.parseExpr(e):r=e.paths.map((function(e){return e.value})).join("."),this._dep&&this._dep.depend({key:r,expr:e});var o=a.call(this,e,n);if(!e||void 0!==o||!this.owner||e.type!==t.ExprType.ACCESSOR)return o;var i=e.paths,s=i[0].value;if(this.owner._propKeys.concat(this.owner._dataKeys,this.owner._computedKeys).indexOf(s)>=0)return o;for(var c=1,u=i.length;null!=o&&c<u;c++)o=o[i[c].value||t.evalExpr(i[c],n)];return o};var o=Object.assign;function i(e){for(var t={},n=0;n<e.length;n++)e[n]&&o(t,e[n]);return t}function s(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}var c=Object.prototype.toString;function u(e){return null!==e&&"object"===typeof e}var f=Object.prototype.hasOwnProperty;function p(e,t){return f.call(e,t)}function l(e){return"[object Object]"===c.call(e)}function d(e){return null==e?"":Array.isArray(e)||l(e)&&e.toString===c?JSON.stringify(e,null,2):String(e)}function v(e,t,n){Object.defineProperty(e,t,o({enumerable:!1,configurable:!0},n))}function h(e){var t=Object.create(null);return function(n){var r=t[n];return r||(t[n]=e(n))}}var y=/([^-])([A-Z])/g,m=h((function(e){return e.replace(y,"$1-$2").replace(y,"$1-$2").toLowerCase()})),b=function(e){return e.replace(/-(\w)/g,(function(e,t){return t?t.toUpperCase():""}))};function _(e){var t=!1;return function(){var n=[],r=arguments.length;while(r--)n[r]=arguments[r];t||(t=!0,e.apply(this,n))}}var g="function"===typeof Object.freeze;function C(e){return g&&u(e)?Object.freeze(e):e}function O(e){return{type:t.ExprType.ACCESSOR,paths:[{type:1,value:e}]}}function x(e){return"string"===typeof e||"number"===typeof e||"symbol"===typeof e||"boolean"===typeof e}function w(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}var A=h((function(e){var t={},n=/;(?![^(]*\))/g,r=/:(.+)/;return e.split(n).forEach((function(e){if(e){var n=e.split(r);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t})),j=h((function(e){for(var t=new Array(e),n=0;n<e;n++)t[n]=n+1;return t}));function E(e){if(!isNaN(e)){var t=+e;e=j(t)}return"string"===typeof e?e.split(""):e}function k(e){return e.reduce((function(e,t){var n=t.k,r=t.v;return e[n]=r,e}),{})}function T(e){var t=this;function n(e){for(var t=0,n=e.length;t<n;t++){var r=a(e[t]);if(r)return r}}function a(o){var i=o.nodeType;if(1!==i){var s;if(o.owner===t){var c,u;switch(i){case 4:case 3:if(c=o.aNode.directives.ref,u=c&&r.evalExpr(c.value,o.scope,t),c&&(u===e||b(u)===e))return 4===i?o.el:o.children.map(a);break;case 5:if(c=o.source.directives.ref,u=c&&r.evalExpr(c.value,o.scope,t),c&&(u===e||b(u)===e))return o}s=o.slotChildren&&n(o.slotChildren)}return s||n(o.children)}}return n(this.children)}var S={beforeCreate:"compiled",mounted:"attached",created:"inited",beforeMount:"created",beforeDestroy:"detached",destroy:"disposed",updated:"updated",beforeUpdate:"beforeUpdate",activated:"activated",deactivated:"deactivated",errorCaptured:"error"},N=Object.keys(S);function $(e){return void 0===e&&(e=""),e?e.split(" ").reduce((function(e,t){var n;return t?Object.assign({},e,(n={},n[t]=1,n)):e}),{}):""}function P(e){return void 0===e&&(e={}),Object.keys(e).reduce((function(t,n){return e[n]?Object.assign({},t,$(n)):t}),{})}function R(e){void 0===e&&(e=[]);for(var t={},n=0,r=e.length;n<r;n++){var a=e[n];a&&(t=Object.assign({},t,"string"===typeof a?$(a):Array.isArray(a)?R(a):P(a)))}return t}function D(e,t){return void 0===e&&(e={}),void 0===t&&(t=""),Object.keys(R([t,e])).join(" ")}function L(e){var t={};for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[m(n)]=e[n]);return t}function K(e){return Array.isArray(e)?L(i(e)):"string"===typeof e?A(e):L(e)}function M(e,t,n){return e=K(e),n||(e.display="none"),Object.keys(e).forEach((function(t){var n=e[t];Array.isArray(n)&&(e[t]=n[n.length-1])})),t?o(t,e):e}var U=["floor","ceil","round","abs","max","min","pow"],z={};U.forEach((function(e){z["math_"+e]=function(){var t=[],n=arguments.length;while(n--)t[n]=arguments[n];return Math[e].apply(Math,t)}})),z.array_slice=function(e,t,n){var r=null==n?void 0:n>=0?t+n:e.length+n;return e.slice(t,r)},z.array_join=function(e,t){return e.join(t)},z.str_pos=function(e,t){return e.indexOf(t)},z.object_freeze=function(e){return Object.freeze(e)};var F={json:function(e){return JSON.stringify(e)},lower:function(e){return e.toLowerCase()},upper:function(e){return e.toUpperCase()},_s:function(e){return d(e)},_cat:function(e,t){return e||0===e||(e=""),t||0===t||(t=""),e.toString()+t.toString()},_mc:D,_ms:M},q=["filters"],J={methods:z,filters:F};function G(e,t){return t?e?e.concat(t):Array.isArray(t)?t:[t]:e}function I(e){for(var t={},n=Array.isArray(e.mixins)?[J].concat(e.mixins,[e]):[J,e],r={},a=0,i=n.length;a<i;a++){var s=n[a];s.methods&&o(r,s.methods);for(var c=0;c<q.length;c++){var u=q[c];s[u]&&(t[u]=o(t[u]||{},s[u]))}for(var f=0;f<N.length;f++){var p=N[f],l=S[p];s[p]&&(t[l]=G(t[l]||[],s[p]))}}for(var d=0;d<N.length;d++){var v=N[d],h=S[v];if(t[h]){var y=t[h].slice();t[h]=1===y.length?y[0]:function(){var e=this;y.forEach((function(t){return t.call(e)}),this)}}}return t._methodKeys=Object.keys(r),o(t,r),e.messages&&(t.messages=e.messages),t}function W(){}function B(){W.target=[]}function V(){W.target=null}function Z(e,t){"object"===typeof e&&(e=e.paths.map((function(e){return e.value})).join("."));var n=this.computedDeps[e];n||(n=this.computedDeps[e]={}),B();var r=t[e].call(this),a=W.target;V();for(var o=this,i=0;i<a.length;i++){var s=a[i],c=s.expr,u=s.key;n[u]||(n[u]=1,this.watch(c,(function(){Z.call(o,e,t)})))}this.data.set(e,r)}W.prototype.depend=function(e){W.target&&W.target.push(e)},W.target=null;var H=Array.prototype,Q=Object.create(H),X=["push","pop","shift","unshift","splice","sort","reverse"];X.forEach((function(e){var t=H[e];v(Q,e,{value:function(){var n=[],r=arguments.length;while(r--)n[r]=arguments[r];var a=this.__ob__;switch(e){case"push":case"unshift":a.context.data[e](a.expr,n[0]);break;case"pop":case"shift":a.context.data[e](a.expr);break;case"splice":a.context.data.splice(a.expr,n);break;default:a.context.data.set(a.expr,t.apply(this.slice(),n))}var o=a.context.data.get(a.expr);return te(o,a.expr,a.context),o}})}));var Y=function(e,t,n){this.expr=t,this.context=n,v(e,"__ob__",{value:this}),this.value=e,Array.isArray(e)?(e.__proto__=Q,this.observeArray(e)):(this.keys=Object.keys(e)||[],this.walk(e))};function ee(e,n,r,a){var o=Object.getOwnPropertyDescriptor(e,n);if(!o||!1!==o.configurable){var i=o&&o.get,s=o&&o.set,c={type:t.ExprType.ACCESSOR,paths:r.paths.concat([{type:t.ExprType.STRING,value:n}])},u=new W,f=e[n];te(f,c,a);var p={enumerable:!0,configurable:!0,set:function(t){var n=i?i.call(e):f;t!==n&&(i&&!s||(s?s.call(e,t):f=t,te(t,c,a),a.data.set(c,t,{force:!0})))},get:function(){u.depend({context:a,expr:c});var t=i?i.call(e):f;return t}};v(e,n,p)}}function te(e,t,n){var r;if(u(e))return p(e,"__ob__")&&e.__ob__ instanceof Y?r=e.__ob__:(Array.isArray(e)||l(e))&&Object.isExtensible(e)&&(r=new Y(e,t,n)),r}function ne(e,n,r){if(null!=e&&!x(e)){var a=t.parseExpr(n);if(e.nodeType===t.NodeType.CMPT)return e.data.set(a,r,{force:!0}),r;var o=e.__ob__;if(o&&Array.isArray(e)&&w(n))e.length=Math.max(e.length,n),o.context.data.splice(o.expr,a,1,r);else if(o){var i={type:t.ExprType.ACCESSOR,paths:o.expr.paths.concat(a.paths)};o.context.set(i,r,{force:!0})}}}function re(e){for(var n=this,r=this._dataKeys.concat(this._propKeys),a=r.length,o=this,i=new W,s=function(e){var n=r[e],a={type:t.ExprType.ACCESSOR,paths:[{type:t.ExprType.STRING,value:n}]};v(o,n,{get:function(){i.depend({context:o,expr:a});var e=o.data.get(a);return te(e,a,o),e},set:function(e){u(e)&&p(e,"__ob__")&&(e=Array.isArray(e)?e.slice():Object.assign({},e)),o.data.set(a,e)}})},c=0;c<a;c++)s(c);var f=this.data.owner=this;this.computedDeps={};for(var l=function(t){var r=n._computedKeys[t];Z.call(n,r,e),v(n,r,{get:function(){return f.data.get(O(r))}})},d=0;d<n._computedKeys.length;d++)l(d)}function ae(){var e=this,t=e.slotChildren,n=e.lifeCycle,r=e.sourceSlots;if(n.attached)return t.reduce((function(e,t){var n=t.name||"default";return e[n]||(e[n]=[]),e[n]=e[n].concat(t.children),e}),{});var a={};return r.named&&o(a,r.named),r.noname&&(a.default=r.noname),a}function oe(e){return function n(r){var a=this;a.nodeType===t.NodeType.CMPT&&a._toPhase(e),a.children&&a.children.length>1&&a.children.forEach(n)}}Y.prototype.walk=function(e){for(var t=this.keys,n=0;n<t.length;n++)ee(e,t[n],this.expr,this.context)},Y.prototype.observeArray=function(e){for(var n=0,r=e.length;n<r;n++)te(e[n],o({},this.expr,{paths:this.expr.paths.concat([{type:t.ExprType.NUMBER,value:n}])}),this.context)};var ie=oe("activited"),se=oe("deactivited"),ce=/\s+/;function ue(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(ce).forEach((function(t){return e.classList.add(t)})):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function fe(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(ce).forEach((function(t){return e.classList.remove(t)})):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";while(n.indexOf(r)>=0)n=n.replace(r," ");n=n.trim(),n?e.setAttribute("class",n):e.removeAttribute("class")}}var pe=h((function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}));function le(e){if(e){if("object"===typeof e){var t={};return!1!==e.css&&o(t,pe(e.name||"v")),o(t,e),t}return"string"===typeof e?pe(e):void 0}}var de="undefined"!==typeof window,ve="transition",he="animation",ye="transition",me="transitionend",be="animation",_e="animationend";de&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ye="WebkitTransition",me="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(be="WebkitAnimation",_e="webkitAnimationEnd"));var ge=de?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function Ce(e){ge((function(){ge(e)}))}var Oe=/\b(transform|all)(,|$)/;function xe(e,t){var n,r=window.getComputedStyle(e),a=(r[ye+"Delay"]||"").split(", "),o=(r[ye+"Duration"]||"").split(", "),i=we(a,o),s=(r[be+"Delay"]||"").split(", "),c=(r[be+"Duration"]||"").split(", "),u=we(s,c),f=0,p=0;t===ve?i>0&&(n=ve,f=i,p=o.length):t===he?u>0&&(n=he,f=u,p=c.length):(f=Math.max(i,u),n=f>0?i>u?ve:he:null,p=n?n===ve?o.length:c.length:0);var l=n===ve&&Oe.test(r[ye+"Property"]);return{type:n,timeout:f,propCount:p,hasTransform:l}}function we(e,t){while(e.length<t.length)e=e.concat(e);return Math.max.apply(null,t.map((function(t,n){return Ae(t)+Ae(e[n])})))}function Ae(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function je(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),ue(e,t))}function Ee(e,t){e._transitionClasses&&s(e._transitionClasses,t),fe(e,t)}function ke(e){return"number"===typeof e&&!isNaN(e)}function Te(e,t,n){var r=xe(e,t),a=r.type,o=r.timeout,i=r.propCount;if(!a)return n();var s=a===ve?me:_e,c=0,u=function(t){t.target===e&&++c>=i&&f()},f=function(){e.removeEventListener(s,u),n()};setTimeout((function(){c<i&&f()}),o+1),e.addEventListener(s,u)}function Se(e){var t=le(e),n=t.css,r=t.type,a=t.enterClass,o=t.enterToClass,i=t.enterActiveClass,s=t.appearClass,c=t.appearToClass,f=t.appearActiveClass,p=t.beforeEnter,l=t.enter,d=t.afterEnter,v=t.enterCancelled,h=t.beforeAppear,y=t.appear,m=t.afterAppear,b=t.appearCancelled,g=t.leaveClass,C=t.leaveToClass,O=t.leaveActiveClass,x=t.beforeLeave,w=t.leave,A=t.afterLeave,j=t.leaveCancelled,E=t.delayLeave,k=t.duration,T=this,S=!1!==n;return{enter:$,leave:P};function N(e){if(!e)return!1;if("function"===typeof e)return e;var t=T.owner[e];return!(!t||"function"!==typeof t)&&t}function $(e,t){var n=!T.lifeCycle.attached;if(e._leaveCb&&(e._leaveCb.cancelled=!0,e._leaveCb()),!e._enterCb&&1===e.nodeType&&(!n||y)){var g=n&&s?s:a,C=n&&f?f:i,O=n&&c?c:o,x=n&&N(h)||N(p),w=n&&N(y)||N(l),A=n&&N(m)||N(d),j=n&&N(b)||N(v),E=+(u(k)?k.enter:k),$=w&&w.length>1,P=e._enterCb=_((function(){S&&(Ee(e,O),Ee(e,C)),P.cancelled?(S&&Ee(e,g),j&&j(e)):A&&A(e),e._enterCb=null}));w&&w(e,P),x&&x(e),S&&(je(e,g),je(e,C),Ce((function(){Ee(e,g),P.cancelled||(je(e,O),$||(ke(E)?setTimeout(P,E):Te(e,r,P)))}))),S||$||P(),t()}}function P(e,t){if(e._enterCb&&(e._enterCb.cancelled=!0,e._enterCb()),!e._leaveCb){var n=N(w),a=N(E),o=N(x),i=N(A),s=+(u(k)?k.leave:k),c=n&&n.length>1,f=e._leaveCb=_((function(){S&&(Ee(e,C),Ee(e,O)),f.cancelled?(S&&Ee(e,g),j&&j(e)):(t(),i&&i(e)),e._leaveCb=null}));a?a(p):p()}function p(){f.cancelled||(o&&o(e),S&&(je(e,g),je(e,O),Ce((function(){Ee(e,g),f.cancelled||(je(e,C),c||(ke(s)?setTimeout(f,s):Te(e,r,f)))}))),n&&n(e,f),S||c||f())}}}function Ne(e){return e.split(/(?=<)/g).map((function(e){if(/^<\//.test(e)||e.indexOf(">")<0)return e;var t=/\s*(on[^\s"'<>\/=]+)\s*=/gi,n=e.indexOf(">"),r=e.slice(n+1),a=e.slice(0,n+1).replace(t,(function(e,t){return e.replace(t,t+"-safe")}));return a+r})).join("")}function $e(e){if(e.indexOf("<")>-1){var t=/((<script.*?<\/script>)|(<style.*?<\/style>))/gi,n={"<":"&lt;",">":"&gt;",'"':"&quot;"};return e=e.replace(t,(function(e){return e.replace(/([<>"])/g,(function(e){return n[e]}))})),Ne(e)}return e}function Pe(e){return"[object Object]"===Object.prototype.toString.call(e)}function Re(e){return null==e?"":Array.isArray(e)||Pe(e)&&e.toString===Object.prototype.toString?JSON.stringify(e,null,2):String(e)}function De(e){return!0===e||e&&"string"===typeof e?"disabled":e}var Le="__COMPONENT_REFERENCE__",Ke=function(){},Me=function(e){return this.filters[e]},Ue={$activate:ie,$deactivate:se,_l:E,_ex:o,_ocp:k,_noop:Ke,_t:Se,_sf:$e,_f:Me,_h:Re,$emit:t.Component.prototype.fire,$on:t.Component.prototype.on,$watch:t.Component.prototype.watch,$nextTick:t.nextTick,$set:ne,_da:De},ze=t.defineComponent(Ue),Fe={$el:function(){return this.el},$data:function(){return this.data&&this.data.raw},$context:function(){return this.owner},$parent:function(){return this.parentComponent},$children:function(){return this._rootNode&&this.tagName!==this._rootNode.tagName&&this.children.unshift(this._rootNode),this.children.filter((function(e){return 5===e.nodeType}))},$root:function(){var e=this;if(this.parentComponent)while(e.parentComponent)e=e.parentComponent;return e},$slots:ae,_isDestroyed:function(){return!!this.lifeCycle.disposed}},qe=t.Component.prototype._update;t.Component.prototype._update=function(e){e&&this._toPhase("beforeUpdate"),qe.call(this,e)};var Je="_SanCtor",Ge=O("$style");function Ie(e){if(e&&e[Le])return e;if(e instanceof t.Component||e instanceof ze){var n=e.prototype;if(!n.hasOwnProperty("_cmptReady")){var r=e.components||n.components||{};n.components=We(r),n._cmptReady=1}return e}return"function"===typeof e?t.createComponentLoader((function(){return new Promise((function(t){e((function(e){t(Be(e))}))}))})):e.template||e.aNode||e.aPack?(e.components&&(e.components=We(e.components),e._cmptReady=1),t.defineComponent(e)):Be(e)}function We(e){return e=Object.keys(e).reduce((function(t,n){var r=e[n];return t[n]=t[m(n)]=Ie(r),t}),o({},J.components))}function Be(e){if(e.hasOwnProperty(Je))return e[Je];if("function"===typeof e)return Ie(e);var n={};if(e.components&&(n.components=We(e.components),n._cmptReady=1),e.template||e.aNode||e.aPack||e instanceof t.Component||e instanceof ze)return t.defineComponent(o({},e,n));var r=e.__sanOptimizeSSR||!1,a=o(n,{template:e.__santemplate,aNode:e.__sanaNode,aPack:e.__sanaPack,_isSan:!0},I(e)),i=e.__sanRefs,s=a.inited;a.inited=function(){var t=this,n=this;if(!r&&(this.$refs=Object.create(null),i)){for(var a=function(e,t){var r=i[e];v(n.$refs,r.name,{get:function(){return r.root?n.el:n.ref(r.name)}})},o=0,c=i.length;o<c;o++)a(o,c);n.ref=T}if(this.$style&&this.data.set(Ge,C(this.$style)),r){if(e.computed&&r)for(var u in e.computed)if(Object.hasOwnProperty.call(e.computed,u)){var f=e.computed[u];this.data.data[u]=f.call(this.data.data)}}else re.call(this,e.computed);s&&s.call(this),e.watch&&!r&&Object.keys(e.watch).forEach((function(n){t.watch(n,e.watch[n].bind(t))})),e.preprocessANode&&e.preprocessANode.call(this)};var c=a.beforeUpdate;a.beforeUpdate=function(){c&&c.call(this),e.preprocessANode&&e.preprocessANode.call(this)};var u=a.compiled;a.initData=function(){this._calcComputed=Ke,u&&u.call(this);var t=this,n=Object.keys(Fe).reduce((function(e,n){return e[n]={get:function(){return Fe[n].call(t)}},e}),{});n.$options={value:e},Object.defineProperties(this,n);var a={};if(e.props){var i=e.props?Array.isArray(e.props)?e.props:Object.keys(e.props):[];r||(t._propKeys=e._propKeys=i);var s=i.length;if(s>0&&!Array.isArray(e.props))for(var c=0,f=i.length;c<f;c++){var p=i[c],l=e.props[p];l.default&&(a[p]="function"===typeof l.default?l.default():l.default)}}else t._propKeys=[];var d="function"===typeof e.data?e.data.call(o({},a,r?this.data.data:this._srcSbindData)):e.data||{};r||(this._dataKeys=Object.keys(d)||[]);var v=o({$style:{}},a,d);return!r&&e.computed?t._computedKeys=Object.keys(e.computed):r||(t._computedKeys=[]),r&&Object.defineProperties(this.data.data,n),v};var f=t.defineComponent(a,ze);return e[Je]=f}var Ve=function(e){I(e)},Ze=function(e,t){J.components=J.components||{},J.components[e]=Be(t)};e.component=Ze,e.defineComponent=Be,e.mixin=Ve,Object.defineProperty(e,"__esModule",{value:!0})}));
+(function(e,t){"object"===typeof exports&&"undefined"!==typeof module?t(exports,require("san")):"function"===typeof define&&define.amd?define(["exports","san"],t):(e="undefined"!==typeof globalThis?globalThis:e||self,t(e.Vusa={},e.san))})(this,(function(e,t){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t["default"]=e,Object.freeze(t)}var r=n(t),a=t.Data.prototype.get;t.Data.prototype.get=function(e,n){if(!e)return this.raw;var r=e;"string"===typeof e?e=t.parseExpr(e):r=e.paths.map((function(e){return e.value})).join("."),this._dep&&this._dep.depend({key:r,expr:e});var o=a.call(this,e,n);if(!e||void 0!==o||!this.owner||e.type!==t.ExprType.ACCESSOR)return o;var i=e.paths,s=i[0].value;if(this.owner._propKeys.concat(this.owner._dataKeys,this.owner._computedKeys).indexOf(s)>=0)return o;for(var c=1,u=i.length;null!=o&&c<u;c++)o=o[i[c].value||t.evalExpr(i[c],n)];return o};var o=Object.assign;function i(e){for(var t={},n=0;n<e.length;n++)e[n]&&o(t,e[n]);return t}function s(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}var c=Object.prototype.toString;function u(e){return null!==e&&"object"===typeof e}var f=Object.prototype.hasOwnProperty;function p(e,t){return f.call(e,t)}function l(e){return"[object Object]"===c.call(e)}function d(e){return null==e?"":Array.isArray(e)||l(e)&&e.toString===c?JSON.stringify(e,null,2):String(e)}function v(e,t,n){Object.defineProperty(e,t,o({enumerable:!1,configurable:!0},n))}function h(e){var t=Object.create(null);return function(n){var r=t[n];return r||(t[n]=e(n))}}var y=/([^-])([A-Z])/g,m=h((function(e){return e.replace(y,"$1-$2").replace(y,"$1-$2").toLowerCase()})),b=function(e){return e.replace(/-(\w)/g,(function(e,t){return t?t.toUpperCase():""}))};function _(e){var t=!1;return function(){var n=[],r=arguments.length;while(r--)n[r]=arguments[r];t||(t=!0,e.apply(this,n))}}var g="function"===typeof Object.freeze;function C(e){return g&&u(e)?Object.freeze(e):e}function O(e){return{type:t.ExprType.ACCESSOR,paths:[{type:1,value:e}]}}function x(e){return"string"===typeof e||"number"===typeof e||"symbol"===typeof e||"boolean"===typeof e}function w(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}var j=h((function(e){var t={},n=/;(?![^(]*\))/g,r=/:(.+)/;return e.split(n).forEach((function(e){if(e){var n=e.split(r);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}));function A(){}var E=h((function(e){for(var t=new Array(e),n=0;n<e;n++)t[n]=n+1;return t}));function k(e){if(!isNaN(e)){var t=+e;e=E(t)}return"string"===typeof e?e.split(""):e}function T(e){return e.reduce((function(e,t){var n=t.k,r=t.v;return e[n]=r,e}),{})}function S(e){var t=this;function n(e){for(var t=0,n=e.length;t<n;t++){var r=a(e[t]);if(r)return r}}function a(o){var i=o.nodeType;if(1!==i){var s;if(o.owner===t){var c,u;switch(i){case 4:case 3:if(c=o.aNode.directives.ref,u=c&&r.evalExpr(c.value,o.scope,t),c&&(u===e||b(u)===e))return 4===i?o.el:o.children.map(a);break;case 5:if(c=o.source.directives.ref,u=c&&r.evalExpr(c.value,o.scope,t),c&&(u===e||b(u)===e))return o}s=o.slotChildren&&n(o.slotChildren)}return s||n(o.children)}}return n(this.children)}var N={beforeCreate:"compiled",mounted:"attached",created:"inited",beforeMount:"created",beforeDestroy:"detached",destroy:"disposed",updated:"updated",beforeUpdate:"beforeUpdate",activated:"activated",deactivated:"deactivated",errorCaptured:"error"},$=Object.keys(N);function P(e){return void 0===e&&(e=""),e?e.split(" ").reduce((function(e,t){var n;return t?Object.assign({},e,(n={},n[t]=1,n)):e}),{}):""}function R(e){return void 0===e&&(e={}),Object.keys(e).reduce((function(t,n){return e[n]?Object.assign({},t,P(n)):t}),{})}function D(e){void 0===e&&(e=[]);for(var t={},n=0,r=e.length;n<r;n++){var a=e[n];a&&(t=Object.assign({},t,"string"===typeof a?P(a):Array.isArray(a)?D(a):R(a)))}return t}function L(e,t){return void 0===e&&(e={}),void 0===t&&(t=""),Object.keys(D([t,e])).join(" ")}function K(e){var t={};for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[m(n)]=e[n]);return t}function M(e){return Array.isArray(e)?K(i(e)):"string"===typeof e?j(e):K(e)}function U(e,t,n){return e=M(e),n||(e.display="none"),Object.keys(e).forEach((function(t){var n=e[t];Array.isArray(n)&&(e[t]=n[n.length-1])})),t?o(t,e):e}var z=["floor","ceil","round","abs","max","min","pow"],F={};z.forEach((function(e){F["math_"+e]=function(){var t=[],n=arguments.length;while(n--)t[n]=arguments[n];return Math[e].apply(Math,t)}})),F.array_slice=function(e,t,n){var r=null==n?void 0:n>=0?t+n:e.length+n;return e.slice(t,r)},F.array_join=function(e,t){return e.join(t)},F.str_pos=function(e,t){return e.indexOf(t)},F.object_freeze=function(e){return Object.freeze(e)};var q={json:function(e){return JSON.stringify(e)},lower:function(e){return e.toLowerCase()},upper:function(e){return e.toUpperCase()},_s:function(e){return d(e)},_cat:function(e,t){return e||0===e||(e=""),t||0===t||(t=""),e.toString()+t.toString()},_mc:L,_ms:U},J=["filters"],G={methods:F,filters:q};function I(e,t){return t?e?e.concat(t):Array.isArray(t)?t:[t]:e}function W(e){for(var t={},n=Array.isArray(e.mixins)?[G].concat(e.mixins,[e]):[G,e],r={},a=0,i=n.length;a<i;a++){var s=n[a];s.methods&&o(r,s.methods);for(var c=0;c<J.length;c++){var u=J[c];s[u]&&(t[u]=o(t[u]||{},s[u]))}for(var f=0;f<$.length;f++){var p=$[f],l=N[p];s[p]&&(t[l]=I(t[l]||[],s[p]))}}for(var d=0;d<$.length;d++){var v=$[d],h=N[v];if(t[h]){var y=t[h].slice();t[h]=1===y.length?y[0]:function(){var e=this;y.forEach((function(t){return t.call(e)}),this)}}}return t._methodKeys=Object.keys(r),o(t,r),e.messages&&(t.messages=e.messages),t}function B(){}function V(){B.target=[]}function Z(){B.target=null}function H(e,t){"object"===typeof e&&(e=e.paths.map((function(e){return e.value})).join("."));var n=this.computedDeps[e];n||(n=this.computedDeps[e]={}),V();var r=t[e];"object"===typeof r&&(r=r.get||A);var a=r.call(this),o=B.target;Z();for(var i=this,s=0;s<o.length;s++){var c=o[s],u=c.expr,f=c.key;n[f]||(n[f]=1,this.watch(u,(function(){H.call(i,e,t)})))}this.data.set(e,a)}B.prototype.depend=function(e){B.target&&B.target.push(e)},B.target=null;var Q=Array.prototype,X=Object.create(Q),Y=["push","pop","shift","unshift","splice","sort","reverse"];Y.forEach((function(e){var t=Q[e];v(X,e,{value:function(){var n=[],r=arguments.length;while(r--)n[r]=arguments[r];var a=this.__ob__;switch(e){case"push":case"unshift":a.context.data[e](a.expr,n[0]);break;case"pop":case"shift":a.context.data[e](a.expr);break;case"splice":a.context.data.splice(a.expr,n);break;default:a.context.data.set(a.expr,t.apply(this.slice(),n))}var o=a.context.data.get(a.expr);return ne(o,a.expr,a.context),o}})}));var ee=function(e,t,n){this.expr=t,this.context=n,v(e,"__ob__",{value:this}),this.value=e,Array.isArray(e)?(e.__proto__=X,this.observeArray(e)):(this.keys=Object.keys(e)||[],this.walk(e))};function te(e,n,r,a){var o=Object.getOwnPropertyDescriptor(e,n);if(!o||!1!==o.configurable){var i=o&&o.get,s=o&&o.set,c={type:t.ExprType.ACCESSOR,paths:r.paths.concat([{type:t.ExprType.STRING,value:n}])},u=new B,f=e[n];ne(f,c,a);var p={enumerable:!0,configurable:!0,set:function(t){var n=i?i.call(e):f;t!==n&&(i&&!s||(s?s.call(e,t):f=t,ne(t,c,a),a.data.set(c,t,{force:!0})))},get:function(){u.depend({context:a,expr:c});var t=i?i.call(e):f;return t}};v(e,n,p)}}function ne(e,t,n){var r;if(u(e))return p(e,"__ob__")&&e.__ob__ instanceof ee?r=e.__ob__:(Array.isArray(e)||l(e))&&Object.isExtensible(e)&&(r=new ee(e,t,n)),r}function re(e,n,r){if(null!=e&&!x(e)){var a=t.parseExpr(n);if(e.nodeType===t.NodeType.CMPT)return e.data.set(a,r,{force:!0}),r;var o=e.__ob__;if(o&&Array.isArray(e)&&w(n))e.length=Math.max(e.length,n),o.context.data.splice(o.expr,a,1,r);else if(o){var i={type:t.ExprType.ACCESSOR,paths:o.expr.paths.concat(a.paths)};o.context.set(i,r,{force:!0})}}}function ae(e){for(var n=this,r=this._dataKeys.concat(this._propKeys),a=r.length,o=this,i=new B,s=function(e){var n=r[e],a={type:t.ExprType.ACCESSOR,paths:[{type:t.ExprType.STRING,value:n}]};v(o,n,{get:function(){i.depend({context:o,expr:a});var e=o.data.get(a);return ne(e,a,o),e},set:function(e){u(e)&&p(e,"__ob__")&&(e=Array.isArray(e)?e.slice():Object.assign({},e)),o.data.set(a,e)}})},c=0;c<a;c++)s(c);var f=this.data.owner=this;this.computedDeps={};for(var l=function(t){var r=n._computedKeys[t];H.call(n,r,e),v(n,r,{get:function(){return f.data.get(O(r))}})},d=0;d<n._computedKeys.length;d++)l(d)}function oe(){var e=this,t=e.slotChildren,n=e.lifeCycle,r=e.sourceSlots;if(n.attached)return t.reduce((function(e,t){var n=t.name||"default";return e[n]||(e[n]=[]),e[n]=e[n].concat(t.children),e}),{});var a={};return r.named&&o(a,r.named),r.noname&&(a.default=r.noname),a}function ie(e){return function n(r){var a=this;a.nodeType===t.NodeType.CMPT&&a._toPhase(e),a.children&&a.children.length>1&&a.children.forEach(n)}}ee.prototype.walk=function(e){for(var t=this.keys,n=0;n<t.length;n++)te(e,t[n],this.expr,this.context)},ee.prototype.observeArray=function(e){for(var n=0,r=e.length;n<r;n++)ne(e[n],o({},this.expr,{paths:this.expr.paths.concat([{type:t.ExprType.NUMBER,value:n}])}),this.context)};var se=ie("activited"),ce=ie("deactivited"),ue=/\s+/;function fe(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(ue).forEach((function(t){return e.classList.add(t)})):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function pe(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(ue).forEach((function(t){return e.classList.remove(t)})):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";while(n.indexOf(r)>=0)n=n.replace(r," ");n=n.trim(),n?e.setAttribute("class",n):e.removeAttribute("class")}}var le=h((function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}));function de(e){if(e){if("object"===typeof e){var t={};return!1!==e.css&&o(t,le(e.name||"v")),o(t,e),t}return"string"===typeof e?le(e):void 0}}var ve="undefined"!==typeof window,he="transition",ye="animation",me="transition",be="transitionend",_e="animation",ge="animationend";ve&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(me="WebkitTransition",be="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(_e="WebkitAnimation",ge="webkitAnimationEnd"));var Ce=ve?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function Oe(e){Ce((function(){Ce(e)}))}var xe=/\b(transform|all)(,|$)/;function we(e,t){var n,r=window.getComputedStyle(e),a=(r[me+"Delay"]||"").split(", "),o=(r[me+"Duration"]||"").split(", "),i=je(a,o),s=(r[_e+"Delay"]||"").split(", "),c=(r[_e+"Duration"]||"").split(", "),u=je(s,c),f=0,p=0;t===he?i>0&&(n=he,f=i,p=o.length):t===ye?u>0&&(n=ye,f=u,p=c.length):(f=Math.max(i,u),n=f>0?i>u?he:ye:null,p=n?n===he?o.length:c.length:0);var l=n===he&&xe.test(r[me+"Property"]);return{type:n,timeout:f,propCount:p,hasTransform:l}}function je(e,t){while(e.length<t.length)e=e.concat(e);return Math.max.apply(null,t.map((function(t,n){return Ae(t)+Ae(e[n])})))}function Ae(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Ee(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),fe(e,t))}function ke(e,t){e._transitionClasses&&s(e._transitionClasses,t),pe(e,t)}function Te(e){return"number"===typeof e&&!isNaN(e)}function Se(e,t,n){var r=we(e,t),a=r.type,o=r.timeout,i=r.propCount;if(!a)return n();var s=a===he?be:ge,c=0,u=function(t){t.target===e&&++c>=i&&f()},f=function(){e.removeEventListener(s,u),n()};setTimeout((function(){c<i&&f()}),o+1),e.addEventListener(s,u)}function Ne(e){var t=de(e),n=t.css,r=t.type,a=t.enterClass,o=t.enterToClass,i=t.enterActiveClass,s=t.appearClass,c=t.appearToClass,f=t.appearActiveClass,p=t.beforeEnter,l=t.enter,d=t.afterEnter,v=t.enterCancelled,h=t.beforeAppear,y=t.appear,m=t.afterAppear,b=t.appearCancelled,g=t.leaveClass,C=t.leaveToClass,O=t.leaveActiveClass,x=t.beforeLeave,w=t.leave,j=t.afterLeave,A=t.leaveCancelled,E=t.delayLeave,k=t.duration,T=this,S=!1!==n;return{enter:$,leave:P};function N(e){if(!e)return!1;if("function"===typeof e)return e;var t=T.owner[e];return!(!t||"function"!==typeof t)&&t}function $(e,t){var n=!T.lifeCycle.attached;if(e._leaveCb&&(e._leaveCb.cancelled=!0,e._leaveCb()),!e._enterCb&&1===e.nodeType&&(!n||y)){var g=n&&s?s:a,C=n&&f?f:i,O=n&&c?c:o,x=n&&N(h)||N(p),w=n&&N(y)||N(l),j=n&&N(m)||N(d),A=n&&N(b)||N(v),E=+(u(k)?k.enter:k),$=w&&w.length>1,P=e._enterCb=_((function(){S&&(ke(e,O),ke(e,C)),P.cancelled?(S&&ke(e,g),A&&A(e)):j&&j(e),e._enterCb=null}));w&&w(e,P),x&&x(e),S&&(Ee(e,g),Ee(e,C),Oe((function(){ke(e,g),P.cancelled||(Ee(e,O),$||(Te(E)?setTimeout(P,E):Se(e,r,P)))}))),S||$||P(),t()}}function P(e,t){if(e._enterCb&&(e._enterCb.cancelled=!0,e._enterCb()),!e._leaveCb){var n=N(w),a=N(E),o=N(x),i=N(j),s=+(u(k)?k.leave:k),c=n&&n.length>1,f=e._leaveCb=_((function(){S&&(ke(e,C),ke(e,O)),f.cancelled?(S&&ke(e,g),A&&A(e)):(t(),i&&i(e)),e._leaveCb=null}));a?a(p):p()}function p(){f.cancelled||(o&&o(e),S&&(Ee(e,g),Ee(e,O),Oe((function(){ke(e,g),f.cancelled||(Ee(e,C),c||(Te(s)?setTimeout(f,s):Se(e,r,f)))}))),n&&n(e,f),S||c||f())}}}function $e(e){return e.split(/(?=<)/g).map((function(e){if(/^<\//.test(e)||e.indexOf(">")<0)return e;var t=/\s*(on[^\s"'<>\/=]+)\s*=/gi,n=e.indexOf(">"),r=e.slice(n+1),a=e.slice(0,n+1).replace(t,(function(e,t){return e.replace(t,t+"-safe")}));return a+r})).join("")}function Pe(e){if(e.indexOf("<")>-1){var t=/((<script.*?<\/script>)|(<style.*?<\/style>))/gi,n={"<":"&lt;",">":"&gt;",'"':"&quot;"};return e=e.replace(t,(function(e){return e.replace(/([<>"])/g,(function(e){return n[e]}))})),$e(e)}return e}function Re(e){return"[object Object]"===Object.prototype.toString.call(e)}function De(e){return null==e?"":Array.isArray(e)||Re(e)&&e.toString===Object.prototype.toString?JSON.stringify(e,null,2):String(e)}function Le(e){return!0===e||e&&"string"===typeof e?"disabled":e}var Ke="__COMPONENT_REFERENCE__",Me=function(){},Ue=function(e){return this.filters[e]},ze={$activate:se,$deactivate:ce,_l:k,_ex:o,_ocp:T,_noop:Me,_t:Ne,_sf:Pe,_f:Ue,_h:De,$emit:t.Component.prototype.fire,$on:t.Component.prototype.on,$watch:t.Component.prototype.watch,$nextTick:t.nextTick,$set:re,_da:Le},Fe=t.defineComponent(ze),qe={$el:function(){return this.el},$data:function(){return this.data&&this.data.raw},$context:function(){return this.owner},$parent:function(){return this.parentComponent},$children:function(){return this._rootNode&&this.tagName!==this._rootNode.tagName&&this.children.unshift(this._rootNode),this.children.filter((function(e){return 5===e.nodeType}))},$root:function(){var e=this;if(this.parentComponent)while(e.parentComponent)e=e.parentComponent;return e},$slots:oe,_isDestroyed:function(){return!!this.lifeCycle.disposed}},Je=t.Component.prototype._update;t.Component.prototype._update=function(e){e&&this._toPhase("beforeUpdate"),Je.call(this,e)};var Ge="_SanCtor",Ie=O("$style");function We(e){if(e&&e[Ke])return e;if(e instanceof t.Component||e instanceof Fe){var n=e.prototype;if(!n.hasOwnProperty("_cmptReady")){var r=e.components||n.components||{};n.components=Be(r),n._cmptReady=1}return e}return"function"===typeof e?t.createComponentLoader((function(){return new Promise((function(t){e((function(e){t(Ve(e))}))}))})):e.template||e.aNode||e.aPack?(e.components&&(e.components=Be(e.components),e._cmptReady=1),t.defineComponent(e)):Ve(e)}function Be(e){return e=Object.keys(e).reduce((function(t,n){var r=e[n];return t[n]=t[m(n)]=We(r),t}),o({},G.components))}function Ve(e){if(e.hasOwnProperty(Ge))return e[Ge];if("function"===typeof e)return We(e);var n={};if(e.components&&(n.components=Be(e.components),n._cmptReady=1),e.template||e.aNode||e.aPack||e instanceof t.Component||e instanceof Fe)return t.defineComponent(o({},e,n));var r=e.__sanOptimizeSSR||!1,a=o(n,{template:e.__santemplate,aNode:e.__sanaNode,aPack:e.__sanaPack,_isSan:!0},W(e)),i=e.__sanRefs,s=a.inited;a.inited=function(){var t=this,n=this;if(!r&&(this.$refs=Object.create(null),i)){for(var a=function(e,t){var r=i[e];v(n.$refs,r.name,{get:function(){return r.root?n.el:n.ref(r.name)}})},o=0,c=i.length;o<c;o++)a(o,c);n.ref=S}if(this.$style&&this.data.set(Ie,C(this.$style)),r){if(e.computed&&r)for(var u in e.computed)if(Object.hasOwnProperty.call(e.computed,u)){var f=e.computed[u];this.data.data[u]=f.call(this.data.data)}}else ae.call(this,e.computed);s&&s.call(this),e.watch&&!r&&Object.keys(e.watch).forEach((function(n){t.watch(n,e.watch[n].bind(t))})),e.preprocessANode&&e.preprocessANode.call(this)};var c=a.beforeUpdate;a.beforeUpdate=function(){c&&c.call(this),e.preprocessANode&&e.preprocessANode.call(this)};var u=a.compiled;a.initData=function(){this._calcComputed=Me,u&&u.call(this);var t=this,n=Object.keys(qe).reduce((function(e,n){return e[n]={get:function(){return qe[n].call(t)}},e}),{});n.$options={value:e},Object.defineProperties(this,n);var a={};if(e.props){var i=e.props?Array.isArray(e.props)?e.props:Object.keys(e.props):[];r||(t._propKeys=e._propKeys=i);var s=i.length;if(s>0&&!Array.isArray(e.props))for(var c=0,f=i.length;c<f;c++){var p=i[c],l=e.props[p];l.default&&(a[p]="function"===typeof l.default?l.default():l.default)}}else t._propKeys=[];var d="function"===typeof e.data?e.data.call(o({},a,r?this.data.data:this._srcSbindData)):e.data||{};r||(this._dataKeys=Object.keys(d)||[]);var v=o({$style:{}},a,d);return!r&&e.computed?t._computedKeys=Object.keys(e.computed):r||(t._computedKeys=[]),r&&Object.defineProperties(this.data.data,n),v};var f=t.defineComponent(a,Fe);return e[Ge]=f}var Ze=function(e){W(e)},He=function(e,t){G.components=G.components||{},G.components[e]=Ve(t)};e.component=He,e.defineComponent=Ve,e.mixin=Ze,Object.defineProperty(e,"__esModule",{value:!0})}));
diff --git a/test/spec/runtime/directives/model-select.error.js b/test/spec/runtime/directives/model-select.spec.js
similarity index 62%
rename from test/spec/runtime/directives/model-select.error.js
rename to test/spec/runtime/directives/model-select.spec.js
index 3d2c2c3..f9b280c 100644
--- a/test/spec/runtime/directives/model-select.error.js
+++ b/test/spec/runtime/directives/model-select.spec.js
@@ -59,62 +59,62 @@ function getValue(option) {
 }
 
 describe('Directive a-model select', () => {
-    // it('should work', done => {
-    //     const vm = new Vue({
-    //         data: {
-    //             test: 'b',
-    //         },
-    //         template:
-    //             '<select a-model="test">'
-    //             + '<option>a</option>'
-    //             + '<option>b</option>'
-    //             + '<option>c</option>'
-    //             + '</select>',
-    //     }).$mount();
-    //     document.body.appendChild(vm.$el);
-    //     expect(vm.test).toBe('b');
-    //     expect(vm.$el.value).toBe('b');
-    //     expect(vm.$el.childNodes[1].selected).toBe(true);
-    //     vm.test = 'c';
-    //     waitForUpdate(function () {
-    //         expect(vm.$el.value).toBe('c');
-    //         expect(vm.$el.childNodes[2].selected).toBe(true);
-    //         updateSelect(vm.$el, 'a');
-    //         triggerEvent(vm.$el, 'change');
-    //         expect(vm.test).toBe('a');
-    //     }).then(done);
-    // });
+    it('should work', done => {
+        const vm = new Vue({
+            data: {
+                test: 'b',
+            },
+            template:
+                '<select a-model="test">'
+                + '<option>a</option>'
+                + '<option>b</option>'
+                + '<option>c</option>'
+                + '</select>',
+        }).$mount();
+        document.body.appendChild(vm.$el);
+        expect(vm.test).toBe('b');
+        expect(vm.$el.value).toBe('b');
+        expect(vm.$el.childNodes[1].selected).toBe(true);
+        vm.test = 'c';
+        waitForUpdate(function () {
+            expect(vm.$el.value).toBe('c');
+            expect(vm.$el.childNodes[2].selected).toBe(true);
+            updateSelect(vm.$el, 'a');
+            triggerEvent(vm.$el, 'change');
+            expect(vm.test).toBe('a');
+        }).then(done);
+    });
 
-    // // ATTENTION 对于数字和字符串的场景，san目前不支持，因此先解决暂时注释掉了下面的一个断言
-    // it('should work with value bindings', done => {
-    //     const vm = new Vue({
-    //         data: {
-    //             test: 2,
-    //         },
-    //         template:
-    //             '<select a-model="test">'
-    //             + '<option value="1">a</option>'
-    //             + '<option :value="2">b</option>'
-    //             + '<option :value="3">c</option>'
-    //             + '</select>',
-    //     }).$mount();
-    //     document.body.appendChild(vm.$el);
-    //     expect(vm.$el.value).toBe('2');
-    //     expect(vm.$el.childNodes[1].selected).toBe(true);
-    //     vm.test = 3;
-    //     waitForUpdate(function () {
-    //         expect(vm.$el.value).toBe('3');
-    //         expect(vm.$el.childNodes[2].selected).toBe(true);
+    // ATTENTION 对于数字和字符串的场景，san目前不支持，因此先解决暂时注释掉了下面的一个断言
+    it('should work with value bindings', done => {
+        const vm = new Vue({
+            data: {
+                test: 2,
+            },
+            template:
+                '<select a-model="test">'
+                + '<option value="1">a</option>'
+                + '<option :value="2">b</option>'
+                + '<option :value="3">c</option>'
+                + '</select>',
+        }).$mount();
+        document.body.appendChild(vm.$el);
+        expect(vm.$el.value).toBe('2');
+        expect(vm.$el.childNodes[1].selected).toBe(true);
+        vm.test = 3;
+        waitForUpdate(function () {
+            expect(vm.$el.value).toBe('3');
+            expect(vm.$el.childNodes[2].selected).toBe(true);
 
-    //         updateSelect(vm.$el, '1');
-    //         triggerEvent(vm.$el, 'change');
-    //         expect(vm.test).toBe('1');
+            updateSelect(vm.$el, '1');
+            triggerEvent(vm.$el, 'change');
+            expect(vm.test).toBe('1');
 
-    //         updateSelect(vm.$el, '2');
-    //         triggerEvent(vm.$el, 'change');
-    //         // expect(vm.test).toBe(2);
-    //     }).then(done);
-    // });
+            updateSelect(vm.$el, '2');
+            triggerEvent(vm.$el, 'change');
+            // expect(vm.test).toBe(2);
+        }).then(done);
+    });
 
     // TODO select 不支持对象
     // it('should work with value bindings (object loose equal)', done => {
@@ -153,95 +153,95 @@ describe('Directive a-model select', () => {
     //     }).then(done);
     // });
 
-    // it('should work with a-for', done => {
-    //     const vm = new Vue({
-    //         data: {
-    //             test: 'b',
-    //             opts: ['a', 'b', 'c'],
-    //         },
-    //         template:
-    //             '<select a-model="test">'
-    //             + '<option a-for="o in opts">{{ o }}</option>'
-    //             + '</select>',
-    //     }).$mount();
-    //     document.body.appendChild(vm.$el);
-    //     expect(vm.test).toBe('b');
-    //     expect(vm.$el.value).toBe('b');
-    //     expect(vm.$el.childNodes[1].selected).toBe(true);
-    //     vm.test = 'c';
-    //     waitForUpdate(function () {
-    //         expect(vm.$el.value).toBe('c');
-    //         expect(vm.$el.childNodes[2].selected).toBe(true);
-    //         updateSelect(vm.$el, 'a');
-    //         triggerEvent(vm.$el, 'change');
-    //         expect(vm.test).toBe('a');
-    //         // update a-for opts
-    //         vm.opts = ['d', 'a'];
-    //     }).then(() => {
-    //         expect(vm.$el.childNodes[0].selected).toBe(false);
-    //         expect(vm.$el.childNodes[1].selected).toBe(true);
-    //     }).then(done);
-    // });
+    it('should work with a-for', done => {
+        const vm = new Vue({
+            data: {
+                test: 'b',
+                opts: ['a', 'b', 'c'],
+            },
+            template:
+                '<select a-model="test">'
+                + '<option a-for="o in opts">{{ o }}</option>'
+                + '</select>',
+        }).$mount();
+        document.body.appendChild(vm.$el);
+        expect(vm.test).toBe('b');
+        expect(vm.$el.value).toBe('b');
+        expect(vm.$el.childNodes[1].selected).toBe(true);
+        vm.test = 'c';
+        waitForUpdate(function () {
+            expect(vm.$el.value).toBe('c');
+            expect(vm.$el.childNodes[2].selected).toBe(true);
+            updateSelect(vm.$el, 'a');
+            triggerEvent(vm.$el, 'change');
+            expect(vm.test).toBe('a');
+            // update a-for opts
+            vm.opts = ['d', 'a'];
+        }).then(() => {
+            expect(vm.$el.childNodes[0].selected).toBe(false);
+            expect(vm.$el.childNodes[1].selected).toBe(true);
+        }).then(done);
+    });
 
-    // // ATTENTION 对于数字和字符串的场景，san目前不支持，因此先解决暂时注释掉了下面的一个断言
-    // it('should work with a-for & value bindings', done => {
-    //     const vm = new Vue({
-    //         data: {
-    //             test: 2,
-    //             opts: [1, 2, 3],
-    //         },
-    //         template:
-    //             '<select a-model="test">'
-    //             + '<option a-for="o in opts" :value="o">option {{ o }}</option>'
-    //             + '</select>',
-    //     }).$mount();
-    //     document.body.appendChild(vm.$el);
-    //     expect(vm.$el.value).toBe('2');
-    //     expect(vm.$el.childNodes[1].selected).toBe(true);
-    //     vm.test = 3;
-    //     waitForUpdate(function () {
-    //         expect(vm.$el.value).toBe('3');
-    //         expect(vm.$el.childNodes[2].selected).toBe(true);
-    //         updateSelect(vm.$el, 1);
-    //         triggerEvent(vm.$el, 'change');
-    //         // expect(vm.test).toBe(1);
-    //         // // update a-for opts
-    //         // vm.opts = [0, 1];
+    // ATTENTION 对于数字和字符串的场景，san目前不支持，因此先解决暂时注释掉了下面的一个断言
+    it('should work with a-for & value bindings', done => {
+        const vm = new Vue({
+            data: {
+                test: 2,
+                opts: [1, 2, 3],
+            },
+            template:
+                '<select a-model="test">'
+                + '<option a-for="o in opts" :value="o">option {{ o }}</option>'
+                + '</select>',
+        }).$mount();
+        document.body.appendChild(vm.$el);
+        expect(vm.$el.value).toBe('2');
+        expect(vm.$el.childNodes[1].selected).toBe(true);
+        vm.test = 3;
+        waitForUpdate(function () {
+            expect(vm.$el.value).toBe('3');
+            expect(vm.$el.childNodes[2].selected).toBe(true);
+            updateSelect(vm.$el, 1);
+            triggerEvent(vm.$el, 'change');
+            // expect(vm.test).toBe(1);
+            // // update a-for opts
+            // vm.opts = [0, 1];
 
-    //         expect(vm.test).toBe('1');
-    //         // update a-for opts
-    //         vm.opts = [0, '1'];
-    //     }).then(() => {
-    //         expect(vm.$el.childNodes[0].selected).toBe(false);
-    //         expect(vm.$el.childNodes[1].selected).toBe(true);
-    //     }).then(done);
-    // });
+            expect(vm.test).toBe('1');
+            // update a-for opts
+            vm.opts = [0, '1'];
+        }).then(() => {
+            expect(vm.$el.childNodes[0].selected).toBe(false);
+            expect(vm.$el.childNodes[1].selected).toBe(true);
+        }).then(done);
+    });
 
-    // it('should work with select which has no default selected options', done => {
-    //     const spy = jasmine.createSpy();
-    //     const vm = new Vue({
-    //         data: {
-    //             id: 4,
-    //             list: [1, 2, 3],
-    //             testChange: 5,
-    //         },
-    //         template:
-    //             '<div>'
-    //             + '<select @change="test" a-model="id">'
-    //             +    '<option a-for="item in list" :value="item">{{item}}</option>'
-    //             + '</select>'
-    //             + '{{testChange}}'
-    //             + '</div>',
-    //         methods: {
-    //             test: spy,
-    //         },
-    //     }).$mount();
-    //     document.body.appendChild(vm.$el);
-    //     vm.testChange = 10;
-    //     waitForUpdate(() => {
-    //         expect(spy.calls.count()).toBe(0);
-    //     }).then(done);
-    // });
+    it('should work with select which has no default selected options', done => {
+        const spy = jasmine.createSpy();
+        const vm = new Vue({
+            data: {
+                id: 4,
+                list: [1, 2, 3],
+                testChange: 5,
+            },
+            template:
+                '<div>'
+                + '<select @change="test" a-model="id">'
+                +    '<option a-for="item in list" :value="item">{{item}}</option>'
+                + '</select>'
+                + '{{testChange}}'
+                + '</div>',
+            methods: {
+                test: spy,
+            },
+        }).$mount();
+        document.body.appendChild(vm.$el);
+        vm.testChange = 10;
+        waitForUpdate(() => {
+            expect(spy.calls.count()).toBe(0);
+        }).then(done);
+    });
 
     if (!hasMultiSelectBug()) {
 
@@ -334,6 +334,7 @@ describe('Directive a-model select', () => {
     //     }).then(done);
     // });
 
+    // san 不支持多选场景
     // it('should not have multiple attr with falsy values except \'\'', () => {
     //     const vm = new Vue({
     //         template:
@@ -350,6 +351,7 @@ describe('Directive a-model select', () => {
     //     expect(vm.$el.querySelector('#string').multiple).toEqual(true);
     // });
 
+    // san 不支持多选场景
     // it('multiple with static template', () => {
     //     const vm = new Vue({
     //         template:
@@ -365,50 +367,52 @@ describe('Directive a-model select', () => {
     //     expect(opts[2].selected).toBe(true);
     // });
 
-    // it('multiple selects', done => {
-    //     const spy = jasmine.createSpy();
-    //     const vm = new Vue({
-    //         data: {
-    //             selections: ['', ''],
-    //             selectBoxes: [
-    //                 [{
-    //                     value: 'foo',
-    //                     text: 'foo',
-    //                 }, {
-    //                     value: 'bar',
-    //                     text: 'bar',
-    //                 }],
-    //                 [{
-    //                     value: 'day',
-    //                     text: 'day',
-    //                 }, {
-    //                     value: 'night',
-    //                     text: 'night',
-    //                 }],
-    //             ],
-    //         },
-    //         watch: {
-    //             selections: spy,
-    //         },
-    //         template:
-    //             '<div>'
-    //             + '<select a-for="(item, index) in selectBoxes" a-model="selections[index]">'
-    //             +    '<option a-for="element in item" a-bind:value="element.value" a-text="element.text"></option>'
-    //             + '</select>'
-    //             + '<span ref="rs">{{selections}}</span>'
-    //             + '</div>',
-    //     }).$mount();
-    //     document.body.appendChild(vm.$el);
-    //     var selects = vm.$el.getElementsByTagName('select');
-    //     var select0 = selects[0];
-    //     select0.options[0].selected = true;
-    //     triggerEvent(select0, 'change');
-    //     waitForUpdate(() => {
-    //         expect(spy).toHaveBeenCalled();
-    //         expect(vm.selections).toEqual(['foo', '']);
-    //     }).then(done);
-    // });
 
+    it('multiple selects', done => {
+        const spy = jasmine.createSpy();
+        const vm = new Vue({
+            data: {
+                selections: ['', ''],
+                selectBoxes: [
+                    [{
+                        value: 'foo',
+                        text: 'foo',
+                    }, {
+                        value: 'bar',
+                        text: 'bar',
+                    }],
+                    [{
+                        value: 'day',
+                        text: 'day',
+                    }, {
+                        value: 'night',
+                        text: 'night',
+                    }],
+                ],
+            },
+            watch: {
+                selections: spy,
+            },
+            template:
+                '<div>'
+                + '<select a-for="(item, index) in selectBoxes" a-model="selections[index]">'
+                +    '<option a-for="element in item" a-bind:value="element.value" a-text="element.text"></option>'
+                + '</select>'
+                + '<span ref="rs">{{selections}}</span>'
+                + '</div>',
+        }).$mount();
+        document.body.appendChild(vm.$el);
+        var selects = vm.$el.getElementsByTagName('select');
+        var select0 = selects[0];
+        select0.options[0].selected = true;
+        triggerEvent(select0, 'change');
+        waitForUpdate(() => {
+            expect(spy).toHaveBeenCalled();
+            expect(vm.selections).toEqual(['foo', '']);
+        }).then(done);
+    });
+
+    // ATTENTION  不支持number
     // it('.number modifier', () => {
     //     const vm = new Vue({
     //         data: {
@@ -427,6 +431,7 @@ describe('Directive a-model select', () => {
     //     expect(vm.test).toBe(1);
     // });
 
+    // ATTENTION  不支持number
     // it('should respect different primitive type value', done => {
     //     const vm = new Vue({
     //         data: {
diff --git a/test/spec/runtime/directives/safe-html.spec.js b/test/spec/runtime/directives/safe-html.spec.js
new file mode 100644
index 0000000..f5094d5
--- /dev/null
+++ b/test/spec/runtime/directives/safe-html.spec.js
@@ -0,0 +1,39 @@
+/* eslint-disable quotes */
+import Vue from '../../../helpers/vue';
+
+describe('Directive a-html', () => {
+
+    it('should render safe html', () => {
+        const vm = new Vue({
+            template: '<div a-safe-html="a"></div>',
+            data: {
+                a: '<script>console.log(111);</script>',
+            },
+        }).$mount();
+
+        expect(vm.$el.innerHTML).toBe('&lt;script&gt;console.log(111);&lt;/script&gt;');
+    });
+
+
+    it('should render safe html with on', () => {
+        const vm = new Vue({
+            template: '<div a-safe-html="a"></div>',
+            data: {
+                a: '<div on^="haha">console.log(111);</script>',
+            },
+        }).$mount();
+
+        expect(vm.$el.innerHTML).toBe('<div on^-safe=\"haha\">console.log(111);</div>');
+    });
+
+    it('should render safe html with no', () => {
+        const vm = new Vue({
+            template: '<div a-safe-html="a"></div>',
+            data: {
+                a: 'hello world',
+            },
+        }).$mount();
+
+        expect(vm.$el.innerHTML).toBe('hello world');
+    });
+});