diff --git a/build.dev.js b/build.dev.js
index 68a1e20..3ff091b 100755
--- a/build.dev.js
+++ b/build.dev.js
@@ -12,7 +12,7 @@ const sourceDir = path.resolve(__dirname, 'src')
const buildDir = path.resolve(__dirname, 'dist')
const jsOpt = {
presets: ['es2015'],
- plugins: ['transform-es2015-modules-umd']
+ plugins: ['transform-es2015-modules-amd']
}
const cssOpt = {
includePaths: ['src/css/'],
diff --git a/build.prod.js b/build.prod.js
index 19bdd6f..c8319ee 100755
--- a/build.prod.js
+++ b/build.prod.js
@@ -11,7 +11,7 @@ const sourceDir = path.resolve(__dirname, 'src')
const buildDir = path.resolve(__dirname, 'dist')
const jsOpt = {
presets: ['es2015', 'minify'],
- plugins: ['transform-es2015-modules-umd']
+ plugins: ['transform-es2015-modules-amd']
}
const cssOpt = {
includePaths: ['src/css/'],
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..3d89ea8
--- /dev/null
+++ b/index.js
@@ -0,0 +1,10 @@
+/**
+ *
+ * @authors yutent (yutent@doui.cc)
+ * @date 2017-12-23 14:47:32
+ * @version $Id$
+ */
+export Anot from 'src/js/anot'
+export AnotTouch from 'src/js/anot-touch'
+
+export Pages from 'src/js/lib/pages'
diff --git a/package-lock.json b/package-lock.json
index 05e5c41..e9a6606 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,13 +23,10 @@
"dev": true
},
"ansi-styles": {
- "version": "3.2.0",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
- "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
- "dev": true,
- "requires": {
- "color-convert": "1.9.1"
- }
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+ "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+ "dev": true
},
"anymatch": {
"version": "1.3.2",
@@ -137,12 +134,6 @@
"js-tokens": "3.0.2"
},
"dependencies": {
- "ansi-styles": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
- "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
- "dev": true
- },
"chalk": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
@@ -155,12 +146,6 @@
"strip-ansi": "3.0.1",
"supports-color": "2.0.0"
}
- },
- "supports-color": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
- "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
- "dev": true
}
}
},
@@ -860,7 +845,7 @@
"requires": {
"babel-core": "6.26.0",
"babel-runtime": "6.26.0",
- "core-js": "2.5.1",
+ "core-js": "2.5.3",
"home-or-tmp": "2.0.0",
"lodash": "4.17.4",
"mkdirp": "0.5.1",
@@ -873,8 +858,8 @@
"integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
"dev": true,
"requires": {
- "core-js": "2.5.1",
- "regenerator-runtime": "0.11.0"
+ "core-js": "2.5.3",
+ "regenerator-runtime": "0.11.1"
}
},
"babel-template": {
@@ -1023,6 +1008,26 @@
"ansi-styles": "3.2.0",
"escape-string-regexp": "1.0.5",
"supports-color": "4.5.0"
+ },
+ "dependencies": {
+ "ansi-styles": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+ "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+ "dev": true,
+ "requires": {
+ "color-convert": "1.9.1"
+ }
+ },
+ "supports-color": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
+ "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=",
+ "dev": true,
+ "requires": {
+ "has-flag": "2.0.0"
+ }
+ }
}
},
"chokidar": {
@@ -1108,9 +1113,9 @@
"dev": true
},
"core-js": {
- "version": "2.5.1",
- "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.1.tgz",
- "integrity": "sha1-rmh03GaTd4m4B1T/VCjfZoGcpQs=",
+ "version": "2.5.3",
+ "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.3.tgz",
+ "integrity": "sha1-isw4NFgk8W2DZbfJtCWRaOjtYD4=",
"dev": true
},
"core-util-is": {
@@ -2386,16 +2391,10 @@
"requires": {
"chalk": "1.1.3",
"commander": "2.12.2",
- "is-my-json-valid": "2.16.1",
+ "is-my-json-valid": "2.17.1",
"pinkie-promise": "2.0.1"
},
"dependencies": {
- "ansi-styles": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
- "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
- "dev": true
- },
"chalk": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
@@ -2408,12 +2407,6 @@
"strip-ansi": "3.0.1",
"supports-color": "2.0.0"
}
- },
- "supports-color": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
- "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
- "dev": true
}
}
},
@@ -2530,9 +2523,9 @@
"dev": true
},
"iofs": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/iofs/-/iofs-1.0.2.tgz",
- "integrity": "sha512-n2RWPHFgkCETw4wHG1DIEaBBY2scVEzI5KpbUFtzBtJM6jCZS0MbEXrXHUw0WVPV7ZCacMh4Jcayw0krFYePOA==",
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/iofs/-/iofs-1.0.3.tgz",
+ "integrity": "sha512-C72aLYb+g/52VzPe3gAVKWUbdWf937m0BrM6rU90D4j0bYLZKtjjLTMfXv0wzqvwmRa3D8tIYlDSJBLyCSjMrw==",
"dev": true
},
"is-arrayish": {
@@ -2620,9 +2613,9 @@
}
},
"is-my-json-valid": {
- "version": "2.16.1",
- "resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.16.1.tgz",
- "integrity": "sha512-ochPsqWS1WXj8ZnMIV0vnNXooaMhp7cyL4FMSIPKTtnV0Ha/T19G2b9kkhcNsabV9bxYkze7/aLZJb/bYuFduQ==",
+ "version": "2.17.1",
+ "resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.17.1.tgz",
+ "integrity": "sha512-Q2khNw+oBlWuaYvEEHtKSw/pCxD2L5Rc1C+UQme9X6JdRDh7m5D7HkozA0qa3DUkQ6VzCnEm8mVIQPyIRkI5sQ==",
"dev": true,
"requires": {
"generate-function": "2.0.0",
@@ -3022,12 +3015,6 @@
"true-case-path": "1.0.2"
},
"dependencies": {
- "ansi-styles": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
- "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
- "dev": true
- },
"chalk": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
@@ -3040,12 +3027,6 @@
"strip-ansi": "3.0.1",
"supports-color": "2.0.0"
}
- },
- "supports-color": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
- "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
- "dev": true
}
}
},
@@ -3369,9 +3350,9 @@
"dev": true
},
"regenerator-runtime": {
- "version": "0.11.0",
- "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz",
- "integrity": "sha512-/aA0kLeRb5N9K0d4fw7ooEbI+xDe+DKD499EQqygGqeS8N3xto15p09uY2xj7ixP81sNPXvRLnAQIqdVStgb1A==",
+ "version": "0.11.1",
+ "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+ "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
"dev": true
},
"regenerator-transform": {
@@ -3705,13 +3686,10 @@
}
},
"supports-color": {
- "version": "4.5.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
- "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=",
- "dev": true,
- "requires": {
- "has-flag": "2.0.0"
- }
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+ "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+ "dev": true
},
"tar": {
"version": "2.2.1",
diff --git a/package.json b/package.json
index 07d16fc..3b04c37 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
"name": "doui-yua",
"version": "0.0.1",
"description": "基于Anot框架的doUI组件库。支持IE10+,及现代浏览器。",
- "main": "dist/",
+ "main": "index.js",
"scripts": {
"start": "node ./build.dev.js",
"build": "node ./build.prod.js"
@@ -16,12 +16,11 @@
"license": "MIT",
"devDependencies": {
"babel-core": "^6.26.0",
- "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-minify": "^0.2.0",
"chalk": "^2.3.0",
"chokidar": "^1.7.0",
- "iofs": "^1.0.2",
+ "iofs": "^1.0.3",
"node-sass": "^4.7.2"
}
}
diff --git a/src/js/anot.js b/src/js/anot.js
index 7c0182a..d1baee2 100644
--- a/src/js/anot.js
+++ b/src/js/anot.js
@@ -5,1429 +5,1533 @@
* support IE10+ and other browsers
*
==================================================*/
-
-/*********************************************************************
- * 全局变量及方法 *
- **********************************************************************/
-
-var expose = generateID()
-//http://stackoverflow.com/questions/7290086/javascript-use-strict-and-nicks-find-global-function
-var DOC = window.document
-var head = DOC.head //HEAD元素
-head.insertAdjacentHTML(
- 'afterBegin',
- ''
-)
-var ifGroup = head.firstChild
-
-function log() {
- // http://stackoverflow.com/questions/8785624/how-to-safely-wrap-console-log
- console.log.apply(console, arguments)
-}
-
-/**
- * Creates a new object without a prototype. This object is useful for lookup without having to
- * guard against prototypically inherited properties via hasOwnProperty.
- *
- * Related micro-benchmarks:
- * - http://jsperf.com/object-create2
- * - http://jsperf.com/proto-map-lookup/2
- * - http://jsperf.com/for-in-vs-object-keys2
- */
-function createMap() {
- return Object.create(null)
-}
-
-var subscribers = '$' + expose
-
-var nullObject = {} //作用类似于noop，只用于代码防御，千万不要在它上面添加属性
-var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
-var rw20g = /\w+/g
-var rsvg = /^\[object SVG\w*Element\]$/
-var oproto = Object.prototype
-var ohasOwn = oproto.hasOwnProperty
-var serialize = oproto.toString
-var ap = Array.prototype
-var aslice = ap.slice
-var W3C = window.dispatchEvent
-var root = DOC.documentElement
-var yuaFragment = DOC.createDocumentFragment()
-var cinerator = DOC.createElement('div')
-var class2type = {
- '[object Boolean]': 'boolean',
- '[object Number]': 'number',
- '[object String]': 'string',
- '[object Function]': 'function',
- '[object Array]': 'array',
- '[object Date]': 'date',
- '[object RegExp]': 'regexp',
- '[object Object]': 'object',
- '[object Error]': 'error',
- '[object AsyncFunction]': 'asyncfunction',
- '[object Promise]': 'promise',
- '[object Generator]': 'generator',
- '[object GeneratorFunction]': 'generatorfunction'
-}
-var bindingID = 1024
-var IEVersion = NaN
-if (window.VBArray) {
- IEVersion = document.documentMode || (window.XMLHttpRequest ? 7 : 6)
-}
-
-function noop() {}
-function scpCompile(array) {
- return Function.apply(noop, array)
-}
-
-function oneObject(array, val) {
- if (typeof array === 'string') {
- array = array.match(rword) || []
- }
- var result = {},
- value = val !== void 0 ? val : 1
- for (var i = 0, n = array.length; i < n; i++) {
- result[array[i]] = value
- }
- return result
-}
-
-function generateID(mark) {
- mark = (mark && mark + '-') || 'yua-'
- return (
- mark +
- Date.now().toString(16) +
- '-' +
- Math.random()
- .toString(16)
- .slice(2, 6)
- )
-}
-
-var yua = function(el) {
- //创建jQuery式的无new 实例化结构
- return new yua.init(el)
-}
-
-/*视浏览器情况采用最快的异步回调*/
-yua.nextTick = new function() {
- // jshint ignore:line
- var tickImmediate = window.setImmediate
- var tickObserver = window.MutationObserver
- if (tickImmediate) {
- return tickImmediate.bind(window)
- }
-
- var queue = []
- function callback() {
- var n = queue.length
- for (var i = 0; i < n; i++) {
- queue[i]()
- }
- queue = queue.slice(n)
- }
-
- if (tickObserver) {
- var node = document.createTextNode('yua')
- new tickObserver(callback).observe(node, { characterData: true }) // jshint ignore:line
- var bool = false
- return function(fn) {
- queue.push(fn)
- bool = !bool
- node.data = bool
- }
- }
-
- return function(fn) {
- setTimeout(fn, 4)
- }
-}() // jshint ignore:line
-
-/*********************************************************************
- * yua的静态方法定义区 *
- **********************************************************************/
-
-yua.type = function(obj) {
- //取得目标的类型
- if (obj == null) {
- return String(obj)
- }
- // 早期的webkit内核浏览器实现了已废弃的ecma262v4标准，可以将正则字面量当作函数使用，因此typeof在判定正则时会返回function
- return typeof obj === 'object' || typeof obj === 'function'
- ? class2type[serialize.call(obj)] || 'object'
- : typeof obj
-}
-
-/*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
-yua.isPlainObject = function(obj) {
- // 简单的 typeof obj === "object"检测，会致使用isPlainObject(window)在opera下通不过
- return (
- serialize.call(obj) === '[object Object]' &&
- Object.getPrototypeOf(obj) === oproto
- )
-}
-
-var VMODELS = (yua.vmodels = {}) //所有vmodel都储存在这里
-yua.init = function(source) {
- if (yua.isPlainObject(source)) {
- var $id = source.$id,
- vm
- if (!$id) {
- log('warning: vm必须指定$id')
- }
- vm = modelFactory(source)
- vm.$id = $id
- return (VMODELS[$id] = vm)
- } else {
- this[0] = this.element = source
- }
-}
-yua.fn = yua.prototype = yua.init.prototype
-
-//与jQuery.extend方法，可用于浅拷贝，深拷贝
-yua.mix = yua.fn.mix = function() {
- var options,
- name,
- src,
- copy,
- copyIsArray,
- clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length,
- deep = false
-
- // 如果第一个参数为布尔,判定是否深拷贝
- if (typeof target === 'boolean') {
- deep = target
- target = arguments[1] || {}
- i++
- }
-
- //确保接受方为一个复杂的数据类型
- if (typeof target !== 'object' && yua.type(target) !== 'function') {
- target = {}
- }
-
- //如果只有一个参数，那么新成员添加于mix所在的对象上
- if (i === length) {
- target = this
- i--
- }
-
- for (; i < length; i++) {
- //只处理非空参数
- if ((options = arguments[i]) != null) {
- for (name in options) {
- src = target[name]
- copy = options[name]
- // 防止环引用
- if (target === copy) {
- continue
- }
- if (
- deep &&
- copy &&
- (yua.isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))
- ) {
- if (copyIsArray) {
- copyIsArray = false
- clone = src && Array.isArray(src) ? src : []
- } else {
- clone = src && yua.isPlainObject(src) ? src : {}
+;(function(global, factory) {
+ if (typeof module === 'object' && typeof module.exports === 'object') {
+ module.exports = global.document
+ ? factory(global, true)
+ : function(w) {
+ if (!w.document) {
+ throw new Error('Anot.js只能运行在浏览器环境')
}
-
- target[name] = yua.mix(deep, clone, copy)
- } else if (copy !== void 0) {
- target[name] = copy
+ return factory(w)
}
- }
- }
+ } else {
+ factory(global)
}
- return target
-}
-/*-----------------部分ES6的JS实现 start---------------*/
+ // Pass this if window is not defined yet
+})(typeof window !== 'undefined' ? window : this, function(window, noGlobal) {
+ /*********************************************************************
+ * 全局变量及方法 *
+ **********************************************************************/
+ var bindingID = 1024
+ var IEVersion = 0
+ if (window.VBArray) {
+ IEVersion = document.documentMode || (window.XMLHttpRequest ? 7 : 6)
+ }
+ var expose = generateID()
+ //http://stackoverflow.com/questions/7290086/javascript-use-strict-and-nicks-find-global-function
+ var DOC = window.document
+ var head = DOC.head //HEAD元素
+ head.insertAdjacentHTML(
+ 'afterBegin',
+ ''
+ )
+ var ifGroup = head.firstChild
-if (!Object.assign) {
- Object.defineProperty(Object, 'assign', {
- enumerable: false,
- value: function(target, first) {
- 'use strict'
- if (target === undefined || target === null)
- throw new TypeError('Can not convert first argument to object')
+ function log() {
+ // http://stackoverflow.com/questions/8785624/how-to-safely-wrap-console-log
+ console.log.apply(console, arguments)
+ }
- var to = Object(target)
- for (var i = 0, len = arguments.length; i < len; i++) {
- var next = arguments[i]
- if (next === undefined || next === null) continue
+ /**
+ * Creates a new object without a prototype. This object is useful for lookup without having to
+ * guard against prototypically inherited properties via hasOwnProperty.
+ *
+ * Related micro-benchmarks:
+ * - http://jsperf.com/object-create2
+ * - http://jsperf.com/proto-map-lookup/2
+ * - http://jsperf.com/for-in-vs-object-keys2
+ */
+ function createMap() {
+ return Object.create(null)
+ }
- var keys = Object.keys(Object(next))
- for (var j = 0, n = keys.length; j < n; j++) {
- var key = keys[j]
- var desc = Object.getOwnPropertyDescriptor(next, key)
- if (desc !== undefined && desc.enumerable) to[key] = next[key]
- }
- }
- return to
+ var subscribers = '$' + expose
+
+ var nullObject = {} //作用类似于noop，只用于代码防御，千万不要在它上面添加属性
+ var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
+ var rw20g = /\w+/g
+ var rsvg = /^\[object SVG\w*Element\]$/
+ var oproto = Object.prototype
+ var ohasOwn = oproto.hasOwnProperty
+ var serialize = oproto.toString
+ var ap = Array.prototype
+ var aslice = ap.slice
+ var W3C = window.dispatchEvent
+ var root = DOC.documentElement
+ var anotFragment = DOC.createDocumentFragment()
+ var cinerator = DOC.createElement('div')
+ var class2type = {
+ '[object Boolean]': 'boolean',
+ '[object Number]': 'number',
+ '[object String]': 'string',
+ '[object Function]': 'function',
+ '[object Array]': 'array',
+ '[object Date]': 'date',
+ '[object RegExp]': 'regexp',
+ '[object Object]': 'object',
+ '[object Error]': 'error',
+ '[object AsyncFunction]': 'asyncfunction',
+ '[object Promise]': 'promise',
+ '[object Generator]': 'generator',
+ '[object GeneratorFunction]': 'generatorfunction'
+ }
+
+ function noop() {}
+ function scpCompile(array) {
+ return Function.apply(noop, array)
+ }
+
+ function oneObject(array, val) {
+ if (typeof array === 'string') {
+ array = array.match(rword) || []
}
- })
-}
-
-if (!Array.from) {
- Object.defineProperty(Array, 'from', {
- enumerable: false,
- value: (function() {
- var toStr = Object.prototype.toString
- var isCallable = function(fn) {
- return (
- typeof fn === 'function' || toStr.call(fn) === '[object Function]'
- )
- }
-
- var toInt = function(val) {
- var num = val - 0
- if (isNaN(num)) return 0
-
- if (num === 0 || isFinite(num)) return num
-
- return (num > 0 ? 1 : -1) * Math.floor(Math.abs(num))
- }
- var maxInt = Math.pow(2, 53) - 1
- var toLen = function(val) {
- var len = toInt(val)
- return Math.min(Math.max(len, 0), maxInt)
- }
-
- return function(arrLike) {
- var _this = this
- var items = Object(arrLike)
- if (arrLike === null)
- throw new TypeError(
- 'Array.from requires an array-like object - not null or undefined'
- )
-
- var mapFn = arguments.length > 1 ? arguments[1] : undefined
- var other
- if (mapFn !== undefined) {
- if (!isCallable(mapFn))
- throw new TypeError(
- 'Array.from: when provided, the second argument must be a function'
- )
-
- if (arguments.length > 2) other = arguments[2]
- }
-
- var len = toLen(items.length)
- var arr = isCallable(_this) ? Object(new _this(len)) : new Array(len)
- var k = 0
- var kVal
- while (k < len) {
- kVal = items[k]
- if (mapFn)
- arr[k] =
- other === 'undefined'
- ? mapFn(kVal, k)
- : mapFn.call(other, kVal, k)
- else arr[k] = kVal
-
- k++
- }
- arr.length = len
- return arr
- }
- })()
- })
-}
-
-// 判断数组是否包含指定元素
-if (!Array.prototype.includes) {
- Object.defineProperty(Array.prototype, 'includes', {
- value: function(val) {
- for (var i in this) {
- if (this[i] === val) return true
- }
- return false
- },
- enumerable: false
- })
-}
-
-//类似于Array 的splice方法
-if (!String.prototype.splice) {
- Object.defineProperty(String.prototype, 'splice', {
- value: function(start, len, fill) {
- var length = this.length,
- argLen = arguments.length
-
- fill = fill === undefined ? '' : fill
-
- if (argLen < 1) {
- return this
- }
-
- //处理负数
- if (start < 0) {
- if (Math.abs(start) >= length) start = 0
- else start = length + start
- }
-
- if (argLen === 1) {
- return this.slice(0, start)
- } else {
- len -= 0
-
- var strl = this.slice(0, start),
- strr = this.slice(start + len)
-
- return strl + fill + strr
- }
- },
- enumerable: false
- })
-}
-
-if (!Date.prototype.getFullWeek) {
- //获取当天是本年度第几周
- Object.defineProperty(Date.prototype, 'getFullWeek', {
- value: function() {
- var thisYear = this.getFullYear(),
- that = new Date(thisYear, 0, 1),
- firstDay = that.getDay(),
- numsOfToday = (this - that) / 86400000
- return Math.ceil((numsOfToday + firstDay) / 7)
- },
- enumerable: false
- })
-
- //获取当天是本月第几周
- Object.defineProperty(Date.prototype, 'getWeek', {
- value: function() {
- var today = this.getDate(),
- thisMonth = this.getMonth(),
- thisYear = this.getFullYear(),
- firstDay = new Date(thisYear, thisMonth, 1).getDay()
- return Math.ceil((today + firstDay) / 7)
- },
- enumerable: false
- })
-}
-
-if (!Date.isDate) {
- Object.defineProperty(Date, 'isDate', {
- value: function(obj) {
- return typeof obj === 'object' && obj.getTime ? true : false
- },
- enumerable: false
- })
-}
-
-//时间格式化
-if (!Date.prototype.format) {
- Object.defineProperty(Date.prototype, 'format', {
- value: function(str) {
- str = str || 'Y-m-d H:i:s'
- var week = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
- dt = {
- fullyear: this.getFullYear(),
- year: this.getYear(),
- fullweek: this.getFullWeek(),
- week: this.getWeek(),
- month: this.getMonth() + 1,
- date: this.getDate(),
- day: week[this.getDay()],
- hours: this.getHours(),
- minutes: this.getMinutes(),
- seconds: this.getSeconds()
- },
- re
-
- dt.g = dt.hours > 12 ? dt.hours - 12 : dt.hours
-
- re = {
- Y: dt.fullyear,
- y: dt.year,
- m: dt.month < 10 ? '0' + dt.month : dt.month,
- n: dt.month,
- d: dt.date < 10 ? '0' + dt.date : dt.date,
- j: dt.date,
- H: dt.hours < 10 ? '0' + dt.hours : dt.hours,
- h: dt.g < 10 ? '0' + dt.g : dt.g,
- G: dt.hours,
- g: dt.g,
- i: dt.minutes < 10 ? '0' + dt.minutes : dt.minutes,
- s: dt.seconds < 10 ? '0' + dt.seconds : dt.seconds,
- W: dt.fullweek,
- w: dt.week,
- D: dt.day
- }
-
- for (var i in re) {
- str = str.replace(new RegExp(i, 'g'), re[i])
- }
- return str
- },
- enumerable: false
- })
-}
-
-/*-----------------部分ES6的JS实现 ending---------------*/
-
-yua.mix({
- rword: rword,
- subscribers: subscribers,
- version: '1.0.0',
- log: log,
- ui: {}, //仅用于存放组件版本信息等
- slice: function(nodes, start, end) {
- return aslice.call(nodes, start, end)
- },
- noop: noop,
- /*如果不用Error对象封装一下，str在控制台下可能会乱码*/
- error: function(str, e) {
- throw new (e || Error)(str) // jshint ignore:line
- },
- /* yua.range(10)
- => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
- yua.range(1, 11)
- => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
- yua.range(0, 30, 5)
- => [0, 5, 10, 15, 20, 25]
- yua.range(0, -10, -1)
- => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
- yua.range(0)
- => []*/
- range: function(start, end, step) {
- // 用于生成整数数组
- step || (step = 1)
- if (end == null) {
- end = start || 0
- start = 0
- }
- var index = -1,
- length = Math.max(0, Math.ceil((end - start) / step)),
- result = new Array(length)
- while (++index < length) {
- result[index] = start
- start += step
+ var result = {},
+ value = val !== void 0 ? val : 1
+ for (var i = 0, n = array.length; i < n; i++) {
+ result[array[i]] = value
}
return result
- },
- deepCopy: toJson,
- eventHooks: {},
- /*绑定事件*/
- bind: function(el, type, fn, phase) {
- var hooks = yua.eventHooks
- type = type.split(',')
- yua.each(type, function(i, t) {
- t = t.trim()
- var hook = hooks[t]
- if (typeof hook === 'object') {
- type = hook.type || type
- phase = hook.phase || !!phase
- fn = hook.fix ? hook.fix(el, fn) : fn
- }
- el.addEventListener(t, fn, phase)
- })
- return fn
- },
- /*卸载事件*/
- unbind: function(el, type, fn, phase) {
- var hooks = yua.eventHooks
- type = type.split(',')
- fn = fn || noop
- yua.each(type, function(i, t) {
- t = t.trim()
- var hook = hooks[t]
- if (typeof hook === 'object') {
- type = hook.type || type
- phase = hook.phase || !!phase
- }
- el.removeEventListener(t, fn, phase)
- })
- },
- /*读写删除元素节点的样式*/
- css: function(node, name, value) {
- if (node instanceof yua) {
- node = node[0]
- }
- var prop = /[_-]/.test(name) ? camelize(name) : name,
- fn
- name = yua.cssName(prop) || prop
- if (value === void 0 || typeof value === 'boolean') {
- //获取样式
- fn = cssHooks[prop + ':get'] || cssHooks['@:get']
- if (name === 'background') {
- name = 'backgroundColor'
- }
- var val = fn(node, name)
- return value === true ? parseFloat(val) || 0 : val
- } else if (value === '') {
- //请除样式
- node.style[name] = ''
- } else {
- //设置样式
- if (value == null || value !== value) {
- return
- }
- if (isFinite(value) && !yua.cssNumber[prop]) {
- value += 'px'
- }
- fn = cssHooks[prop + ':set'] || cssHooks['@:set']
- fn(node, name, value)
- }
- },
- /*遍历数组与对象,回调的第一个参数为索引或键名,第二个或元素或键值*/
- each: function(obj, fn) {
- if (obj) {
- //排除null, undefined
- var i = 0
- if (isArrayLike(obj)) {
- for (var n = obj.length; i < n; i++) {
- if (fn(i, obj[i]) === false) break
- }
- } else {
- for (i in obj) {
- if (obj.hasOwnProperty(i) && fn(i, obj[i]) === false) {
- break
- }
- }
- }
- }
- },
- Array: {
- /*只有当前数组不存在此元素时只添加它*/
- ensure: function(target, item) {
- if (target.indexOf(item) === -1) {
- return target.push(item)
- }
- },
- /*移除数组中指定位置的元素，返回布尔表示成功与否*/
- removeAt: function(target, index) {
- return !!target.splice(index, 1).length
- },
- /*移除数组中第一个匹配传参的那个元素，返回布尔表示成功与否*/
- remove: function(target, item) {
- var index = target.indexOf(item)
- if (~index) return yua.Array.removeAt(target, index)
- return false
- }
- },
- /**
- * [ls localStorage操作]
- * @param {[type]} name [键名]
- * @param {[type]} val [键值，为空时删除]
- * @return
- */
- ls: function(name, val) {
- if (!window.localStorage) return log('该浏览器不支持本地储存localStorage')
+ }
- if (this.type(name) === 'object') {
- for (var i in name) {
- localStorage.setItem(i, name[i])
- }
- return
+ function generateID(mark) {
+ mark = (mark && mark + '-') || 'anot-'
+ return (
+ mark +
+ Math.random()
+ .toString(16)
+ .slice(-4) +
+ '-' +
+ ++bindingID
+ )
+ }
+
+ var Anot = function(el) {
+ //创建jQuery式的无new 实例化结构
+ return new Anot.init(el)
+ }
+
+ /*视浏览器情况采用最快的异步回调*/
+ Anot.nextTick = new function() {
+ // jshint ignore:line
+ var tickImmediate = window.setImmediate
+ var tickObserver = window.MutationObserver
+ if (tickImmediate) {
+ return tickImmediate.bind(window)
}
- switch (arguments.length) {
- case 1:
- return localStorage.getItem(name)
- default:
- if ((this.type(val) == 'string' && val.trim() === '') || val === null) {
- localStorage.removeItem(name)
- return
- }
- if (this.type(val) !== 'object' && this.type(val) !== 'array') {
- localStorage.setItem(name, val.toString())
+
+ var queue = []
+ function callback() {
+ var n = queue.length
+ for (var i = 0; i < n; i++) {
+ queue[i]()
+ }
+ queue = queue.slice(n)
+ }
+
+ if (tickObserver) {
+ var node = document.createTextNode('any')
+ new tickObserver(callback).observe(node, { characterData: true }) // jshint ignore:line
+ var bool = false
+ return function(fn) {
+ queue.push(fn)
+ bool = !bool
+ node.data = bool
+ }
+ }
+
+ return function(fn) {
+ setTimeout(fn, 4)
+ }
+ }() // jshint ignore:line
+
+ /*********************************************************************
+ * Anot的静态方法定义区 *
+ **********************************************************************/
+
+ Anot.type = function(obj) {
+ //取得目标的类型
+ if (obj == null) {
+ return String(obj)
+ }
+ // 早期的webkit内核浏览器实现了已废弃的ecma262v4标准，可以将正则字面量当作函数使用，因此typeof在判定正则时会返回function
+ return typeof obj === 'object' || typeof obj === 'function'
+ ? class2type[serialize.call(obj)] || 'object'
+ : typeof obj
+ }
+
+ Anot.PropsTypes = function(type) {
+ this.type = 'PropsTypes'
+ this.checkType = type
+ }
+
+ Anot.PropsTypes.prototype = {
+ toString: function() {
+ return ''
+ },
+ check: function(val) {
+ return Anot.type(val) === this.checkType
+ }
+ }
+
+ Anot.PropsTypes.isString = function() {
+ return new this('string')
+ }
+
+ Anot.PropsTypes.isNumber = function() {
+ return new this('number')
+ }
+
+ Anot.PropsTypes.isFunction = function() {
+ return new this('function')
+ }
+
+ Anot.PropsTypes.isArray = function() {
+ return new this('array')
+ }
+
+ Anot.PropsTypes.isObject = function() {
+ return new this('object')
+ }
+
+ Anot.PropsTypes.isBoolean = function() {
+ return new this('boolean')
+ }
+
+ /*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
+ Anot.isPlainObject = function(obj) {
+ // 简单的 typeof obj === "object"检测，会致使用isPlainObject(window)在opera下通不过
+ return (
+ serialize.call(obj) === '[object Object]' &&
+ Object.getPrototypeOf(obj) === oproto
+ )
+ }
+
+ var VMODELS = (Anot.vmodels = {}) //所有vmodel都储存在这里
+ Anot.init = function(source) {
+ if (Anot.isPlainObject(source)) {
+ var $id = source.$id
+ var vm = null
+ if (!$id) {
+ log('warning: vm必须指定id')
+ }
+ vm = modelFactory(Object.assign({ props: {} }, source))
+ vm.$id = $id
+ VMODELS[$id] = vm
+
+ var $elem = document.querySelector('[anot=' + vm.$id + ']')
+ if ($elem) {
+ if ($elem === DOC.body) {
+ scanTag($elem, [])
} else {
- localStorage.setItem(name, JSON.stringify(val))
- }
- }
- },
- /**
- * [cookie cookie 操作 ]
- * @param name [cookie名]
- * @param value [cookie值]
- * @param {[json]} opt [有效期，域名，路径等]
- * @return {[boolean]} [读取时返回对应的值，写入时返回true]
- */
- cookie: function(name, value, opt) {
- if (arguments.length > 1) {
- if (!name) return
-
- //设置默认的参数
- opt = opt || {}
- opt = this.mix(
- {
- expires: '',
- path: '/',
- domain: document.domain,
- secure: ''
- },
- opt
- )
-
- if (!value) {
- document.cookie =
- encodeURIComponent(name) +
- '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=' +
- opt.domain +
- '; path=' +
- opt.path
- return true
- }
- if (opt.expires) {
- switch (opt.expires.constructor) {
- case Number:
- opt.expires =
- opt.expires === Infinity
- ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT'
- : '; max-age=' + opt.expires
- break
- case String:
- opt.expires = '; expires=' + opt.expires
- break
- case Date:
- opt.expires = '; expires=' + opt.expires.toUTCString()
- break
- }
- }
- document.cookie =
- encodeURIComponent(name) +
- '=' +
- encodeURIComponent(value) +
- opt.expires +
- '; domain=' +
- opt.domain +
- '; path=' +
- opt.path +
- '; ' +
- opt.secure
- return true
- } else {
- if (!name) {
- var keys = document.cookie
- .replace(
- /((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,
- ''
- )
- .split(/\s*(?:\=[^;]*)?;\s*/)
- for (var i = 0, len = keys.length; i < len; i++) {
- keys[i] = decodeURIComponent(keys[i])
- }
- return keys
- }
- return (
- decodeURIComponent(
- document.cookie.replace(
- new RegExp(
- '(?:(?:^|.*;)\\s*' +
- encodeURIComponent(name).replace(/[\-\.\+\*]/g, '\\$&') +
- '\\s*\\=\\s*([^;]*).*$)|^.*$'
- ),
- '$1'
- )
- ) || null
- )
- }
- },
- //获取url的参数
- search: function(key) {
- key += ''
- var uri = location.search
-
- if (!key || !uri) return null
-
- uri = uri.slice(1)
- uri = uri.split('&')
-
- var obj = {}
- for (var i = 0, item; (item = uri[i++]); ) {
- var tmp = item.split('=')
- tmp[1] = tmp.length < 2 ? null : tmp[1]
- tmp[1] = decodeURIComponent(tmp[1])
- if (obj.hasOwnProperty(tmp[0])) {
- if (typeof obj[tmp[0]] === 'object') {
- obj[tmp[0]].push(tmp[1])
- } else {
- obj[tmp[0]] = [obj[tmp[0]]]
- obj[tmp[0]].push(tmp[1])
- }
- } else {
- obj[tmp[0]] = tmp[1]
- }
- }
- return obj.hasOwnProperty(key) ? obj[key] : null
- },
- //复制文本到粘贴板
- copy: function(txt) {
- if (!DOC.queryCommandSupported || !DOC.queryCommandSupported('copy'))
- return log('该浏览器不支持复制到粘贴板')
-
- var ta = DOC.createElement('textarea')
- ta.textContent = txt
- ta.style.position = 'fixed'
- ta.style.bottom = '-1000px'
- DOC.body.appendChild(ta)
- ta.select()
- try {
- DOC.execCommand('copy')
- } catch (err) {
- log('复制到粘贴板失败')
- }
- DOC.body.removeChild(ta)
- }
-})
-
-var bindingHandlers = (yua.bindingHandlers = {})
-var bindingExecutors = (yua.bindingExecutors = {})
-
-var directives = (yua.directives = {})
-yua.directive = function(name, obj) {
- bindingHandlers[name] = obj.init = obj.init || noop
- bindingExecutors[name] = obj.update = obj.update || noop
- return (directives[name] = obj)
-}
-
-/*判定是否类数组，如节点集合，纯数组，arguments与拥有非负整数的length属性的纯JS对象*/
-function isArrayLike(obj) {
- if (obj && typeof obj === 'object') {
- var n = obj.length,
- str = serialize.call(obj)
- if (/(Array|List|Collection|Map|Arguments)\]$/.test(str)) {
- return true
- } else if (str === '[object Object]' && n === n >>> 0) {
- return true //由于ecma262v5能修改对象属性的enumerable，因此不能用propertyIsEnumerable来判定了
- }
- }
- return false
-}
-
-// https://github.com/rsms/js-lru
-var Cache = new function() {
- // jshint ignore:line
- function LRU(maxLength) {
- this.size = 0
- this.limit = maxLength
- this.head = this.tail = void 0
- this._keymap = {}
- }
-
- var p = LRU.prototype
-
- p.put = function(key, value) {
- var entry = {
- key: key,
- value: value
- }
- this._keymap[key] = entry
- if (this.tail) {
- this.tail.newer = entry
- entry.older = this.tail
- } else {
- this.head = entry
- }
- this.tail = entry
- if (this.size === this.limit) {
- this.shift()
- } else {
- this.size++
- }
- return value
- }
-
- p.shift = function() {
- var entry = this.head
- if (entry) {
- this.head = this.head.newer
- this.head.older = entry.newer = entry.older = this._keymap[
- entry.key
- ] = void 0
- delete this._keymap[entry.key] //#1029
- }
- }
- p.get = function(key) {
- var entry = this._keymap[key]
- if (entry === void 0) return
- if (entry === this.tail) {
- return entry.value
- }
- // HEAD--------------TAIL
- // <.older .newer>
- // <--- add direction --
- // A B C E
- if (entry.newer) {
- if (entry === this.head) {
- this.head = entry.newer
- }
- entry.newer.older = entry.older // C <-- E.
- }
- if (entry.older) {
- entry.older.newer = entry.newer // C. --> E
- }
- entry.newer = void 0 // D --x
- entry.older = this.tail // D. --> E
- if (this.tail) {
- this.tail.newer = entry // E. <-- D
- }
- this.tail = entry
- return entry.value
- }
- return LRU
-}() // jshint ignore:line
-
-/*********************************************************************
- * DOM 底层补丁 *
- **********************************************************************/
-
-//safari5+是把contains方法放在Element.prototype上而不是Node.prototype
-if (!DOC.contains) {
- Node.prototype.contains = function(arg) {
- return !!(this.compareDocumentPosition(arg) & 16)
- }
-}
-yua.contains = function(root, el) {
- try {
- while ((el = el.parentNode)) if (el === root) return true
- return false
- } catch (e) {
- return false
- }
-}
-
-if (window.SVGElement) {
- var svgns = 'http://www.w3.org/2000/svg'
- var svg = DOC.createElementNS(svgns, 'svg')
- svg.innerHTML = ''
- if (!rsvg.test(svg.firstChild)) {
- // #409
- /* jshint ignore:start */
- function enumerateNode(node, targetNode) {
- if (node && node.childNodes) {
- var nodes = node.childNodes
- for (var i = 0, el; (el = nodes[i++]); ) {
- if (el.tagName) {
- var svg = DOC.createElementNS(svgns, el.tagName.toLowerCase())
- // copy attrs
- ap.forEach.call(el.attributes, function(attr) {
- svg.setAttribute(attr.name, attr.value)
- })
- // 递归处理子节点
- enumerateNode(el, svg)
- targetNode.appendChild(svg)
- }
- }
- }
- }
- /* jshint ignore:end */
- Object.defineProperties(SVGElement.prototype, {
- outerHTML: {
- //IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
- enumerable: true,
- configurable: true,
- get: function() {
- return new XMLSerializer().serializeToString(this)
- },
- set: function(html) {
- var tagName = this.tagName.toLowerCase(),
- par = this.parentNode,
- frag = yua.parseHTML(html)
- // 操作的svg，直接插入
- if (tagName === 'svg') {
- par.insertBefore(frag, this)
- // svg节点的子节点类似
- } else {
- var newFrag = DOC.createDocumentFragment()
- enumerateNode(frag, newFrag)
- par.insertBefore(newFrag, this)
- }
- par.removeChild(this)
- }
- },
- innerHTML: {
- enumerable: true,
- configurable: true,
- get: function() {
- var s = this.outerHTML
- var ropen = new RegExp(
- '<' + this.nodeName + '\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',
- 'i'
- )
- var rclose = new RegExp('$', 'i')
- return s.replace(ropen, '').replace(rclose, '')
- },
- set: function(html) {
- if (yua.clearHTML) {
- yua.clearHTML(this)
- var frag = yua.parseHTML(html)
- enumerateNode(frag, this)
- }
- }
- }
- })
- }
-}
-
-//========================= event binding ====================
-
-var eventHooks = yua.eventHooks
-
-//针对firefox, chrome修正mouseenter, mouseleave(chrome30+)
-if (!('onmouseenter' in root)) {
- yua.each(
- {
- mouseenter: 'mouseover',
- mouseleave: 'mouseout'
- },
- function(origType, fixType) {
- eventHooks[origType] = {
- type: fixType,
- fix: function(elem, fn) {
- return function(e) {
- var t = e.relatedTarget
- if (!t || (t !== elem && !(elem.compareDocumentPosition(t) & 16))) {
- delete e.type
- e.type = origType
- return fn.call(elem, e)
+ var $parent = null
+ while (($parent = $elem.parentNode)) {
+ if ($parent.anotctrl) {
+ scanTag($elem.parentNode, [VMODELS[$parent.anotctrl]])
+ break
}
}
}
}
- }
- )
-}
-
-//针对IE9+, w3c修正animationend
-yua.each(
- {
- AnimationEvent: 'animationend',
- WebKitAnimationEvent: 'webkitAnimationEnd'
- },
- function(construct, fixType) {
- if (window[construct] && !eventHooks.animationend) {
- eventHooks.animationend = {
- type: fixType
- }
+ return vm
+ } else {
+ this[0] = this.element = source
}
}
-)
+ Anot.fn = Anot.prototype = Anot.init.prototype
-if (DOC.onmousewheel === void 0) {
- /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
+ //与jQuery.extend方法，可用于浅拷贝，深拷贝
+ Anot.mix = Anot.fn.mix = function() {
+ var options,
+ name,
+ src,
+ copy,
+ copyIsArray,
+ clone,
+ target = arguments[0] || {},
+ i = 1,
+ length = arguments.length,
+ deep = false
+
+ // 如果第一个参数为布尔,判定是否深拷贝
+ if (typeof target === 'boolean') {
+ deep = target
+ target = arguments[1] || {}
+ i++
+ }
+
+ //确保接受方为一个复杂的数据类型
+ if (typeof target !== 'object' && Anot.type(target) !== 'function') {
+ target = {}
+ }
+
+ //如果只有一个参数，那么新成员添加于mix所在的对象上
+ if (i === length) {
+ target = this
+ i--
+ }
+
+ for (; i < length; i++) {
+ //只处理非空参数
+ if ((options = arguments[i]) != null) {
+ for (name in options) {
+ src = target[name]
+ copy = options[name]
+ // 防止环引用
+ if (target === copy) {
+ continue
+ }
+ if (
+ deep &&
+ copy &&
+ (Anot.isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))
+ ) {
+ if (copyIsArray) {
+ copyIsArray = false
+ clone = src && Array.isArray(src) ? src : []
+ } else {
+ clone = src && Anot.isPlainObject(src) ? src : {}
+ }
+
+ target[name] = Anot.mix(deep, clone, copy)
+ } else if (copy !== void 0) {
+ target[name] = copy
+ }
+ }
+ }
+ }
+ return target
+ }
+
+ /*-----------------部分ES6的JS实现 start---------------*/
+
+ if (!Object.assign) {
+ Object.defineProperty(Object, 'assign', {
+ enumerable: false,
+ value: function(target, first) {
+ 'use strict'
+ if (target === undefined || target === null)
+ throw new TypeError('Can not convert first argument to object')
+
+ var to = Object(target)
+ for (var i = 0, len = arguments.length; i < len; i++) {
+ var next = arguments[i]
+ if (next === undefined || next === null) continue
+
+ var keys = Object.keys(Object(next))
+ for (var j = 0, n = keys.length; j < n; j++) {
+ var key = keys[j]
+ var desc = Object.getOwnPropertyDescriptor(next, key)
+ if (desc !== undefined && desc.enumerable) to[key] = next[key]
+ }
+ }
+ return to
+ }
+ })
+ }
+
+ if (!Array.from) {
+ Object.defineProperty(Array, 'from', {
+ enumerable: false,
+ value: (function() {
+ var toStr = Object.prototype.toString
+ var isCallable = function(fn) {
+ return (
+ typeof fn === 'function' || toStr.call(fn) === '[object Function]'
+ )
+ }
+
+ var toInt = function(val) {
+ var num = val - 0
+ if (isNaN(num)) return 0
+
+ if (num === 0 || isFinite(num)) return num
+
+ return (num > 0 ? 1 : -1) * Math.floor(Math.abs(num))
+ }
+ var maxInt = Math.pow(2, 53) - 1
+ var toLen = function(val) {
+ var len = toInt(val)
+ return Math.min(Math.max(len, 0), maxInt)
+ }
+
+ return function(arrLike) {
+ var _this = this
+ var items = Object(arrLike)
+ if (arrLike === null)
+ throw new TypeError(
+ 'Array.from requires an array-like object - not null or undefined'
+ )
+
+ var mapFn = arguments.length > 1 ? arguments[1] : undefined
+ var other
+ if (mapFn !== undefined) {
+ if (!isCallable(mapFn))
+ throw new TypeError(
+ 'Array.from: when provided, the second argument must be a function'
+ )
+
+ if (arguments.length > 2) other = arguments[2]
+ }
+
+ var len = toLen(items.length)
+ var arr = isCallable(_this) ? Object(new _this(len)) : new Array(len)
+ var k = 0
+ var kVal
+ while (k < len) {
+ kVal = items[k]
+ if (mapFn)
+ arr[k] =
+ other === 'undefined'
+ ? mapFn(kVal, k)
+ : mapFn.call(other, kVal, k)
+ else arr[k] = kVal
+
+ k++
+ }
+ arr.length = len
+ return arr
+ }
+ })()
+ })
+ }
+
+ // 判断数组是否包含指定元素
+ if (!Array.prototype.includes) {
+ Object.defineProperty(Array.prototype, 'includes', {
+ value: function(val) {
+ for (var i in this) {
+ if (this[i] === val) return true
+ }
+ return false
+ },
+ enumerable: false
+ })
+ }
+
+ //类似于Array 的splice方法
+ if (!String.prototype.splice) {
+ Object.defineProperty(String.prototype, 'splice', {
+ value: function(start, len, fill) {
+ var length = this.length,
+ argLen = arguments.length
+
+ fill = fill === undefined ? '' : fill
+
+ if (argLen < 1) {
+ return this
+ }
+
+ //处理负数
+ if (start < 0) {
+ if (Math.abs(start) >= length) start = 0
+ else start = length + start
+ }
+
+ if (argLen === 1) {
+ return this.slice(0, start)
+ } else {
+ len -= 0
+
+ var strl = this.slice(0, start),
+ strr = this.slice(start + len)
+
+ return strl + fill + strr
+ }
+ },
+ enumerable: false
+ })
+ }
+
+ if (!Date.prototype.getFullWeek) {
+ //获取当天是本年度第几周
+ Object.defineProperty(Date.prototype, 'getFullWeek', {
+ value: function() {
+ var thisYear = this.getFullYear(),
+ that = new Date(thisYear, 0, 1),
+ firstDay = that.getDay(),
+ numsOfToday = (this - that) / 86400000
+ return Math.ceil((numsOfToday + firstDay) / 7)
+ },
+ enumerable: false
+ })
+
+ //获取当天是本月第几周
+ Object.defineProperty(Date.prototype, 'getWeek', {
+ value: function() {
+ var today = this.getDate(),
+ thisMonth = this.getMonth(),
+ thisYear = this.getFullYear(),
+ firstDay = new Date(thisYear, thisMonth, 1).getDay()
+ return Math.ceil((today + firstDay) / 7)
+ },
+ enumerable: false
+ })
+ }
+
+ if (!Date.isDate) {
+ Object.defineProperty(Date, 'isDate', {
+ value: function(obj) {
+ return typeof obj === 'object' && obj.getTime ? true : false
+ },
+ enumerable: false
+ })
+ }
+
+ //时间格式化
+ if (!Date.prototype.format) {
+ Object.defineProperty(Date.prototype, 'format', {
+ value: function(str) {
+ str = str || 'Y-m-d H:i:s'
+ var week = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ dt = {
+ fullyear: this.getFullYear(),
+ year: this.getYear(),
+ fullweek: this.getFullWeek(),
+ week: this.getWeek(),
+ month: this.getMonth() + 1,
+ date: this.getDate(),
+ day: week[this.getDay()],
+ hours: this.getHours(),
+ minutes: this.getMinutes(),
+ seconds: this.getSeconds()
+ },
+ re
+
+ dt.g = dt.hours > 12 ? dt.hours - 12 : dt.hours
+
+ re = {
+ Y: dt.fullyear,
+ y: dt.year,
+ m: dt.month < 10 ? '0' + dt.month : dt.month,
+ n: dt.month,
+ d: dt.date < 10 ? '0' + dt.date : dt.date,
+ j: dt.date,
+ H: dt.hours < 10 ? '0' + dt.hours : dt.hours,
+ h: dt.g < 10 ? '0' + dt.g : dt.g,
+ G: dt.hours,
+ g: dt.g,
+ i: dt.minutes < 10 ? '0' + dt.minutes : dt.minutes,
+ s: dt.seconds < 10 ? '0' + dt.seconds : dt.seconds,
+ W: dt.fullweek,
+ w: dt.week,
+ D: dt.day
+ }
+
+ for (var i in re) {
+ str = str.replace(new RegExp(i, 'g'), re[i])
+ }
+ return str
+ },
+ enumerable: false
+ })
+ }
+
+ /*-----------------部分ES6的JS实现 ending---------------*/
+
+ Anot.mix({
+ rword: rword,
+ subscribers: subscribers,
+ version: '1.0.0',
+ log: log,
+ ui: {}, //仅用于存放组件版本信息等
+ slice: function(nodes, start, end) {
+ return aslice.call(nodes, start, end)
+ },
+ noop: noop,
+ /*如果不用Error对象封装一下，str在控制台下可能会乱码*/
+ error: function(str, e) {
+ throw new (e || Error)(str) // jshint ignore:line
+ },
+ /* Anot.range(10)
+ => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+ Anot.range(1, 11)
+ => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+ Anot.range(0, 30, 5)
+ => [0, 5, 10, 15, 20, 25]
+ Anot.range(0, -10, -1)
+ => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
+ Anot.range(0)
+ => []*/
+ range: function(start, end, step) {
+ // 用于生成整数数组
+ step || (step = 1)
+ if (end == null) {
+ end = start || 0
+ start = 0
+ }
+ var index = -1,
+ length = Math.max(0, Math.ceil((end - start) / step)),
+ result = new Array(length)
+ while (++index < length) {
+ result[index] = start
+ start += step
+ }
+ return result
+ },
+ deepCopy: toJson,
+ eventHooks: {},
+ /*绑定事件*/
+ bind: function(el, type, fn, phase) {
+ var hooks = Anot.eventHooks
+ type = type.split(',')
+ Anot.each(type, function(i, t) {
+ t = t.trim()
+ var hook = hooks[t]
+ if (typeof hook === 'object') {
+ type = hook.type || type
+ phase = hook.phase || !!phase
+ fn = hook.fix ? hook.fix(el, fn) : fn
+ }
+ el.addEventListener(t, fn, phase)
+ })
+ return fn
+ },
+ /*卸载事件*/
+ unbind: function(el, type, fn, phase) {
+ var hooks = Anot.eventHooks
+ type = type.split(',')
+ fn = fn || noop
+ Anot.each(type, function(i, t) {
+ t = t.trim()
+ var hook = hooks[t]
+ if (typeof hook === 'object') {
+ type = hook.type || type
+ phase = hook.phase || !!phase
+ }
+ el.removeEventListener(t, fn, phase)
+ })
+ },
+ /*读写删除元素节点的样式*/
+ css: function(node, name, value) {
+ if (node instanceof Anot) {
+ node = node[0]
+ }
+ var prop = /[_-]/.test(name) ? camelize(name) : name,
+ fn
+ name = Anot.cssName(prop) || prop
+ if (value === void 0 || typeof value === 'boolean') {
+ //获取样式
+ fn = cssHooks[prop + ':get'] || cssHooks['@:get']
+ if (name === 'background') {
+ name = 'backgroundColor'
+ }
+ var val = fn(node, name)
+ return value === true ? parseFloat(val) || 0 : val
+ } else if (value === '') {
+ //请除样式
+ node.style[name] = ''
+ } else {
+ //设置样式
+ if (value == null || value !== value) {
+ return
+ }
+ if (isFinite(value) && !Anot.cssNumber[prop]) {
+ value += 'px'
+ }
+ fn = cssHooks[prop + ':set'] || cssHooks['@:set']
+ fn(node, name, value)
+ }
+ },
+ /*遍历数组与对象,回调的第一个参数为索引或键名,第二个或元素或键值*/
+ each: function(obj, fn) {
+ if (obj) {
+ //排除null, undefined
+ var i = 0
+ if (isArrayLike(obj)) {
+ for (var n = obj.length; i < n; i++) {
+ if (fn(i, obj[i]) === false) break
+ }
+ } else {
+ for (i in obj) {
+ if (obj.hasOwnProperty(i) && fn(i, obj[i]) === false) {
+ break
+ }
+ }
+ }
+ }
+ },
+ Array: {
+ /*只有当前数组不存在此元素时只添加它*/
+ ensure: function(target, item) {
+ if (target.indexOf(item) === -1) {
+ return target.push(item)
+ }
+ },
+ /*移除数组中指定位置的元素，返回布尔表示成功与否*/
+ removeAt: function(target, index) {
+ return !!target.splice(index, 1).length
+ },
+ /*移除数组中第一个匹配传参的那个元素，返回布尔表示成功与否*/
+ remove: function(target, item) {
+ var index = target.indexOf(item)
+ if (~index) return Anot.Array.removeAt(target, index)
+ return false
+ }
+ },
+ /**
+ * [ls localStorage操作]
+ * @param {[type]} name [键名]
+ * @param {[type]} val [键值，为空时删除]
+ * @return
+ */
+ ls: function(name, val) {
+ if (!window.localStorage) {
+ return log('该浏览器不支持本地储存localStorage')
+ }
+
+ if (this.type(name) === 'object') {
+ for (var i in name) {
+ localStorage.setItem(i, name[i])
+ }
+ return
+ }
+ switch (arguments.length) {
+ case 1:
+ return localStorage.getItem(name)
+ default:
+ if (
+ (this.type(val) == 'string' && val.trim() === '') ||
+ val === null
+ ) {
+ localStorage.removeItem(name)
+ return
+ }
+ if (this.type(val) !== 'object' && this.type(val) !== 'array') {
+ localStorage.setItem(name, val.toString())
+ } else {
+ localStorage.setItem(name, JSON.stringify(val))
+ }
+ }
+ },
+ /**
+ * [cookie cookie 操作 ]
+ * @param name [cookie名]
+ * @param value [cookie值]
+ * @param {[json]} opt [有效期，域名，路径等]
+ * @return {[boolean]} [读取时返回对应的值，写入时返回true]
+ */
+ cookie: function(name, value, opt) {
+ if (arguments.length > 1) {
+ if (!name) {
+ return
+ }
+
+ //设置默认的参数
+ opt = opt || {}
+ opt = this.mix(
+ {
+ expires: '',
+ path: '/',
+ domain: document.domain,
+ secure: ''
+ },
+ opt
+ )
+
+ if (!value) {
+ document.cookie =
+ encodeURIComponent(name) +
+ '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=' +
+ opt.domain +
+ '; path=' +
+ opt.path
+ return true
+ }
+ if (opt.expires) {
+ switch (opt.expires.constructor) {
+ case Number:
+ opt.expires =
+ opt.expires === Infinity
+ ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT'
+ : '; max-age=' + opt.expires
+ break
+ case String:
+ opt.expires = '; expires=' + opt.expires
+ break
+ case Date:
+ opt.expires = '; expires=' + opt.expires.toUTCString()
+ break
+ }
+ }
+ document.cookie =
+ encodeURIComponent(name) +
+ '=' +
+ encodeURIComponent(value) +
+ opt.expires +
+ '; domain=' +
+ opt.domain +
+ '; path=' +
+ opt.path +
+ '; ' +
+ opt.secure
+ return true
+ } else {
+ if (!name) {
+ var keys = document.cookie
+ .replace(
+ /((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,
+ ''
+ )
+ .split(/\s*(?:\=[^;]*)?;\s*/)
+ for (var i = 0, len = keys.length; i < len; i++) {
+ keys[i] = decodeURIComponent(keys[i])
+ }
+ return keys
+ }
+ return (
+ decodeURIComponent(
+ document.cookie.replace(
+ new RegExp(
+ '(?:(?:^|.*;)\\s*' +
+ encodeURIComponent(name).replace(/[\-\.\+\*]/g, '\\$&') +
+ '\\s*\\=\\s*([^;]*).*$)|^.*$'
+ ),
+ '$1'
+ )
+ ) || null
+ )
+ }
+ },
+ //获取url的参数
+ search: function(key) {
+ key += ''
+ var uri = location.search
+
+ if (!key || !uri) return null
+
+ uri = uri.slice(1)
+ uri = uri.split('&')
+
+ var obj = {}
+ for (var i = 0, item; (item = uri[i++]); ) {
+ var tmp = item.split('=')
+ tmp[1] = tmp.length < 2 ? null : tmp[1]
+ tmp[1] = decodeURIComponent(tmp[1])
+ if (obj.hasOwnProperty(tmp[0])) {
+ if (typeof obj[tmp[0]] === 'object') {
+ obj[tmp[0]].push(tmp[1])
+ } else {
+ obj[tmp[0]] = [obj[tmp[0]]]
+ obj[tmp[0]].push(tmp[1])
+ }
+ } else {
+ obj[tmp[0]] = tmp[1]
+ }
+ }
+ return obj.hasOwnProperty(key) ? obj[key] : null
+ },
+ //复制文本到粘贴板
+ copy: function(txt) {
+ if (!DOC.queryCommandSupported || !DOC.queryCommandSupported('copy')) {
+ return log('该浏览器不支持复制到粘贴板')
+ }
+
+ var ta = DOC.createElement('textarea')
+ ta.textContent = txt
+ ta.style.position = 'fixed'
+ ta.style.bottom = '-1000px'
+ DOC.body.appendChild(ta)
+ ta.select()
+ try {
+ DOC.execCommand('copy')
+ } catch (err) {
+ log('复制到粘贴板失败')
+ }
+ DOC.body.removeChild(ta)
+ }
+ })
+
+ var bindingHandlers = (Anot.bindingHandlers = {})
+ var bindingExecutors = (Anot.bindingExecutors = {})
+
+ var directives = (Anot.directives = {})
+ Anot.directive = function(name, obj) {
+ bindingHandlers[name] = obj.init = obj.init || noop
+ bindingExecutors[name] = obj.update = obj.update || noop
+ return (directives[name] = obj)
+ }
+
+ /*判定是否类数组，如节点集合，纯数组，arguments与拥有非负整数的length属性的纯JS对象*/
+ function isArrayLike(obj) {
+ if (obj && typeof obj === 'object') {
+ var n = obj.length,
+ str = serialize.call(obj)
+ if (/(Array|List|Collection|Map|Arguments)\]$/.test(str)) {
+ return true
+ } else if (str === '[object Object]' && n === n >>> 0) {
+ return true //由于ecma262v5能修改对象属性的enumerable，因此不能用propertyIsEnumerable来判定了
+ }
+ }
+ return false
+ }
+
+ // https://github.com/rsms/js-lru
+ var Cache = new function() {
+ // jshint ignore:line
+ function LRU(maxLength) {
+ this.size = 0
+ this.limit = maxLength
+ this.head = this.tail = void 0
+ this._keymap = {}
+ }
+
+ var p = LRU.prototype
+
+ p.put = function(key, value) {
+ var entry = {
+ key: key,
+ value: value
+ }
+ this._keymap[key] = entry
+ if (this.tail) {
+ this.tail.newer = entry
+ entry.older = this.tail
+ } else {
+ this.head = entry
+ }
+ this.tail = entry
+ if (this.size === this.limit) {
+ this.shift()
+ } else {
+ this.size++
+ }
+ return value
+ }
+
+ p.shift = function() {
+ var entry = this.head
+ if (entry) {
+ this.head = this.head.newer
+ this.head.older = entry.newer = entry.older = this._keymap[
+ entry.key
+ ] = void 0
+ delete this._keymap[entry.key] //#1029
+ }
+ }
+ p.get = function(key) {
+ var entry = this._keymap[key]
+ if (entry === void 0) return
+ if (entry === this.tail) {
+ return entry.value
+ }
+ // HEAD--------------TAIL
+ // <.older .newer>
+ // <--- add direction --
+ // A B C E
+ if (entry.newer) {
+ if (entry === this.head) {
+ this.head = entry.newer
+ }
+ entry.newer.older = entry.older // C <-- E.
+ }
+ if (entry.older) {
+ entry.older.newer = entry.newer // C. --> E
+ }
+ entry.newer = void 0 // D --x
+ entry.older = this.tail // D. --> E
+ if (this.tail) {
+ this.tail.newer = entry // E. <-- D
+ }
+ this.tail = entry
+ return entry.value
+ }
+ return LRU
+ }() // jshint ignore:line
+
+ /*********************************************************************
+ * DOM 底层补丁 *
+ **********************************************************************/
+
+ //safari5+是把contains方法放在Element.prototype上而不是Node.prototype
+ if (!DOC.contains) {
+ Node.prototype.contains = function(arg) {
+ return !!(this.compareDocumentPosition(arg) & 16)
+ }
+ }
+ Anot.contains = function(root, el) {
+ try {
+ while ((el = el.parentNode)) if (el === root) return true
+ return false
+ } catch (e) {
+ return false
+ }
+ }
+
+ if (window.SVGElement) {
+ var svgns = 'http://www.w3.org/2000/svg'
+ var svg = DOC.createElementNS(svgns, 'svg')
+ svg.innerHTML = ''
+ if (!rsvg.test(svg.firstChild)) {
+ // #409
+ /* jshint ignore:start */
+ function enumerateNode(node, targetNode) {
+ if (node && node.childNodes) {
+ var nodes = node.childNodes
+ for (var i = 0, el; (el = nodes[i++]); ) {
+ if (el.tagName) {
+ var svg = DOC.createElementNS(svgns, el.tagName.toLowerCase())
+ // copy attrs
+ ap.forEach.call(el.attributes, function(attr) {
+ svg.setAttribute(attr.name, attr.value)
+ })
+ // 递归处理子节点
+ enumerateNode(el, svg)
+ targetNode.appendChild(svg)
+ }
+ }
+ }
+ }
+ /* jshint ignore:end */
+ Object.defineProperties(SVGElement.prototype, {
+ outerHTML: {
+ //IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
+ enumerable: true,
+ configurable: true,
+ get: function() {
+ return new XMLSerializer().serializeToString(this)
+ },
+ set: function(html) {
+ var tagName = this.tagName.toLowerCase(),
+ par = this.parentNode,
+ frag = Anot.parseHTML(html)
+ // 操作的svg，直接插入
+ if (tagName === 'svg') {
+ par.insertBefore(frag, this)
+ // svg节点的子节点类似
+ } else {
+ var newFrag = DOC.createDocumentFragment()
+ enumerateNode(frag, newFrag)
+ par.insertBefore(newFrag, this)
+ }
+ par.removeChild(this)
+ }
+ },
+ innerHTML: {
+ enumerable: true,
+ configurable: true,
+ get: function() {
+ var s = this.outerHTML
+ var ropen = new RegExp(
+ '<' + this.nodeName + '\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',
+ 'i'
+ )
+ var rclose = new RegExp('$', 'i')
+ return s.replace(ropen, '').replace(rclose, '')
+ },
+ set: function(html) {
+ if (Anot.clearHTML) {
+ Anot.clearHTML(this)
+ var frag = Anot.parseHTML(html)
+ enumerateNode(frag, this)
+ }
+ }
+ }
+ })
+ }
+ }
+
+ //========================= event binding ====================
+
+ var eventHooks = Anot.eventHooks
+
+ //针对firefox, chrome修正mouseenter, mouseleave(chrome30+)
+ if (!('onmouseenter' in root)) {
+ Anot.each(
+ {
+ mouseenter: 'mouseover',
+ mouseleave: 'mouseout'
+ },
+ function(origType, fixType) {
+ eventHooks[origType] = {
+ type: fixType,
+ fix: function(elem, fn) {
+ return function(e) {
+ var t = e.relatedTarget
+ if (
+ !t ||
+ (t !== elem && !(elem.compareDocumentPosition(t) & 16))
+ ) {
+ delete e.type
+ e.type = origType
+ return fn.call(elem, e)
+ }
+ }
+ }
+ }
+ }
+ )
+ }
+
+ //针对IE9+, w3c修正animationend
+ Anot.each(
+ {
+ AnimationEvent: 'animationend',
+ WebKitAnimationEvent: 'webkitAnimationEnd'
+ },
+ function(construct, fixType) {
+ if (window[construct] && !eventHooks.animationend) {
+ eventHooks.animationend = {
+ type: fixType
+ }
+ }
+ }
+ )
+
+ if (DOC.onmousewheel === void 0) {
+ /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
firefox DOMMouseScroll detail 下3 上-3
firefox wheel detlaY 下3 上-3
IE9-11 wheel deltaY 下40 上-40
chrome wheel deltaY 下100 上-100 */
- eventHooks.mousewheel = {
- type: 'wheel',
- fix: function(elem, fn) {
- return function(e) {
- e.wheelDeltaY = e.wheelDelta = e.deltaY > 0 ? -120 : 120
- e.wheelDeltaX = 0
- Object.defineProperty(e, 'type', {
- value: 'mousewheel'
- })
- fn.call(elem, e)
+ eventHooks.mousewheel = {
+ type: 'wheel',
+ fix: function(elem, fn) {
+ return function(e) {
+ e.wheelDeltaY = e.wheelDelta = e.deltaY > 0 ? -120 : 120
+ e.wheelDeltaX = 0
+ Object.defineProperty(e, 'type', {
+ value: 'mousewheel'
+ })
+ fn.call(elem, e)
+ }
}
}
}
-}
-/*********************************************************************
- * 配置系统 *
- **********************************************************************/
+ /*********************************************************************
+ * 配置系统 *
+ **********************************************************************/
-function kernel(settings) {
- for (var p in settings) {
- if (!ohasOwn.call(settings, p)) continue
- var val = settings[p]
- if (typeof kernel.plugins[p] === 'function') {
- kernel.plugins[p](val)
- } else if (typeof kernel[p] === 'object') {
- yua.mix(kernel[p], val)
- } else {
- kernel[p] = val
- }
- }
- return this
-}
-yua.config = kernel
-
-var openTag,
- closeTag,
- rexpr,
- rexprg,
- rbind,
- rregexp = /[-.*+?^${}()|[\]\/\\]/g
-
-function escapeRegExp(target) {
- //http://stevenlevithan.com/regex/xregexp/
- //将字符串安全格式化为正则表达式的源码
- return (target + '').replace(rregexp, '\\$&')
-}
-
-var plugins = {
- interpolate: function(array) {
- openTag = array[0]
- closeTag = array[1]
- if (openTag === closeTag) {
- throw new SyntaxError('openTag!==closeTag')
- var test = openTag + 'test' + closeTag
- cinerator.innerHTML = test
- if (
- cinerator.innerHTML !== test &&
- cinerator.innerHTML.indexOf('<') > -1
- ) {
- throw new SyntaxError('此定界符不合法')
- }
- cinerator.innerHTML = ''
- }
- kernel.openTag = openTag
- kernel.closeTag = closeTag
- var o = escapeRegExp(openTag),
- c = escapeRegExp(closeTag)
- rexpr = new RegExp(o + '([\\s\\S]*)' + c)
- rexprg = new RegExp(o + '([\\s\\S]*)' + c, 'g')
- rbind = new RegExp(o + '[\\s\\S]*' + c + '|\\s:') //此处有疑问
- }
-}
-kernel.plugins = plugins
-kernel.plugins['interpolate'](['{{', '}}'])
-
-kernel.async = true
-kernel.paths = {}
-kernel.shim = {}
-kernel.maxRepeatSize = 100
-
-function $watch(expr, binding) {
- var $events = this.$events || (this.$events = {}),
- queue = $events[expr] || ($events[expr] = [])
-
- if (typeof binding === 'function') {
- var backup = binding
- backup.uuid = '_' + ++bindingID
- binding = {
- element: root,
- type: 'user-watcher',
- handler: noop,
- vmodels: [this],
- expr: expr,
- uuid: backup.uuid
- }
- binding.wildcard = /\*/.test(expr)
- }
-
- if (!binding.update) {
- if (/\w\.*\B/.test(expr) || expr === '*') {
- binding.getter = noop
- var host = this
- binding.update = function() {
- var args = this.fireArgs || []
- if (args[2]) binding.handler.apply(host, args)
- delete this.fireArgs
- }
- queue.sync = true
- yua.Array.ensure(queue, binding)
- } else {
- yua.injectBinding(binding)
- }
- if (backup) {
- binding.handler = backup
- }
- } else if (!binding.oneTime) {
- yua.Array.ensure(queue, binding)
- }
-
- return function() {
- binding.update = binding.getter = binding.handler = noop
- binding.element = DOC.createElement('a')
- }
-}
-
-function $emit(key, args) {
- var event = this.$events
- if (event && event[key]) {
- if (args) {
- args[2] = key
- }
- var arr = event[key]
- notifySubscribers(arr, args)
- if (args && event['*'] && !/\./.test(key)) {
- for (var sub, k = 0; (sub = event['*'][k++]); ) {
- try {
- sub.handler.apply(this, args)
- } catch (e) {}
- }
- }
- var parent = this.$up
- if (parent) {
- if (this.$pathname) {
- $emit.call(parent, this.$pathname + '.' + key, args) //以确切的值往上冒泡
- }
- $emit.call(parent, '*.' + key, args) //以模糊的值往上冒泡
- }
- } else {
- parent = this.$up
- if (this.$ups) {
- for (var i in this.$ups) {
- $emit.call(this.$ups[i], i + '.' + key, args) //以确切的值往上冒泡
- }
- return
- }
- if (parent) {
- var p = this.$pathname
- if (p === '') p = '*'
- var path = p + '.' + key
- arr = path.split('.')
-
- args = (args && args.concat([path, key])) || [path, key]
-
- if (arr.indexOf('*') === -1) {
- $emit.call(parent, path, args) //以确切的值往上冒泡
- arr[1] = '*'
- $emit.call(parent, arr.join('.'), args) //以模糊的值往上冒泡
+ function kernel(settings) {
+ for (var p in settings) {
+ if (!ohasOwn.call(settings, p)) continue
+ var val = settings[p]
+ if (typeof kernel.plugins[p] === 'function') {
+ kernel.plugins[p](val)
+ } else if (typeof kernel[p] === 'object') {
+ Anot.mix(kernel[p], val)
} else {
- $emit.call(parent, path, args) //以确切的值往上冒泡
+ kernel[p] = val
}
}
+ return this
}
-}
+ Anot.config = kernel
-function collectDependency(el, key) {
- do {
- if (el.$watch) {
- var e = el.$events || (el.$events = {})
- var array = e[key] || (e[key] = [])
- dependencyDetection.collectDependency(array)
- return
+ var openTag,
+ closeTag,
+ rexpr,
+ rexprg,
+ rbind,
+ rregexp = /[-.*+?^${}()|[\]\/\\]/g
+
+ function escapeRegExp(target) {
+ //http://stevenlevithan.com/regex/xregexp/
+ //将字符串安全格式化为正则表达式的源码
+ return (target + '').replace(rregexp, '\\$&')
+ }
+
+ var plugins = {
+ interpolate: function(array) {
+ openTag = array[0]
+ closeTag = array[1]
+ if (openTag === closeTag) {
+ throw new SyntaxError('openTag!==closeTag')
+ var test = openTag + 'test' + closeTag
+ cinerator.innerHTML = test
+ if (
+ cinerator.innerHTML !== test &&
+ cinerator.innerHTML.indexOf('<') > -1
+ ) {
+ throw new SyntaxError('此定界符不合法')
+ }
+ cinerator.innerHTML = ''
+ }
+ kernel.openTag = openTag
+ kernel.closeTag = closeTag
+ var o = escapeRegExp(openTag),
+ c = escapeRegExp(closeTag)
+ rexpr = new RegExp(o + '([\\s\\S]*)' + c)
+ rexprg = new RegExp(o + '([\\s\\S]*)' + c, 'g')
+ rbind = new RegExp(o + '[\\s\\S]*' + c + '|\\s:') //此处有疑问
}
- el = el.$up
- if (el) {
- key = el.$pathname + '.' + key
+ }
+ kernel.plugins = plugins
+ kernel.plugins['interpolate'](['{{', '}}'])
+
+ kernel.async = true
+ kernel.paths = {}
+ kernel.shim = {}
+ kernel.maxRepeatSize = 100
+
+ function $watch(expr, binding) {
+ var $events = this.$events || (this.$events = {}),
+ queue = $events[expr] || ($events[expr] = [])
+
+ if (typeof binding === 'function') {
+ var backup = binding
+ backup.uuid = '_' + ++bindingID
+ binding = {
+ element: root,
+ type: 'user-watcher',
+ handler: noop,
+ vmodels: [this],
+ expr: expr,
+ uuid: backup.uuid
+ }
+ binding.wildcard = /\*/.test(expr)
+ }
+
+ if (!binding.update) {
+ if (/\w\.*\B/.test(expr) || expr === '*') {
+ binding.getter = noop
+ var host = this
+ binding.update = function() {
+ var args = this.fireArgs || []
+ if (args[2]) binding.handler.apply(host, args)
+ delete this.fireArgs
+ }
+ queue.sync = true
+ Anot.Array.ensure(queue, binding)
+ } else {
+ Anot.injectBinding(binding)
+ }
+ if (backup) {
+ binding.handler = backup
+ }
+ } else if (!binding.oneTime) {
+ Anot.Array.ensure(queue, binding)
+ }
+
+ return function() {
+ binding.update = binding.getter = binding.handler = noop
+ binding.element = DOC.createElement('a')
+ }
+ }
+
+ function $emit(key, args) {
+ var event = this.$events
+ if (event && event[key]) {
+ if (args) {
+ args[2] = key
+ }
+ var arr = event[key]
+ notifySubscribers(arr, args)
+ if (args && event['*'] && !/\./.test(key)) {
+ for (var sub, k = 0; (sub = event['*'][k++]); ) {
+ try {
+ sub.handler.apply(this, args)
+ } catch (e) {}
+ }
+ }
+ var parent = this.$up
+ if (parent) {
+ if (this.$pathname) {
+ $emit.call(parent, this.$pathname + '.' + key, args) //以确切的值往上冒泡
+ }
+ $emit.call(parent, '*.' + key, args) //以模糊的值往上冒泡
+ }
} else {
- break
- }
- } while (true)
-}
+ parent = this.$up
+ if (this.$ups) {
+ for (var i in this.$ups) {
+ $emit.call(this.$ups[i], i + '.' + key, args) //以确切的值往上冒泡
+ }
+ return
+ }
+ if (parent) {
+ var p = this.$pathname
+ if (p === '') p = '*'
+ var path = p + '.' + key
+ arr = path.split('.')
-function notifySubscribers(subs, args) {
- if (!subs) return
- if (new Date() - beginTime > 444 && typeof subs[0] === 'object') {
- rejectDisposeQueue()
+ args = (args && args.concat([path, key])) || [path, key]
+
+ if (arr.indexOf('*') === -1) {
+ $emit.call(parent, path, args) //以确切的值往上冒泡
+ arr[1] = '*'
+ $emit.call(parent, arr.join('.'), args) //以模糊的值往上冒泡
+ } else {
+ $emit.call(parent, path, args) //以确切的值往上冒泡
+ }
+ }
+ }
}
- var users = [],
- renders = []
- for (var i = 0, sub; (sub = subs[i++]); ) {
- if (sub.type === 'user-watcher') {
- users.push(sub)
+
+ function collectDependency(el, key) {
+ do {
+ if (el.$watch) {
+ var e = el.$events || (el.$events = {})
+ var array = e[key] || (e[key] = [])
+ dependencyDetection.collectDependency(array)
+ return
+ }
+ el = el.$up
+ if (el) {
+ key = el.$pathname + '.' + key
+ } else {
+ break
+ }
+ } while (true)
+ }
+
+ function notifySubscribers(subs, args) {
+ if (!subs) return
+ if (new Date() - beginTime > 444 && typeof subs[0] === 'object') {
+ rejectDisposeQueue()
+ }
+ var users = [],
+ renders = []
+ for (var i = 0, sub; (sub = subs[i++]); ) {
+ if (sub.type === 'user-watcher') {
+ users.push(sub)
+ } else {
+ renders.push(sub)
+ }
+ }
+ if (kernel.async) {
+ buffer.render() //1
+ for (i = 0; (sub = renders[i++]); ) {
+ if (sub.update) {
+ sub.uuid = sub.uuid || '_' + ++bindingID
+ var uuid = sub.uuid
+ if (!buffer.queue[uuid]) {
+ buffer.queue[uuid] = '__'
+ buffer.queue.push(sub)
+ }
+ }
+ }
} else {
- renders.push(sub)
- }
- }
- if (kernel.async) {
- buffer.render() //1
- for (i = 0; (sub = renders[i++]); ) {
- if (sub.update) {
- sub.uuid = sub.uuid || '_' + ++bindingID
- var uuid = sub.uuid
- if (!buffer.queue[uuid]) {
- buffer.queue[uuid] = '__'
- buffer.queue.push(sub)
+ for (i = 0; (sub = renders[i++]); ) {
+ if (sub.update) {
+ sub.update() //最小化刷新DOM树
}
}
}
- } else {
- for (i = 0; (sub = renders[i++]); ) {
- if (sub.update) {
- sub.update() //最小化刷新DOM树
+ for (i = 0; (sub = users[i++]); ) {
+ if ((args && args[2] === sub.expr) || sub.wildcard) {
+ sub.fireArgs = args
}
- }
- }
- for (i = 0; (sub = users[i++]); ) {
- if ((args && args[2] === sub.expr) || sub.wildcard) {
- sub.fireArgs = args
- }
- sub.update()
- }
-}
-
-//一些不需要被监听的属性
-var $$skipArray = oneObject(
- '$id,$watch,$fire,$events,$model,$skipArray,$active,$pathname,$up,$ups,$track,$accessors'
-)
-
-//如果浏览器不支持ecma262v5的Object.defineProperties或者存在BUG，比如IE8
-//标准浏览器使用__defineGetter__, __defineSetter__实现
-
-function modelFactory(source, options) {
- options = options || {}
- options.watch = true
- return observeObject(source, options)
-}
-
-//监听对象属性值的变化(注意,数组元素不是数组的属性),通过对劫持当前对象的访问器实现
-//监听对象或数组的结构变化, 对对象的键值对进行增删重排, 或对数组的进行增删重排,都属于这范畴
-// 通过比较前后代理VM顺序实现
-function Component() {}
-
-function observeObject(source, options) {
- if (
- !source ||
- (source.$id && source.$accessors) ||
- (source.nodeName && source.nodeType > 0)
- ) {
- return source
- }
- //source为原对象,不能是元素节点或null
- //options,可选,配置对象,里面有old, force, watch这三个属性
- options = options || nullObject
- var force = options.force || nullObject
- var old = options.old
- var oldAccessors = (old && old.$accessors) || nullObject
- var $vmodel = new Component() //要返回的对象, 它在IE6-8下可能被偷龙转凤
- var accessors = {} //监控属性
- var hasOwn = {}
- var skip = []
- var simple = []
- var $skipArray = {}
- if (source.$skipArray) {
- $skipArray = oneObject(source.$skipArray)
- delete source.$skipArray
- }
- //处理计算属性
- var computed = source.$computed
- if (computed) {
- delete source.$computed
- for (var name in computed) {
- hasOwn[name] = true
- ;(function(key, value) {
- var old
- if (typeof value === 'function') {
- value = { get: value, set: noop }
- }
- if (typeof value.set !== 'function') {
- value.set = noop
- }
- accessors[key] = {
- get: function() {
- return (old = value.get.call(this))
- },
- set: function(x) {
- var older = old,
- newer
- value.set.call(this, x)
- newer = this[key]
- if (this.$fire && newer !== older) {
- this.$fire(key, newer, older)
- }
- },
- enumerable: true,
- configurable: true
- }
- })(name, computed[name]) // jshint ignore:line
+ sub.update()
}
}
- for (name in source) {
- var value = source[name]
- if (!$$skipArray[name]) hasOwn[name] = true
+ //一些不需要被监听的属性
+ var $$skipArray = oneObject(
+ '$id,$watch,$fire,$events,$model,$active,$pathname,$up,$ups,$track,$accessors'
+ )
+
+ //如果浏览器不支持ecma262v5的Object.defineProperties或者存在BUG，比如IE8
+ //标准浏览器使用__defineGetter__, __defineSetter__实现
+
+ function modelFactory(source, options) {
+ options = options || {}
+ options.watch = true
+ return observeObject(source, options)
+ }
+
+ //监听对象属性值的变化(注意,数组元素不是数组的属性),通过对劫持当前对象的访问器实现
+ //监听对象或数组的结构变化, 对对象的键值对进行增删重排, 或对数组的进行增删重排,都属于这范畴
+ // 通过比较前后代理VM顺序实现
+ function Component() {}
+
+ function observeObject(source, options) {
if (
- typeof value === 'function' ||
- (value && value.nodeName && value.nodeType > 0) ||
- (!force[name] &&
- (name.charAt(0) === '$' || $$skipArray[name] || $skipArray[name]))
+ !source ||
+ (source.$id && source.$accessors) ||
+ (source.nodeName && source.nodeType > 0)
) {
- skip.push(name)
- } else if (isComputed(value)) {
- log('warning:计算属性建议放在$computed对象中统一定义')
- ;(function(key, value) {
- var old
- if (typeof value === 'function') {
- value = { get: value, set: noop }
+ return source
+ }
+ //source为原对象,不能是元素节点或null
+ //options,可选,配置对象,里面有old, force, watch这三个属性
+ options = options || nullObject
+ var force = options.force || nullObject
+ var old = options.old
+ var oldAccessors = (old && old.$accessors) || nullObject
+ var $vmodel = new Component() //要返回的对象, 它在IE6-8下可能被偷龙转凤
+ var accessors = {} //监控属性
+ var hasOwn = {}
+ var skip = []
+ var simple = []
+ var $skipArray = {}
+ // 提取 source中的配置项, 并删除相应字段
+ var state = source.state
+ var computed = source.computed
+ var methods = source.methods
+ var props = source.props
+ var watches = source.watch
+
+ delete source.state
+ delete source.computed
+ delete source.methods
+ delete source.props
+ delete source.watch
+
+ if (source.skip) {
+ $skipArray = oneObject(source.skip)
+ delete source.skip
+ }
+
+ // 基础数据
+ if (state) {
+ if (source.$id) {
+ // 直接删除名为props的 字段, 对于主VM对象, props将作为保留关键字
+ // 下面的计算属性,方法等, 作同样的逻辑处理
+ delete state.props
+ }
+ for (name in state) {
+ var value = state[name]
+ if (!$$skipArray[name]) {
+ hasOwn[name] = true
}
- if (typeof value.set !== 'function') {
- value.set = noop
+ if (
+ typeof value === 'function' ||
+ (value && value.nodeName && value.nodeType > 0) ||
+ (!force[name] &&
+ (name.charAt(0) === '$' || $$skipArray[name] || $skipArray[name]))
+ ) {
+ skip.push(name)
+ } else if (isComputed(value)) {
+ log('warning:计算属性建议放在[computed]对象中统一定义')
+ // 转给下一步处理
+ computed[name] = value
+ } else {
+ simple.push(name)
+ if (oldAccessors[name]) {
+ accessors[name] = oldAccessors[name]
+ } else {
+ accessors[name] = makeGetSet(name, value)
+ }
}
- accessors[key] = {
- get: function() {
- return (old = value.get.call(this))
- },
- set: function(x) {
- var older = old,
- newer
- value.set.call(this, x)
- newer = this[key]
- if (this.$fire && newer !== older) {
- this.$fire(key, newer, older)
- }
- },
- enumerable: true,
- configurable: true
- }
- })(name, value) // jshint ignore:line
- } else {
- simple.push(name)
- if (oldAccessors[name]) {
- accessors[name] = oldAccessors[name]
- } else {
- accessors[name] = makeGetSet(name, value)
}
}
- }
- accessors['$model'] = $modelDescriptor
- $vmodel = Object.defineProperties($vmodel, accessors, source)
- function trackBy(name) {
- return hasOwn[name] === true
- }
- skip.forEach(function(name) {
- $vmodel[name] = source[name]
- })
-
- /* jshint ignore:start */
- hideProperty($vmodel, '$ups', null)
- hideProperty($vmodel, '$id', 'anonymous')
- hideProperty($vmodel, '$up', old ? old.$up : null)
- hideProperty($vmodel, '$track', Object.keys(hasOwn))
- hideProperty($vmodel, '$active', false)
- hideProperty($vmodel, '$pathname', old ? old.$pathname : '')
- hideProperty($vmodel, '$accessors', accessors)
- hideProperty($vmodel, 'hasOwnProperty', trackBy)
- if (options.watch) {
- hideProperty($vmodel, '$watch', function() {
- return $watch.apply($vmodel, arguments)
- })
- hideProperty($vmodel, '$fire', function(path, a) {
- if (path.indexOf('all!') === 0) {
- var ee = path.slice(4)
- for (var i in yua.vmodels) {
- var v = yua.vmodels[i]
- v.$fire && v.$fire.apply(v, [ee, a])
- }
- } else {
- $emit.call($vmodel, path, [a])
+ //处理计算属性
+ if (computed) {
+ delete computed.props
+ for (var name in computed) {
+ hasOwn[name] = true
+ ;(function(key, value) {
+ var old
+ if (typeof value === 'function') {
+ value = { get: value, set: noop }
+ }
+ if (typeof value.set !== 'function') {
+ value.set = noop
+ }
+ accessors[key] = {
+ get: function() {
+ return (old = value.get.call(this))
+ },
+ set: function(x) {
+ var older = old,
+ newer
+ value.set.call(this, x)
+ newer = this[key]
+ if (this.$fire && newer !== older) {
+ this.$fire(key, newer, older)
+ }
+ },
+ enumerable: true,
+ configurable: true
+ }
+ })(name, computed[name]) // jshint ignore:line
}
- })
- }
- /* jshint ignore:end */
-
- //必须设置了$active,$events
- simple.forEach(function(name) {
- var oldVal = old && old[name]
- var val = ($vmodel[name] = source[name])
- if (val && typeof val === 'object') {
- val.$up = $vmodel
- val.$pathname = name
}
- $emit.call($vmodel, name, [val, oldVal])
- })
- for (name in computed) {
- value = $vmodel[name]
+
+ // 方法
+ if (methods) {
+ delete methods.props
+ for (var name in methods) {
+ hasOwn[name] = true
+ skip.push(name)
+ }
+ }
+
+ if (props) {
+ hideProperty($vmodel, 'props', {})
+ hasOwn.props = !!source.$id
+ for (var name in props) {
+ $vmodel.props[name] = props[name]
+ }
+ }
+
+ Object.assign(source, state, methods)
+
+ accessors['$model'] = $modelDescriptor
+ $vmodel = Object.defineProperties($vmodel, accessors, source)
+ function trackBy(name) {
+ return hasOwn[name] === true
+ }
+ skip.forEach(function(name) {
+ $vmodel[name] = source[name]
+ })
+
+ /* jshint ignore:start */
+ // hideProperty($vmodel, '$ups', null)
+ hideProperty($vmodel, '$id', 'anonymous')
+ hideProperty($vmodel, '$up', old ? old.$up : null)
+ hideProperty($vmodel, '$track', Object.keys(hasOwn))
+ hideProperty($vmodel, '$active', false)
+ hideProperty($vmodel, '$pathname', old ? old.$pathname : '')
+ hideProperty($vmodel, '$accessors', accessors)
+ hideProperty($vmodel, 'hasOwnProperty', trackBy)
+ if (options.watch) {
+ hideProperty($vmodel, '$watch', function() {
+ return $watch.apply($vmodel, arguments)
+ })
+ hideProperty($vmodel, '$fire', function(path, a) {
+ if (path.indexOf('all!') === 0) {
+ var ee = path.slice(4)
+ for (var i in Anot.vmodels) {
+ var v = Anot.vmodels[i]
+ v.$fire && v.$fire.apply(v, [ee, a])
+ }
+ } else {
+ $emit.call($vmodel, path, [a])
+ }
+ })
+ }
+ /* jshint ignore:end */
+
+ //必须设置了$active,$events
+ simple.forEach(function(name) {
+ var oldVal = old && old[name]
+ var val = ($vmodel[name] = state[name])
+ if (val && typeof val === 'object') {
+ val.$up = $vmodel
+ val.$pathname = name
+ }
+ $emit.call($vmodel, name, [val, oldVal])
+ })
+
+ // 属性的监听, 必须放在上一步$emit后处理, 否则会在初始时就已经触发一次 监听回调
+ if (watches) {
+ delete watches.props
+ for (var key in watches) {
+ $watch.call($vmodel, key, watches[key])
+ }
+ }
+
+ $vmodel.$active = true
+
+ return $vmodel
}
- $vmodel.$active = true
- return $vmodel
-}
-
-/*
+ /*
新的VM拥有如下私有属性
$id: vm.id
$events: 放置$watch回调与绑定对象
@@ -1437,4909 +1541,4236 @@ function observeObject(source, options) {
$active:boolean,false时防止依赖收集
$model:返回一个纯净的JS对象
$accessors:放置所有读写器的数据描述对象
- $up:返回其上级对象
$pathname:返回此对象在上级对象的名字,注意,数组元素的$pathname为空字符串
=============================
- $skipArray:用于指定不可监听的属性,但VM生成是没有此属性的
+ skip:用于指定不可监听的属性,但VM生成是没有此属性的
*/
-function isComputed(val) {
- //speed up!
- if (val && typeof val === 'object') {
- for (var i in val) {
- if (i !== 'get' && i !== 'set') {
- return false
- }
- }
- return typeof val.get === 'function'
- }
-}
-function makeGetSet(key, value) {
- var childVm,
- value = NaN
- return {
- get: function() {
- if (this.$active) {
- collectDependency(this, key)
- }
- return value
- },
- set: function(newVal) {
- if (value === newVal) return
- var oldValue = value
- childVm = observe(newVal, value)
- if (childVm) {
- value = childVm
- } else {
- childVm = void 0
- value = newVal
- }
-
- if (Object(childVm) === childVm) {
- childVm.$pathname = key
- childVm.$up = this
- }
- if (this.$active) {
- $emit.call(this, key, [value, oldValue])
- }
- },
- enumerable: true,
- configurable: true
- }
-}
-
-function observe(obj, old, hasReturn, watch) {
- if (Array.isArray(obj)) {
- return observeArray(obj, old, watch)
- } else if (yua.isPlainObject(obj)) {
- if (old && typeof old === 'object') {
- var keys = Object.keys(obj)
- var keys2 = Object.keys(old)
- if (keys.join(';') === keys2.join(';')) {
- for (var i in obj) {
- if (obj.hasOwnProperty(i)) {
- old[i] = obj[i]
- }
+ function isComputed(val) {
+ //speed up!
+ if (val && typeof val === 'object') {
+ for (var i in val) {
+ if (i !== 'get' && i !== 'set') {
+ return false
}
- return old
}
- old.$active = false
+ return typeof val.get === 'function'
}
- return observeObject(obj, {
- old: old,
- watch: watch
- })
}
- if (hasReturn) {
- return obj
- }
-}
-
-function observeArray(array, old, watch) {
- if (old && old.splice) {
- var args = [0, old.length].concat(array)
- old.splice.apply(old, args)
- return old
- } else {
- for (var i in newProto) {
- array[i] = newProto[i]
- }
- hideProperty(array, '$up', null)
- hideProperty(array, '$pathname', '')
- hideProperty(array, '$track', createTrack(array.length))
-
- array._ = observeObject(
- {
- length: NaN
+ function makeGetSet(key, value) {
+ var childVm,
+ value = NaN
+ return {
+ get: function() {
+ if (this.$active) {
+ collectDependency(this, key)
+ }
+ return value
},
- {
- watch: true
- }
- )
- array._.length = array.length
- array._.$watch('length', function(a, b) {
- $emit.call(array.$up, array.$pathname + '.length', [a, b])
- })
- if (watch) {
- hideProperty(array, '$watch', function() {
- return $watch.apply(array, arguments)
- })
+ set: function(newVal) {
+ if (value === newVal) return
+ var oldValue = value
+ childVm = observe(newVal, value)
+ if (childVm) {
+ value = childVm
+ } else {
+ childVm = void 0
+ value = newVal
+ }
+
+ if (Object(childVm) === childVm) {
+ childVm.$pathname = key
+ childVm.$up = this
+ }
+ if (this.$active) {
+ $emit.call(this, key, [value, oldValue])
+ }
+ },
+ enumerable: true,
+ configurable: true
}
-
- Object.defineProperty(array, '$model', $modelDescriptor)
-
- for (var j = 0, n = array.length; j < n; j++) {
- var el = (array[j] = observe(array[j], 0, 1, 1))
- if (Object(el) === el) {
- //#1077
- el.$up = array
- }
- }
-
- return array
}
-}
-function hideProperty(host, name, value) {
- Object.defineProperty(host, name, {
- value: value,
- writable: true,
+ function observe(obj, old, hasReturn, watch) {
+ if (Array.isArray(obj)) {
+ return observeArray(obj, old, watch)
+ } else if (Anot.isPlainObject(obj)) {
+ if (old && typeof old === 'object') {
+ var keys = Object.keys(obj)
+ var keys2 = Object.keys(old)
+ if (keys.join(';') === keys2.join(';')) {
+ for (var i in obj) {
+ if (obj.hasOwnProperty(i)) {
+ old[i] = obj[i]
+ }
+ }
+ return old
+ }
+ old.$active = false
+ }
+ return observeObject(
+ { state: obj },
+ {
+ old: old,
+ watch: watch
+ }
+ )
+ }
+ if (hasReturn) {
+ return obj
+ }
+ }
+
+ function observeArray(array, old, watch) {
+ if (old && old.splice) {
+ var args = [0, old.length].concat(array)
+ old.splice.apply(old, args)
+ return old
+ } else {
+ for (var i in newProto) {
+ array[i] = newProto[i]
+ }
+ hideProperty(array, '$up', null)
+ hideProperty(array, '$pathname', '')
+ hideProperty(array, '$track', createTrack(array.length))
+
+ array._ = observeObject(
+ {
+ state: { length: NaN }
+ },
+ {
+ watch: true
+ }
+ )
+ array._.length = array.length
+ array._.$watch('length', function(a, b) {
+ $emit.call(array.$up, array.$pathname + '.length', [a, b])
+ })
+ if (watch) {
+ hideProperty(array, '$watch', function() {
+ return $watch.apply(array, arguments)
+ })
+ }
+
+ Object.defineProperty(array, '$model', $modelDescriptor)
+
+ for (var j = 0, n = array.length; j < n; j++) {
+ var el = (array[j] = observe(array[j], 0, 1, 1))
+ if (Object(el) === el) {
+ //#1077
+ el.$up = array
+ }
+ }
+
+ return array
+ }
+ }
+
+ function hideProperty(host, name, value) {
+ Object.defineProperty(host, name, {
+ value: value,
+ writable: true,
+ enumerable: false,
+ configurable: true
+ })
+ }
+
+ function toJson(val) {
+ var xtype = Anot.type(val)
+ if (xtype === 'array') {
+ var array = []
+ for (var i = 0; i < val.length; i++) {
+ array[i] = toJson(val[i])
+ }
+ return array
+ } else if (xtype === 'object') {
+ var obj = {}
+ for (i in val) {
+ if (val.hasOwnProperty(i)) {
+ var value = val[i]
+ obj[i] = value && value.nodeType ? value : toJson(value)
+ }
+ }
+ return obj
+ }
+ return val
+ }
+
+ var $modelDescriptor = {
+ get: function() {
+ return toJson(this)
+ },
+ set: noop,
enumerable: false,
configurable: true
- })
-}
-
-function toJson(val) {
- var xtype = yua.type(val)
- if (xtype === 'array') {
- var array = []
- for (var i = 0; i < val.length; i++) {
- array[i] = toJson(val[i])
- }
- return array
- } else if (xtype === 'object') {
- var obj = {}
- for (i in val) {
- if (val.hasOwnProperty(i)) {
- var value = val[i]
- obj[i] = value && value.nodeType ? value : toJson(value)
- }
- }
- return obj
}
- return val
-}
-var $modelDescriptor = {
- get: function() {
- return toJson(this)
- },
- set: noop,
- enumerable: false,
- configurable: true
-}
+ /*********************************************************************
+ * 监控数组（:repeat配合使用） *
+ **********************************************************************/
-/*********************************************************************
- * 监控数组（:repeat配合使用） *
- **********************************************************************/
-
-var arrayMethods = ['push', 'pop', 'shift', 'unshift', 'splice']
-var arrayProto = Array.prototype
-var newProto = {
- notify: function() {
- $emit.call(this.$up, this.$pathname)
- },
- set: function(index, val) {
- if (index >>> 0 === index && this[index] !== val) {
- if (index > this.length) {
- throw Error(index + 'set方法的第一个参数不能大于原数组长度')
- }
- $emit.call(this.$up, this.$pathname + '.*', [val, this[index]])
- this.splice(index, 1, val)
- }
- },
- contains: function(el) {
- //判定是否包含
- return this.indexOf(el) !== -1
- },
- ensure: function(el) {
- if (!this.contains(el)) {
- //只有不存在才push
- this.push(el)
- }
- return this
- },
- pushArray: function(arr) {
- return this.push.apply(this, arr)
- },
- remove: function(el) {
- //移除第一个等于给定值的元素
- return this.removeAt(this.indexOf(el))
- },
- removeAt: function(index) {
- //移除指定索引上的元素
- if (index >>> 0 === index) {
- return this.splice(index, 1)
- }
- return []
- },
- size: function() {
- //取得数组长度，这个函数可以同步视图，length不能
- return this._.length
- },
- removeAll: function(all) {
- //移除N个元素
- if (Array.isArray(all)) {
- for (var i = this.length - 1; i >= 0; i--) {
- if (all.indexOf(this[i]) !== -1) {
- _splice.call(this.$track, i, 1)
- _splice.call(this, i, 1)
+ var arrayMethods = ['push', 'pop', 'shift', 'unshift', 'splice']
+ var arrayProto = Array.prototype
+ var newProto = {
+ notify: function() {
+ $emit.call(this.$up, this.$pathname)
+ },
+ set: function(index, val) {
+ if (index >>> 0 === index && this[index] !== val) {
+ if (index > this.length) {
+ throw Error(index + 'set方法的第一个参数不能大于原数组长度')
}
+ $emit.call(this.$up, this.$pathname + '.*', [val, this[index]])
+ this.splice(index, 1, val)
}
- } else if (typeof all === 'function') {
- for (i = this.length - 1; i >= 0; i--) {
- var el = this[i]
- if (all(el, i)) {
- _splice.call(this.$track, i, 1)
- _splice.call(this, i, 1)
+ },
+ contains: function(el) {
+ //判定是否包含
+ return this.indexOf(el) !== -1
+ },
+ ensure: function(el) {
+ if (!this.contains(el)) {
+ //只有不存在才push
+ this.push(el)
+ }
+ return this
+ },
+ pushArray: function(arr) {
+ return this.push.apply(this, arr)
+ },
+ remove: function(el) {
+ //移除第一个等于给定值的元素
+ return this.removeAt(this.indexOf(el))
+ },
+ removeAt: function(index) {
+ //移除指定索引上的元素
+ if (index >>> 0 === index) {
+ return this.splice(index, 1)
+ }
+ return []
+ },
+ size: function() {
+ //取得数组长度，这个函数可以同步视图，length不能
+ return this._.length
+ },
+ removeAll: function(all) {
+ //移除N个元素
+ if (Array.isArray(all)) {
+ for (var i = this.length - 1; i >= 0; i--) {
+ if (all.indexOf(this[i]) !== -1) {
+ _splice.call(this.$track, i, 1)
+ _splice.call(this, i, 1)
+ }
+ }
+ } else if (typeof all === 'function') {
+ for (i = this.length - 1; i >= 0; i--) {
+ var el = this[i]
+ if (all(el, i)) {
+ _splice.call(this.$track, i, 1)
+ _splice.call(this, i, 1)
+ }
}
- }
- } else {
- _splice.call(this.$track, 0, this.length)
- _splice.call(this, 0, this.length)
- }
- if (!W3C) {
- this.$model = toJson(this)
- }
- this.notify()
- this._.length = this.length
- },
- clear: function() {
- this.removeAll()
- }
-}
-
-var _splice = arrayProto.splice
-arrayMethods.forEach(function(method) {
- var original = arrayProto[method]
- newProto[method] = function() {
- // 继续尝试劫持数组元素的属性
- var args = []
- for (var i = 0, n = arguments.length; i < n; i++) {
- args[i] = observe(arguments[i], 0, 1, 1)
- }
- var result = original.apply(this, args)
- addTrack(this.$track, method, args)
- if (!W3C) {
- this.$model = toJson(this)
- }
- this.notify()
- this._.length = this.length
- return result
- }
-})
-
-'sort,reverse'.replace(rword, function(method) {
- newProto[method] = function() {
- var oldArray = this.concat() //保持原来状态的旧数组
- var newArray = this
- var mask = Math.random()
- var indexes = []
- var hasSort = false
- arrayProto[method].apply(newArray, arguments) //排序
- for (var i = 0, n = oldArray.length; i < n; i++) {
- var neo = newArray[i]
- var old = oldArray[i]
- if (neo === old) {
- indexes.push(i)
} else {
- var index = oldArray.indexOf(neo)
- indexes.push(index) //得到新数组的每个元素在旧数组对应的位置
- oldArray[index] = mask //屏蔽已经找过的元素
- hasSort = true
+ _splice.call(this.$track, 0, this.length)
+ _splice.call(this, 0, this.length)
}
- }
- if (hasSort) {
- sortByIndex(this.$track, indexes)
if (!W3C) {
this.$model = toJson(this)
}
this.notify()
- }
- return this
- }
-})
-
-function sortByIndex(array, indexes) {
- var map = {}
- for (var i = 0, n = indexes.length; i < n; i++) {
- map[i] = array[i]
- var j = indexes[i]
- if (j in map) {
- array[i] = map[j]
- delete map[j]
- } else {
- array[i] = array[j]
- }
- }
-}
-
-function createTrack(n) {
- var ret = []
- for (var i = 0; i < n; i++) {
- ret[i] = generateID('$proxy$each')
- }
- return ret
-}
-
-function addTrack(track, method, args) {
- switch (method) {
- case 'push':
- case 'unshift':
- args = createTrack(args.length)
- break
- case 'splice':
- if (args.length > 2) {
- // 0, 5, a, b, c --> 0, 2, 0
- // 0, 5, a, b, c, d, e, f, g--> 0, 0, 3
- var del = args[1]
- var add = args.length - 2
- // args = [args[0], Math.max(del - add, 0)].concat(createTrack(Math.max(add - del, 0)))
- args = [args[0], args[1]].concat(createTrack(args.length - 2))
- }
- break
- }
- Array.prototype[method].apply(track, args)
-}
-
-/*********************************************************************
- * 依赖调度系统 *
- **********************************************************************/
-
-//检测两个对象间的依赖关系
-var dependencyDetection = (function() {
- var outerFrames = []
- var currentFrame
- return {
- begin: function(binding) {
- //accessorObject为一个拥有callback的对象
- outerFrames.push(currentFrame)
- currentFrame = binding
+ this._.length = this.length
},
- end: function() {
- currentFrame = outerFrames.pop()
- },
- collectDependency: function(array) {
- if (currentFrame) {
- //被dependencyDetection.begin调用
- currentFrame.callback(array)
- }
+ clear: function() {
+ this.removeAll()
}
}
-})()
-//将绑定对象注入到其依赖项的订阅数组中
-var roneval = /^on$/
-
-function returnRandom() {
- return new Date() - 0
-}
-
-yua.injectBinding = function(binding) {
- binding.handler = binding.handler || directives[binding.type].update || noop
- binding.update = function() {
- var begin = false
- if (!binding.getter) {
- begin = true
- dependencyDetection.begin({
- callback: function(array) {
- injectDependency(array, binding)
- }
- })
- binding.getter = parseExpr(binding.expr, binding.vmodels, binding)
- binding.observers.forEach(function(a) {
- a.v.$watch(a.p, binding)
- })
- delete binding.observers
+ var _splice = arrayProto.splice
+ arrayMethods.forEach(function(method) {
+ var original = arrayProto[method]
+ newProto[method] = function() {
+ // 继续尝试劫持数组元素的属性
+ var args = []
+ for (var i = 0, n = arguments.length; i < n; i++) {
+ args[i] = observe(arguments[i], 0, 1, 1)
+ }
+ var result = original.apply(this, args)
+ addTrack(this.$track, method, args)
+ if (!W3C) {
+ this.$model = toJson(this)
+ }
+ this.notify()
+ this._.length = this.length
+ return result
}
- try {
- var args = binding.fireArgs,
- a,
- b
- delete binding.fireArgs
- if (!args) {
- if (binding.type === 'on') {
- a = binding.getter + ''
+ })
+
+ 'sort,reverse'.replace(rword, function(method) {
+ newProto[method] = function() {
+ var oldArray = this.concat() //保持原来状态的旧数组
+ var newArray = this
+ var mask = Math.random()
+ var indexes = []
+ var hasSort = false
+ arrayProto[method].apply(newArray, arguments) //排序
+ for (var i = 0, n = oldArray.length; i < n; i++) {
+ var neo = newArray[i]
+ var old = oldArray[i]
+ if (neo === old) {
+ indexes.push(i)
} else {
- try {
- a = binding.getter.apply(0, binding.args)
- } catch (e) {
- a = null
- }
+ var index = oldArray.indexOf(neo)
+ indexes.push(index) //得到新数组的每个元素在旧数组对应的位置
+ oldArray[index] = mask //屏蔽已经找过的元素
+ hasSort = true
}
- } else {
- a = args[0]
- b = args[1]
}
- b = typeof b === 'undefined' ? binding.oldValue : b
- if (binding._filters) {
- a = filters.$filter.apply(0, [a].concat(binding._filters))
- }
- if (binding.signature) {
- var xtype = yua.type(a)
- if (xtype !== 'array' && xtype !== 'object') {
- throw Error('warning:' + binding.expr + '只能是对象或数组')
+ if (hasSort) {
+ sortByIndex(this.$track, indexes)
+ if (!W3C) {
+ this.$model = toJson(this)
}
- binding.xtype = xtype
- var vtrack = getProxyIds(binding.proxies || [], xtype)
- var mtrack =
- a.$track ||
- (xtype === 'array' ? createTrack(a.length) : Object.keys(a))
- binding.track = mtrack
- if (vtrack !== mtrack.join(';')) {
- binding.handler(a, b)
- binding.oldValue = 1
- }
- } else if (Array.isArray(a) ? a.length !== (b && b.length) : false) {
- binding.handler(a, b)
- binding.oldValue = a.concat()
- } else if (!('oldValue' in binding) || a !== b) {
- binding.handler(a, b)
- binding.oldValue = Array.isArray(a) ? a.concat() : a
+ this.notify()
}
- } catch (e) {
- delete binding.getter
- log('warning:exception throwed in [yua.injectBinding] ', e)
- var node = binding.element
- if (node && node.nodeType === 3) {
- node.nodeValue =
- openTag + (binding.oneTime ? '::' : '') + binding.expr + closeTag
- }
- } finally {
- begin && dependencyDetection.end()
- }
- }
- binding.update()
-}
-
-//将依赖项(比它高层的访问器或构建视图刷新函数的绑定对象)注入到订阅者数组
-function injectDependency(list, binding) {
- if (binding.oneTime) return
- if (list && yua.Array.ensure(list, binding) && binding.element) {
- injectDisposeQueue(binding, list)
- if (new Date() - beginTime > 444) {
- rejectDisposeQueue()
- }
- }
-}
-
-function getProxyIds(a, isArray) {
- var ret = []
- for (var i = 0, el; (el = a[i++]); ) {
- ret.push(isArray ? el.$id : el.$key)
- }
- return ret.join(';')
-}
-
-/*********************************************************************
- * 定时GC回收机制 (基于1.6基于频率的GC) *
- **********************************************************************/
-
-var disposeQueue = (yua.$$subscribers = [])
-var beginTime = new Date()
-
-//添加到回收列队中
-function injectDisposeQueue(data, list) {
- data.list = list
- data.i = ~~data.i
- if (!data.uuid) {
- data.uuid = '_' + ++bindingID
- }
- if (!disposeQueue[data.uuid]) {
- disposeQueue[data.uuid] = '__'
- disposeQueue.push(data)
- }
-}
-
-var lastGCIndex = 0
-function rejectDisposeQueue(data) {
- var i = lastGCIndex || disposeQueue.length
- var threshold = 0
- while ((data = disposeQueue[--i])) {
- if (data.i < 7) {
- if (data.element === null) {
- disposeQueue.splice(i, 1)
- if (data.list) {
- yua.Array.remove(data.list, data)
- delete disposeQueue[data.uuid]
- }
- continue
- }
- if (shouldDispose(data.element)) {
- //如果它的虚拟DOM不在VTree上或其属性不在VM上
- disposeQueue.splice(i, 1)
- yua.Array.remove(data.list, data)
- disposeData(data)
- //yua会在每次全量更新时,比较上次执行时间,
- //假若距离上次有半秒,就会发起一次GC,并且只检测当中的500个绑定
- //而一个正常的页面不会超过2000个绑定(500即取其4分之一)
- //用户频繁操作页面,那么2,3秒内就把所有绑定检测一遍,将无效的绑定移除
- if (threshold++ > 500) {
- lastGCIndex = i
- break
- }
- continue
- }
- data.i++
- //基于检测频率，如果检测过7次，可以认为其是长久存在的节点，那么以后每7次才检测一次
- if (data.i === 7) {
- data.i = 14
- }
- } else {
- data.i--
- }
- }
- beginTime = new Date()
-}
-
-function disposeData(data) {
- delete disposeQueue[data.uuid] // 先清除，不然无法回收了
- data.element = null
- data.rollback && data.rollback()
- for (var key in data) {
- data[key] = null
- }
-}
-
-function shouldDispose(el) {
- try {
- //IE下，如果文本节点脱离DOM树，访问parentNode会报错
- var fireError = el.parentNode.nodeType
- } catch (e) {
- return true
- }
- if (el.ifRemove) {
- // 如果节点被放到ifGroup，才移除
- if (!root.contains(el.ifRemove) && ifGroup === el.parentNode) {
- el.parentNode && el.parentNode.removeChild(el)
- return true
- }
- }
- return el.msRetain
- ? 0
- : el.nodeType === 1 ? !root.contains(el) : !yua.contains(root, el)
-}
-
-/************************************************************************
- * HTML处理(parseHTML, innerHTML, clearHTML) *
- *************************************************************************/
-
-//parseHTML的辅助变量
-var tagHooks = new function() {
- // jshint ignore:line
- yua.mix(this, {
- option: DOC.createElement('select'),
- thead: DOC.createElement('table'),
- td: DOC.createElement('tr'),
- area: DOC.createElement('map'),
- tr: DOC.createElement('tbody'),
- col: DOC.createElement('colgroup'),
- legend: DOC.createElement('fieldset'),
- _default: DOC.createElement('div'),
- g: DOC.createElementNS('http://www.w3.org/2000/svg', 'svg')
- })
- this.optgroup = this.option
- this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
- this.th = this.td
-}() // jshint ignore:line
-String(
- 'circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use'
-).replace(rword, function(tag) {
- tagHooks[tag] = tagHooks.g //处理SVG
-})
-
-var rtagName = /<([\w:]+)/
-var rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi
-var scriptTypes = oneObject([
- '',
- 'text/javascript',
- 'text/ecmascript',
- 'application/ecmascript',
- 'application/javascript'
-])
-var script = DOC.createElement('script')
-var rhtml = /<|&#?\w+;/
-
-yua.parseHTML = function(html) {
- var fragment = yuaFragment.cloneNode(false)
- if (typeof html !== 'string') {
- return fragment
- }
- if (!rhtml.test(html)) {
- fragment.appendChild(DOC.createTextNode(html))
- return fragment
- }
- html = html.replace(rxhtml, '<$1>').trim()
- var tag = (rtagName.exec(html) || ['', ''])[1].toLowerCase(),
- //取得其标签名
- wrapper = tagHooks[tag] || tagHooks._default,
- firstChild
- wrapper.innerHTML = html
- var els = wrapper.getElementsByTagName('script')
- if (els.length) {
- //使用innerHTML生成的script节点不会发出请求与执行text属性
- for (var i = 0, el; (el = els[i++]); ) {
- if (scriptTypes[el.type]) {
- var neo = script.cloneNode(false) //FF不能省略参数
- ap.forEach.call(el.attributes, function(attr) {
- neo.setAttribute(attr.name, attr.value)
- }) // jshint ignore:line
- neo.text = el.text
- el.parentNode.replaceChild(neo, el)
- }
- }
- }
-
- while ((firstChild = wrapper.firstChild)) {
- // 将wrapper上的节点转移到文档碎片上！
- fragment.appendChild(firstChild)
- }
- return fragment
-}
-
-yua.innerHTML = function(node, html) {
- var a = this.parseHTML(html)
- this.clearHTML(node).appendChild(a)
-}
-
-yua.clearHTML = function(node) {
- node.textContent = ''
- while (node.firstChild) {
- node.removeChild(node.firstChild)
- }
- return node
-}
-
-/*********************************************************************
- * yua的原型方法定义区 *
- **********************************************************************/
-
-function hyphen(target) {
- //转换为连字符线风格
- return target.replace(/([a-z\d])([A-Z]+)/g, '$1-$2').toLowerCase()
-}
-
-function camelize(target) {
- //转换为驼峰风格
- if (target.indexOf('-') < 0 && target.indexOf('_') < 0) {
- return target //提前判断，提高getStyle等的效率
- }
- return target.replace(/[-_][^-_]/g, function(match) {
- return match.charAt(1).toUpperCase()
- })
-}
-
-'add,remove'.replace(rword, function(method) {
- yua.fn[method + 'Class'] = function(cls) {
- var el = this[0]
- //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
- if (cls && typeof cls === 'string' && el && el.nodeType === 1) {
- cls.replace(/\S+/g, function(c) {
- el.classList[method](c)
- })
- }
- return this
- }
-})
-
-yua.fn.mix({
- hasClass: function(cls) {
- var el = this[0] || {} //IE10+, chrome8+, firefox3.6+, safari5.1+,opera11.5+支持classList,chrome24+,firefox26+支持classList2.0
- return el.nodeType === 1 && el.classList.contains(cls)
- },
- toggleClass: function(value, stateVal) {
- var className,
- i = 0
- var classNames = String(value).match(/\S+/g) || []
- var isBool = typeof stateVal === 'boolean'
- while ((className = classNames[i++])) {
- var state = isBool ? stateVal : !this.hasClass(className)
- this[state ? 'addClass' : 'removeClass'](className)
- }
- return this
- },
- attr: function(name, value) {
- if (arguments.length === 2) {
- this[0].setAttribute(name, value)
return this
- } else {
- return this[0].getAttribute(name)
}
- },
- data: function(name, value) {
- name = 'data-' + hyphen(name || '')
- switch (arguments.length) {
- case 2:
- this.attr(name, value)
- return this
- case 1:
- var val = this.attr(name)
- return parseData(val)
- case 0:
- var ret = {}
- ap.forEach.call(this[0].attributes, function(attr) {
- if (attr) {
- name = attr.name
- if (!name.indexOf('data-')) {
- name = camelize(name.slice(5))
- ret[name] = parseData(attr.value)
- }
- }
- })
- return ret
- }
- },
- removeData: function(name) {
- name = 'data-' + hyphen(name)
- this[0].removeAttribute(name)
- return this
- },
- css: function(name, value) {
- if (yua.isPlainObject(name)) {
- for (var i in name) {
- yua.css(this, i, name[i])
- }
- } else {
- var ret = yua.css(this, name, value)
- }
- return ret !== void 0 ? ret : this
- },
- position: function() {
- var offsetParent,
- offset,
- elem = this[0],
- parentOffset = {
- top: 0,
- left: 0
- }
- if (!elem) {
- return
- }
- if (this.css('position') === 'fixed') {
- offset = elem.getBoundingClientRect()
- } else {
- offsetParent = this.offsetParent() //得到真正的offsetParent
- offset = this.offset() // 得到正确的offsetParent
- if (offsetParent[0].tagName !== 'HTML') {
- parentOffset = offsetParent.offset()
- }
- parentOffset.top += yua.css(offsetParent[0], 'borderTopWidth', true)
- parentOffset.left += yua.css(offsetParent[0], 'borderLeftWidth', true)
- // Subtract offsetParent scroll positions
- parentOffset.top -= offsetParent.scrollTop()
- parentOffset.left -= offsetParent.scrollLeft()
- }
- return {
- top: offset.top - parentOffset.top - yua.css(elem, 'marginTop', true),
- left: offset.left - parentOffset.left - yua.css(elem, 'marginLeft', true)
- }
- },
- offsetParent: function() {
- var offsetParent = this[0].offsetParent
- while (offsetParent && yua.css(offsetParent, 'position') === 'static') {
- offsetParent = offsetParent.offsetParent
- }
- return yua(offsetParent || root)
- },
- bind: function(type, fn, phase) {
- if (this[0]) {
- //此方法不会链
- return yua.bind(this[0], type, fn, phase)
- }
- },
- unbind: function(type, fn, phase) {
- if (this[0]) {
- yua.unbind(this[0], type, fn, phase)
- }
- return this
- },
- val: function(value) {
- var node = this[0]
- if (node && node.nodeType === 1) {
- var get = arguments.length === 0
- var access = get ? ':get' : ':set'
- var fn = valHooks[getValType(node) + access]
- if (fn) {
- var val = fn(node, value)
- } else if (get) {
- return (node.value || '').replace(/\r/g, '')
+ })
+
+ function sortByIndex(array, indexes) {
+ var map = {}
+ for (var i = 0, n = indexes.length; i < n; i++) {
+ map[i] = array[i]
+ var j = indexes[i]
+ if (j in map) {
+ array[i] = map[j]
+ delete map[j]
} else {
- node.value = value
- }
- }
- return get ? val : this
- }
-})
-
-if (root.dataset) {
- yua.fn.data = function(name, val) {
- name = name && camelize(name)
- var dataset = this[0].dataset
- switch (arguments.length) {
- case 2:
- dataset[name] = val
- return this
- case 1:
- val = dataset[name]
- return parseData(val)
- case 0:
- var ret = createMap()
- for (name in dataset) {
- ret[name] = parseData(dataset[name])
- }
- return ret
- }
- }
-}
-
-yua.parseJSON = JSON.parse
-
-var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/
-function parseData(data) {
- try {
- if (typeof data === 'object') return data
- data =
- data === 'true'
- ? true
- : data === 'false'
- ? false
- : data === 'null'
- ? null
- : +data + '' === data
- ? +data
- : rbrace.test(data) ? JSON.parse(data) : data
- } catch (e) {}
- return data
-}
-
-yua.fireDom = function(elem, type, opts) {
- var hackEvent = DOC.createEvent('Events')
- hackEvent.initEvent(type, true, true)
- yua.mix(hackEvent, opts)
- elem.dispatchEvent(hackEvent)
-}
-
-yua.each(
- {
- scrollLeft: 'pageXOffset',
- scrollTop: 'pageYOffset'
- },
- function(method, prop) {
- yua.fn[method] = function(val) {
- var node = this[0] || {},
- win = getWindow(node),
- top = method === 'scrollTop'
- if (!arguments.length) {
- return win ? win[prop] : node[method]
- } else {
- if (win) {
- win.scrollTo(!top ? val : win[prop], top ? val : win[prop])
- } else {
- node[method] = val
- }
+ array[i] = array[j]
}
}
}
-)
-function getWindow(node) {
- return node.window && node.document
- ? node
- : node.nodeType === 9 ? node.defaultView : false
-}
-
-//=============================css相关==================================
-
-var cssHooks = (yua.cssHooks = createMap())
-var prefixes = ['', '-webkit-', '-moz-', '-ms-'] //去掉opera-15的支持
-var cssMap = {
- float: 'cssFloat'
-}
-
-yua.cssNumber = oneObject(
- 'animationIterationCount,animationIterationCount,columnCount,order,flex,flexGrow,flexShrink,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom'
-)
-
-yua.cssName = function(name, host, camelCase) {
- if (cssMap[name]) {
- return cssMap[name]
- }
- host = host || root.style
- for (var i = 0, n = prefixes.length; i < n; i++) {
- camelCase = camelize(prefixes[i] + name)
- if (camelCase in host) {
- return (cssMap[name] = camelCase)
- }
- }
- return null
-}
-
-cssHooks['@:set'] = function(node, name, value) {
- node.style[name] = value
-}
-
-cssHooks['@:get'] = function(node, name) {
- if (!node || !node.style) {
- throw new Error('getComputedStyle要求传入一个节点 ' + node)
- }
- var ret,
- computed = getComputedStyle(node)
- if (computed) {
- ret = name === 'filter' ? computed.getPropertyValue(name) : computed[name]
- if (ret === '') {
- ret = node.style[name] //其他浏览器需要我们手动取内联样式
- }
- }
- return ret
-}
-cssHooks['opacity:get'] = function(node) {
- var ret = cssHooks['@:get'](node, 'opacity')
- return ret === '' ? '1' : ret
-}
-
-'top,left'.replace(rword, function(name) {
- cssHooks[name + ':get'] = function(node) {
- var computed = cssHooks['@:get'](node, name)
- return /px$/.test(computed) ? computed : yua(node).position()[name] + 'px'
- }
-})
-
-var cssShow = {
- position: 'absolute',
- visibility: 'hidden',
- display: 'block'
-}
-var rdisplayswap = /^(none|table(?!-c[ea]).+)/
-function showHidden(node, array) {
- //http://www.cnblogs.com/rubylouvre/archive/2012/10/27/2742529.html
- if (node.offsetWidth <= 0) {
- //opera.offsetWidth可能小于0
- var styles = getComputedStyle(node, null)
- if (rdisplayswap.test(styles['display'])) {
- var obj = {
- node: node
- }
- for (var name in cssShow) {
- obj[name] = styles[name]
- node.style[name] = cssShow[name]
- }
- array.push(obj)
- }
- var parent = node.parentNode
- if (parent && parent.nodeType === 1) {
- showHidden(parent, array)
- }
- }
-}
-
-'Width,Height'.replace(rword, function(name) {
- //fix 481
- var method = name.toLowerCase(),
- clientProp = 'client' + name,
- scrollProp = 'scroll' + name,
- offsetProp = 'offset' + name
- cssHooks[method + ':get'] = function(node, which, override) {
- var boxSizing = -4
- if (typeof override === 'number') {
- boxSizing = override
- }
- which = name === 'Width' ? ['Left', 'Right'] : ['Top', 'Bottom']
- var ret = node[offsetProp] // border-box 0
- if (boxSizing === 2) {
- // margin-box 2
- return (
- ret +
- yua.css(node, 'margin' + which[0], true) +
- yua.css(node, 'margin' + which[1], true)
- )
- }
- if (boxSizing < 0) {
- // padding-box -2
- ret =
- ret -
- yua.css(node, 'border' + which[0] + 'Width', true) -
- yua.css(node, 'border' + which[1] + 'Width', true)
- }
- if (boxSizing === -4) {
- // content-box -4
- ret =
- ret -
- yua.css(node, 'padding' + which[0], true) -
- yua.css(node, 'padding' + which[1], true)
+ function createTrack(n) {
+ var ret = []
+ for (var i = 0; i < n; i++) {
+ ret[i] = generateID('$proxy$each')
}
return ret
}
- cssHooks[method + '&get'] = function(node) {
- var hidden = []
- showHidden(node, hidden)
- var val = cssHooks[method + ':get'](node)
- for (var i = 0, obj; (obj = hidden[i++]); ) {
- node = obj.node
- for (var n in obj) {
- if (typeof obj[n] === 'string') {
- node.style[n] = obj[n]
+
+ function addTrack(track, method, args) {
+ switch (method) {
+ case 'push':
+ case 'unshift':
+ args = createTrack(args.length)
+ break
+ case 'splice':
+ if (args.length > 2) {
+ // 0, 5, a, b, c --> 0, 2, 0
+ // 0, 5, a, b, c, d, e, f, g--> 0, 0, 3
+ var del = args[1]
+ var add = args.length - 2
+ // args = [args[0], Math.max(del - add, 0)].concat(createTrack(Math.max(add - del, 0)))
+ args = [args[0], args[1]].concat(createTrack(args.length - 2))
+ }
+ break
+ }
+ Array.prototype[method].apply(track, args)
+ }
+
+ /*********************************************************************
+ * 依赖调度系统 *
+ **********************************************************************/
+
+ //检测两个对象间的依赖关系
+ var dependencyDetection = (function() {
+ var outerFrames = []
+ var currentFrame
+ return {
+ begin: function(binding) {
+ //accessorObject为一个拥有callback的对象
+ outerFrames.push(currentFrame)
+ currentFrame = binding
+ },
+ end: function() {
+ currentFrame = outerFrames.pop()
+ },
+ collectDependency: function(array) {
+ if (currentFrame) {
+ //被dependencyDetection.begin调用
+ currentFrame.callback(array)
}
}
}
- return val
+ })()
+
+ //将绑定对象注入到其依赖项的订阅数组中
+ var roneval = /^on$/
+
+ function returnRandom() {
+ return new Date() - 0
}
- yua.fn[method] = function(value) {
- //会忽视其display
- var node = this[0]
- if (arguments.length === 0) {
- if (node.setTimeout) {
- //取得窗口尺寸,IE9后可以用node.innerWidth /innerHeight代替
- return node['inner' + name]
+
+ Anot.injectBinding = function(binding) {
+ binding.handler = binding.handler || directives[binding.type].update || noop
+ binding.update = function() {
+ var begin = false
+ if (!binding.getter) {
+ begin = true
+ dependencyDetection.begin({
+ callback: function(array) {
+ injectDependency(array, binding)
+ }
+ })
+ binding.getter = parseExpr(binding.expr, binding.vmodels, binding)
+ binding.observers.forEach(function(a) {
+ a.v.$watch(a.p, binding)
+ })
+ delete binding.observers
}
- if (node.nodeType === 9) {
- //取得页面尺寸
- var doc = node.documentElement
- //FF chrome html.scrollHeight< body.scrollHeight
- //IE 标准模式 : html.scrollHeight> body.scrollHeight
- //IE 怪异模式 : html.scrollHeight 最大等于可视窗口多一点？
- return Math.max(
- node.body[scrollProp],
- doc[scrollProp],
- node.body[offsetProp],
- doc[offsetProp],
- doc[clientProp]
+ try {
+ var args = binding.fireArgs,
+ a,
+ b
+ delete binding.fireArgs
+ if (!args) {
+ if (binding.type === 'on') {
+ a = binding.getter + ''
+ } else {
+ try {
+ a = binding.getter.apply(0, binding.args)
+ } catch (e) {
+ a = null
+ }
+ }
+ } else {
+ a = args[0]
+ b = args[1]
+ }
+ b = typeof b === 'undefined' ? binding.oldValue : b
+ if (binding._filters) {
+ a = filters.$filter.apply(0, [a].concat(binding._filters))
+ }
+ if (binding.signature) {
+ var xtype = Anot.type(a)
+ if (xtype !== 'array' && xtype !== 'object') {
+ throw Error('warning:' + binding.expr + '只能是对象或数组')
+ }
+ binding.xtype = xtype
+ var vtrack = getProxyIds(binding.proxies || [], xtype)
+ var mtrack =
+ a.$track ||
+ (xtype === 'array' ? createTrack(a.length) : Object.keys(a))
+ binding.track = mtrack
+ if (vtrack !== mtrack.join(';')) {
+ binding.handler(a, b)
+ binding.oldValue = 1
+ }
+ } else if (Array.isArray(a) ? a.length !== (b && b.length) : false) {
+ binding.handler(a, b)
+ binding.oldValue = a.concat()
+ } else if (!('oldValue' in binding) || a !== b) {
+ binding.handler(a, b)
+ binding.oldValue = Array.isArray(a) ? a.concat() : a
+ }
+ } catch (e) {
+ delete binding.getter
+ log('warning:exception throwed in [Anot.injectBinding] ', e)
+ var node = binding.element
+ if (node && node.nodeType === 3) {
+ node.nodeValue =
+ openTag + (binding.oneTime ? '::' : '') + binding.expr + closeTag
+ }
+ } finally {
+ begin && dependencyDetection.end()
+ }
+ }
+ binding.update()
+ }
+
+ //将依赖项(比它高层的访问器或构建视图刷新函数的绑定对象)注入到订阅者数组
+ function injectDependency(list, binding) {
+ if (binding.oneTime) return
+ if (list && Anot.Array.ensure(list, binding) && binding.element) {
+ injectDisposeQueue(binding, list)
+ if (new Date() - beginTime > 444) {
+ rejectDisposeQueue()
+ }
+ }
+ }
+
+ function getProxyIds(a, isArray) {
+ var ret = []
+ for (var i = 0, el; (el = a[i++]); ) {
+ ret.push(isArray ? el.$id : el.$key)
+ }
+ return ret.join(';')
+ }
+
+ /*********************************************************************
+ * 定时GC回收机制 (基于1.6基于频率的GC) *
+ **********************************************************************/
+
+ var disposeQueue = (Anot.$$subscribers = [])
+ var beginTime = new Date()
+
+ //添加到回收列队中
+ function injectDisposeQueue(data, list) {
+ data.list = list
+ data.i = ~~data.i
+ if (!data.uuid) {
+ data.uuid = '_' + ++bindingID
+ }
+ if (!disposeQueue[data.uuid]) {
+ disposeQueue[data.uuid] = '__'
+ disposeQueue.push(data)
+ }
+ }
+
+ var lastGCIndex = 0
+ function rejectDisposeQueue(data) {
+ var i = lastGCIndex || disposeQueue.length
+ var threshold = 0
+ while ((data = disposeQueue[--i])) {
+ if (data.i < 7) {
+ if (data.element === null) {
+ disposeQueue.splice(i, 1)
+ if (data.list) {
+ Anot.Array.remove(data.list, data)
+ delete disposeQueue[data.uuid]
+ }
+ continue
+ }
+ if (shouldDispose(data.element)) {
+ //如果它的虚拟DOM不在VTree上或其属性不在VM上
+ disposeQueue.splice(i, 1)
+ Anot.Array.remove(data.list, data)
+ disposeData(data)
+ //Anot会在每次全量更新时,比较上次执行时间,
+ //假若距离上次有半秒,就会发起一次GC,并且只检测当中的500个绑定
+ //而一个正常的页面不会超过2000个绑定(500即取其4分之一)
+ //用户频繁操作页面,那么2,3秒内就把所有绑定检测一遍,将无效的绑定移除
+ if (threshold++ > 500) {
+ lastGCIndex = i
+ break
+ }
+ continue
+ }
+ data.i++
+ //基于检测频率，如果检测过7次，可以认为其是长久存在的节点，那么以后每7次才检测一次
+ if (data.i === 7) {
+ data.i = 14
+ }
+ } else {
+ data.i--
+ }
+ }
+ beginTime = new Date()
+ }
+
+ function disposeData(data) {
+ delete disposeQueue[data.uuid] // 先清除，不然无法回收了
+ data.element = null
+ data.rollback && data.rollback()
+ for (var key in data) {
+ data[key] = null
+ }
+ }
+
+ function shouldDispose(el) {
+ try {
+ //IE下，如果文本节点脱离DOM树，访问parentNode会报错
+ var fireError = el.parentNode.nodeType
+ } catch (e) {
+ return true
+ }
+ if (el.ifRemove) {
+ // 如果节点被放到ifGroup，才移除
+ if (!root.contains(el.ifRemove) && ifGroup === el.parentNode) {
+ el.parentNode && el.parentNode.removeChild(el)
+ return true
+ }
+ }
+ return el.msRetain
+ ? 0
+ : el.nodeType === 1 ? !root.contains(el) : !Anot.contains(root, el)
+ }
+
+ /************************************************************************
+ * HTML处理(parseHTML, innerHTML, clearHTML) *
+ *************************************************************************/
+
+ //parseHTML的辅助变量
+ var tagHooks = new function() {
+ // jshint ignore:line
+ Anot.mix(this, {
+ option: DOC.createElement('select'),
+ thead: DOC.createElement('table'),
+ td: DOC.createElement('tr'),
+ area: DOC.createElement('map'),
+ tr: DOC.createElement('tbody'),
+ col: DOC.createElement('colgroup'),
+ legend: DOC.createElement('fieldset'),
+ _default: DOC.createElement('div'),
+ g: DOC.createElementNS('http://www.w3.org/2000/svg', 'svg')
+ })
+ this.optgroup = this.option
+ this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
+ this.th = this.td
+ }() // jshint ignore:line
+ String(
+ 'circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use'
+ ).replace(rword, function(tag) {
+ tagHooks[tag] = tagHooks.g //处理SVG
+ })
+
+ var rtagName = /<([\w:]+)/
+ var rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi
+ var scriptTypes = oneObject([
+ '',
+ 'text/javascript',
+ 'text/ecmascript',
+ 'application/ecmascript',
+ 'application/javascript'
+ ])
+ var script = DOC.createElement('script')
+ var rhtml = /<|&#?\w+;/
+
+ Anot.parseHTML = function(html) {
+ var fragment = anotFragment.cloneNode(false)
+ if (typeof html !== 'string') {
+ return fragment
+ }
+ if (!rhtml.test(html)) {
+ fragment.appendChild(DOC.createTextNode(html))
+ return fragment
+ }
+ html = html.replace(rxhtml, '<$1>').trim()
+ var tag = (rtagName.exec(html) || ['', ''])[1].toLowerCase(),
+ //取得其标签名
+ wrapper = tagHooks[tag] || tagHooks._default,
+ firstChild
+ wrapper.innerHTML = html
+ var els = wrapper.getElementsByTagName('script')
+ if (els.length) {
+ //使用innerHTML生成的script节点不会发出请求与执行text属性
+ for (var i = 0, el; (el = els[i++]); ) {
+ if (scriptTypes[el.type]) {
+ var neo = script.cloneNode(false) //FF不能省略参数
+ ap.forEach.call(el.attributes, function(attr) {
+ neo.setAttribute(attr.name, attr.value)
+ }) // jshint ignore:line
+ neo.text = el.text
+ el.parentNode.replaceChild(neo, el)
+ }
+ }
+ }
+
+ while ((firstChild = wrapper.firstChild)) {
+ // 将wrapper上的节点转移到文档碎片上！
+ fragment.appendChild(firstChild)
+ }
+ return fragment
+ }
+
+ Anot.innerHTML = function(node, html) {
+ var a = this.parseHTML(html)
+ this.clearHTML(node).appendChild(a)
+ }
+
+ Anot.clearHTML = function(node) {
+ node.textContent = ''
+ while (node.firstChild) {
+ node.removeChild(node.firstChild)
+ }
+ return node
+ }
+
+ /*********************************************************************
+ * Anot的原型方法定义区 *
+ **********************************************************************/
+
+ function hyphen(target) {
+ //转换为连字符线风格
+ return target.replace(/([a-z\d])([A-Z]+)/g, '$1-$2').toLowerCase()
+ }
+
+ function camelize(target) {
+ //转换为驼峰风格
+ if (target.indexOf('-') < 0 && target.indexOf('_') < 0) {
+ return target //提前判断，提高getStyle等的效率
+ }
+ return target.replace(/[-_][^-_]/g, function(match) {
+ return match.charAt(1).toUpperCase()
+ })
+ }
+
+ 'add,remove'.replace(rword, function(method) {
+ Anot.fn[method + 'Class'] = function(cls) {
+ var el = this[0]
+ //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
+ if (cls && typeof cls === 'string' && el && el.nodeType === 1) {
+ cls.replace(/\S+/g, function(c) {
+ el.classList[method](c)
+ })
+ }
+ return this
+ }
+ })
+
+ Anot.fn.mix({
+ hasClass: function(cls) {
+ var el = this[0] || {} //IE10+, chrome8+, firefox3.6+, safari5.1+,opera11.5+支持classList,chrome24+,firefox26+支持classList2.0
+ return el.nodeType === 1 && el.classList.contains(cls)
+ },
+ toggleClass: function(value, stateVal) {
+ var className,
+ i = 0
+ var classNames = String(value).match(/\S+/g) || []
+ var isBool = typeof stateVal === 'boolean'
+ while ((className = classNames[i++])) {
+ var state = isBool ? stateVal : !this.hasClass(className)
+ this[state ? 'addClass' : 'removeClass'](className)
+ }
+ return this
+ },
+ attr: function(name, value) {
+ if (arguments.length === 2) {
+ this[0].setAttribute(name, value)
+ return this
+ } else {
+ return this[0].getAttribute(name)
+ }
+ },
+ data: function(name, value) {
+ name = 'data-' + hyphen(name || '')
+ switch (arguments.length) {
+ case 2:
+ this.attr(name, value)
+ return this
+ case 1:
+ var val = this.attr(name)
+ return parseData(val)
+ case 0:
+ var ret = {}
+ ap.forEach.call(this[0].attributes, function(attr) {
+ if (attr) {
+ name = attr.name
+ if (!name.indexOf('data-')) {
+ name = camelize(name.slice(5))
+ ret[name] = parseData(attr.value)
+ }
+ }
+ })
+ return ret
+ }
+ },
+ removeData: function(name) {
+ name = 'data-' + hyphen(name)
+ this[0].removeAttribute(name)
+ return this
+ },
+ css: function(name, value) {
+ if (Anot.isPlainObject(name)) {
+ for (var i in name) {
+ Anot.css(this, i, name[i])
+ }
+ } else {
+ var ret = Anot.css(this, name, value)
+ }
+ return ret !== void 0 ? ret : this
+ },
+ position: function() {
+ var offsetParent,
+ offset,
+ elem = this[0],
+ parentOffset = {
+ top: 0,
+ left: 0
+ }
+ if (!elem) {
+ return
+ }
+ if (this.css('position') === 'fixed') {
+ offset = elem.getBoundingClientRect()
+ } else {
+ offsetParent = this.offsetParent() //得到真正的offsetParent
+ offset = this.offset() // 得到正确的offsetParent
+ if (offsetParent[0].tagName !== 'HTML') {
+ parentOffset = offsetParent.offset()
+ }
+ parentOffset.top += Anot.css(offsetParent[0], 'borderTopWidth', true)
+ parentOffset.left += Anot.css(offsetParent[0], 'borderLeftWidth', true)
+ // Subtract offsetParent scroll positions
+ parentOffset.top -= offsetParent.scrollTop()
+ parentOffset.left -= offsetParent.scrollLeft()
+ }
+ return {
+ top: offset.top - parentOffset.top - Anot.css(elem, 'marginTop', true),
+ left:
+ offset.left - parentOffset.left - Anot.css(elem, 'marginLeft', true)
+ }
+ },
+ offsetParent: function() {
+ var offsetParent = this[0].offsetParent
+ while (offsetParent && Anot.css(offsetParent, 'position') === 'static') {
+ offsetParent = offsetParent.offsetParent
+ }
+ return Anot(offsetParent || root)
+ },
+ bind: function(type, fn, phase) {
+ if (this[0]) {
+ //此方法不会链
+ return Anot.bind(this[0], type, fn, phase)
+ }
+ },
+ unbind: function(type, fn, phase) {
+ if (this[0]) {
+ Anot.unbind(this[0], type, fn, phase)
+ }
+ return this
+ },
+ val: function(value) {
+ var node = this[0]
+ if (node && node.nodeType === 1) {
+ var get = arguments.length === 0
+ var access = get ? ':get' : ':set'
+ var fn = valHooks[getValType(node) + access]
+ if (fn) {
+ var val = fn(node, value)
+ } else if (get) {
+ return (node.value || '').replace(/\r/g, '')
+ } else {
+ node.value = value
+ }
+ }
+ return get ? val : this
+ }
+ })
+
+ if (root.dataset) {
+ Anot.fn.data = function(name, val) {
+ name = name && camelize(name)
+ var dataset = this[0].dataset
+ switch (arguments.length) {
+ case 2:
+ dataset[name] = val
+ return this
+ case 1:
+ val = dataset[name]
+ return parseData(val)
+ case 0:
+ var ret = createMap()
+ for (name in dataset) {
+ ret[name] = parseData(dataset[name])
+ }
+ return ret
+ }
+ }
+ }
+
+ Anot.parseJSON = JSON.parse
+
+ var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/
+ function parseData(data) {
+ try {
+ if (typeof data === 'object') return data
+ data =
+ data === 'true'
+ ? true
+ : data === 'false'
+ ? false
+ : data === 'null'
+ ? null
+ : +data + '' === data
+ ? +data
+ : rbrace.test(data) ? JSON.parse(data) : data
+ } catch (e) {}
+ return data
+ }
+
+ Anot.fireDom = function(elem, type, opts) {
+ var hackEvent = DOC.createEvent('Events')
+ hackEvent.initEvent(type, true, true)
+ Anot.mix(hackEvent, opts)
+ elem.dispatchEvent(hackEvent)
+ }
+
+ Anot.each(
+ {
+ scrollLeft: 'pageXOffset',
+ scrollTop: 'pageYOffset'
+ },
+ function(method, prop) {
+ Anot.fn[method] = function(val) {
+ var node = this[0] || {},
+ win = getWindow(node),
+ top = method === 'scrollTop'
+ if (!arguments.length) {
+ return win ? win[prop] : node[method]
+ } else {
+ if (win) {
+ win.scrollTo(!top ? val : win[prop], top ? val : win[prop])
+ } else {
+ node[method] = val
+ }
+ }
+ }
+ }
+ )
+
+ function getWindow(node) {
+ return node.window && node.document
+ ? node
+ : node.nodeType === 9 ? node.defaultView : false
+ }
+
+ //=============================css相关==================================
+
+ var cssHooks = (Anot.cssHooks = createMap())
+ var prefixes = ['', '-webkit-', '-moz-', '-ms-'] //去掉opera-15的支持
+ var cssMap = {
+ float: 'cssFloat'
+ }
+
+ Anot.cssNumber = oneObject(
+ 'animationIterationCount,animationIterationCount,columnCount,order,flex,flexGrow,flexShrink,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom'
+ )
+
+ Anot.cssName = function(name, host, camelCase) {
+ if (cssMap[name]) {
+ return cssMap[name]
+ }
+ host = host || root.style
+ for (var i = 0, n = prefixes.length; i < n; i++) {
+ camelCase = camelize(prefixes[i] + name)
+ if (camelCase in host) {
+ return (cssMap[name] = camelCase)
+ }
+ }
+ return null
+ }
+
+ cssHooks['@:set'] = function(node, name, value) {
+ node.style[name] = value
+ }
+
+ cssHooks['@:get'] = function(node, name) {
+ if (!node || !node.style) {
+ throw new Error('getComputedStyle要求传入一个节点 ' + node)
+ }
+ var ret,
+ computed = getComputedStyle(node)
+ if (computed) {
+ ret = name === 'filter' ? computed.getPropertyValue(name) : computed[name]
+ if (ret === '') {
+ ret = node.style[name] //其他浏览器需要我们手动取内联样式
+ }
+ }
+ return ret
+ }
+ cssHooks['opacity:get'] = function(node) {
+ var ret = cssHooks['@:get'](node, 'opacity')
+ return ret === '' ? '1' : ret
+ }
+
+ 'top,left'.replace(rword, function(name) {
+ cssHooks[name + ':get'] = function(node) {
+ var computed = cssHooks['@:get'](node, name)
+ return /px$/.test(computed)
+ ? computed
+ : Anot(node).position()[name] + 'px'
+ }
+ })
+
+ var cssShow = {
+ position: 'absolute',
+ visibility: 'hidden',
+ display: 'block'
+ }
+ var rdisplayswap = /^(none|table(?!-c[ea]).+)/
+ function showHidden(node, array) {
+ //http://www.cnblogs.com/rubylouvre/archive/2012/10/27/2742529.html
+ if (node.offsetWidth <= 0) {
+ //opera.offsetWidth可能小于0
+ var styles = getComputedStyle(node, null)
+ if (rdisplayswap.test(styles['display'])) {
+ var obj = {
+ node: node
+ }
+ for (var name in cssShow) {
+ obj[name] = styles[name]
+ node.style[name] = cssShow[name]
+ }
+ array.push(obj)
+ }
+ var parent = node.parentNode
+ if (parent && parent.nodeType === 1) {
+ showHidden(parent, array)
+ }
+ }
+ }
+
+ 'Width,Height'.replace(rword, function(name) {
+ //fix 481
+ var method = name.toLowerCase(),
+ clientProp = 'client' + name,
+ scrollProp = 'scroll' + name,
+ offsetProp = 'offset' + name
+ cssHooks[method + ':get'] = function(node, which, override) {
+ var boxSizing = -4
+ if (typeof override === 'number') {
+ boxSizing = override
+ }
+ which = name === 'Width' ? ['Left', 'Right'] : ['Top', 'Bottom']
+ var ret = node[offsetProp] // border-box 0
+ if (boxSizing === 2) {
+ // margin-box 2
+ return (
+ ret +
+ Anot.css(node, 'margin' + which[0], true) +
+ Anot.css(node, 'margin' + which[1], true)
)
}
- return cssHooks[method + '&get'](node)
- } else {
- return this.css(method, value)
+ if (boxSizing < 0) {
+ // padding-box -2
+ ret =
+ ret -
+ Anot.css(node, 'border' + which[0] + 'Width', true) -
+ Anot.css(node, 'border' + which[1] + 'Width', true)
+ }
+ if (boxSizing === -4) {
+ // content-box -4
+ ret =
+ ret -
+ Anot.css(node, 'padding' + which[0], true) -
+ Anot.css(node, 'padding' + which[1], true)
+ }
+ return ret
}
- }
- yua.fn['inner' + name] = function() {
- return cssHooks[method + ':get'](this[0], void 0, -2)
- }
- yua.fn['outer' + name] = function(includeMargin) {
- return cssHooks[method + ':get'](
- this[0],
- void 0,
- includeMargin === true ? 2 : 0
- )
- }
-})
+ cssHooks[method + '&get'] = function(node) {
+ var hidden = []
+ showHidden(node, hidden)
+ var val = cssHooks[method + ':get'](node)
+ for (var i = 0, obj; (obj = hidden[i++]); ) {
+ node = obj.node
+ for (var n in obj) {
+ if (typeof obj[n] === 'string') {
+ node.style[n] = obj[n]
+ }
+ }
+ }
+ return val
+ }
+ Anot.fn[method] = function(value) {
+ //会忽视其display
+ var node = this[0]
+ if (arguments.length === 0) {
+ if (node.setTimeout) {
+ //取得窗口尺寸,IE9后可以用node.innerWidth /innerHeight代替
+ return node['inner' + name]
+ }
+ if (node.nodeType === 9) {
+ //取得页面尺寸
+ var doc = node.documentElement
+ //FF chrome html.scrollHeight< body.scrollHeight
+ //IE 标准模式 : html.scrollHeight> body.scrollHeight
+ //IE 怪异模式 : html.scrollHeight 最大等于可视窗口多一点？
+ return Math.max(
+ node.body[scrollProp],
+ doc[scrollProp],
+ node.body[offsetProp],
+ doc[offsetProp],
+ doc[clientProp]
+ )
+ }
+ return cssHooks[method + '&get'](node)
+ } else {
+ return this.css(method, value)
+ }
+ }
+ Anot.fn['inner' + name] = function() {
+ return cssHooks[method + ':get'](this[0], void 0, -2)
+ }
+ Anot.fn['outer' + name] = function(includeMargin) {
+ return cssHooks[method + ':get'](
+ this[0],
+ void 0,
+ includeMargin === true ? 2 : 0
+ )
+ }
+ })
-yua.fn.offset = function() {
- //取得距离页面左右角的坐标
- var node = this[0]
- try {
- var rect = node.getBoundingClientRect()
- // Make sure element is not hidden (display: none) or disconnected
- // https://github.com/jquery/jquery/pull/2043/files#r23981494
- if (rect.width || rect.height || node.getClientRects().length) {
- var doc = node.ownerDocument
- var root = doc.documentElement
- var win = doc.defaultView
+ Anot.fn.offset = function() {
+ //取得距离页面左右角的坐标
+ var node = this[0]
+ try {
+ var rect = node.getBoundingClientRect()
+ // Make sure element is not hidden (display: none) or disconnected
+ // https://github.com/jquery/jquery/pull/2043/files#r23981494
+ if (rect.width || rect.height || node.getClientRects().length) {
+ var doc = node.ownerDocument
+ var root = doc.documentElement
+ var win = doc.defaultView
+ return {
+ top: rect.top + win.pageYOffset - root.clientTop,
+ left: rect.left + win.pageXOffset - root.clientLeft
+ }
+ }
+ } catch (e) {
return {
- top: rect.top + win.pageYOffset - root.clientTop,
- left: rect.left + win.pageXOffset - root.clientLeft
+ left: 0,
+ top: 0
}
}
- } catch (e) {
- return {
- left: 0,
- top: 0
- }
}
-}
-//=============================val相关=======================
+ //=============================val相关=======================
-function getValType(elem) {
- var ret = elem.tagName.toLowerCase()
- return ret === 'input' && /checkbox|radio/.test(elem.type) ? 'checked' : ret
-}
+ function getValType(elem) {
+ var ret = elem.tagName.toLowerCase()
+ return ret === 'input' && /checkbox|radio/.test(elem.type) ? 'checked' : ret
+ }
-var valHooks = {
- 'select:get': function(node, value) {
- var option,
- options = node.options,
- index = node.selectedIndex,
- one = node.type === 'select-one' || index < 0,
- values = one ? null : [],
- max = one ? index + 1 : options.length,
- i = index < 0 ? max : one ? index : 0
- for (; i < max; i++) {
- option = options[i]
- //旧式IE在reset后不会改变selected，需要改用i === index判定
- //我们过滤所有disabled的option元素，但在safari5下，如果设置select为disable，那么其所有孩子都disable
- //因此当一个元素为disable，需要检测其是否显式设置了disable及其父节点的disable情况
- if ((option.selected || i === index) && !option.disabled) {
- value = option.value
- if (one) {
- return value
+ var valHooks = {
+ 'select:get': function(node, value) {
+ var option,
+ options = node.options,
+ index = node.selectedIndex,
+ one = node.type === 'select-one' || index < 0,
+ values = one ? null : [],
+ max = one ? index + 1 : options.length,
+ i = index < 0 ? max : one ? index : 0
+ for (; i < max; i++) {
+ option = options[i]
+ //旧式IE在reset后不会改变selected，需要改用i === index判定
+ //我们过滤所有disabled的option元素，但在safari5下，如果设置select为disable，那么其所有孩子都disable
+ //因此当一个元素为disable，需要检测其是否显式设置了disable及其父节点的disable情况
+ if ((option.selected || i === index) && !option.disabled) {
+ value = option.value
+ if (one) {
+ return value
+ }
+ //收集所有selected值组成数组返回
+ values.push(value)
}
- //收集所有selected值组成数组返回
- values.push(value)
}
- }
- return values
- },
- 'select:set': function(node, values, optionSet) {
- values = [].concat(values) //强制转换为数组
- for (var i = 0, el; (el = node.options[i++]); ) {
- if ((el.selected = values.indexOf(el.value) > -1)) {
- optionSet = true
+ return values
+ },
+ 'select:set': function(node, values, optionSet) {
+ values = [].concat(values) //强制转换为数组
+ for (var i = 0, el; (el = node.options[i++]); ) {
+ if ((el.selected = values.indexOf(el.value) > -1)) {
+ optionSet = true
+ }
+ }
+ if (!optionSet) {
+ node.selectedIndex = -1
}
- }
- if (!optionSet) {
- node.selectedIndex = -1
}
}
-}
-var keyMap = {}
-var keys = [
- 'break,case,catch,continue,debugger,default,delete,do,else,false',
- 'finally,for,function,if,in,instanceof,new,null,return,switch,this',
- 'throw,true,try,typeof,var,void,while,with' /* 关键字*/,
- 'abstract,boolean,byte,char,class,const,double,enum,export,extends',
- 'final,float,goto,implements,import,int,interface,long,native',
- 'package,private,protected,public,short,static,super,synchronized',
- 'throws,transient,volatile' /*保留字*/,
- 'arguments,let,yield,undefined'
-].join(',')
-keys.replace(/\w+/g, function(a) {
- keyMap[a] = true
-})
+ var keyMap = {}
+ var keys = [
+ 'break,case,catch,continue,debugger,default,delete,do,else,false',
+ 'finally,for,function,if,in,instanceof,new,null,return,switch,this',
+ 'throw,true,try,typeof,var,void,while,with' /* 关键字*/,
+ 'abstract,boolean,byte,char,class,const,double,enum,export,extends',
+ 'final,float,goto,implements,import,int,interface,long,native',
+ 'package,private,protected,public,short,static,super,synchronized',
+ 'throws,transient,volatile' /*保留字*/,
+ 'arguments,let,yield,async,await,undefined'
+ ].join(',')
+ keys.replace(/\w+/g, function(a) {
+ keyMap[a] = true
+ })
-var ridentStart = /[a-z_$]/i
-var rwhiteSpace = /[\s\uFEFF\xA0]/
-function getIdent(input, lastIndex) {
- var result = []
- var subroutine = !!lastIndex
- lastIndex = lastIndex || 0
- //将表达式中的标识符抽取出来
- var state = 'unknown'
- var variable = ''
- for (var i = 0; i < input.length; i++) {
- var c = input.charAt(i)
- if (c === "'" || c === '"') {
- //字符串开始
- if (state === 'unknown') {
- state = c
- } else if (state === c) {
- //字符串结束
- state = 'unknown'
- }
- } else if (c === '\\') {
- if (state === "'" || state === '"') {
- i++
- }
- } else if (ridentStart.test(c)) {
- //碰到标识符
- if (state === 'unknown') {
- state = 'variable'
- variable = c
- } else if (state === 'maybePath') {
- variable = result.pop()
- variable += '.' + c
- state = 'variable'
- } else if (state === 'variable') {
- variable += c
- }
- } else if (/\w/.test(c)) {
- if (state === 'variable') {
- variable += c
- }
- } else if (c === '.') {
- if (state === 'variable') {
- if (variable) {
- result.push(variable)
- variable = ''
- state = 'maybePath'
+ var ridentStart = /[a-z_$]/i
+ var rwhiteSpace = /[\s\uFEFF\xA0]/
+ function getIdent(input, lastIndex) {
+ var result = []
+ var subroutine = !!lastIndex
+ lastIndex = lastIndex || 0
+ //将表达式中的标识符抽取出来
+ var state = 'unknown'
+ var variable = ''
+ for (var i = 0; i < input.length; i++) {
+ var c = input.charAt(i)
+ if (c === "'" || c === '"') {
+ //字符串开始
+ if (state === 'unknown') {
+ state = c
+ } else if (state === c) {
+ //字符串结束
+ state = 'unknown'
}
- }
- } else if (c === '[') {
- if (state === 'variable' || state === 'maybePath') {
- if (variable) {
- //如果前面存在变量,收集它
- result.push(variable)
+ } else if (c === '\\') {
+ if (state === "'" || state === '"') {
+ i++
+ }
+ } else if (ridentStart.test(c)) {
+ //碰到标识符
+ if (state === 'unknown') {
+ state = 'variable'
+ variable = c
+ } else if (state === 'maybePath') {
+ variable = result.pop()
+ variable += '.' + c
+ state = 'variable'
+ } else if (state === 'variable') {
+ variable += c
+ }
+ } else if (/\w/.test(c)) {
+ if (state === 'variable') {
+ variable += c
+ }
+ } else if (c === '.') {
+ if (state === 'variable') {
+ if (variable) {
+ result.push(variable)
+ variable = ''
+ state = 'maybePath'
+ }
+ }
+ } else if (c === '[') {
+ if (state === 'variable' || state === 'maybePath') {
+ if (variable) {
+ //如果前面存在变量,收集它
+ result.push(variable)
+ variable = ''
+ }
+ var lastLength = result.length
+ var last = result[lastLength - 1]
+ var innerResult = getIdent(input.slice(i), i)
+ if (innerResult.length) {
+ //如果括号中存在变量,那么这里添加通配符
+ result[lastLength - 1] = last + '.*'
+ result = innerResult.concat(result)
+ } else {
+ //如果括号中的东西是确定的,直接转换为其子属性
+ var content = input.slice(i + 1, innerResult.i)
+ try {
+ var text = scpCompile(['return ' + content])()
+ result[lastLength - 1] = last + '.' + text
+ } catch (e) {}
+ }
+ state = 'maybePath' //]后面可能还接东西
+ i = innerResult.i
+ }
+ } else if (c === ']') {
+ if (subroutine) {
+ result.i = i + lastIndex
+ addVar(result, variable)
+ return result
+ }
+ } else if (rwhiteSpace.test(c) && c !== '\r' && c !== '\n') {
+ if (state === 'variable') {
+ if (addVar(result, variable)) {
+ state = 'maybePath' // aaa . bbb 这样的情况
+ }
variable = ''
}
- var lastLength = result.length
- var last = result[lastLength - 1]
- var innerResult = getIdent(input.slice(i), i)
- if (innerResult.length) {
- //如果括号中存在变量,那么这里添加通配符
- result[lastLength - 1] = last + '.*'
- result = innerResult.concat(result)
- } else {
- //如果括号中的东西是确定的,直接转换为其子属性
- var content = input.slice(i + 1, innerResult.i)
- try {
- var text = scpCompile(['return ' + content])()
- result[lastLength - 1] = last + '.' + text
- } catch (e) {}
- }
- state = 'maybePath' //]后面可能还接东西
- i = innerResult.i
- }
- } else if (c === ']') {
- if (subroutine) {
- result.i = i + lastIndex
+ } else {
addVar(result, variable)
- return result
- }
- } else if (rwhiteSpace.test(c) && c !== '\r' && c !== '\n') {
- if (state === 'variable') {
- if (addVar(result, variable)) {
- state = 'maybePath' // aaa . bbb 这样的情况
- }
+ state = 'unknown'
variable = ''
}
- } else {
- addVar(result, variable)
- state = 'unknown'
- variable = ''
+ }
+ addVar(result, variable)
+ return result
+ }
+
+ function addVar(array, element) {
+ if (element && !keyMap[element]) {
+ array.push(element)
+ return true
}
}
- addVar(result, variable)
- return result
-}
-function addVar(array, element) {
- if (element && !keyMap[element]) {
- array.push(element)
- return true
- }
-}
+ function addAssign(vars, vmodel, name, binding) {
+ var ret = [],
+ prefix = ' = ' + name + '.'
+ for (var i = vars.length, prop; (prop = vars[--i]); ) {
+ var arr = prop.split('.')
+ var first = arr[0]
-function addAssign(vars, vmodel, name, binding) {
- var ret = [],
- prefix = ' = ' + name + '.'
- for (var i = vars.length, prop; (prop = vars[--i]); ) {
- var arr = prop.split('.'),
- a
- var first = arr[0]
- while ((a = arr.shift())) {
- if (vmodel.hasOwnProperty(a)) {
+ if (vmodel.hasOwnProperty(first)) {
+ // log(first, prop, prefix, vmodel)
ret.push(first + prefix + first)
binding.observers.push({
v: vmodel,
- p: prop
+ p: prop,
+ type: Anot.type(vmodel[first])
})
vars.splice(i, 1)
- } else {
- break
}
}
+ return ret
}
- return ret
-}
-var rproxy = /(\$proxy\$[a-z]+)\-[\-0-9a-f]+$/
-var variablePool = new Cache(218)
-//缓存求值函数，以便多次利用
-var evaluatorPool = new Cache(128)
+ var rproxy = /(\$proxy\$[a-z]+)\-[\-0-9a-f]+$/
+ var variablePool = new Cache(218)
+ //缓存求值函数，以便多次利用
+ var evaluatorPool = new Cache(128)
-function getVars(expr) {
- expr = expr.trim()
- var ret = variablePool.get(expr)
- if (ret) {
- return ret.concat()
- }
- var array = getIdent(expr)
- var uniq = {}
- var result = []
- for (var i = 0, el; (el = array[i++]); ) {
- if (!uniq[el]) {
- uniq[el] = 1
- result.push(el)
+ function getVars(expr) {
+ expr = expr.trim()
+ var ret = variablePool.get(expr)
+ if (ret) {
+ return ret.concat()
}
- }
- return variablePool.put(expr, result).concat()
-}
-
-function parseExpr(expr, vmodels, binding) {
- var filters = binding.filters
- if (typeof filters === 'string' && filters.trim() && !binding._filters) {
- binding._filters = parseFilter(filters.trim())
- }
-
- var vars = getVars(expr)
- var expose = new Date() - 0
- var assigns = []
- var names = []
- var args = []
- binding.observers = []
- for (var i = 0, sn = vmodels.length; i < sn; i++) {
- if (vars.length) {
- var name = 'vm' + expose + '_' + i
- names.push(name)
- args.push(vmodels[i])
- assigns.push.apply(assigns, addAssign(vars, vmodels[i], name, binding))
+ var array = getIdent(expr)
+ var uniq = {}
+ var result = []
+ for (var i = 0, el; (el = array[i++]); ) {
+ if (!uniq[el]) {
+ uniq[el] = 1
+ result.push(el)
+ }
}
+ return variablePool.put(expr, result).concat()
}
- binding.args = args
- var dataType = binding.type
- var exprId =
- vmodels.map(function(el) {
- return String(el.$id).replace(rproxy, '$1')
- }) +
- expr +
- dataType
- var getter = evaluatorPool.get(exprId) //直接从缓存，免得重复生成
- if (getter) {
+
+ function parseExpr(expr, vmodels, binding) {
+ var filters = binding.filters
+ if (typeof filters === 'string' && filters.trim() && !binding._filters) {
+ binding._filters = parseFilter(filters.trim())
+ }
+
+ var vars = getVars(expr)
+ var expose = new Date() - 0
+ var assigns = []
+ var names = []
+ var args = []
+ binding.observers = []
+
+ for (var i = 0, sn = vmodels.length; i < sn; i++) {
+ if (vars.length) {
+ var name = 'vm' + expose + '_' + i
+ names.push(name)
+ args.push(vmodels[i])
+ assigns.push.apply(assigns, addAssign(vars, vmodels[i], name, binding))
+ }
+ }
+ binding.args = args
+ var dataType = binding.type
+ var exprId =
+ vmodels.map(function(el) {
+ return String(el.$id).replace(rproxy, '$1')
+ }) +
+ expr +
+ dataType
+ // log(expr, '---------------', assigns)
+ var getter = evaluatorPool.get(exprId) //直接从缓存，免得重复生成
+ if (getter) {
+ if (dataType === 'duplex') {
+ var setter = evaluatorPool.get(exprId + 'setter')
+ binding.setter = setter.apply(setter, binding.args)
+ }
+ return (binding.getter = getter)
+ }
+
+ // expr的字段不可枚举时,补上一个随机变量, 避免抛出异常
+ if (!assigns.length) {
+ assigns.push('fix' + expose)
+ }
+
if (dataType === 'duplex') {
- var setter = evaluatorPool.get(exprId + 'setter')
- binding.setter = setter.apply(setter, binding.args)
+ var nameOne = {}
+ assigns.forEach(function(a) {
+ var arr = a.split('=')
+ nameOne[arr[0].trim()] = arr[1].trim()
+ })
+ expr = expr.replace(/[\$\w]+/, function(a) {
+ return nameOne[a] ? nameOne[a] : a
+ })
+ /* jshint ignore:start */
+ var fn2 = scpCompile(
+ names.concat(
+ "'use strict';" + 'return function(vvv){' + expr + ' = vvv\n}\n'
+ )
+ )
+ /* jshint ignore:end */
+ evaluatorPool.put(exprId + 'setter', fn2)
+ binding.setter = fn2.apply(fn2, binding.args)
}
- return (binding.getter = getter)
- }
- if (!assigns.length) {
- assigns.push('fix' + expose)
- }
-
- if (dataType === 'duplex') {
- var nameOne = {}
- assigns.forEach(function(a) {
- var arr = a.split('=')
- nameOne[arr[0].trim()] = arr[1].trim()
- })
- expr = expr.replace(/[\$\w]+/, function(a) {
- return nameOne[a] ? nameOne[a] : a
- })
+ if (dataType === 'on') {
+ //事件绑定
+ if (expr.indexOf('(') === -1) {
+ expr += '.call(' + names[names.length - 1] + ', $event)'
+ } else {
+ expr = expr.replace('(', '.call(' + names[names.length - 1] + ', ')
+ }
+ names.push('$event')
+ expr = '\nreturn ' + expr + ';' //IE全家 Function("return ")出错，需要Function("return ;")
+ var lastIndex = expr.lastIndexOf('\nreturn')
+ var header = expr.slice(0, lastIndex)
+ var footer = expr.slice(lastIndex)
+ expr = header + '\n' + footer
+ } else {
+ // 对于非事件绑定的方法, 同样绑定到vm上
+ binding.observers.forEach(function(it) {
+ if (it.type === 'function') {
+ // log(it, expr)
+ let reg = new RegExp(it.p + '\\(([^)]*)\\)', 'g')
+ expr = expr.replace(reg, function(s, m) {
+ m = m.trim()
+ return (
+ it.p +
+ '.call(' +
+ names[names.length - 1] +
+ (m ? ', ' + m : '') +
+ ')'
+ )
+ })
+ }
+ })
+ expr = '\nreturn ' + expr + ';' //IE全家 Function("return ")出错，需要Function("return ;")
+ }
/* jshint ignore:start */
- var fn2 = scpCompile(
+ getter = scpCompile(
names.concat(
- "'use strict';" + 'return function(vvv){' + expr + ' = vvv\n}\n'
+ "'use strict';\ntry{\nvar " +
+ assigns.join(',\n') +
+ expr +
+ '\n}catch(e){log(e)}'
)
)
/* jshint ignore:end */
- evaluatorPool.put(exprId + 'setter', fn2)
- binding.setter = fn2.apply(fn2, binding.args)
+
+ return evaluatorPool.put(exprId, getter)
}
- if (dataType === 'on') {
- //事件绑定
- if (expr.indexOf('(') === -1) {
- expr += '.call(this, $event)'
- } else {
- expr = expr.replace('(', '.call(this,')
- }
- names.push('$event')
- expr = '\nreturn ' + expr + ';' //IE全家 Function("return ")出错，需要Function("return ;")
- var lastIndex = expr.lastIndexOf('\nreturn')
- var header = expr.slice(0, lastIndex)
- var footer = expr.slice(lastIndex)
- expr = header + '\n' + footer
- } else {
- expr = '\nreturn ' + expr + ';' //IE全家 Function("return ")出错，需要Function("return ;")
- }
- /* jshint ignore:start */
- getter = scpCompile(
- names.concat("'use strict';\nvar " + assigns.join(',\n') + expr)
- )
- /* jshint ignore:end */
-
- return evaluatorPool.put(exprId, getter)
-}
-
-function normalizeExpr(code) {
- var hasExpr = rexpr.test(code) //比如:class="width{{w}}"的情况
- if (hasExpr) {
- var array = scanExpr(code)
- if (array.length === 1) {
- return array[0].expr
- }
- return array
- .map(function(el) {
- return el.type ? '(' + el.expr + ')' : quote(el.expr)
- })
- .join(' + ')
- } else {
- return code
- }
-}
-
-yua.normalizeExpr = normalizeExpr
-yua.parseExprProxy = parseExpr
-
-var rthimRightParentheses = /\)\s*$/
-var rthimOtherParentheses = /\)\s*\|/g
-var rquoteFilterName = /\|\s*([$\w]+)/g
-var rpatchBracket = /"\s*\["/g
-var rthimLeftParentheses = /"\s*\(/g
-function parseFilter(filters) {
- filters =
- filters
- .replace(rthimRightParentheses, '') //处理最后的小括号
- .replace(rthimOtherParentheses, function() {
- //处理其他小括号
- return '],|'
- })
- .replace(rquoteFilterName, function(a, b) {
- //处理|及它后面的过滤器的名字
- return '[' + quote(b)
- })
- .replace(rpatchBracket, function() {
- return '"],["'
- })
- .replace(rthimLeftParentheses, function() {
- return '",'
- }) + ']'
- /* jshint ignore:start */
- return scpCompile(['return [' + filters + ']'])()
- /* jshint ignore:end */
-}
-
-/*********************************************************************
- * 编译系统 *
- **********************************************************************/
-
-var quote = JSON.stringify
-
-/*********************************************************************
- * 扫描系统 *
- **********************************************************************/
-
-yua.scan = function(elem, vmodel) {
- elem = elem || root
- var vmodels = vmodel ? [].concat(vmodel) : []
- scanTag(elem, vmodels)
-}
-
-//http://www.w3.org/TR/html5/syntax.html#void-elements
-var stopScan = oneObject(
- 'area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,script,style,textarea'.toUpperCase()
-)
-
-function checkScan(elem, callback, innerHTML) {
- var id = setTimeout(function() {
- var currHTML = elem.innerHTML
- clearTimeout(id)
- if (currHTML === innerHTML) {
- callback()
- } else {
- checkScan(elem, callback, currHTML)
- }
- })
-}
-
-function createSignalTower(elem, vmodel) {
- var id = elem.getAttribute('yuactrl') || vmodel.$id
- elem.setAttribute('yuactrl', id)
- if (vmodel.$events) {
- vmodel.$events.expr = elem.tagName + '[yuactrl="' + id + '"]'
- }
-}
-
-function getBindingCallback(elem, name, vmodels) {
- var callback = elem.getAttribute(name)
- if (callback) {
- for (var i = 0, vm; (vm = vmodels[i++]); ) {
- if (vm.hasOwnProperty(callback) && typeof vm[callback] === 'function') {
- return vm[callback]
+ function normalizeExpr(code) {
+ var hasExpr = rexpr.test(code) //比如:class="width{{w}}"的情况
+ if (hasExpr) {
+ var array = scanExpr(code)
+ if (array.length === 1) {
+ return array[0].expr
}
+ return array
+ .map(function(el) {
+ return el.type ? '(' + el.expr + ')' : quote(el.expr)
+ })
+ .join(' + ')
+ } else {
+ return code
}
}
-}
-function executeBindings(bindings, vmodels) {
- for (var i = 0, binding; (binding = bindings[i++]); ) {
- binding.vmodels = vmodels
- directives[binding.type].init(binding)
+ Anot.normalizeExpr = normalizeExpr
+ Anot.parseExprProxy = parseExpr
- yua.injectBinding(binding)
- if (binding.getter && binding.element.nodeType === 1) {
- //移除数据绑定，防止被二次解析
- //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/yua/issues/99
- binding.element.removeAttribute(binding.name)
- }
+ var rthimRightParentheses = /\)\s*$/
+ var rthimOtherParentheses = /\)\s*\|/g
+ var rquoteFilterName = /\|\s*([$\w]+)/g
+ var rpatchBracket = /"\s*\["/g
+ var rthimLeftParentheses = /"\s*\(/g
+ function parseFilter(filters) {
+ filters =
+ filters
+ .replace(rthimRightParentheses, '') //处理最后的小括号
+ .replace(rthimOtherParentheses, function() {
+ //处理其他小括号
+ return '],|'
+ })
+ .replace(rquoteFilterName, function(a, b) {
+ //处理|及它后面的过滤器的名字
+ return '[' + quote(b)
+ })
+ .replace(rpatchBracket, function() {
+ return '"],["'
+ })
+ .replace(rthimLeftParentheses, function() {
+ return '",'
+ }) + ']'
+ /* jshint ignore:start */
+ return scpCompile(['return [' + filters + ']'])()
+ /* jshint ignore:end */
}
- bindings.length = 0
-}
-//https://github.com/RubyLouvre/yua/issues/636
-var mergeTextNodes =
- IEVersion && window.MutationObserver
- ? function(elem) {
- var node = elem.firstChild,
- text
- while (node) {
- var aaa = node.nextSibling
- if (node.nodeType === 3) {
- if (text) {
- text.nodeValue += node.nodeValue
- elem.removeChild(node)
- } else {
- text = node
- }
- } else {
- text = null
- }
- node = aaa
+ /*********************************************************************
+ * 编译系统 *
+ **********************************************************************/
+
+ var quote = JSON.stringify
+
+ /*********************************************************************
+ * 扫描系统 *
+ **********************************************************************/
+
+ //http://www.w3.org/TR/html5/syntax.html#void-elements
+ var stopScan = oneObject(
+ 'area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,script,style,textarea'.toUpperCase()
+ )
+
+ function checkScan(elem, callback, innerHTML) {
+ var id = setTimeout(function() {
+ var currHTML = elem.innerHTML
+ clearTimeout(id)
+ if (currHTML === innerHTML) {
+ callback()
+ } else {
+ checkScan(elem, callback, currHTML)
+ }
+ })
+ }
+
+ function createSignalTower(elem, vmodel) {
+ elem.anotctrl = elem.anotctrl || vmodel.$id
+ }
+
+ function getBindingCallback(elem, name, vmodels) {
+ var callback = elem.getAttribute(name)
+ if (callback) {
+ for (var i = 0, vm; (vm = vmodels[i++]); ) {
+ if (vm.hasOwnProperty(callback) && typeof vm[callback] === 'function') {
+ return vm[callback]
}
}
- : 0
-var roneTime = /^\s*::/
-var rmsAttr = /:(\w+)-?(.*)/
-
-var events = oneObject(
- 'animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit'
-)
-var obsoleteAttrs = oneObject(
- 'value,title,alt,checked,selected,disabled,readonly,enabled,href,src'
-)
-function bindingSorter(a, b) {
- return a.priority - b.priority
-}
-
-var rnoCollect = /^(:\S+|data-\S+|on[a-z]+|id|style|class)$/
-var ronattr = /^on\-[\w-]+$/
-function getOptionsFromTag(elem, vmodels) {
- var attributes = elem.attributes
- var ret = {}
- for (var i = 0, attr; (attr = attributes[i++]); ) {
- var name = attr.name
- if (attr.specified && !rnoCollect.test(name)) {
- var camelizeName = camelize(attr.name)
- if (/^on\-[\w-]+$/.test(name)) {
- ret[camelizeName] = getBindingCallback(elem, name, vmodels)
- } else {
- ret[camelizeName] = parseData(attr.value)
- }
}
}
- return ret
-}
-function scanAttr(elem, vmodels, match) {
- var scanNode = true
- if (vmodels.length) {
+ function executeBindings(bindings, vmodels) {
+ for (var i = 0, binding; (binding = bindings[i++]); ) {
+ binding.vmodels = vmodels
+ directives[binding.type].init(binding)
+
+ Anot.injectBinding(binding)
+ if (binding.getter && binding.element.nodeType === 1) {
+ //移除数据绑定，防止被二次解析
+ //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/Anot/issues/99
+ binding.element.removeAttribute(binding.name)
+ }
+ }
+ bindings.length = 0
+ }
+
+ //https://github.com/RubyLouvre/Anot/issues/636
+ var mergeTextNodes =
+ IEVersion && window.MutationObserver
+ ? function(elem) {
+ var node = elem.firstChild,
+ text
+ while (node) {
+ var aaa = node.nextSibling
+ if (node.nodeType === 3) {
+ if (text) {
+ text.nodeValue += node.nodeValue
+ elem.removeChild(node)
+ } else {
+ text = node
+ }
+ } else {
+ text = null
+ }
+ node = aaa
+ }
+ }
+ : 0
+ var roneTime = /^\s*::/
+ var rmsAttr = /:(\w+)-?(.*)/
+
+ var events = oneObject(
+ 'animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit'
+ )
+ var obsoleteAttrs = oneObject(
+ 'value,title,alt,checked,selected,disabled,readonly,enabled,href,src'
+ )
+ function bindingSorter(a, b) {
+ return a.priority - b.priority
+ }
+
+ var rnoCollect = /^(:\S+|data-\S+|on[a-z]+|id|style|class)$/
+ var ronattr = /^on\-[\w-]+$/
+ function getOptionsFromTag(elem, vmodels) {
var attributes = elem.attributes
- var bindings = []
- var uniq = {}
+ var ret = {}
for (var i = 0, attr; (attr = attributes[i++]); ) {
var name = attr.name
- if (uniq[name]) {
- //IE8下:repeat,:with BUG
- continue
- }
- uniq[name] = 1
- if (attr.specified) {
- if ((match = name.match(rmsAttr))) {
- //如果是以指定前缀命名的
- var type = match[1]
- var param = match[2] || ''
- var value = attr.value
- if (events[type]) {
- param = type
- type = 'on'
- } else if (obsoleteAttrs[type]) {
- param = type
- type = 'attr'
- name = ':' + type + '-' + param
- log('warning!请改用' + name + '代替' + attr.name + '!')
- }
- if (directives[type]) {
- var newValue = value.replace(roneTime, '')
- var oneTime = value !== newValue
- var binding = {
- type: type,
- param: param,
- element: elem,
- name: name,
- expr: newValue,
- oneTime: oneTime,
- uuid: '_' + ++bindingID,
- priority:
- (directives[type].priority || type.charCodeAt(0) * 10) +
- (Number(param.replace(/\D/g, '')) || 0)
- }
- if (type === 'html' || type === 'text' || type === 'attr') {
- var filters = getToken(value).filters
- binding.expr = binding.expr.replace(filters, '')
- binding.filters = filters
- .replace(rhasHtml, function() {
- binding.type = 'html'
- binding.group = 1
- return ''
- })
- .trim() // jshint ignore:line
- } else if (type === 'duplex') {
- var hasDuplex = name
- } else if (name === ':if-loop') {
- binding.priority += 100
- } else if (name === ':attr-value') {
- var hasAttrValue = name
- }
- bindings.push(binding)
- }
+ if (attr.specified && !rnoCollect.test(name)) {
+ var camelizeName = camelize(attr.name)
+ if (/^on\-[\w-]+$/.test(name)) {
+ ret[camelizeName] = getBindingCallback(elem, name, vmodels)
+ } else {
+ ret[camelizeName] = parseData(attr.value)
}
}
}
- if (bindings.length) {
- bindings.sort(bindingSorter)
+ return ret
+ }
- if (hasDuplex && hasAttrValue && elem.type === 'text') {
- log('warning!一个控件不能同时定义:attr-value与' + hasDuplex)
- }
-
- for (i = 0; (binding = bindings[i]); i++) {
- type = binding.type
- if (rnoscanAttrBinding.test(type)) {
- return executeBindings(bindings.slice(0, i + 1), vmodels)
- } else if (scanNode) {
- scanNode = !rnoscanNodeBinding.test(type)
+ function scanAttr(elem, vmodels, match) {
+ var scanNode = true
+ if (vmodels.length) {
+ var attributes = elem.attributes
+ var bindings = []
+ var uniq = {}
+ for (var i = 0, attr; (attr = attributes[i++]); ) {
+ var name = attr.name
+ if (uniq[name]) {
+ //IE8下:repeat,:with BUG
+ continue
+ }
+ uniq[name] = 1
+ if (attr.specified) {
+ if ((match = name.match(rmsAttr))) {
+ //如果是以指定前缀命名的
+ var type = match[1]
+ var param = match[2] || ''
+ var value = attr.value
+ if (events[type]) {
+ param = type
+ type = 'on'
+ }
+ if (directives[type]) {
+ var newValue = value.replace(roneTime, '')
+ var oneTime = value !== newValue
+ var binding = {
+ type: type,
+ param: param,
+ element: elem,
+ name: name,
+ expr: newValue,
+ oneTime: oneTime,
+ uuid: '_' + ++bindingID,
+ priority:
+ (directives[type].priority || type.charCodeAt(0) * 10) +
+ (Number(param.replace(/\D/g, '')) || 0)
+ }
+ if (type === 'html' || type === 'text' || type === 'attr') {
+ var filters = getToken(value).filters
+ binding.expr = binding.expr.replace(filters, '')
+ binding.filters = filters
+ .replace(rhasHtml, function() {
+ binding.type = 'html'
+ binding.group = 1
+ return ''
+ })
+ .trim() // jshint ignore:line
+ } else if (type === 'duplex') {
+ var hasDuplex = name
+ } else if (name === ':if-loop') {
+ binding.priority += 100
+ } else if (name === ':attr-value') {
+ var hasAttrValue = name
+ }
+ bindings.push(binding)
+ }
+ }
}
}
- executeBindings(bindings, vmodels)
+ if (bindings.length) {
+ bindings.sort(bindingSorter)
+
+ if (hasDuplex && hasAttrValue && elem.type === 'text') {
+ log('warning!一个控件不能同时定义:attr-value与' + hasDuplex)
+ }
+
+ for (i = 0; (binding = bindings[i]); i++) {
+ type = binding.type
+ if (rnoscanAttrBinding.test(type)) {
+ return executeBindings(bindings.slice(0, i + 1), vmodels)
+ } else if (scanNode) {
+ scanNode = !rnoscanNodeBinding.test(type)
+ }
+ }
+ executeBindings(bindings, vmodels)
+ }
+ }
+ if (
+ scanNode &&
+ !stopScan[elem.tagName] &&
+ (isWidget(elem) ? elem.msResolved : 1)
+ ) {
+ mergeTextNodes && mergeTextNodes(elem)
+ scanNodeList(elem, vmodels) //扫描子孙元素
}
}
- if (
- scanNode &&
- !stopScan[elem.tagName] &&
- (isWidget(elem) ? elem.msResolved : 1)
- ) {
- mergeTextNodes && mergeTextNodes(elem)
- scanNodeList(elem, vmodels) //扫描子孙元素
+
+ var rnoscanAttrBinding = /^if|widget|repeat$/
+ var rnoscanNodeBinding = /^html|include$/
+
+ function scanNodeList(elem, vmodels) {
+ var nodes = Anot.slice(elem.childNodes)
+ scanNodeArray(nodes, vmodels)
}
-}
-var rnoscanAttrBinding = /^if|widget|repeat$/
-var rnoscanNodeBinding = /^html|include$/
+ function scanNodeArray(nodes, vmodels) {
+ function _delay_component(name) {
+ setTimeout(function() {
+ Anot.component(name)
+ })
+ }
+ for (var i = 0, node; (node = nodes[i++]); ) {
+ switch (node.nodeType) {
+ case 1:
+ var elem = node
+ if (
+ !elem.msResolved &&
+ elem.parentNode &&
+ elem.parentNode.nodeType === 1
+ ) {
+ var widget = isWidget(elem)
-function scanNodeList(elem, vmodels) {
- var nodes = yua.slice(elem.childNodes)
- scanNodeArray(nodes, vmodels)
-}
+ if (widget) {
+ componentQueue.push({
+ element: elem,
+ vmodels: vmodels,
+ name: widget
+ })
+ if (Anot.components[widget]) {
+ // log(widget, Anot.components)
+ //确保所有:attr-name扫描完再处理
+ _delay_component(widget)
+ }
+ }
+ }
-function scanNodeArray(nodes, vmodels) {
- function _delay_component(name) {
- setTimeout(function() {
- yua.component(name)
- })
- }
- for (var i = 0, node; (node = nodes[i++]); ) {
- switch (node.nodeType) {
- case 1:
- var elem = node
- if (
- !elem.msResolved &&
- elem.parentNode &&
- elem.parentNode.nodeType === 1
- ) {
- var widget = isWidget(elem)
+ scanTag(node, vmodels) //扫描元素节点
- if (widget) {
- componentQueue.push({
- element: elem,
- vmodels: vmodels,
- name: widget
+ if (node.msHasEvent) {
+ Anot.fireDom(node, 'datasetchanged', {
+ bubble: node.msHasEvent
})
- if (yua.components[widget]) {
- // log(widget, yua.components)
- //确保所有:attr-name扫描完再处理
- _delay_component(widget)
- }
}
- }
- scanTag(node, vmodels) //扫描元素节点
-
- if (node.msHasEvent) {
- yua.fireDom(node, 'datasetchanged', {
- bubble: node.msHasEvent
- })
- }
-
- break
- case 3:
- if (rexpr.test(node.nodeValue)) {
- scanText(node, vmodels, i) //扫描文本节点
- }
- break
- }
- }
-}
-
-function scanTag(elem, vmodels, node) {
- //扫描顺序 :skip(0) --> :important(1) --> :controller(2) --> :if(10) --> :repeat(100)
- //--> :if-loop(110) --> :attr(970) ...--> :each(1400)-->:with(1500)--〉:duplex(2000)垫后
- var a = elem.getAttribute(':skip')
- var b = elem.getAttributeNode(':important')
- var c = elem.getAttributeNode(':controller')
- if (typeof a === 'string') {
- return
- } else if ((node = b || c)) {
- var newVmodel = yua.vmodels[node.value]
-
- if (!newVmodel) {
- return
- }
-
- //把父级VM补上
- newVmodel.$up = vmodels[0]
- hideProperty(newVmodel, '$up', null)
- //:important不包含父VM，:controller相反
- vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
-
- elem.removeAttribute(node.name) //removeAttributeNode不会刷新[:controller]样式规则
- elem.classList.remove(node.name)
- createSignalTower(elem, newVmodel)
- }
- scanAttr(elem, vmodels) //扫描特性节点
-
- if (newVmodel) {
- setTimeout(function() {
- newVmodel.$fire(':scan-end', elem)
- })
- }
-}
-var rhasHtml = /\|\s*html(?:\b|$)/,
- r11a = /\|\|/g,
- rlt = /</g,
- rgt = />/g,
- rstringLiteral = /(['"])(\\\1|.)+?\1/g,
- rline = /\r?\n/g
-function getToken(value) {
- if (value.indexOf('|') > 0) {
- var scapegoat = value.replace(rstringLiteral, function(_) {
- return Array(_.length + 1).join('1') // jshint ignore:line
- })
- var index = scapegoat.replace(r11a, '\u1122\u3344').indexOf('|') //干掉所有短路或
- if (index > -1) {
- return {
- type: 'text',
- filters: value.slice(index).trim(),
- expr: value.slice(0, index)
+ break
+ case 3:
+ if (rexpr.test(node.nodeValue)) {
+ scanText(node, vmodels, i) //扫描文本节点
+ }
+ break
}
}
}
- return {
- type: 'text',
- expr: value,
- filters: ''
- }
-}
-function scanExpr(str) {
- var tokens = [],
- value,
- start = 0,
- stop
- do {
- stop = str.indexOf(openTag, start)
- if (stop === -1) {
- break
+ function scanTag(elem, vmodels, node) {
+ //扫描顺序 skip(0) --> anot(1) --> :if(10) --> :repeat(100)
+ //--> :if-loop(110) --> :attr(970) ...--> :each(1400)-->:with(1500)--〉:duplex(2000)垫后
+ var skip = elem.getAttribute('skip')
+ node = elem.getAttributeNode('anot')
+ var vm = vmodels.concat()
+ if (typeof skip === 'string') {
+ return
+ } else if (node) {
+ var newVmodel = Anot.vmodels[node.value]
+ var attrs = aslice.call(elem.attributes, 0)
+
+ if (!newVmodel) {
+ return
+ }
+
+ vm = [newVmodel]
+
+ elem.removeAttribute(node.name) //removeAttributeNode不会刷新xx[anot]样式规则
+ createSignalTower(elem, newVmodel)
+ hideProperty(newVmodel, '$elem', elem)
+ if (vmodels.length) {
+ attrs.forEach(function(attr, i) {
+ if (/^:/.test(attr.name)) {
+ var name = attr.name.match(rmsAttr)[1]
+ var value = null
+ if (!name || Anot.directives[name]) {
+ return
+ }
+ try {
+ value = parseExpr(attr.value, vmodels, {}).apply(0, vmodels)
+ 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 + '」类型错误!' + value,
+ TypeError
+ )
+ }
+ } else {
+ newVmodel.props[name] = value
+ }
+ } catch (error) {
+ log(
+ 'Props parse faild on (%s[class=%s]),',
+ elem.nodeName,
+ elem.className,
+ attr,
+ error + ''
+ )
+ }
+ }
+ })
+ }
}
- value = str.slice(start, stop)
+ scanAttr(elem, vm) //扫描特性节点
+
+ if (newVmodel) {
+ setTimeout(function() {
+ newVmodel.$fire(':scan-end', elem)
+ })
+ }
+ }
+ var rhasHtml = /\|\s*html(?:\b|$)/,
+ r11a = /\|\|/g,
+ rlt = /</g,
+ rgt = />/g,
+ rstringLiteral = /(['"])(\\\1|.)+?\1/g,
+ rline = /\r?\n/g
+ function getToken(value) {
+ if (value.indexOf('|') > 0) {
+ var scapegoat = value.replace(rstringLiteral, function(_) {
+ return Array(_.length + 1).join('1') // jshint ignore:line
+ })
+ var index = scapegoat.replace(r11a, '\u1122\u3344').indexOf('|') //干掉所有短路或
+ if (index > -1) {
+ return {
+ type: 'text',
+ filters: value.slice(index).trim(),
+ expr: value.slice(0, index)
+ }
+ }
+ }
+ return {
+ type: 'text',
+ expr: value,
+ filters: ''
+ }
+ }
+
+ function scanExpr(str) {
+ var tokens = [],
+ value,
+ start = 0,
+ stop
+ do {
+ stop = str.indexOf(openTag, start)
+ if (stop === -1) {
+ break
+ }
+ value = str.slice(start, stop)
+ if (value) {
+ // {{ 左边的文本
+ tokens.push({
+ expr: value
+ })
+ }
+ start = stop + openTag.length
+ stop = str.indexOf(closeTag, start)
+ if (stop === -1) {
+ break
+ }
+ value = str.slice(start, stop)
+ if (value) {
+ //处理{{ }}插值表达式
+ tokens.push(getToken(value.replace(rline, '')))
+ }
+ start = stop + closeTag.length
+ } while (1)
+ value = str.slice(start)
if (value) {
- // {{ 左边的文本
+ //}} 右边的文本
tokens.push({
expr: value
})
}
- start = stop + openTag.length
- stop = str.indexOf(closeTag, start)
- if (stop === -1) {
- break
- }
- value = str.slice(start, stop)
- if (value) {
- //处理{{ }}插值表达式
- tokens.push(getToken(value.replace(rline, '')))
- }
- start = stop + closeTag.length
- } while (1)
- value = str.slice(start)
- if (value) {
- //}} 右边的文本
- tokens.push({
- expr: value
- })
+ return tokens
}
- return tokens
-}
-function scanText(textNode, vmodels, index) {
- var bindings = [],
- tokens = scanExpr(textNode.data)
- if (tokens.length) {
- for (var i = 0, token; (token = tokens[i++]); ) {
- var node = DOC.createTextNode(token.expr) //将文本转换为文本节点，并替换原来的文本节点
- if (token.type) {
- token.expr = token.expr.replace(roneTime, function() {
- token.oneTime = true
- return ''
- }) // jshint ignore:line
- token.element = node
- token.filters = token.filters.replace(rhasHtml, function() {
- token.type = 'html'
- return ''
- }) // jshint ignore:line
- token.pos = index * 1000 + i
- bindings.push(token) //收集带有插值表达式的文本
+ function scanText(textNode, vmodels, index) {
+ var bindings = [],
+ tokens = scanExpr(textNode.data)
+ if (tokens.length) {
+ for (var i = 0, token; (token = tokens[i++]); ) {
+ var node = DOC.createTextNode(token.expr) //将文本转换为文本节点，并替换原来的文本节点
+ if (token.type) {
+ token.expr = token.expr.replace(roneTime, function() {
+ token.oneTime = true
+ return ''
+ }) // jshint ignore:line
+ token.element = node
+ token.filters = token.filters.replace(rhasHtml, function() {
+ token.type = 'html'
+ return ''
+ }) // jshint ignore:line
+ token.pos = index * 1000 + i
+ bindings.push(token) //收集带有插值表达式的文本
+ }
+ anotFragment.appendChild(node)
}
- yuaFragment.appendChild(node)
+ textNode.parentNode.replaceChild(anotFragment, textNode)
+ if (bindings.length) executeBindings(bindings, vmodels)
}
- textNode.parentNode.replaceChild(yuaFragment, textNode)
- if (bindings.length) executeBindings(bindings, vmodels)
}
-}
-//使用来自游戏界的双缓冲技术,减少对视图的冗余刷新
-var Buffer = function() {
- this.queue = []
-}
-Buffer.prototype = {
- render: function(isAnimate) {
- if (!this.locked) {
- this.locked = isAnimate ? root.offsetHeight + 10 : 1
- var me = this
- yua.nextTick(function() {
- me.flush()
- })
- }
- },
- flush: function() {
- for (var i = 0, sub; (sub = this.queue[i++]); ) {
- sub.update && sub.update()
- }
- this.locked = 0
+ //使用来自游戏界的双缓冲技术,减少对视图的冗余刷新
+ var Buffer = function() {
this.queue = []
}
-}
-
-var buffer = new Buffer()
-
-var componentQueue = []
-var widgetList = []
-var componentHooks = {
- $construct: function() {
- return yua.mix.apply(null, arguments)
- },
- $ready: noop,
- $init: noop,
- $dispose: noop,
- $container: null,
- $childReady: noop,
- $$template: function(str) {
- return str
- }
-}
-
-yua.components = {}
-yua.component = function(name, opts) {
- if (opts) {
- yua.components[name] = yua.mix({}, componentHooks, opts)
- }
- for (var i = 0, obj; (obj = componentQueue[i]); i++) {
- if (name === obj.name) {
- componentQueue.splice(i, 1)
- i--
- ;(function(host, hooks, elem, widget) {
- //如果elem已从Document里移除,直接返回
- if (!yua.contains(DOC, elem) || elem.msResolved) {
- yua.Array.remove(componentQueue, host)
- return
- }
-
- var dependencies = 1
- var global = componentHooks
-
- //===========收集各种配置=======
- if (elem.getAttribute(':attr-identifier')) {
- //如果还没有解析完,就延迟一下 #1155
- return
- }
- var elemOpts = getOptionsFromTag(elem, host.vmodels)
- var vmOpts = getOptionsFromVM(
- host.vmodels,
- elemOpts.config || host.name
- )
- var $id = elemOpts.$id || elemOpts.identifier || generateID(widget)
- delete elemOpts.config
- delete elemOpts.$id
- delete elemOpts.identifier
- var componentDefinition = {
- $up: host.vmodels[0],
- $ups: host.vmodels
- }
-
- yua.mix(true, componentDefinition, hooks)
-
- componentDefinition = yua.components[name].$construct.call(
- elem,
- componentDefinition,
- vmOpts,
- elemOpts
- )
-
- componentDefinition.$refs = {}
- componentDefinition.$id = $id
-
- //==========构建VM=========
- var keepContainer = componentDefinition.$container
- var keepTemplate = componentDefinition.$template
- delete componentDefinition.$up
- delete componentDefinition.$ups
- delete componentDefinition.$slot
- delete componentDefinition.$replace
- delete componentDefinition.$container
- delete componentDefinition.$construct
-
- var vmodel = yua(componentDefinition) || {}
- vmodel.$ups = host.vmodels
- vmodel.$up = host.vmodels[0]
- elem.msResolved = 1 //防止二进扫描此元素
- vmodel.$init(vmodel, elem)
- global.$init(vmodel, elem)
- var nodes = elem.childNodes
-
- if (vmodel.$$template) {
- yua.clearHTML(elem)
- elem.innerHTML = vmodel.$$template(keepTemplate)
- }
-
- // 组件所使用的标签是temlate,所以必须要要用子元素替换掉
- var child = elem.content.firstChild
-
- if (!child || serialize.call(child) === '[object Text]') {
- var tmpDom = document.createElement('div')
- if (child) {
- tmpDom.appendChild(child)
- }
- child = tmpDom
- tmpDom = null
- }
-
- elem.parentNode.replaceChild(child, elem)
-
- child.msResolved = 1
- var cssText = elem.style.cssText
- var className = elem.className
- elem = host.element = child
- elem.style.cssText += ';' + cssText
-
- if (className) {
- yua(elem).addClass(className)
- }
- //指定了组件的容器的话,则把组件节点转过去
- if (keepContainer) {
- keepContainer.appendChild(elem)
- }
- yua.fireDom(elem, 'datasetchanged', {
- vm: vmodel,
- childReady: 1
+ Buffer.prototype = {
+ render: function(isAnimate) {
+ if (!this.locked) {
+ this.locked = isAnimate ? root.offsetHeight + 10 : 1
+ var me = this
+ Anot.nextTick(function() {
+ me.flush()
})
- var children = 0
- var removeFn = yua.bind(elem, 'datasetchanged', function(e) {
- if (e.childReady) {
- dependencies += e.childReady
- if (vmodel !== e.vm) {
- vmodel.$refs[e.vm.$id] = e.vm
- if (e.childReady === -1) {
- children++
- vmodel.$childReady(vmodel, elem, e)
- }
- e.stopPropagation()
- }
- }
- if (dependencies === 0) {
- var id1 = setTimeout(function() {
- clearTimeout(id1)
+ }
+ },
+ flush: function() {
+ for (var i = 0, sub; (sub = this.queue[i++]); ) {
+ sub.update && sub.update()
+ }
+ this.locked = 0
+ this.queue = []
+ }
+ }
- vmodel.$ready(vmodel, elem, host.vmodels)
- global.$ready(vmodel, elem, host.vmodels)
- }, children ? Math.max(children * 17, 100) : 17)
- yua.unbind(elem, 'datasetchanged', removeFn)
- //==================
- host.rollback = function() {
- try {
- vmodel.$dispose(vmodel, elem)
- global.$dispose(vmodel, elem)
- } catch (e) {}
- delete yua.vmodels[vmodel.$id]
- }
- injectDisposeQueue(host, widgetList)
- if (window.chrome) {
- elem.addEventListener('DOMNodeRemovedFromDocument', function() {
- setTimeout(rejectDisposeQueue)
- })
- }
+ var buffer = new Buffer()
+
+ var componentQueue = []
+ var widgetList = []
+ var componentHooks = {
+ construct: function(props, next) {
+ next(props)
+ },
+ componentWillMount: noop,
+ componentDidMount: noop,
+ childComponentDidMount: noop,
+ componentWillUnmount: noop,
+ render: function(str) {
+ return str
+ }
+ }
+
+ Anot.components = {}
+ Anot.component = function(name, opts) {
+ if (opts) {
+ Anot.components[name] = Anot.mix({}, componentHooks, opts)
+ }
+ for (var i = 0, obj; (obj = componentQueue[i]); i++) {
+ if (name === obj.name) {
+ componentQueue.splice(i, 1)
+ i--
+ // (obj, Anot.components[name], obj.element, obj.name)
+ ;(function(host, hooks, elem, widget) {
+ //如果elem已从Document里移除,直接返回
+ if (!Anot.contains(DOC, elem) || elem.msResolved) {
+ Anot.Array.remove(componentQueue, host)
+ return
}
- })
- scanTag(elem, [vmodel].concat(host.vmodels))
- yua.vmodels[vmodel.$id] = vmodel
- if (!elem.childNodes.length) {
- yua.fireDom(elem, 'datasetchanged', {
- vm: vmodel,
- childReady: -1
+
+ var dependencies = 1
+ var globalHooks = componentHooks
+
+ //===========收集各种配置=======
+ if (elem.getAttribute(':attr-uuid')) {
+ //如果还没有解析完,就延迟一下 #1155
+ return
+ }
+ var props = getOptionsFromTag(elem, host.vmodels)
+ var vmOpts = getOptionsFromVM(host.vmodels, props.config)
+ var $id = props.uuid || generateID(widget)
+ var componentDefinition = {}
+
+ props = Object.assign({}, vmOpts, props)
+ vmOpts = void 0
+ delete props.config
+ delete props.uuid
+ hooks.construct.call(elem, props, function next(val) {
+ Object.assign(hooks.props, val)
+ Object.assign(componentDefinition, hooks)
})
- } else {
- var id2 = setTimeout(function() {
- clearTimeout(id2)
- yua.fireDom(elem, 'datasetchanged', {
+
+ componentDefinition.$refs = {}
+ componentDefinition.$id = $id
+
+ //==========构建VM=========
+ var {
+ componentWillMount,
+ componentDidMount,
+ childComponentDidMount,
+ componentWillUnmount,
+ render
+ } = componentDefinition
+
+ delete componentDefinition.construct
+ delete componentDefinition.componentWillMount
+ delete componentDefinition.componentDidMount
+ delete componentDefinition.childComponentDidMount
+ delete componentDefinition.componentWillUnmount
+
+ var vmodel = Anot(componentDefinition)
+
+ elem.msResolved = 1 //防止二进扫描此元素
+
+ componentWillMount.call(vmodel)
+ globalHooks.componentWillMount.call(null, vmodel)
+
+ if (!elem.content.firstElementChild) {
+ Anot.clearHTML(elem)
+ elem.innerHTML = render()
+ }
+
+ // 组件所使用的标签是temlate,所以必须要要用子元素替换掉
+ var child = elem.content.firstElementChild
+ elem.parentNode.replaceChild(child, elem)
+
+ child.msResolved = 1
+ var cssText = elem.style.cssText
+ var className = elem.className
+ elem = host.element = child
+ elem.style.cssText += ';' + cssText
+
+ if (className) {
+ Anot(elem).addClass(className)
+ }
+
+ hideProperty(vmodel, '$elem', elem)
+
+ Anot.fireDom(elem, 'datasetchanged', {
+ vm: vmodel,
+ childReady: 1
+ })
+ var children = 0
+ var removeFn = Anot.bind(elem, 'datasetchanged', function(ev) {
+ if (ev.childReady) {
+ dependencies += ev.childReady
+ if (vmodel !== ev.vm) {
+ vmodel.$refs[ev.vm.$id] = ev.vm
+ if (ev.childReady === -1) {
+ children++
+ childComponentDidMount.call(vmodel, elem, ev)
+ }
+ ev.stopPropagation()
+ }
+ }
+ if (dependencies === 0) {
+ var timer = setTimeout(function() {
+ clearTimeout(timer)
+ componentDidMount.call(vmodel)
+ globalHooks.componentDidMount(null, vmodel)
+ }, children ? Math.max(children * 17, 100) : 17)
+
+ Anot.unbind(elem, 'datasetchanged', removeFn)
+ //==================
+ host.rollback = function() {
+ try {
+ componentWillUnmount.call(vmodel)
+ globalHooks.componentWillUnmount.call(null, vmodel)
+ } catch (e) {}
+ delete Anot.vmodels[vmodel.$id]
+ }
+ injectDisposeQueue(host, widgetList)
+ if (window.chrome) {
+ elem.addEventListener('DOMNodeRemovedFromDocument', function() {
+ setTimeout(rejectDisposeQueue)
+ })
+ }
+ }
+ })
+ scanTag(elem, [vmodel])
+ Anot.vmodels[vmodel.$id] = vmodel
+ if (!elem.childNodes.length) {
+ Anot.fireDom(elem, 'datasetchanged', {
vm: vmodel,
childReady: -1
})
- }, 17)
- }
- })(obj, yua.components[name], obj.element, obj.name) // jshint ignore:line
- }
- }
-}
-
-function getOptionsFromVM(vmodels, pre) {
- if (pre) {
- for (var i = 0, v; (v = vmodels[i++]); ) {
- if (v.hasOwnProperty(pre) && typeof v[pre] === 'object') {
- var vmOptions = v[pre]
- return vmOptions.$model || vmOptions
- break
+ } else {
+ var id2 = setTimeout(function() {
+ clearTimeout(id2)
+ Anot.fireDom(elem, 'datasetchanged', {
+ vm: vmodel,
+ childReady: -1
+ })
+ }, 17)
+ }
+ })(obj, Anot.components[name], obj.element, obj.name) // jshint ignore:line
}
}
}
- return {}
-}
-function isWidget(el) {
- //如果是组件,则返回组件的名字
- var name = el.nodeName.toLowerCase()
- if (name === 'template' && el.getAttribute('name')) {
- return el.getAttribute('name')
+ function getOptionsFromVM(vmodels, pre) {
+ if (pre) {
+ for (var i = 0, v; (v = vmodels[i++]); ) {
+ if (v.hasOwnProperty(pre) && typeof v[pre] === 'object') {
+ var vmOptions = v[pre]
+ return vmOptions.$model || vmOptions
+ break
+ }
+ }
+ }
+ return {}
}
- return null
-}
-var bools = [
- 'autofocus,autoplay,async,allowTransparency,checked,controls',
- 'declare,disabled,defer,defaultChecked,defaultSelected',
- 'contentEditable,isMap,loop,multiple,noHref,noResize,noShade',
- 'open,readOnly,selected'
-].join(',')
-var boolMap = {}
-bools.replace(rword, function(name) {
- boolMap[name.toLowerCase()] = name
-})
-
-var propMap = {
- //属性名映射
- 'accept-charset': 'acceptCharset',
- char: 'ch',
- charoff: 'chOff',
- class: 'className',
- for: 'htmlFor',
- 'http-equiv': 'httpEquiv'
-}
-
-var anomaly = [
- 'accessKey,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan',
- 'dateTime,defaultValue,frameBorder,longDesc,maxLength,marginWidth,marginHeight',
- 'rowSpan,tabIndex,useMap,vSpace,valueType,vAlign'
-].join(',')
-anomaly.replace(rword, function(name) {
- propMap[name.toLowerCase()] = name
-})
-
-var attrDir = yua.directive('attr', {
- init: function(binding) {
- //{{aaa}} --> aaa
- //{{aaa}}/bbb.html --> (aaa) + "/bbb.html"
- binding.expr = normalizeExpr(binding.expr.trim())
- if (binding.type === 'include') {
- var elem = binding.element
- effectBinding(elem, binding)
- binding.includeRendered = getBindingCallback(
- elem,
- 'data-include-rendered',
- binding.vmodels
- )
- binding.includeLoaded = getBindingCallback(
- elem,
- 'data-include-loaded',
- binding.vmodels
- )
- var outer = (binding.includeReplace = !!yua(elem).data('includeReplace'))
- if (yua(elem).data('includeCache')) {
- binding.templateCache = {}
- }
- binding.start = DOC.createComment(':include')
- binding.end = DOC.createComment(':include-end')
- if (outer) {
- binding.element = binding.end
- binding._element = elem
- elem.parentNode.insertBefore(binding.start, elem)
- elem.parentNode.insertBefore(binding.end, elem.nextSibling)
- } else {
- elem.insertBefore(binding.start, elem.firstChild)
- elem.appendChild(binding.end)
- }
- }
- },
- update: function(val) {
- var elem = this.element
- var obj = val
-
- if (typeof obj === 'object' && obj !== null) {
- if (!yua.isPlainObject(obj)) obj = obj.$model
- } else {
- if (!this.param) return
-
- obj = {}
- obj[this.param] = val
- }
-
- for (var i in obj) {
- if (i === 'style') {
- console.error('设置style样式, 请改用 :css指令')
- continue
- }
- if (i === 'href' || i === 'src') {
- //处理IE67自动转义的问题
- if (!root.hasAttribute) obj[i] = obj[i].replace(/&/g, '&')
-
- elem[i] = obj[i]
-
- //chrome v37- 下embed标签动态设置的src，无法发起请求
- if (window.chrome && elem.tagName === 'EMBED') {
- var parent = elem.parentNode
- var com = document.createComment(':src')
- parent.replaceChild(com, elem)
- parent.replaceChild(elem, com)
- }
- } else {
- var k = i
- //古董IE下，部分属性名字要进行映射
- if (!W3C && propMap[k]) k = propMap[k]
-
- if (typeof elem[boolMap[k]] === 'boolean') {
- //布尔属性必须使用el.xxx = true|false方式设值
- elem[boolMap[k]] = !!obj[i]
-
- //如果为false, IE全系列下相当于setAttribute(xxx, ''),会影响到样式,需要进一步处理
- if (!obj[i]) obj[i] = !!obj[i]
- }
- if (obj[i] === false || obj[i] === null || obj[i] === undefined)
- return elem.removeAttribute(k)
-
- //SVG只能使用setAttribute(xxx, yyy), VML只能使用elem.xxx = yyy ,HTML的固有属性必须elem.xxx = yyy
- var isInnate = rsvg.test(elem)
- ? false
- : DOC.namespaces && isVML(elem) ? true : k in elem.cloneNode(false)
- if (isInnate) {
- elem[k] = obj[i]
- } else {
- elem.setAttribute(k, obj[i])
- }
- }
+ function isWidget(el) {
+ //如果是组件,则返回组件的名字
+ var name = el.nodeName.toLowerCase()
+ if (name === 'template' && el.getAttribute('name')) {
+ return el.getAttribute('name')
}
+ return null
}
-})
-//这几个指令都可以使用插值表达式，如:src="aaa/{{b}}/{{c}}.html"
-'title,alt,src,value,css,include,href,data'.replace(rword, function(name) {
- directives[name] = attrDir
-})
+ var bools = [
+ 'autofocus,autoplay,async,allowTransparency,checked,controls',
+ 'declare,disabled,defer,defaultChecked,defaultSelected',
+ 'contentEditable,isMap,loop,multiple,noHref,noResize,noShade',
+ 'open,readOnly,selected'
+ ].join(',')
+ var boolMap = {}
+ bools.replace(rword, function(name) {
+ boolMap[name.toLowerCase()] = name
+ })
-//类名定义， :class="xx:yy" :class="{xx: yy}" :class="xx" :class="{{xx}}"
-yua.directive('class', {
- init: function(binding) {
- var expr = []
- if (!/^\{.*\}$/.test(binding.expr)) {
- expr = binding.expr.split(':')
- expr[1] = (expr[1] && expr[1].trim()) || 'true'
- var arr = expr[0].split(/\s+/)
- binding.expr =
- '{' +
- arr
- .map(function(it) {
- return it + ': ' + expr[1]
- })
- .join(', ') +
- '}'
- } else if (/^\{\{.*\}\}$/.test(binding.expr)) {
- binding.expr = binding.expr.slice(2, -2)
- }
+ var propMap = {
+ //属性名映射
+ 'accept-charset': 'acceptCharset',
+ char: 'ch',
+ charoff: 'chOff',
+ class: 'className',
+ for: 'htmlFor',
+ 'http-equiv': 'httpEquiv'
+ }
- if (binding.type === 'hover' || binding.type === 'active') {
- //确保只绑定一次
- if (!binding.hasBindEvent) {
+ var anomaly = [
+ 'accessKey,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan',
+ 'dateTime,defaultValue,frameBorder,longDesc,maxLength,marginWidth,marginHeight',
+ 'rowSpan,tabIndex,useMap,vSpace,valueType,vAlign'
+ ].join(',')
+ anomaly.replace(rword, function(name) {
+ propMap[name.toLowerCase()] = name
+ })
+
+ var attrDir = Anot.directive('attr', {
+ init: function(binding) {
+ //{{aaa}} --> aaa
+ //{{aaa}}/bbb.html --> (aaa) + "/bbb.html"
+ binding.expr = normalizeExpr(binding.expr.trim())
+ if (binding.type === 'include') {
var elem = binding.element
- var $elem = yua(elem)
- var activate = 'mouseenter' //在移出移入时切换类名
- var abandon = 'mouseleave'
- if (binding.type === 'active') {
- //在聚焦失焦中切换类名
- elem.tabIndex = elem.tabIndex || -1
- activate = 'mousedown'
- abandon = 'mouseup'
- var fn0 = $elem.bind('mouseleave', function() {
- $elem.removeClass(expr[0])
- })
+ effectBinding(elem, binding)
+ binding.includeRendered = getBindingCallback(
+ elem,
+ 'data-include-rendered',
+ binding.vmodels
+ )
+ binding.includeLoaded = getBindingCallback(
+ elem,
+ 'data-include-loaded',
+ binding.vmodels
+ )
+ var outer = (binding.includeReplace = !!Anot(elem).data(
+ 'includeReplace'
+ ))
+ if (Anot(elem).data('includeCache')) {
+ binding.templateCache = {}
}
- }
-
- var fn1 = $elem.bind(activate, function() {
- $elem.addClass(expr[0])
- })
- var fn2 = $elem.bind(abandon, function() {
- $elem.removeClass(expr[0])
- })
- binding.rollback = function() {
- $elem.unbind('mouseleave', fn0)
- $elem.unbind(activate, fn1)
- $elem.unbind(abandon, fn2)
- }
- binding.hasBindEvent = true
- }
- },
- update: function(val) {
- if (this.type !== 'class') {
- return
- }
- var obj = val
- if (!obj || this.param)
- return log(
- 'class指令语法错误 %c %s="%s"',
- 'color:#f00',
- this.name,
- this.expr
- )
-
- if (typeof obj === 'string') {
- obj = {}
- obj[val] = true
- }
-
- if (!yua.isPlainObject(obj)) {
- obj = obj.$model
- }
-
- var $elem = yua(this.element)
- for (var i in obj) {
- $elem.toggleClass(i, !!obj[i])
- }
- }
-})
-
-'hover,active'.replace(rword, function(name) {
- directives[name] = directives['class']
-})
-
-//样式定义 :css-width="200"
-//:css="{width: 200}"
-yua.directive('css', {
- init: directives.attr.init,
- update: function(val) {
- var $elem = yua(this.element)
- if (!this.param) {
- var obj = val
- try {
- if (typeof val === 'object') {
- if (!yua.isPlainObject(val)) obj = val.$model
+ binding.start = DOC.createComment(':include')
+ binding.end = DOC.createComment(':include-end')
+ if (outer) {
+ binding.element = binding.end
+ binding._element = elem
+ elem.parentNode.insertBefore(binding.start, elem)
+ elem.parentNode.insertBefore(binding.end, elem.nextSibling)
} else {
- obj = new Function('return ' + val)()
+ elem.insertBefore(binding.start, elem.firstChild)
+ elem.appendChild(binding.end)
}
- for (var i in obj) {
- $elem.css(i, obj[i])
- }
- } catch (err) {
- log('样式格式错误 %c %s="%s"', 'color:#f00', this.name, this.expr)
}
- } else {
- $elem.css(this.param, val)
- }
- }
-})
+ },
+ update: function(val) {
+ var elem = this.element
+ var obj = val
-//兼容2种写法 :data-xx="yy", :data="{xx: yy}"
-yua.directive('data', {
- priority: 100,
- update: function(val) {
- var obj = val
- if (typeof obj === 'object' && obj !== null) {
- if (!yua.isPlainObject(obj)) obj = val.$model
+ if (typeof obj === 'object' && obj !== null) {
+ if (!Anot.isPlainObject(obj)) obj = obj.$model
+ } else {
+ if (!this.param) return
+
+ obj = {}
+ obj[this.param] = val
+ }
for (var i in obj) {
- this.element.setAttribute('data-' + i, obj[i])
- }
- } else {
- if (!this.param) return
-
- this.element.setAttribute('data-' + this.param, obj)
- }
- }
-})
-
-/*------ 表单验证 -------*/
-var __rules = {}
-yua.validate = function(key) {
- return (
- !__rules[key] ||
- __rules[key].every(function(it) {
- return it.checked
- })
- )
-}
-yua.directive('rule', {
- priority: 2010,
- init: function(binding) {
- if (binding.param && !__rules[binding.param]) {
- __rules[binding.param] = []
- }
- binding.target = __rules[binding.param]
- },
- update: function(obj) {
- var _this = this,
- elem = this.element,
- ruleID = -1
-
- if (!['INPUT', 'TEXTAREA'].includes(elem.nodeName)) return
-
- if (this.target) {
- ruleID = this.target.length
- this.target.push({ checked: true })
- }
-
- //如果父级元素没有定位属性,则加上相对定位
- if (getComputedStyle(elem.parentNode).position === 'static') {
- elem.parentNode.style.position = 'relative'
- }
-
- var $elem = yua(elem),
- ol = elem.offsetLeft + elem.offsetWidth - 50,
- ot = elem.offsetTop + elem.offsetHeight + 8,
- tips = document.createElement('div')
-
- tips.className = 'do-rule-tips'
- tips.style.left = ol + 'px'
- tips.style.bottom = ot + 'px'
-
- function checked(ev) {
- var txt = '',
- val = elem.value
-
- if (obj.require && (val === '' || val === null)) txt = '必填项'
-
- if (!txt && obj.isNumeric) txt = !isFinite(val) ? '必须为合法数字' : ''
-
- if (!txt && obj.isEmail)
- txt = !/^[\w\.\-]+@\w+([\.\-]\w+)*\.\w+$/.test(val)
- ? 'Email格式错误'
- : ''
-
- if (!txt && obj.isPhone)
- txt = !/^1[34578]\d{9}$/.test(val) ? '手机格式错误' : ''
-
- if (!txt && obj.isCN)
- txt = !/^[\u4e00-\u9fa5]+$/.test(val) ? '必须为纯中文' : ''
-
- if (!txt && obj.exp) txt = !obj.exp.test(val) ? obj.msg || '格式错误' : ''
-
- if (!txt && obj.maxLen)
- txt = val.length > obj.maxLen ? '长度不得超过' + obj.maxLen + '位' : ''
-
- if (!txt && obj.minLen)
- txt = val.length < obj.minLen ? '长度不得小于' + obj.minLen + '位' : ''
-
- if (!txt && obj.hasOwnProperty('max'))
- txt = val > obj.max ? '输入值不能大于' + obj.max : ''
-
- if (!txt && obj.hasOwnProperty('min'))
- txt = val < obj.min ? '输入值不能小于' + obj.min : ''
-
- if (!txt && obj.eq) {
- var eqEl = document.querySelector('#' + obj.eq)
- txt = val !== eqEl.value ? obj.msg || '2次值不一致' : ''
- }
-
- if (txt) {
- if (ev) {
- tips.textContent = txt
- elem.parentNode.appendChild(tips)
+ if (i === 'style') {
+ console.error('设置style样式, 请改用 :css指令')
+ continue
}
- //必须是"必填项"才会更新验证状态
- if (_this.target && obj.require) {
- _this.target[ruleID].checked = false
+ if (i === 'href' || i === 'src') {
+ //处理IE67自动转义的问题
+ if (!root.hasAttribute) obj[i] = obj[i].replace(/&/g, '&')
+
+ elem[i] = obj[i]
+
+ //chrome v37- 下embed标签动态设置的src，无法发起请求
+ if (window.chrome && elem.tagName === 'EMBED') {
+ var parent = elem.parentNode
+ var com = document.createComment(':src')
+ parent.replaceChild(com, elem)
+ parent.replaceChild(elem, com)
+ }
+ } else {
+ var k = i
+ //古董IE下，部分属性名字要进行映射
+ if (!W3C && propMap[k]) k = propMap[k]
+
+ if (typeof elem[boolMap[k]] === 'boolean') {
+ //布尔属性必须使用el.xxx = true|false方式设值
+ elem[boolMap[k]] = !!obj[i]
+
+ //如果为false, IE全系列下相当于setAttribute(xxx, ''),会影响到样式,需要进一步处理
+ if (!obj[i]) obj[i] = !!obj[i]
+ }
+ if (obj[i] === false || obj[i] === null || obj[i] === undefined)
+ return elem.removeAttribute(k)
+
+ //SVG只能使用setAttribute(xxx, yyy), VML只能使用elem.xxx = yyy ,HTML的固有属性必须elem.xxx = yyy
+ var isInnate = rsvg.test(elem)
+ ? false
+ : DOC.namespaces && isVML(elem) ? true : k in elem.cloneNode(false)
+ if (isInnate) {
+ elem[k] = obj[i]
+ } else {
+ elem.setAttribute(k, obj[i])
+ }
+ }
+ }
+ }
+ })
+
+ //这几个指令都可以使用插值表达式，如:src="aaa/{{b}}/{{c}}.html"
+ 'css,include,data'.replace(rword, function(name) {
+ directives[name] = attrDir
+ })
+
+ //类名定义， :class="xx:yy" :class="{xx: yy}" :class="xx" :class="{{xx}}"
+ Anot.directive('class', {
+ init: function(binding) {
+ var expr = []
+ if (!/^\{.*\}$/.test(binding.expr)) {
+ expr = binding.expr.split(':')
+ expr[1] = (expr[1] && expr[1].trim()) || 'true'
+ var arr = expr[0].split(/\s+/)
+ binding.expr =
+ '{' +
+ arr
+ .map(function(it) {
+ return it + ': ' + expr[1]
+ })
+ .join(', ') +
+ '}'
+ } else if (/^\{\{.*\}\}$/.test(binding.expr)) {
+ binding.expr = binding.expr.slice(2, -2)
+ }
+
+ if (binding.type === 'hover' || binding.type === 'active') {
+ //确保只绑定一次
+ if (!binding.hasBindEvent) {
+ var elem = binding.element
+ var $elem = Anot(elem)
+ var activate = 'mouseenter' //在移出移入时切换类名
+ var abandon = 'mouseleave'
+ if (binding.type === 'active') {
+ //在聚焦失焦中切换类名
+ elem.tabIndex = elem.tabIndex || -1
+ activate = 'mousedown'
+ abandon = 'mouseup'
+ var fn0 = $elem.bind('mouseleave', function() {
+ $elem.removeClass(expr[0])
+ })
+ }
+ }
+
+ var fn1 = $elem.bind(activate, function() {
+ $elem.addClass(expr[0])
+ })
+ var fn2 = $elem.bind(abandon, function() {
+ $elem.removeClass(expr[0])
+ })
+ binding.rollback = function() {
+ $elem.unbind('mouseleave', fn0)
+ $elem.unbind(activate, fn1)
+ $elem.unbind(abandon, fn2)
+ }
+ binding.hasBindEvent = true
+ }
+ },
+ update: function(val) {
+ if (this.type !== 'class') {
+ return
+ }
+ var obj = val
+ if (!obj || this.param)
+ return log(
+ 'class指令语法错误 %c %s="%s"',
+ 'color:#f00',
+ this.name,
+ this.expr
+ )
+
+ if (typeof obj === 'string') {
+ obj = {}
+ obj[val] = true
+ }
+
+ if (!Anot.isPlainObject(obj)) {
+ obj = obj.$model
+ }
+
+ var $elem = Anot(this.element)
+ for (var i in obj) {
+ $elem.toggleClass(i, !!obj[i])
+ }
+ }
+ })
+
+ 'hover,active'.replace(rword, function(name) {
+ directives[name] = directives['class']
+ })
+
+ //样式定义 :css-width="200"
+ //:css="{width: 200}"
+ Anot.directive('css', {
+ init: directives.attr.init,
+ update: function(val) {
+ var $elem = Anot(this.element)
+ if (!this.param) {
+ var obj = val
+ try {
+ if (typeof val === 'object') {
+ if (!Anot.isPlainObject(val)) obj = val.$model
+ } else {
+ obj = new Function('return ' + val)()
+ }
+ for (var i in obj) {
+ $elem.css(i, obj[i])
+ }
+ } catch (err) {
+ log('样式格式错误 %c %s="%s"', 'color:#f00', this.name, this.expr)
}
} else {
- if (_this.target) {
- _this.target[ruleID].checked = true
+ $elem.css(this.param, val)
+ }
+ }
+ })
+
+ //兼容2种写法 :data-xx="yy", :data="{xx: yy}"
+ Anot.directive('data', {
+ priority: 100,
+ update: function(val) {
+ var obj = val
+ if (typeof obj === 'object' && obj !== null) {
+ if (!Anot.isPlainObject(obj)) obj = val.$model
+
+ for (var i in obj) {
+ this.element.setAttribute('data-' + i, obj[i])
}
+ } else {
+ if (!this.param) return
+
+ this.element.setAttribute('data-' + this.param, obj)
+ }
+ }
+ })
+
+ /*------ 表单验证 -------*/
+ var __rules = {}
+ Anot.validate = function(key) {
+ return (
+ !__rules[key] ||
+ __rules[key].every(function(it) {
+ return it.checked
+ })
+ )
+ }
+ Anot.directive('rule', {
+ priority: 2010,
+ init: function(binding) {
+ if (binding.param && !__rules[binding.param]) {
+ __rules[binding.param] = []
+ }
+ binding.target = __rules[binding.param]
+ },
+ update: function(obj) {
+ var _this = this,
+ elem = this.element,
+ ruleID = -1
+
+ if (!['INPUT', 'TEXTAREA'].includes(elem.nodeName)) return
+
+ if (this.target) {
+ ruleID = this.target.length
+ this.target.push({ checked: true })
+ }
+
+ //如果父级元素没有定位属性,则加上相对定位
+ if (getComputedStyle(elem.parentNode).position === 'static') {
+ elem.parentNode.style.position = 'relative'
+ }
+
+ var $elem = Anot(elem),
+ ol = elem.offsetLeft + elem.offsetWidth - 50,
+ ot = elem.offsetTop + elem.offsetHeight + 8,
+ tips = document.createElement('div')
+
+ tips.className = 'do-rule-tips'
+ tips.style.left = ol + 'px'
+ tips.style.bottom = ot + 'px'
+
+ function checked(ev) {
+ var txt = '',
+ val = elem.value
+
+ if (obj.require && (val === '' || val === null)) txt = '必填项'
+
+ if (!txt && obj.isNumeric) txt = !isFinite(val) ? '必须为合法数字' : ''
+
+ if (!txt && obj.isEmail)
+ txt = !/^[\w\.\-]+@\w+([\.\-]\w+)*\.\w+$/.test(val)
+ ? 'Email格式错误'
+ : ''
+
+ if (!txt && obj.isPhone)
+ txt = !/^1[34578]\d{9}$/.test(val) ? '手机格式错误' : ''
+
+ if (!txt && obj.isCN)
+ txt = !/^[\u4e00-\u9fa5]+$/.test(val) ? '必须为纯中文' : ''
+
+ if (!txt && obj.exp)
+ txt = !obj.exp.test(val) ? obj.msg || '格式错误' : ''
+
+ if (!txt && obj.maxLen)
+ txt =
+ val.length > obj.maxLen ? '长度不得超过' + obj.maxLen + '位' : ''
+
+ if (!txt && obj.minLen)
+ txt =
+ val.length < obj.minLen ? '长度不得小于' + obj.minLen + '位' : ''
+
+ if (!txt && obj.hasOwnProperty('max'))
+ txt = val > obj.max ? '输入值不能大于' + obj.max : ''
+
+ if (!txt && obj.hasOwnProperty('min'))
+ txt = val < obj.min ? '输入值不能小于' + obj.min : ''
+
+ if (!txt && obj.eq) {
+ var eqEl = document.querySelector('#' + obj.eq)
+ txt = val !== eqEl.value ? obj.msg || '2次值不一致' : ''
+ }
+
+ if (txt) {
+ if (ev) {
+ tips.textContent = txt
+ elem.parentNode.appendChild(tips)
+ }
+ //必须是"必填项"才会更新验证状态
+ if (_this.target && obj.require) {
+ _this.target[ruleID].checked = false
+ }
+ } else {
+ if (_this.target) {
+ _this.target[ruleID].checked = true
+ }
+ try {
+ elem.parentNode.removeChild(tips)
+ } catch (err) {}
+ }
+ }
+
+ $elem.bind('change,blur', checked)
+ $elem.bind('focus', function(ev) {
try {
elem.parentNode.removeChild(tips)
} catch (err) {}
- }
- }
-
- $elem.bind('change,blur', checked)
- $elem.bind('focus', function(ev) {
- try {
- elem.parentNode.removeChild(tips)
- } catch (err) {}
- })
-
- checked()
- }
-})
-
-//双工绑定
-var rduplexType = /^(?:checkbox|radio)$/
-var rduplexParam = /^(?:radio|checked)$/
-var rnoduplexInput = /^(file|button|reset|submit|checkbox|radio|range)$/
-var duplexBinding = yua.directive('duplex', {
- priority: 2000,
- init: function(binding, hasCast) {
- var elem = binding.element
- var vmodels = binding.vmodels
- binding.changed =
- getBindingCallback(elem, 'data-duplex-changed', vmodels) || noop
- var params = []
- var casting = oneObject('string,number,boolean,checked')
- if (elem.type === 'radio' && binding.param === '') {
- binding.param = 'checked'
- }
-
- binding.param.replace(rw20g, function(name) {
- if (rduplexType.test(elem.type) && rduplexParam.test(name)) {
- if (name === 'radio') log(':duplex-radio已经更名为:duplex-checked')
- name = 'checked'
- binding.isChecked = true
- binding.xtype = 'radio'
- }
- if (name === 'bool') {
- name = 'boolean'
- log(':duplex-bool已经更名为:duplex-boolean')
- } else if (name === 'text') {
- name = 'string'
- log(':duplex-text已经更名为:duplex-string')
- }
- if (casting[name]) {
- hasCast = true
- }
- yua.Array.ensure(params, name)
- })
- if (!hasCast) {
- params.push('string')
- }
- binding.param = params.join('-')
- if (!binding.xtype) {
- binding.xtype =
- elem.tagName === 'SELECT'
- ? 'select'
- : elem.type === 'checkbox'
- ? 'checkbox'
- : elem.type === 'radio'
- ? 'radio'
- : /^change/.test(elem.getAttribute('data-duplex-event'))
- ? 'change'
- : 'input'
- }
- //===================绑定事件======================
- var bound = (binding.bound = function(type, callback) {
- elem.addEventListener(type, callback, false)
- var old = binding.rollback
- binding.rollback = function() {
- elem.yuaSetter = null
- yua.unbind(elem, type, callback)
- old && old()
- }
- })
- function callback(value) {
- binding.changed.call(this, value, binding)
- }
- var composing = false
- function compositionStart() {
- composing = true
- }
- function compositionEnd() {
- composing = false
- setTimeout(updateVModel)
- }
- var updateVModel = function(e) {
- var val = elem.value
- //防止递归调用形成死循环
- //处理中文输入法在minlengh下引发的BUG
- if (composing || val === binding.oldValue || binding.pipe === null) {
- return
- }
-
- var lastValue = binding.pipe(val, binding, 'get')
- binding.oldValue = val
- binding.setter(lastValue)
-
- callback.call(elem, lastValue)
- yua.fireDom(elem, 'change')
- }
- switch (binding.xtype) {
- case 'radio':
- bound('click', function() {
- var lastValue = binding.pipe(elem.value, binding, 'get')
- binding.setter(lastValue)
- callback.call(elem, lastValue)
- })
- break
- case 'checkbox':
- bound('change', function() {
- var method = elem.checked ? 'ensure' : 'remove'
- var array = binding.getter.apply(0, binding.vmodels)
- if (!Array.isArray(array)) {
- log(':duplex应用于checkbox上要对应一个数组')
- array = [array]
- }
- var val = binding.pipe(elem.value, binding, 'get')
- yua.Array[method](array, val)
- callback.call(elem, array)
- })
- break
- case 'change':
- bound('change', updateVModel)
- break
- case 'input':
- bound('input', updateVModel)
- bound('keyup', updateVModel)
- if (!IEVersion) {
- bound('compositionstart', compositionStart)
- bound('compositionend', compositionEnd)
- bound('DOMAutoComplete', updateVModel)
- }
- break
- case 'select':
- bound('change', function() {
- var val = yua(elem).val() //字符串或字符串数组
- if (Array.isArray(val)) {
- val = val.map(function(v) {
- return binding.pipe(v, binding, 'get')
- })
- } else {
- val = binding.pipe(val, binding, 'get')
- }
- if (val + '' !== binding.oldValue) {
- try {
- binding.setter(val)
- } catch (ex) {
- log(ex)
- }
- }
- })
- bound('datasetchanged', function(e) {
- if (e.bubble === 'selectDuplex') {
- var value = binding._value
- var curValue = Array.isArray(value) ? value.map(String) : value + ''
- yua(elem).val(curValue)
- elem.oldValue = curValue + ''
- callback.call(elem, curValue)
- }
- })
- break
- }
- if (binding.xtype === 'input' && !rnoduplexInput.test(elem.type)) {
- if (elem.type !== 'hidden') {
- bound('focus', function() {
- elem.msFocus = true
- })
- bound('blur', function() {
- elem.msFocus = false
- })
- }
- elem.yuaSetter = updateVModel //#765
- watchValueInTimer(function() {
- if (root.contains(elem)) {
- if (!elem.msFocus) {
- updateVModel()
- }
- } else if (!elem.msRetain) {
- return false
- }
})
- }
- },
- update: function(value) {
- var elem = this.element,
- binding = this,
- curValue
- if (!this.init) {
- for (var i in yua.vmodels) {
- var v = yua.vmodels[i]
- v.$fire('yua-duplex-init', binding)
- }
- var cpipe = binding.pipe || (binding.pipe = pipe)
- cpipe(null, binding, 'init')
- this.init = 1
- }
- switch (this.xtype) {
- case 'input':
- elem.value = value
- break
- case 'change':
- curValue = this.pipe(value, this, 'set') //fix #673
- if (curValue !== this.oldValue) {
- var fixCaret = false
- if (elem.msFocus) {
- try {
- var start = elem.selectionStart
- var end = elem.selectionEnd
- if (start === end) {
- var pos = start
- fixCaret = true
- }
- } catch (e) {}
- }
- elem.value = this.oldValue = curValue
- if (fixCaret && !elem.readOnly) {
- elem.selectionStart = elem.selectionEnd = pos
- }
- }
- break
- case 'radio':
- curValue = binding.isChecked ? !!value : value + '' === elem.value
- elem.checked = curValue
- break
- case 'checkbox':
- var array = [].concat(value) //强制转换为数组
- curValue = this.pipe(elem.value, this, 'get')
- elem.checked = array.indexOf(curValue) > -1
- break
- case 'select':
- //必须变成字符串后才能比较
- binding._value = value
- if (!elem.msHasEvent) {
- elem.msHasEvent = 'selectDuplex'
- //必须等到其孩子准备好才触发
- } else {
- yua.fireDom(elem, 'datasetchanged', {
- bubble: elem.msHasEvent
- })
- }
- break
- }
- }
-})
-function fixNull(val) {
- return val == null ? '' : val
-}
-yua.duplexHooks = {
- checked: {
- get: function(val, binding) {
- return !binding.oldValue
- }
- },
- string: {
- get: function(val) {
- //同步到VM
- return val
- },
- set: fixNull
- },
- boolean: {
- get: function(val) {
- return val === 'true'
- },
- set: fixNull
- },
- number: {
- get: function(val, binding) {
- var number = val - 0
- if (-val === -number) {
- return number
- }
- var arr = /strong|medium|weak/.exec(
- binding.element.getAttribute('data-duplex-number')
- ) || ['medium']
- switch (arr[0]) {
- case 'strong':
- return 0
- case 'medium':
- return val === '' ? '' : 0
- case 'weak':
- return val
- }
- },
- set: fixNull
- }
-}
-
-function pipe(val, binding, action, e) {
- binding.param.replace(rw20g, function(name) {
- var hook = yua.duplexHooks[name]
- if (hook && typeof hook[action] === 'function') {
- val = hook[action](val, binding)
+ checked()
}
})
- return val
-}
-var TimerID,
- ribbon = []
+ //双工绑定
+ var rduplexType = /^(?:checkbox|radio)$/
+ var rduplexParam = /^(?:radio|checked)$/
+ var rnoduplexInput = /^(file|button|reset|submit|checkbox|radio|range)$/
+ var duplexBinding = Anot.directive('duplex', {
+ priority: 2000,
+ init: function(binding, hasCast) {
+ var elem = binding.element
+ var vmodels = binding.vmodels
+ binding.changed =
+ getBindingCallback(elem, 'data-duplex-changed', vmodels) || noop
+ var params = []
+ var casting = oneObject('string,number,boolean,checked')
+ if (elem.type === 'radio' && binding.param === '') {
+ binding.param = 'checked'
+ }
-yua.tick = function(fn) {
- if (ribbon.push(fn) === 1) {
- TimerID = setInterval(ticker, 60)
- }
-}
+ binding.param.replace(rw20g, function(name) {
+ if (rduplexType.test(elem.type) && rduplexParam.test(name)) {
+ name = 'checked'
+ binding.isChecked = true
+ binding.xtype = 'radio'
+ }
-function ticker() {
- for (var n = ribbon.length - 1; n >= 0; n--) {
- var el = ribbon[n]
- if (el() === false) {
- ribbon.splice(n, 1)
- }
- }
- if (!ribbon.length) {
- clearInterval(TimerID)
- }
-}
+ if (casting[name]) {
+ hasCast = true
+ }
+ Anot.Array.ensure(params, name)
+ })
+ if (!hasCast) {
+ params.push('string')
+ }
+ binding.param = params.join('-')
+ if (!binding.xtype) {
+ binding.xtype =
+ elem.tagName === 'SELECT'
+ ? 'select'
+ : elem.type === 'checkbox'
+ ? 'checkbox'
+ : elem.type === 'radio'
+ ? 'radio'
+ : /^change/.test(elem.getAttribute('data-duplex-event'))
+ ? 'change'
+ : 'input'
+ }
+ //===================绑定事件======================
+ var bound = (binding.bound = function(type, callback) {
+ elem.addEventListener(type, callback, false)
+ var old = binding.rollback
+ binding.rollback = function() {
+ elem.anotStter = null
+ Anot.unbind(elem, type, callback)
+ old && old()
+ }
+ })
+ function callback(value) {
+ binding.changed.call(this, value, binding)
+ }
+ var composing = false
+ function compositionStart() {
+ composing = true
+ }
+ function compositionEnd() {
+ composing = false
+ setTimeout(updateVModel)
+ }
+ var updateVModel = function(e) {
+ var val = elem.value
+ //防止递归调用形成死循环
+ //处理中文输入法在minlengh下引发的BUG
+ if (composing || val === binding.oldValue || binding.pipe === null) {
+ return
+ }
-var watchValueInTimer = noop
-new function() {
- // jshint ignore:line
- try {
- //#272 IE9-IE11, firefox
- var setters = {}
- var aproto = HTMLInputElement.prototype
- var bproto = HTMLTextAreaElement.prototype
- function newSetter(value) {
- // jshint ignore:line
- setters[this.tagName].call(this, value)
- if (!this.msFocus && this.yuaSetter) {
- this.yuaSetter()
+ var lastValue = binding.pipe(val, binding, 'get')
+ binding.oldValue = val
+ binding.setter(lastValue)
+
+ callback.call(elem, lastValue)
+ Anot.fireDom(elem, 'change')
+ }
+ switch (binding.xtype) {
+ case 'radio':
+ bound('click', function() {
+ var lastValue = binding.pipe(elem.value, binding, 'get')
+ binding.setter(lastValue)
+ callback.call(elem, lastValue)
+ })
+ break
+ case 'checkbox':
+ bound('change', function() {
+ var method = elem.checked ? 'ensure' : 'remove'
+ var array = binding.getter.apply(0, binding.vmodels)
+ if (!Array.isArray(array)) {
+ log(':duplex应用于checkbox上要对应一个数组')
+ array = [array]
+ }
+ var val = binding.pipe(elem.value, binding, 'get')
+ Anot.Array[method](array, val)
+ callback.call(elem, array)
+ })
+ break
+ case 'change':
+ bound('change', updateVModel)
+ break
+ case 'input':
+ bound('input', updateVModel)
+ bound('keyup', updateVModel)
+ if (!IEVersion) {
+ bound('compositionstart', compositionStart)
+ bound('compositionend', compositionEnd)
+ bound('DOMAutoComplete', updateVModel)
+ }
+ break
+ case 'select':
+ bound('change', function() {
+ var val = Anot(elem).val() //字符串或字符串数组
+ if (Array.isArray(val)) {
+ val = val.map(function(v) {
+ return binding.pipe(v, binding, 'get')
+ })
+ } else {
+ val = binding.pipe(val, binding, 'get')
+ }
+ if (val + '' !== binding.oldValue) {
+ try {
+ binding.setter(val)
+ } catch (ex) {
+ log(ex)
+ }
+ }
+ })
+ bound('datasetchanged', function(e) {
+ if (e.bubble === 'selectDuplex') {
+ var value = binding._value
+ var curValue = Array.isArray(value)
+ ? value.map(String)
+ : value + ''
+ Anot(elem).val(curValue)
+ elem.oldValue = curValue + ''
+ callback.call(elem, curValue)
+ }
+ })
+ break
+ }
+ if (binding.xtype === 'input' && !rnoduplexInput.test(elem.type)) {
+ if (elem.type !== 'hidden') {
+ bound('focus', function() {
+ elem.msFocus = true
+ })
+ bound('blur', function() {
+ elem.msFocus = false
+ })
+ }
+ elem.anotStter = updateVModel //#765
+ watchValueInTimer(function() {
+ if (root.contains(elem)) {
+ if (!elem.msFocus) {
+ updateVModel()
+ }
+ } else if (!elem.msRetain) {
+ return false
+ }
+ })
+ }
+ },
+ update: function(value) {
+ var elem = this.element,
+ binding = this,
+ curValue
+ if (!this.init) {
+ for (var i in Anot.vmodels) {
+ var v = Anot.vmodels[i]
+ v.$fire('any-duplex-init', binding)
+ }
+ var cpipe = binding.pipe || (binding.pipe = pipe)
+ cpipe(null, binding, 'init')
+ this.init = 1
+ }
+ switch (this.xtype) {
+ case 'input':
+ elem.value = value
+ break
+ case 'change':
+ curValue = this.pipe(value, this, 'set') //fix #673
+ if (curValue !== this.oldValue) {
+ var fixCaret = false
+ if (elem.msFocus) {
+ try {
+ var start = elem.selectionStart
+ var end = elem.selectionEnd
+ if (start === end) {
+ var pos = start
+ fixCaret = true
+ }
+ } catch (e) {}
+ }
+ elem.value = this.oldValue = curValue
+ if (fixCaret && !elem.readOnly) {
+ elem.selectionStart = elem.selectionEnd = pos
+ }
+ }
+ break
+ case 'radio':
+ curValue = binding.isChecked ? !!value : value + '' === elem.value
+ elem.checked = curValue
+ break
+ case 'checkbox':
+ var array = [].concat(value) //强制转换为数组
+ curValue = this.pipe(elem.value, this, 'get')
+ elem.checked = array.indexOf(curValue) > -1
+ break
+ case 'select':
+ //必须变成字符串后才能比较
+ binding._value = value
+ if (!elem.msHasEvent) {
+ elem.msHasEvent = 'selectDuplex'
+ //必须等到其孩子准备好才触发
+ } else {
+ Anot.fireDom(elem, 'datasetchanged', {
+ bubble: elem.msHasEvent
+ })
+ }
+ break
}
}
- var inputProto = HTMLInputElement.prototype
- Object.getOwnPropertyNames(inputProto) //故意引发IE6-8等浏览器报错
- setters['INPUT'] = Object.getOwnPropertyDescriptor(aproto, 'value').set
+ })
- Object.defineProperty(aproto, 'value', {
- set: newSetter
- })
- setters['TEXTAREA'] = Object.getOwnPropertyDescriptor(bproto, 'value').set
- Object.defineProperty(bproto, 'value', {
- set: newSetter
- })
- } catch (e) {
- //在chrome 43中 :duplex终于不需要使用定时器实现双向绑定了
- // http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype
- // https://docs.google.com/document/d/1jwA8mtClwxI-QJuHT7872Z0pxpZz8PBkf2bGAbsUtqs/edit?pli=1
- watchValueInTimer = yua.tick
+ function fixNull(val) {
+ return val == null ? '' : val
+ }
+ Anot.duplexHooks = {
+ checked: {
+ get: function(val, binding) {
+ return !binding.oldValue
+ }
+ },
+ string: {
+ get: function(val) {
+ //同步到VM
+ return val
+ },
+ set: fixNull
+ },
+ boolean: {
+ get: function(val) {
+ return val === 'true'
+ },
+ set: fixNull
+ },
+ number: {
+ get: function(val, binding) {
+ var number = val - 0
+ if (-val === -number) {
+ return number
+ }
+ var arr = /strong|medium|weak/.exec(
+ binding.element.getAttribute('data-duplex-number')
+ ) || ['medium']
+ switch (arr[0]) {
+ case 'strong':
+ return 0
+ case 'medium':
+ return val === '' ? '' : 0
+ case 'weak':
+ return val
+ }
+ },
+ set: fixNull
+ }
}
-}() // jshint ignore:line
-/*-------------动画------------*/
+ function pipe(val, binding, action, e) {
+ binding.param.replace(rw20g, function(name) {
+ var hook = Anot.duplexHooks[name]
+ if (hook && typeof hook[action] === 'function') {
+ val = hook[action](val, binding)
+ }
+ })
+ return val
+ }
-yua.directive('effect', {
- priority: 5,
- init: function(binding) {
- var text = binding.expr,
- className,
- rightExpr
- var colonIndex = text
- .replace(rexprg, function(a) {
- return a.replace(/./g, '0')
+ var TimerID,
+ ribbon = []
+
+ Anot.tick = function(fn) {
+ if (ribbon.push(fn) === 1) {
+ TimerID = setInterval(ticker, 60)
+ }
+ }
+
+ function ticker() {
+ for (var n = ribbon.length - 1; n >= 0; n--) {
+ var el = ribbon[n]
+ if (el() === false) {
+ ribbon.splice(n, 1)
+ }
+ }
+ if (!ribbon.length) {
+ clearInterval(TimerID)
+ }
+ }
+
+ var watchValueInTimer = noop
+ new function() {
+ // jshint ignore:line
+ try {
+ //#272 IE9-IE11, firefox
+ var setters = {}
+ var aproto = HTMLInputElement.prototype
+ var bproto = HTMLTextAreaElement.prototype
+ function newSetter(value) {
+ // jshint ignore:line
+ setters[this.tagName].call(this, value)
+ if (!this.msFocus && this.anotStter) {
+ this.anotStter()
+ }
+ }
+ var inputProto = HTMLInputElement.prototype
+ Object.getOwnPropertyNames(inputProto) //故意引发IE6-8等浏览器报错
+ setters['INPUT'] = Object.getOwnPropertyDescriptor(aproto, 'value').set
+
+ Object.defineProperty(aproto, 'value', {
+ set: newSetter
})
- .indexOf(':') //取得第一个冒号的位置
- if (colonIndex === -1) {
- // 比如 :class/effect="aaa bbb ccc" 的情况
- className = text
- rightExpr = true
- } else {
- // 比如 :class/effect-1="ui-state-active:checked" 的情况
- className = text.slice(0, colonIndex)
- rightExpr = text.slice(colonIndex + 1)
+ setters['TEXTAREA'] = Object.getOwnPropertyDescriptor(bproto, 'value').set
+ Object.defineProperty(bproto, 'value', {
+ set: newSetter
+ })
+ } catch (e) {
+ //在chrome 43中 :duplex终于不需要使用定时器实现双向绑定了
+ // http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype
+ // https://docs.google.com/document/d/1jwA8mtClwxI-QJuHT7872Z0pxpZz8PBkf2bGAbsUtqs/edit?pli=1
+ watchValueInTimer = Anot.tick
}
- if (!rexpr.test(text)) {
- className = quote(className)
- } else {
- className = normalizeExpr(className)
- }
- binding.expr = '[' + className + ',' + rightExpr + ']'
- },
- update: function(arr) {
- var name = arr[0]
- var elem = this.element
- if (elem.getAttribute('data-effect-name') === name) {
- return
- } else {
- elem.removeAttribute('data-effect-driver')
- }
- var inlineStyles = elem.style
- var computedStyles = window.getComputedStyle
- ? window.getComputedStyle(elem)
- : null
- var useAni = false
- if (computedStyles && (supportTransition || supportAnimation)) {
- //如果支持CSS动画
- var duration =
- inlineStyles[transitionDuration] || computedStyles[transitionDuration]
- if (duration && duration !== '0s') {
- elem.setAttribute('data-effect-driver', 't')
- useAni = true
+ }() // jshint ignore:line
+
+ /*-------------动画------------*/
+
+ Anot.directive('effect', {
+ priority: 5,
+ init: function(binding) {
+ var text = binding.expr,
+ className,
+ rightExpr
+ var colonIndex = text
+ .replace(rexprg, function(a) {
+ return a.replace(/./g, '0')
+ })
+ .indexOf(':') //取得第一个冒号的位置
+ if (colonIndex === -1) {
+ // 比如 :class/effect="aaa bbb ccc" 的情况
+ className = text
+ rightExpr = true
+ } else {
+ // 比如 :class/effect-1="ui-state-active:checked" 的情况
+ className = text.slice(0, colonIndex)
+ rightExpr = text.slice(colonIndex + 1)
+ }
+ if (!rexpr.test(text)) {
+ className = quote(className)
+ } else {
+ className = normalizeExpr(className)
+ }
+ binding.expr = '[' + className + ',' + rightExpr + ']'
+ },
+ update: function(arr) {
+ var name = arr[0]
+ var elem = this.element
+ if (elem.getAttribute('data-effect-name') === name) {
+ return
+ } else {
+ elem.removeAttribute('data-effect-driver')
+ }
+ var inlineStyles = elem.style
+ var computedStyles = window.getComputedStyle
+ ? window.getComputedStyle(elem)
+ : null
+ var useAni = false
+ if (computedStyles && (supportTransition || supportAnimation)) {
+ //如果支持CSS动画
+ var duration =
+ inlineStyles[transitionDuration] || computedStyles[transitionDuration]
+ if (duration && duration !== '0s') {
+ elem.setAttribute('data-effect-driver', 't')
+ useAni = true
+ }
+
+ if (!useAni) {
+ duration =
+ inlineStyles[animationDuration] || computedStyles[animationDuration]
+ if (duration && duration !== '0s') {
+ elem.setAttribute('data-effect-driver', 'a')
+ useAni = true
+ }
+ }
}
if (!useAni) {
- duration =
- inlineStyles[animationDuration] || computedStyles[animationDuration]
- if (duration && duration !== '0s') {
- elem.setAttribute('data-effect-driver', 'a')
+ if (Anot.effects[name]) {
+ elem.setAttribute('data-effect-driver', 'j')
useAni = true
}
}
- }
-
- if (!useAni) {
- if (yua.effects[name]) {
- elem.setAttribute('data-effect-driver', 'j')
- useAni = true
+ if (useAni) {
+ elem.setAttribute('data-effect-name', name)
}
}
- if (useAni) {
- elem.setAttribute('data-effect-name', name)
- }
- }
-})
-
-yua.effects = {}
-yua.effect = function(name, callbacks) {
- yua.effects[name] = callbacks
-}
-
-var supportTransition = false
-var supportAnimation = false
-
-var transitionEndEvent
-var animationEndEvent
-var transitionDuration = yua.cssName('transition-duration')
-var animationDuration = yua.cssName('animation-duration')
-new function() {
- // jshint ignore:line
- var checker = {
- TransitionEvent: 'transitionend',
- WebKitTransitionEvent: 'webkitTransitionEnd',
- OTransitionEvent: 'oTransitionEnd',
- otransitionEvent: 'otransitionEnd'
- }
- var tran
- //有的浏览器同时支持私有实现与标准写法，比如webkit支持前两种，Opera支持1、3、4
- for (var name in checker) {
- if (window[name]) {
- tran = checker[name]
- break
- }
- try {
- var a = document.createEvent(name)
- tran = checker[name]
- break
- } catch (e) {}
- }
- if (typeof tran === 'string') {
- supportTransition = true
- transitionEndEvent = tran
- }
-
- //大致上有两种选择
- //IE10+, Firefox 16+ & Opera 12.1+: animationend
- //Chrome/Safari: webkitAnimationEnd
- //http://blogs.msdn.com/b/davrous/archive/2011/12/06/introduction-to-css3-animat ions.aspx
- //IE10也可以使用MSAnimationEnd监听，但是回调里的事件 type依然为animationend
- // el.addEventListener("MSAnimationEnd", function(e) {
- // alert(e.type)// animationend！！！
- // })
- checker = {
- AnimationEvent: 'animationend',
- WebKitAnimationEvent: 'webkitAnimationEnd'
- }
- var ani
- for (name in checker) {
- if (window[name]) {
- ani = checker[name]
- break
- }
- }
- if (typeof ani === 'string') {
- supportTransition = true
- animationEndEvent = ani
- }
-}()
-
-var effectPool = [] //重复利用动画实例
-function effectFactory(el, opts) {
- if (!el || el.nodeType !== 1) {
- return null
- }
- if (opts) {
- var name = opts.effectName
- var driver = opts.effectDriver
- } else {
- name = el.getAttribute('data-effect-name')
- driver = el.getAttribute('data-effect-driver')
- }
- if (!name || !driver) {
- return null
- }
-
- var instance = effectPool.pop() || new Effect()
- instance.el = el
- instance.driver = driver
- instance.useCss = driver !== 'j'
- if (instance.useCss) {
- opts && yua(el).addClass(opts.effectClass)
- instance.cssEvent = driver === 't' ? transitionEndEvent : animationEndEvent
- }
- instance.name = name
- instance.callbacks = yua.effects[name] || {}
-
- return instance
-}
-
-function effectBinding(elem, binding) {
- var name = elem.getAttribute('data-effect-name')
- if (name) {
- binding.effectName = name
- binding.effectDriver = elem.getAttribute('data-effect-driver')
- var stagger = +elem.getAttribute('data-effect-stagger')
- binding.effectLeaveStagger =
- +elem.getAttribute('data-effect-leave-stagger') || stagger
- binding.effectEnterStagger =
- +elem.getAttribute('data-effect-enter-stagger') || stagger
- binding.effectClass = elem.className || NaN
- }
-}
-function upperFirstChar(str) {
- return str.replace(/^[\S]/g, function(m) {
- return m.toUpperCase()
})
-}
-var effectBuffer = new Buffer()
-function Effect() {} //动画实例,做成类的形式,是为了共用所有原型方法
-Effect.prototype = {
- contrustor: Effect,
- enterClass: function() {
- return getEffectClass(this, 'enter')
- },
- leaveClass: function() {
- return getEffectClass(this, 'leave')
- },
- // 共享一个函数
- actionFun: function(name, before, after) {
- if (document.hidden) {
- return
+ Anot.effects = {}
+ Anot.effect = function(name, callbacks) {
+ Anot.effects[name] = callbacks
+ }
+
+ var supportTransition = false
+ var supportAnimation = false
+
+ var transitionEndEvent
+ var animationEndEvent
+ var transitionDuration = Anot.cssName('transition-duration')
+ var animationDuration = Anot.cssName('animation-duration')
+ new function() {
+ // jshint ignore:line
+ var checker = {
+ TransitionEvent: 'transitionend',
+ WebKitTransitionEvent: 'webkitTransitionEnd',
+ OTransitionEvent: 'oTransitionEnd',
+ otransitionEvent: 'otransitionEnd'
}
- var me = this
- var el = me.el
- var isLeave = name === 'leave'
- name = isLeave ? 'leave' : 'enter'
- var oppositeName = isLeave ? 'enter' : 'leave'
- callEffectHook(me, 'abort' + upperFirstChar(oppositeName))
- callEffectHook(me, 'before' + upperFirstChar(name))
- if (!isLeave) before(el) //这里可能做插入DOM树的操作,因此必须在修改类名前执行
- var cssCallback = function(cancel) {
- el.removeEventListener(me.cssEvent, me.cssCallback)
- if (isLeave) {
- before(el) //这里可能做移出DOM树操作,因此必须位于动画之后
- yua(el).removeClass(me.cssClass)
- } else {
- if (me.driver === 'a') {
- yua(el).removeClass(me.cssClass)
- }
+ var tran
+ //有的浏览器同时支持私有实现与标准写法，比如webkit支持前两种，Opera支持1、3、4
+ for (var name in checker) {
+ if (window[name]) {
+ tran = checker[name]
+ break
}
- if (cancel !== true) {
- callEffectHook(me, 'after' + upperFirstChar(name))
- after && after(el)
- }
- me.dispose()
+ try {
+ var a = document.createEvent(name)
+ tran = checker[name]
+ break
+ } catch (e) {}
}
- if (me.useCss) {
- if (me.cssCallback) {
- //如果leave动画还没有完成,立即完成
- me.cssCallback(true)
+ if (typeof tran === 'string') {
+ supportTransition = true
+ transitionEndEvent = tran
+ }
+
+ //大致上有两种选择
+ //IE10+, Firefox 16+ & Opera 12.1+: animationend
+ //Chrome/Safari: webkitAnimationEnd
+ //http://blogs.msdn.com/b/davrous/archive/2011/12/06/introduction-to-css3-animat ions.aspx
+ //IE10也可以使用MSAnimationEnd监听，但是回调里的事件 type依然为animationend
+ // el.addEventListener("MSAnimationEnd", function(e) {
+ // alert(e.type)// animationend！！！
+ // })
+ checker = {
+ AnimationEvent: 'animationend',
+ WebKitAnimationEvent: 'webkitAnimationEnd'
+ }
+ var ani
+ for (name in checker) {
+ if (window[name]) {
+ ani = checker[name]
+ break
}
+ }
+ if (typeof ani === 'string') {
+ supportTransition = true
+ animationEndEvent = ani
+ }
+ }()
- me.cssClass = getEffectClass(me, name)
- me.cssCallback = cssCallback
-
- me.update = function() {
- el.addEventListener(me.cssEvent, me.cssCallback)
- if (!isLeave && me.driver === 't') {
- //transtion延迟触发
- yua(el).removeClass(me.cssClass)
- }
- }
- yua(el).addClass(me.cssClass) //animation会立即触发
-
- effectBuffer.render(true)
- effectBuffer.queue.push(me)
+ var effectPool = [] //重复利用动画实例
+ function effectFactory(el, opts) {
+ if (!el || el.nodeType !== 1) {
+ return null
+ }
+ if (opts) {
+ var name = opts.effectName
+ var driver = opts.effectDriver
} else {
- callEffectHook(me, name, cssCallback)
+ name = el.getAttribute('data-effect-name')
+ driver = el.getAttribute('data-effect-driver')
}
- },
- enter: function(before, after) {
- this.actionFun.apply(this, ['enter'].concat(yua.slice(arguments)))
- },
- leave: function(before, after) {
- this.actionFun.apply(this, ['leave'].concat(yua.slice(arguments)))
- },
- dispose: function() {
- //销毁与回收到池子中
- this.update = this.cssCallback = null
- if (effectPool.unshift(this) > 100) {
- effectPool.pop()
+ if (!name || !driver) {
+ return null
+ }
+
+ var instance = effectPool.pop() || new Effect()
+ instance.el = el
+ instance.driver = driver
+ instance.useCss = driver !== 'j'
+ if (instance.useCss) {
+ opts && Anot(el).addClass(opts.effectClass)
+ instance.cssEvent =
+ driver === 't' ? transitionEndEvent : animationEndEvent
+ }
+ instance.name = name
+ instance.callbacks = Anot.effects[name] || {}
+
+ return instance
+ }
+
+ function effectBinding(elem, binding) {
+ var name = elem.getAttribute('data-effect-name')
+ if (name) {
+ binding.effectName = name
+ binding.effectDriver = elem.getAttribute('data-effect-driver')
+ var stagger = +elem.getAttribute('data-effect-stagger')
+ binding.effectLeaveStagger =
+ +elem.getAttribute('data-effect-leave-stagger') || stagger
+ binding.effectEnterStagger =
+ +elem.getAttribute('data-effect-enter-stagger') || stagger
+ binding.effectClass = elem.className || NaN
}
}
-}
-
-function getEffectClass(instance, type) {
- var a = instance.callbacks[type + 'Class']
- if (typeof a === 'string') return a
- if (typeof a === 'function') return a()
- return instance.name + '-' + type
-}
-
-function callEffectHook(effect, name, cb) {
- var hook = effect.callbacks[name]
- if (hook) {
- hook.call(effect, effect.el, cb)
- }
-}
-
-var applyEffect = function(el, dir /*[before, [after, [opts]]]*/) {
- var args = aslice.call(arguments, 0)
- if (typeof args[2] !== 'function') {
- args.splice(2, 0, noop)
- }
- if (typeof args[3] !== 'function') {
- args.splice(3, 0, noop)
- }
- var before = args[2]
- var after = args[3]
- var opts = args[4]
- var effect = effectFactory(el, opts)
- if (!effect) {
- before()
- after()
- return false
- } else {
- var method = dir ? 'enter' : 'leave'
- effect[method](before, after)
- }
-}
-
-yua.mix(yua.effect, {
- apply: applyEffect,
- append: function(el, parent, after, opts) {
- return applyEffect(
- el,
- 1,
- function() {
- parent.appendChild(el)
- },
- after,
- opts
- )
- },
- before: function(el, target, after, opts) {
- return applyEffect(
- el,
- 1,
- function() {
- target.parentNode.insertBefore(el, target)
- },
- after,
- opts
- )
- },
- remove: function(el, parent, after, opts) {
- return applyEffect(
- el,
- 0,
- function() {
- if (el.parentNode === parent) parent.removeChild(el)
- },
- after,
- opts
- )
- }
-})
-
-yua.directive('html', {
- update: function(val) {
- var binding = this
- var elem = this.element
- var isHtmlFilter = elem.nodeType !== 1
- var parent = isHtmlFilter ? elem.parentNode : elem
- if (!parent) return
- val = val == null ? '' : val
-
- if (elem.nodeType === 3) {
- var signature = generateID('html')
- parent.insertBefore(DOC.createComment(signature), elem)
- binding.element = DOC.createComment(signature + ':end')
- parent.replaceChild(binding.element, elem)
- elem = binding.element
- }
- if (typeof val !== 'object') {
- //string, number, boolean
- var fragment = yua.parseHTML(String(val))
- } else if (val.nodeType === 11) {
- //将val转换为文档碎片
- fragment = val
- } else if (val.nodeType === 1 || val.item) {
- var nodes = val.nodeType === 1 ? val.childNodes : val.item
- fragment = yuaFragment.cloneNode(true)
- while (nodes[0]) {
- fragment.appendChild(nodes[0])
- }
- }
-
- nodes = yua.slice(fragment.childNodes)
- //插入占位符, 如果是过滤器,需要有节制地移除指定的数量,如果是html指令,直接清空
- if (isHtmlFilter) {
- var endValue = elem.nodeValue.slice(0, -4)
- while (true) {
- var node = elem.previousSibling
- if (!node || (node.nodeType === 8 && node.nodeValue === endValue)) {
- break
- } else {
- parent.removeChild(node)
- }
- }
- parent.insertBefore(fragment, elem)
- } else {
- yua.clearHTML(elem).appendChild(fragment)
- }
- scanNodeArray(nodes, binding.vmodels)
- }
-})
-
-yua.directive('if', {
- priority: 10,
- update: function(val) {
- var binding = this
- var elem = this.element
- var stamp = (binding.stamp = +new Date())
- var par
- var after = function() {
- if (stamp !== binding.stamp) return
- binding.recoverNode = null
- }
- if (binding.recoverNode) binding.recoverNode() // 还原现场，有移动节点的都需要还原现场
- try {
- if (!elem.parentNode) return
- par = elem.parentNode
- } catch (e) {
- return
- }
- if (val) {
- //插回DOM树
- function alway() {
- // jshint ignore:line
- if (elem.getAttribute(binding.name)) {
- elem.removeAttribute(binding.name)
- scanAttr(elem, binding.vmodels)
- }
- binding.rollback = null
- }
- if (elem.nodeType === 8) {
- var keep = binding.keep
- var hasEffect = yua.effect.apply(
- keep,
- 1,
- function() {
- if (stamp !== binding.stamp) return
- elem.parentNode.replaceChild(keep, elem)
- elem = binding.element = keep //这时可能为null
- if (keep.getAttribute('_required')) {
- //#1044
- elem.required = true
- elem.removeAttribute('_required')
- }
- if (elem.querySelectorAll) {
- yua.each(elem.querySelectorAll('[_required=true]'), function(el) {
- el.required = true
- el.removeAttribute('_required')
- })
- }
- alway()
- },
- after
- )
- hasEffect = hasEffect === false
- }
- if (!hasEffect) alway()
- } else {
- //移出DOM树，并用注释节点占据原位置
- if (elem.nodeType === 1) {
- if (elem.required === true) {
- elem.required = false
- elem.setAttribute('_required', 'true')
- }
- try {
- //如果不支持querySelectorAll或:required,可以直接无视
- yua.each(elem.querySelectorAll(':required'), function(el) {
- elem.required = false
- el.setAttribute('_required', 'true')
- })
- } catch (e) {}
-
- var node = (binding.element = DOC.createComment(':if')),
- pos = elem.nextSibling
- binding.recoverNode = function() {
- binding.recoverNode = null
- if (node.parentNode !== par) {
- par.insertBefore(node, pos)
- binding.keep = elem
- }
- }
-
- yua.effect.apply(
- elem,
- 0,
- function() {
- binding.recoverNode = null
- if (stamp !== binding.stamp) return
- elem.parentNode.replaceChild(node, elem)
- binding.keep = elem //元素节点
- ifGroup.appendChild(elem)
- binding.rollback = function() {
- if (elem.parentNode === ifGroup) {
- ifGroup.removeChild(elem)
- }
- }
- },
- after
- )
- }
- }
- }
-})
-
-//:important绑定已经在scanTag 方法中实现
-var rnoscripts = /(?:[\s\S]+?)<\/noscript>/gim
-var rnoscriptText = /([\s\S]+?)<\/noscript>/im
-
-var getXHR = function() {
- return new window.XMLHttpRequest() // jshint ignore:line
-}
-//将所有远程加载的模板,以字符串形式存放到这里
-var templatePool = (yua.templateCache = {})
-
-function getTemplateContainer(binding, id, text) {
- var div = binding.templateCache && binding.templateCache[id]
- if (div) {
- var dom = DOC.createDocumentFragment(),
- firstChild
- while ((firstChild = div.firstChild)) {
- dom.appendChild(firstChild)
- }
- return dom
- }
- return yua.parseHTML(text)
-}
-function nodesToFrag(nodes) {
- var frag = DOC.createDocumentFragment()
- for (var i = 0, len = nodes.length; i < len; i++) {
- frag.appendChild(nodes[i])
- }
- return frag
-}
-yua.directive('include', {
- init: directives.attr.init,
- update: function(val) {
- var binding = this
- var elem = this.element
- var vmodels = binding.vmodels
- var rendered = binding.includeRendered
- var effectClass = binding.effectName && binding.effectClass // 是否开启动画
- var templateCache = binding.templateCache // 是否data-include-cache
- var outer = binding.includeReplace // 是否data-include-replace
- var loaded = binding.includeLoaded
- var target = outer ? elem.parentNode : elem
- var _ele = binding._element // data-include-replace binding.element === binding.end
-
- binding.recoverNodes = binding.recoverNodes || yua.noop
-
- var scanTemplate = function(text) {
- var _stamp = (binding._stamp = +new Date()) // 过滤掉频繁操作
- if (loaded) {
- var newText = loaded.apply(target, [text].concat(vmodels))
- if (typeof newText === 'string') text = newText
- }
- if (rendered) {
- checkScan(
- target,
- function() {
- rendered.call(target)
- },
- NaN
- )
- }
- var lastID = binding.includeLastID || '_default' // 默认
-
- binding.includeLastID = val
- var leaveEl =
- (templateCache && templateCache[lastID]) ||
- DOC.createElement(elem.tagName || binding._element.tagName) // 创建一个离场元素
-
- if (effectClass) {
- leaveEl.className = effectClass
- target.insertBefore(leaveEl, binding.start) // 插入到start之前，防止被错误的移动
- }
-
- // cache or animate，移动节点
- ;(templateCache || {})[lastID] = leaveEl
- var fragOnDom = binding.recoverNodes() // 恢复动画中的节点
- if (fragOnDom) {
- target.insertBefore(fragOnDom, binding.end)
- }
- while (true) {
- var node = binding.start.nextSibling
- if (node && node !== leaveEl && node !== binding.end) {
- leaveEl.appendChild(node)
- } else {
- break
- }
- }
-
- // 元素退场
- yua.effect.remove(
- leaveEl,
- target,
- function() {
- if (templateCache) {
- // write cache
- if (_stamp === binding._stamp) ifGroup.appendChild(leaveEl)
- }
- },
- binding
- )
-
- var enterEl = target,
- before = yua.noop,
- after = yua.noop
-
- var fragment = getTemplateContainer(binding, val, text)
- var nodes = yua.slice(fragment.childNodes)
-
- if (outer && effectClass) {
- enterEl = _ele
- enterEl.innerHTML = '' // 清空
- enterEl.setAttribute(':skip', 'true')
- target.insertBefore(enterEl, binding.end.nextSibling) // 插入到bingding.end之后避免被错误的移动
- before = function() {
- enterEl.insertBefore(fragment, null) // 插入节点
- }
- after = function() {
- binding.recoverNodes = yua.noop
- if (_stamp === binding._stamp) {
- fragment = nodesToFrag(nodes)
- target.insertBefore(fragment, binding.end) // 插入真实element
- scanNodeArray(nodes, vmodels)
- }
- if (enterEl.parentNode === target) target.removeChild(enterEl) // 移除入场动画元素
- }
- binding.recoverNodes = function() {
- binding.recoverNodes = yua.noop
- return nodesToFrag(nodes)
- }
- } else {
- before = function() {
- //新添加元素的动画
- target.insertBefore(fragment, binding.end)
- scanNodeArray(nodes, vmodels)
- }
- }
-
- yua.effect.apply(enterEl, 'enter', before, after)
- }
-
- if (!val) return
-
- var el = val
-
- if (typeof el === 'object') {
- if (el.nodeType !== 1) return log('include 不支持非DOM对象')
- } else {
- el = DOC.getElementById(val)
- if (!el) {
- if (typeof templatePool[val] === 'string') {
- yua.nextTick(function() {
- scanTemplate(templatePool[val])
- })
- } else if (Array.isArray(templatePool[val])) {
- //#805 防止在循环绑定中发出许多相同的请求
- templatePool[val].push(scanTemplate)
- } else {
- var xhr = getXHR()
- xhr.onload = function() {
- if (xhr.status !== 200)
- return log('获取网络资源出错, httpError[' + xhr.status + ']')
-
- var text = xhr.responseText
- for (var f = 0, fn; (fn = templatePool[val][f++]); ) {
- fn(text)
- }
- templatePool[val] = text
- }
- xhr.onerror = function() {
- log(':include load [' + val + '] error')
- }
- templatePool[val] = [scanTemplate]
- xhr.open('GET', val, true)
- if ('withCredentials' in xhr) {
- xhr.withCredentials = true
- }
- xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')
- xhr.send(null)
- }
- return
- }
- }
-
- yua.nextTick(function() {
- scanTemplate(el.value || el.innerText || el.innerHTML)
+ function upperFirstChar(str) {
+ return str.replace(/^[\S]/g, function(m) {
+ return m.toUpperCase()
})
}
-})
+ var effectBuffer = new Buffer()
+ function Effect() {} //动画实例,做成类的形式,是为了共用所有原型方法
-var rdash = /\(([^)]*)\)/
-var onDir = yua.directive('on', {
- priority: 3000,
- init: function(binding) {
- var value = binding.expr
- binding.type = 'on'
- var eventType = binding.param.replace(/-\d+$/, '') // :on-mousemove-10
- if (typeof onDir[eventType + 'Hook'] === 'function') {
- onDir[eventType + 'Hook'](binding)
- }
- if (value.indexOf('(') > 0 && value.indexOf(')') > -1) {
- var matched = (value.match(rdash) || ['', ''])[1].trim()
- if (matched === '' || matched === '$event') {
- // aaa() aaa($event)当成aaa处理
- value = value.replace(rdash, '')
+ Effect.prototype = {
+ contrustor: Effect,
+ enterClass: function() {
+ return getEffectClass(this, 'enter')
+ },
+ leaveClass: function() {
+ return getEffectClass(this, 'leave')
+ },
+ // 共享一个函数
+ actionFun: function(name, before, after) {
+ if (document.hidden) {
+ return
}
- }
- binding.expr = value
- },
- update: function(callback) {
- var binding = this
- var elem = this.element
- callback = function(e) {
- var fn = binding.getter || noop
- return fn.apply(this, binding.args.concat(e))
- }
+ var me = this
+ var el = me.el
+ var isLeave = name === 'leave'
+ name = isLeave ? 'leave' : 'enter'
+ var oppositeName = isLeave ? 'enter' : 'leave'
+ callEffectHook(me, 'abort' + upperFirstChar(oppositeName))
+ callEffectHook(me, 'before' + upperFirstChar(name))
+ if (!isLeave) before(el) //这里可能做插入DOM树的操作,因此必须在修改类名前执行
+ var cssCallback = function(cancel) {
+ el.removeEventListener(me.cssEvent, me.cssCallback)
+ if (isLeave) {
+ before(el) //这里可能做移出DOM树操作,因此必须位于动画之后
+ Anot(el).removeClass(me.cssClass)
+ } else {
+ if (me.driver === 'a') {
+ Anot(el).removeClass(me.cssClass)
+ }
+ }
+ if (cancel !== true) {
+ callEffectHook(me, 'after' + upperFirstChar(name))
+ after && after(el)
+ }
+ me.dispose()
+ }
+ if (me.useCss) {
+ if (me.cssCallback) {
+ //如果leave动画还没有完成,立即完成
+ me.cssCallback(true)
+ }
- var eventType = binding.param.replace(/-\d+$/, '') // :on-mousemove-10
- if (eventType === 'scan') {
- callback.call(elem, {
- type: eventType
- })
- } else if (typeof binding.specialBind === 'function') {
- binding.specialBind(elem, callback)
- } else {
- var removeFn = yua.bind(elem, eventType, callback)
- }
- binding.rollback = function() {
- if (typeof binding.specialUnbind === 'function') {
- binding.specialUnbind()
+ me.cssClass = getEffectClass(me, name)
+ me.cssCallback = cssCallback
+
+ me.update = function() {
+ el.addEventListener(me.cssEvent, me.cssCallback)
+ if (!isLeave && me.driver === 't') {
+ //transtion延迟触发
+ Anot(el).removeClass(me.cssClass)
+ }
+ }
+ Anot(el).addClass(me.cssClass) //animation会立即触发
+
+ effectBuffer.render(true)
+ effectBuffer.queue.push(me)
} else {
- yua.unbind(elem, eventType, removeFn)
+ callEffectHook(me, name, cssCallback)
+ }
+ },
+ enter: function(before, after) {
+ this.actionFun.apply(this, ['enter'].concat(Anot.slice(arguments)))
+ },
+ leave: function(before, after) {
+ this.actionFun.apply(this, ['leave'].concat(Anot.slice(arguments)))
+ },
+ dispose: function() {
+ //销毁与回收到池子中
+ this.update = this.cssCallback = null
+ if (effectPool.unshift(this) > 100) {
+ effectPool.pop()
}
}
}
-})
-yua.directive('repeat', {
- priority: 90,
- init: function(binding) {
- var type = binding.type
- binding.cache = {} //用于存放代理VM
- binding.enterCount = 0
+ function getEffectClass(instance, type) {
+ var a = instance.callbacks[type + 'Class']
+ if (typeof a === 'string') return a
+ if (typeof a === 'function') return a()
+ return instance.name + '-' + type
+ }
- var elem = binding.element
- if (elem.nodeType === 1) {
- elem.removeAttribute(binding.name)
- effectBinding(elem, binding)
- binding.param = binding.param || 'el'
- binding.sortedCallback = getBindingCallback(
- elem,
- 'data-repeat-sortby',
- binding.vmodels
- )
- var rendered = getBindingCallback(
- elem,
- 'data-repeat-rendered',
- binding.vmodels
- )
-
- var signature = generateID(type)
- var start = DOC.createComment(signature + ':start')
- var end = (binding.element = DOC.createComment(signature + ':end'))
- binding.signature = signature
- binding.start = start
- binding.template = yuaFragment.cloneNode(false)
-
- var parent = elem.parentNode
- parent.replaceChild(end, elem)
- parent.insertBefore(start, end)
- binding.template.appendChild(elem)
-
- binding.element = end
-
- if (rendered) {
- var removeFn = yua.bind(parent, 'datasetchanged', function() {
- rendered.apply(parent, parent.args)
- yua.unbind(parent, 'datasetchanged', removeFn)
- parent.msRendered = rendered
- })
- }
+ function callEffectHook(effect, name, cb) {
+ var hook = effect.callbacks[name]
+ if (hook) {
+ hook.call(effect, effect.el, cb)
}
- },
- update: function(value, oldValue) {
- var binding = this
- var xtype = this.xtype
+ }
- this.enterCount += 1
- var init = !oldValue
- if (init) {
- binding.$outer = {}
- var check0 = '$key'
- var check1 = '$val'
- if (xtype === 'array') {
- check0 = '$first'
- check1 = '$last'
+ var applyEffect = function(el, dir /*[before, [after, [opts]]]*/) {
+ var args = aslice.call(arguments, 0)
+ if (typeof args[2] !== 'function') {
+ args.splice(2, 0, noop)
+ }
+ if (typeof args[3] !== 'function') {
+ args.splice(3, 0, noop)
+ }
+ var before = args[2]
+ var after = args[3]
+ var opts = args[4]
+ var effect = effectFactory(el, opts)
+ if (!effect) {
+ before()
+ after()
+ return false
+ } else {
+ var method = dir ? 'enter' : 'leave'
+ effect[method](before, after)
+ }
+ }
+
+ Anot.mix(Anot.effect, {
+ apply: applyEffect,
+ append: function(el, parent, after, opts) {
+ return applyEffect(
+ el,
+ 1,
+ function() {
+ parent.appendChild(el)
+ },
+ after,
+ opts
+ )
+ },
+ before: function(el, target, after, opts) {
+ return applyEffect(
+ el,
+ 1,
+ function() {
+ target.parentNode.insertBefore(el, target)
+ },
+ after,
+ opts
+ )
+ },
+ remove: function(el, parent, after, opts) {
+ return applyEffect(
+ el,
+ 0,
+ function() {
+ if (el.parentNode === parent) parent.removeChild(el)
+ },
+ after,
+ opts
+ )
+ }
+ })
+
+ Anot.directive('html', {
+ update: function(val) {
+ var binding = this
+ var elem = this.element
+ var isHtmlFilter = elem.nodeType !== 1
+ var parent = isHtmlFilter ? elem.parentNode : elem
+ if (!parent) return
+ val = val == null ? '' : val
+
+ if (elem.nodeType === 3) {
+ var signature = generateID('html')
+ parent.insertBefore(DOC.createComment(signature), elem)
+ binding.element = DOC.createComment(signature + ':end')
+ parent.replaceChild(binding.element, elem)
+ elem = binding.element
}
- for (var i = 0, v; (v = binding.vmodels[i++]); ) {
- if (v.hasOwnProperty(check0) && v.hasOwnProperty(check1)) {
- binding.$outer = v
- break
+ if (typeof val !== 'object') {
+ //string, number, boolean
+ var fragment = Anot.parseHTML(String(val))
+ } else if (val.nodeType === 11) {
+ //将val转换为文档碎片
+ fragment = val
+ } else if (val.nodeType === 1 || val.item) {
+ var nodes = val.nodeType === 1 ? val.childNodes : val.item
+ fragment = anotFragment.cloneNode(true)
+ while (nodes[0]) {
+ fragment.appendChild(nodes[0])
+ }
+ }
+
+ nodes = Anot.slice(fragment.childNodes)
+ //插入占位符, 如果是过滤器,需要有节制地移除指定的数量,如果是html指令,直接清空
+ if (isHtmlFilter) {
+ var endValue = elem.nodeValue.slice(0, -4)
+ while (true) {
+ var node = elem.previousSibling
+ if (!node || (node.nodeType === 8 && node.nodeValue === endValue)) {
+ break
+ } else {
+ parent.removeChild(node)
+ }
+ }
+ parent.insertBefore(fragment, elem)
+ } else {
+ Anot.clearHTML(elem).appendChild(fragment)
+ }
+ scanNodeArray(nodes, binding.vmodels)
+ }
+ })
+
+ Anot.directive('if', {
+ priority: 10,
+ update: function(val) {
+ var binding = this
+ var elem = this.element
+ var stamp = (binding.stamp = +new Date())
+ var par
+ var after = function() {
+ if (stamp !== binding.stamp) return
+ binding.recoverNode = null
+ }
+ if (binding.recoverNode) binding.recoverNode() // 还原现场，有移动节点的都需要还原现场
+ try {
+ if (!elem.parentNode) return
+ par = elem.parentNode
+ } catch (e) {
+ return
+ }
+ if (val) {
+ //插回DOM树
+ function alway() {
+ // jshint ignore:line
+ if (elem.getAttribute(binding.name)) {
+ elem.removeAttribute(binding.name)
+ scanAttr(elem, binding.vmodels)
+ }
+ binding.rollback = null
+ }
+ if (elem.nodeType === 8) {
+ var keep = binding.keep
+ var hasEffect = Anot.effect.apply(
+ keep,
+ 1,
+ function() {
+ if (stamp !== binding.stamp) return
+ elem.parentNode.replaceChild(keep, elem)
+ elem = binding.element = keep //这时可能为null
+ if (keep.getAttribute('_required')) {
+ //#1044
+ elem.required = true
+ elem.removeAttribute('_required')
+ }
+ if (elem.querySelectorAll) {
+ Anot.each(elem.querySelectorAll('[_required=true]'), function(
+ el
+ ) {
+ el.required = true
+ el.removeAttribute('_required')
+ })
+ }
+ alway()
+ },
+ after
+ )
+ hasEffect = hasEffect === false
+ }
+ if (!hasEffect) alway()
+ } else {
+ //移出DOM树，并用注释节点占据原位置
+ if (elem.nodeType === 1) {
+ if (elem.required === true) {
+ elem.required = false
+ elem.setAttribute('_required', 'true')
+ }
+ try {
+ //如果不支持querySelectorAll或:required,可以直接无视
+ Anot.each(elem.querySelectorAll(':required'), function(el) {
+ elem.required = false
+ el.setAttribute('_required', 'true')
+ })
+ } catch (e) {}
+
+ var node = (binding.element = DOC.createComment(':if')),
+ pos = elem.nextSibling
+ binding.recoverNode = function() {
+ binding.recoverNode = null
+ if (node.parentNode !== par) {
+ par.insertBefore(node, pos)
+ binding.keep = elem
+ }
+ }
+
+ Anot.effect.apply(
+ elem,
+ 0,
+ function() {
+ binding.recoverNode = null
+ if (stamp !== binding.stamp) return
+ elem.parentNode.replaceChild(node, elem)
+ binding.keep = elem //元素节点
+ ifGroup.appendChild(elem)
+ binding.rollback = function() {
+ if (elem.parentNode === ifGroup) {
+ ifGroup.removeChild(elem)
+ }
+ }
+ },
+ after
+ )
}
}
}
- var track = this.track
- if (binding.sortedCallback) {
- //如果有回调，则让它们排序
- var keys2 = binding.sortedCallback.call(parent, track)
- if (keys2 && Array.isArray(keys2)) {
- track = keys2
+ })
+
+ var rnoscripts = /(?:[\s\S]+?)<\/noscript>/gim
+ var rnoscriptText = /([\s\S]+?)<\/noscript>/im
+
+ var getXHR = function() {
+ return new window.XMLHttpRequest() // jshint ignore:line
+ }
+ //将所有远程加载的模板,以字符串形式存放到这里
+ var templatePool = (Anot.templateCache = {})
+
+ function getTemplateContainer(binding, id, text) {
+ var div = binding.templateCache && binding.templateCache[id]
+ if (div) {
+ var dom = DOC.createDocumentFragment(),
+ firstChild
+ while ((firstChild = div.firstChild)) {
+ dom.appendChild(firstChild)
+ }
+ return dom
+ }
+ return Anot.parseHTML(text)
+ }
+ function nodesToFrag(nodes) {
+ var frag = DOC.createDocumentFragment()
+ for (var i = 0, len = nodes.length; i < len; i++) {
+ frag.appendChild(nodes[i])
+ }
+ return frag
+ }
+ Anot.directive('include', {
+ init: directives.attr.init,
+ update: function(val) {
+ var binding = this
+ var elem = this.element
+ var vmodels = binding.vmodels
+ var rendered = binding.includeRendered
+ var effectClass = binding.effectName && binding.effectClass // 是否开启动画
+ var templateCache = binding.templateCache // 是否data-include-cache
+ var outer = binding.includeReplace // 是否data-include-replace
+ var loaded = binding.includeLoaded
+ var target = outer ? elem.parentNode : elem
+ var _ele = binding._element // data-include-replace binding.element === binding.end
+
+ binding.recoverNodes = binding.recoverNodes || Anot.noop
+
+ var scanTemplate = function(text) {
+ var _stamp = (binding._stamp = +new Date()) // 过滤掉频繁操作
+ if (loaded) {
+ var newText = loaded.apply(target, [text].concat(vmodels))
+ if (typeof newText === 'string') text = newText
+ }
+ if (rendered) {
+ checkScan(
+ target,
+ function() {
+ rendered.call(target)
+ },
+ NaN
+ )
+ }
+ var lastID = binding.includeLastID || '_default' // 默认
+
+ binding.includeLastID = val
+ var leaveEl =
+ (templateCache && templateCache[lastID]) ||
+ DOC.createElement(elem.tagName || binding._element.tagName) // 创建一个离场元素
+
+ if (effectClass) {
+ leaveEl.className = effectClass
+ target.insertBefore(leaveEl, binding.start) // 插入到start之前，防止被错误的移动
+ }
+
+ // cache or animate，移动节点
+ ;(templateCache || {})[lastID] = leaveEl
+ var fragOnDom = binding.recoverNodes() // 恢复动画中的节点
+ if (fragOnDom) {
+ target.insertBefore(fragOnDom, binding.end)
+ }
+ while (true) {
+ var node = binding.start.nextSibling
+ if (node && node !== leaveEl && node !== binding.end) {
+ leaveEl.appendChild(node)
+ } else {
+ break
+ }
+ }
+
+ // 元素退场
+ Anot.effect.remove(
+ leaveEl,
+ target,
+ function() {
+ if (templateCache) {
+ // write cache
+ if (_stamp === binding._stamp) ifGroup.appendChild(leaveEl)
+ }
+ },
+ binding
+ )
+
+ var enterEl = target,
+ before = Anot.noop,
+ after = Anot.noop
+
+ var fragment = getTemplateContainer(binding, val, text)
+ var nodes = Anot.slice(fragment.childNodes)
+
+ if (outer && effectClass) {
+ enterEl = _ele
+ enterEl.innerHTML = '' // 清空
+ enterEl.setAttribute(':skip', 'true')
+ target.insertBefore(enterEl, binding.end.nextSibling) // 插入到bingding.end之后避免被错误的移动
+ before = function() {
+ enterEl.insertBefore(fragment, null) // 插入节点
+ }
+ after = function() {
+ binding.recoverNodes = Anot.noop
+ if (_stamp === binding._stamp) {
+ fragment = nodesToFrag(nodes)
+ target.insertBefore(fragment, binding.end) // 插入真实element
+ scanNodeArray(nodes, vmodels)
+ }
+ if (enterEl.parentNode === target) target.removeChild(enterEl) // 移除入场动画元素
+ }
+ binding.recoverNodes = function() {
+ binding.recoverNodes = Anot.noop
+ return nodesToFrag(nodes)
+ }
+ } else {
+ before = function() {
+ //新添加元素的动画
+ target.insertBefore(fragment, binding.end)
+ scanNodeArray(nodes, vmodels)
+ }
+ }
+
+ Anot.effect.apply(enterEl, 'enter', before, after)
+ }
+
+ if (!val) return
+
+ var el = val
+
+ if (typeof el === 'object') {
+ if (el.nodeType !== 1) return log('include 不支持非DOM对象')
+ } else {
+ el = DOC.getElementById(val)
+ if (!el) {
+ if (typeof templatePool[val] === 'string') {
+ Anot.nextTick(function() {
+ scanTemplate(templatePool[val])
+ })
+ } else if (Array.isArray(templatePool[val])) {
+ //#805 防止在循环绑定中发出许多相同的请求
+ templatePool[val].push(scanTemplate)
+ } else {
+ var xhr = getXHR()
+ xhr.onload = function() {
+ if (xhr.status !== 200)
+ return log('获取网络资源出错, httpError[' + xhr.status + ']')
+
+ var text = xhr.responseText
+ for (var f = 0, fn; (fn = templatePool[val][f++]); ) {
+ fn(text)
+ }
+ templatePool[val] = text
+ }
+ xhr.onerror = function() {
+ log(':include load [' + val + '] error')
+ }
+ templatePool[val] = [scanTemplate]
+ xhr.open('GET', val, true)
+ if ('withCredentials' in xhr) {
+ xhr.withCredentials = true
+ }
+ xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')
+ xhr.send(null)
+ }
+ return
+ }
+ }
+
+ Anot.nextTick(function() {
+ scanTemplate(el.value || el.innerText || el.innerHTML)
+ })
+ }
+ })
+
+ var rdash = /\(([^)]*)\)/
+ var onDir = Anot.directive('on', {
+ priority: 3000,
+ init: function(binding) {
+ var value = binding.expr
+ binding.type = 'on'
+ var eventType = binding.param.replace(/-\d+$/, '') // :on-mousemove-10
+ if (typeof onDir[eventType + 'Hook'] === 'function') {
+ onDir[eventType + 'Hook'](binding)
+ }
+ if (value.indexOf('(') > 0 && value.indexOf(')') > -1) {
+ var matched = (value.match(rdash) || ['', ''])[1].trim()
+ if (matched === '' || matched === '$event') {
+ // aaa() aaa($event)当成aaa处理
+ value = value.replace(rdash, '')
+ }
+ }
+ binding.expr = value
+ },
+ update: function(callback) {
+ var binding = this
+ var elem = this.element
+ callback = function(e) {
+ var fn = binding.getter || noop
+ return fn.apply(binding.args[0], binding.args.concat(e))
+ }
+
+ var eventType = binding.param.replace(/-\d+$/, '') // :on-mousemove-10
+ if (eventType === 'scan') {
+ callback.call(elem, {
+ type: eventType
+ })
+ } else if (typeof binding.specialBind === 'function') {
+ binding.specialBind(elem, callback)
+ } else {
+ var removeFn = Anot.bind(elem, eventType, callback)
+ }
+ binding.rollback = function() {
+ if (typeof binding.specialUnbind === 'function') {
+ binding.specialUnbind()
+ } else {
+ Anot.unbind(elem, eventType, removeFn)
+ }
}
}
+ })
- var action = 'move'
- binding.$repeat = value
- var fragments = []
- var transation = init && yuaFragment.cloneNode(false)
- var proxies = []
- var param = this.param
- var retain = yua.mix({}, this.cache)
- var elem = this.element
- var length = track.length
+ Anot.directive('repeat', {
+ priority: 90,
+ init: function(binding) {
+ var type = binding.type
+ binding.cache = {} //用于存放代理VM
+ binding.enterCount = 0
- var parent = elem.parentNode
+ var elem = binding.element
+ if (elem.nodeType === 1) {
+ elem.removeAttribute(binding.name)
+ effectBinding(elem, binding)
+ binding.param = binding.param || 'el'
+ binding.sortedCallback = getBindingCallback(
+ elem,
+ 'data-repeat-sortby',
+ binding.vmodels
+ )
+ var rendered = getBindingCallback(
+ elem,
+ 'data-repeat-rendered',
+ binding.vmodels
+ )
- //检查新元素数量
- var newCount = 0
- for (i = 0; i < length; i++) {
- var keyOrId = track[i]
- if (!retain[keyOrId]) newCount++
- }
- var oldCount = 0
- for (i in retain) {
- oldCount++
- }
- var clear = (!length || newCount === length) && oldCount > 10 //当全部是新元素,且移除元素较多(10)时使用clear
+ var signature = generateID(type)
+ var start = DOC.createComment(signature + ':start')
+ var end = (binding.element = DOC.createComment(signature + ':end'))
+ binding.signature = signature
+ binding.start = start
+ binding.template = anotFragment.cloneNode(false)
- var kill = elem.previousSibling
- var start = binding.start
+ var parent = elem.parentNode
+ parent.replaceChild(end, elem)
+ parent.insertBefore(start, end)
+ binding.template.appendChild(elem)
- /*log(kill === start, kill)
+ binding.element = end
+
+ if (rendered) {
+ var removeFn = Anot.bind(parent, 'datasetchanged', function() {
+ rendered.apply(parent, parent.args)
+ Anot.unbind(parent, 'datasetchanged', removeFn)
+ parent.msRendered = rendered
+ })
+ }
+ }
+ },
+ update: function(value, oldValue) {
+ var binding = this
+ var xtype = this.xtype
+
+ this.enterCount += 1
+ var init = !oldValue
+ if (init) {
+ binding.$outer = {}
+ var check0 = '$key'
+ var check1 = '$val'
+ if (xtype === 'array') {
+ check0 = '$first'
+ check1 = '$last'
+ }
+ for (var i = 0, v; (v = binding.vmodels[i++]); ) {
+ if (v.hasOwnProperty(check0) && v.hasOwnProperty(check1)) {
+ binding.$outer = v
+ break
+ }
+ }
+ }
+ var track = this.track
+ if (binding.sortedCallback) {
+ //如果有回调，则让它们排序
+ var keys2 = binding.sortedCallback.call(parent, track)
+ if (keys2 && Array.isArray(keys2)) {
+ track = keys2
+ }
+ }
+
+ var action = 'move'
+ binding.$repeat = value
+ var fragments = []
+ var transation = init && anotFragment.cloneNode(false)
+ var proxies = []
+ var param = this.param
+ var retain = Anot.mix({}, this.cache)
+ var elem = this.element
+ var length = track.length
+
+ var parent = elem.parentNode
+
+ //检查新元素数量
+ var newCount = 0
+ for (i = 0; i < length; i++) {
+ var keyOrId = track[i]
+ if (!retain[keyOrId]) newCount++
+ }
+ var oldCount = 0
+ for (i in retain) {
+ oldCount++
+ }
+ var clear = (!length || newCount === length) && oldCount > 10 //当全部是新元素,且移除元素较多(10)时使用clear
+
+ var kill = elem.previousSibling
+ var start = binding.start
+
+ /*log(kill === start, kill)
while(kill !== start && kill.nodeName !== '#comment'){
parent.removeChild(kill)
kill = elem.previousSibling
}*/
- if (clear) {
- while (kill !== start) {
- parent.removeChild(kill)
- kill = elem.previousSibling
- }
- }
-
- for (i = 0; i < length; i++) {
- keyOrId = track[i] //array为随机数, object 为keyName
- var proxy = retain[keyOrId]
- if (!proxy) {
- proxy = getProxyVM(this)
- proxy.$up = null
- if (xtype === 'array') {
- action = 'add'
- proxy.$id = keyOrId
- var valueItem = value[i]
- proxy[param] = valueItem //index
- if (Object(valueItem) === valueItem) {
- valueItem.$ups = valueItem.$ups || {}
- valueItem.$ups[param] = proxy
- }
- } else {
- action = 'append'
- proxy.$key = keyOrId
- proxy.$val = value[keyOrId] //key
- proxy[param] = { $key: proxy.$key, $val: proxy.$val }
- }
- this.cache[keyOrId] = proxy
- var node = proxy.$anchor || (proxy.$anchor = elem.cloneNode(false))
- node.nodeValue = this.signature
- shimController(
- binding,
- transation,
- proxy,
- fragments,
- init && !binding.effectDriver
- )
- decorateProxy(proxy, binding, xtype)
- } else {
- // if (xtype === "array") {
- // proxy[param] = value[i]
- // }
- fragments.push({})
- retain[keyOrId] = true
- }
-
- //重写proxy
- if (this.enterCount === 1) {
- //防止多次进入,导致位置不对
- proxy.$active = false
- proxy.$oldIndex = proxy.$index
- proxy.$active = true
- proxy.$index = i
- }
-
- if (xtype === 'array') {
- proxy.$first = i === 0
- proxy.$last = i === length - 1
- // proxy[param] = value[i]
- } else {
- proxy.$val = toJson(value[keyOrId]) //这里是处理vm.object = newObject的情况
- }
- proxies.push(proxy)
- }
- this.proxies = proxies
- if (init && !binding.effectDriver) {
- parent.insertBefore(transation, elem)
- fragments.forEach(function(fragment) {
- scanNodeArray(fragment.nodes || [], fragment.vmodels)
- //if(fragment.vmodels.length > 2)
- fragment.nodes = fragment.vmodels = null
- }) // jshint ignore:line
- } else {
- var staggerIndex = (binding.staggerIndex = 0)
- for (keyOrId in retain) {
- if (retain[keyOrId] !== true) {
- action = 'del'
- !clear && removeItem(retain[keyOrId].$anchor, binding, true)
- // 相当于delete binding.cache[key]
- proxyRecycler(this.cache, keyOrId, param)
- retain[keyOrId] = null
+ if (clear) {
+ while (kill !== start) {
+ parent.removeChild(kill)
+ kill = elem.previousSibling
}
}
for (i = 0; i < length; i++) {
- proxy = proxies[i]
- keyOrId = xtype === 'array' ? proxy.$id : proxy.$key
- var pre = proxies[i - 1]
- var preEl = pre ? pre.$anchor : binding.start
- if (!retain[keyOrId]) {
- //如果还没有插入到DOM树,进行插入动画
- ;(function(fragment, preElement) {
- var nodes = fragment.nodes
- var vmodels = fragment.vmodels
- if (nodes) {
+ keyOrId = track[i] //array为随机数, object 为keyName
+ var proxy = retain[keyOrId]
+ if (!proxy) {
+ // log(this)
+ proxy = getProxyVM(this)
+ proxy.$up = this.vmodels[0]
+ if (xtype === 'array') {
+ action = 'add'
+ proxy.$id = keyOrId
+ var valueItem = value[i]
+ proxy[param] = valueItem //index
+ if (Object(valueItem) === valueItem) {
+ valueItem.$ups = valueItem.$ups || {}
+ valueItem.$ups[param] = proxy
+ }
+ } else {
+ action = 'append'
+ proxy.$key = keyOrId
+ proxy.$val = value[keyOrId] //key
+ proxy[param] = { $key: proxy.$key, $val: proxy.$val }
+ }
+ this.cache[keyOrId] = proxy
+ var node = proxy.$anchor || (proxy.$anchor = elem.cloneNode(false))
+ node.nodeValue = this.signature
+ shimController(
+ binding,
+ transation,
+ proxy,
+ fragments,
+ init && !binding.effectDriver
+ )
+ decorateProxy(proxy, binding, xtype)
+ } else {
+ // if (xtype === "array") {
+ // proxy[param] = value[i]
+ // }
+ fragments.push({})
+ retain[keyOrId] = true
+ }
+
+ //重写proxy
+ if (this.enterCount === 1) {
+ //防止多次进入,导致位置不对
+ proxy.$active = false
+ proxy.$oldIndex = proxy.$index
+ proxy.$active = true
+ proxy.$index = i
+ }
+
+ if (xtype === 'array') {
+ proxy.$first = i === 0
+ proxy.$last = i === length - 1
+ // proxy[param] = value[i]
+ } else {
+ proxy.$val = toJson(value[keyOrId]) //这里是处理vm.object = newObject的情况
+ }
+ proxies.push(proxy)
+ }
+ this.proxies = proxies
+ if (init && !binding.effectDriver) {
+ parent.insertBefore(transation, elem)
+ fragments.forEach(function(fragment) {
+ scanNodeArray(fragment.nodes || [], fragment.vmodels)
+ //if(fragment.vmodels.length > 2)
+ fragment.nodes = fragment.vmodels = null
+ }) // jshint ignore:line
+ } else {
+ var staggerIndex = (binding.staggerIndex = 0)
+ for (keyOrId in retain) {
+ if (retain[keyOrId] !== true) {
+ action = 'del'
+ !clear && removeItem(retain[keyOrId].$anchor, binding, true)
+ // 相当于delete binding.cache[key]
+ proxyRecycler(this.cache, keyOrId, param)
+ retain[keyOrId] = null
+ }
+ }
+
+ for (i = 0; i < length; i++) {
+ proxy = proxies[i]
+ keyOrId = xtype === 'array' ? proxy.$id : proxy.$key
+ var pre = proxies[i - 1]
+ var preEl = pre ? pre.$anchor : binding.start
+ if (!retain[keyOrId]) {
+ //如果还没有插入到DOM树,进行插入动画
+ ;(function(fragment, preElement) {
+ var nodes = fragment.nodes
+ var vmodels = fragment.vmodels
+ if (nodes) {
+ staggerIndex = mayStaggerAnimate(
+ binding.effectEnterStagger,
+ function() {
+ parent.insertBefore(
+ fragment.content,
+ preElement.nextSibling
+ )
+ scanNodeArray(nodes, vmodels)
+ !init && animateRepeat(nodes, 1, binding)
+ },
+ staggerIndex
+ )
+ }
+ fragment.nodes = fragment.vmodels = null
+ })(fragments[i], preEl) // jshint ignore:line
+ } else if (proxy.$index !== proxy.$oldIndex) {
+ //进行移动动画
+ ;(function(proxy2, preElement) {
staggerIndex = mayStaggerAnimate(
binding.effectEnterStagger,
function() {
- parent.insertBefore(fragment.content, preElement.nextSibling)
- scanNodeArray(nodes, vmodels)
- !init && animateRepeat(nodes, 1, binding)
+ var curNode = removeItem(proxy2.$anchor)
+ var inserted = Anot.slice(curNode.childNodes)
+ parent.insertBefore(curNode, preElement.nextSibling)
+ animateRepeat(inserted, 1, binding)
},
staggerIndex
)
- }
- fragment.nodes = fragment.vmodels = null
- })(fragments[i], preEl) // jshint ignore:line
- } else if (proxy.$index !== proxy.$oldIndex) {
- //进行移动动画
- ;(function(proxy2, preElement) {
- staggerIndex = mayStaggerAnimate(
- binding.effectEnterStagger,
- function() {
- var curNode = removeItem(proxy2.$anchor)
- var inserted = yua.slice(curNode.childNodes)
- parent.insertBefore(curNode, preElement.nextSibling)
- animateRepeat(inserted, 1, binding)
- },
- staggerIndex
- )
- })(proxy, preEl) // jshint ignore:line
- }
- }
- }
- if (!value.$track) {
- //如果是非监控对象,那么就将其$events清空,阻止其持续监听
- for (keyOrId in this.cache) {
- proxyRecycler(this.cache, keyOrId, param)
- }
- }
-
- //repeat --> duplex
- ;(function(args) {
- parent.args = args
- if (parent.msRendered) {
- //第一次事件触发,以后直接调用
- parent.msRendered.apply(parent, args)
- }
- })(kernel.newWatch ? arguments : [action])
- var id = setTimeout(function() {
- clearTimeout(id)
- //触发上层的select回调及自己的rendered回调
- yua.fireDom(parent, 'datasetchanged', {
- bubble: parent.msHasEvent
- })
- })
- this.enterCount -= 1
- }
-})
-
-function animateRepeat(nodes, isEnter, binding) {
- for (var i = 0, node; (node = nodes[i++]); ) {
- if (node.className === binding.effectClass) {
- yua.effect.apply(node, isEnter, noop, noop, binding)
- }
- }
-}
-
-function mayStaggerAnimate(staggerTime, callback, index) {
- if (staggerTime) {
- setTimeout(callback, ++index * staggerTime)
- } else {
- callback()
- }
- return index
-}
-
-function removeItem(node, binding, flagRemove) {
- var fragment = yuaFragment.cloneNode(false)
- var last = node
- var breakText = last.nodeValue
- var staggerIndex = binding && Math.max(+binding.staggerIndex, 0)
- var nodes = yua.slice(last.parentNode.childNodes)
- var index = nodes.indexOf(last)
- while (true) {
- var pre = nodes[--index] //node.previousSibling
- if (!pre || String(pre.nodeValue).indexOf(breakText) === 0) {
- break
- }
- if (!flagRemove && binding && pre.className === binding.effectClass) {
- node = pre
- ;(function(cur) {
- binding.staggerIndex = mayStaggerAnimate(
- binding.effectLeaveStagger,
- function() {
- yua.effect.apply(
- cur,
- 0,
- noop,
- function() {
- fragment.appendChild(cur)
- },
- binding
- )
- },
- staggerIndex
- )
- })(pre) // jshint ignore:line
- } else {
- fragment.insertBefore(pre, fragment.firstChild)
- }
- }
- fragment.appendChild(last)
- return fragment
-}
-
-function shimController(data, transation, proxy, fragments, init) {
- var content = data.template.cloneNode(true)
- var nodes = yua.slice(content.childNodes)
- content.appendChild(proxy.$anchor)
- init && transation.appendChild(content)
- var itemName = data.param || 'el'
- var valueItem = proxy[itemName],
- nv
-
- nv = [proxy].concat(data.vmodels)
-
- var fragment = {
- nodes: nodes,
- vmodels: nv,
- content: content
- }
- fragments.push(fragment)
-}
-// {} --> {xx: 0, yy: 1, zz: 2} add
-// {xx: 0, yy: 1, zz: 2} --> {xx: 0, yy: 1, zz: 2, uu: 3}
-// [xx: 0, yy: 1, zz: 2} --> {xx: 0, zz: 1, yy: 2}
-
-function getProxyVM(binding) {
- var agent = binding.xtype === 'object' ? withProxyAgent : eachProxyAgent
- var proxy = agent(binding)
- var node = proxy.$anchor || (proxy.$anchor = binding.element.cloneNode(false))
- node.nodeValue = binding.signature
- proxy.$outer = binding.$outer
- return proxy
-}
-
-function decorateProxy(proxy, binding, type) {
- if (type === 'array') {
- proxy.$remove = function() {
- binding.$repeat.removeAt(proxy.$index)
- }
- var param = binding.param
- proxy.$watch(param, function(a) {
- var index = proxy.$index
- binding.$repeat[index] = a
- })
- } else {
- proxy.$watch('$val', function fn(a) {
- binding.$repeat[proxy.$key] = a
- })
- }
-}
-
-var eachProxyPool = []
-
-function eachProxyAgent(data, proxy) {
- var itemName = data.param || 'el'
- for (var i = 0, n = eachProxyPool.length; i < n; i++) {
- var candidate = eachProxyPool[i]
- if (candidate && candidate.hasOwnProperty(itemName)) {
- eachProxyPool.splice(i, 1)
- proxy = candidate
- break
- }
- }
- if (!proxy) {
- proxy = eachProxyFactory(itemName)
- }
- return proxy
-}
-
-function eachProxyFactory(itemName) {
- var source = {
- $outer: {},
- $index: 0,
- $oldIndex: 0,
- $anchor: null,
- //-----
- $first: false,
- $last: false,
- $remove: yua.noop
- }
- source[itemName] = NaN
- var force = {
- $last: 1,
- $first: 1,
- $index: 1
- }
- force[itemName] = 1
- var proxy = modelFactory(source, {
- force: force
- })
- proxy.$id = generateID('$proxy$each')
- return proxy
-}
-
-var withProxyPool = []
-
-function withProxyAgent(data) {
- var itemName = data.param || 'el'
- return withProxyPool.pop() || withProxyFactory(itemName)
-}
-
-function withProxyFactory(itemName) {
- var source = {
- $key: '',
- $val: NaN,
- $index: 0,
- $oldIndex: 0,
- $outer: {},
- $anchor: null
- }
- source[itemName] = NaN
- var force = {
- $key: 1,
- $val: 1,
- $index: 1
- }
- force[itemName] = 1
- var proxy = modelFactory(source, {
- force: force
- })
- proxy.$id = generateID('$proxy$with')
- return proxy
-}
-
-function proxyRecycler(cache, key, param) {
- var proxy = cache[key]
- if (proxy) {
- var proxyPool =
- proxy.$id.indexOf('$proxy$each') === 0 ? eachProxyPool : withProxyPool
- proxy.$outer = {}
-
- for (var i in proxy.$events) {
- var a = proxy.$events[i]
- if (Array.isArray(a)) {
- a.length = 0
- if (i === param) {
- proxy[param] = NaN
- } else if (i === '$val') {
- proxy.$val = NaN
- }
- }
- }
-
- if (proxyPool.unshift(proxy) > kernel.maxRepeatSize) {
- proxyPool.pop()
- }
- delete cache[key]
- }
-}
-
-/*********************************************************************
- * 各种指令 *
- **********************************************************************/
-
-//:skip绑定已经在scanTag 方法中实现
-yua.directive('text', {
- update: function(val) {
- var elem = this.element
- val = val == null ? '' : val //不在页面上显示undefined null
- if (elem.nodeType === 3) {
- //绑定在文本节点上
- try {
- //IE对游离于DOM树外的节点赋值会报错
- elem.data = val
- } catch (e) {}
- } else {
- //绑定在特性节点上
- elem.textContent = val
- }
- }
-})
-function parseDisplay(nodeName, val) {
- //用于取得此类标签的默认display值
- var key = '_' + nodeName
- if (!parseDisplay[key]) {
- var node = DOC.createElement(nodeName)
- root.appendChild(node)
- if (W3C) {
- val = getComputedStyle(node, null).display
- } else {
- val = node.currentStyle.display
- }
- root.removeChild(node)
- parseDisplay[key] = val
- }
- return parseDisplay[key]
-}
-
-yua.parseDisplay = parseDisplay
-
-yua.directive('visible', {
- init: function(binding) {
- effectBinding(binding.element, binding)
- },
- update: function(val) {
- var binding = this,
- elem = this.element,
- stamp
- var noEffect = !this.effectName
- if (!this.stamp) {
- stamp = this.stamp = +new Date()
- if (val) {
- elem.style.display = binding.display || ''
- if (yua(elem).css('display') === 'none') {
- elem.style.display = binding.display = parseDisplay(elem.nodeName)
- }
- } else {
- elem.style.display = 'none'
- }
- return
- }
- stamp = this.stamp = +new Date()
- if (val) {
- yua.effect.apply(elem, 1, function() {
- if (stamp !== binding.stamp) return
- var driver = elem.getAttribute('data-effect-driver') || 'a'
-
- if (noEffect) {
- //不用动画时走这里
- elem.style.display = binding.display || ''
- }
- // "a", "t"
- if (driver === 'a' || driver === 't') {
- if (yua(elem).css('display') === 'none') {
- elem.style.display = binding.display || parseDisplay(elem.nodeName)
+ })(proxy, preEl) // jshint ignore:line
}
}
- })
- } else {
- yua.effect.apply(elem, 0, function() {
- if (stamp !== binding.stamp) return
- elem.style.display = 'none'
- })
- }
- }
-})
-
-/*********************************************************************
- * 自带过滤器 *
- **********************************************************************/
-
-var rscripts = /]*>([\S\s]*?)<\/script\s*>/gim
-var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
-var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/gi
-var rsanitize = {
- a: /\b(href)\=("javascript[^"]*"|'javascript[^']*')/gi,
- img: /\b(src)\=("javascript[^"]*"|'javascript[^']*')/gi,
- form: /\b(action)\=("javascript[^"]*"|'javascript[^']*')/gi
-}
-var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
-var rnoalphanumeric = /([^\#-~| |!])/g
-
-function numberFormat(number, decimals, point, thousands) {
- //form http://phpjs.org/functions/number_format/
- //number 必需，要格式化的数字
- //decimals 可选，规定多少个小数位。
- //point 可选，规定用作小数点的字符串（默认为 . ）。
- //thousands 可选，规定用作千位分隔符的字符串（默认为 , ），如果设置了该参数，那么所有其他参数都是必需的。
- number = (number + '').replace(/[^0-9+\-Ee.]/g, '')
- var n = !isFinite(+number) ? 0 : +number,
- prec = !isFinite(+decimals) ? 3 : Math.abs(decimals),
- sep = thousands || ',',
- dec = point || '.',
- s = '',
- toFixedFix = function(n, prec) {
- var k = Math.pow(10, prec)
- return '' + (Math.round(n * k) / k).toFixed(prec)
- }
- // Fix for IE parseFloat(0.55).toFixed(0) = 0;
- s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')
- if (s[0].length > 3) {
- s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep)
- }
- if ((s[1] || '').length < prec) {
- s[1] = s[1] || ''
- s[1] += new Array(prec - s[1].length + 1).join('0')
- }
- return s.join(dec)
-}
-
-var filters = (yua.filters = {
- uppercase: function(str) {
- return str.toUpperCase()
- },
- lowercase: function(str) {
- return str.toLowerCase()
- },
- //字符串截取，超过指定长度以mark标识接上
- truncate: function(str, len, mark) {
- len = len || 30
- mark = typeof mark === 'string' ? mark : '...'
- return str.slice(0, len) + (str.length <= len ? '' : mark)
- },
- //小值秒数转化为 时间格式
- time: function(str) {
- str = str >> 0
- var s = str % 60
- ;(m = Math.floor(str / 60)), (h = Math.floor(m / 60)), (m = m % 60)
- m = m < 10 ? '0' + m : m
- s = s < 10 ? '0' + s : s
-
- if (h > 0) {
- h = h < 10 ? '0' + h : h
- return h + ':' + m + ':' + s
- }
- return m + ':' + s
- },
- $filter: function(val) {
- for (var i = 1, n = arguments.length; i < n; i++) {
- var array = arguments[i]
- var fn = yua.filters[array[0]]
- if (typeof fn === 'function') {
- var arr = [val].concat(array.slice(1))
- val = fn.apply(null, arr)
}
- }
- return val
- },
- camelize: camelize,
- //https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
- // chrome
- // chrome
- // IE67chrome
- // IE67chrome
- // IE67chrome
- sanitize: function(str) {
- return str.replace(rscripts, '').replace(ropen, function(a, b) {
- var match = a.toLowerCase().match(/<(\w+)\s/)
- if (match) {
- //处理a标签的href属性，img标签的src属性，form标签的action属性
- var reg = rsanitize[match[1]]
- if (reg) {
- a = a.replace(reg, function(s, name, value) {
- var quote = value.charAt(0)
- return name + '=' + quote + 'javascript:void(0)' + quote // jshint ignore:line
- })
- }
- }
- return a.replace(ron, ' ').replace(/\s+/g, ' ') //移除onXXX事件
- })
- },
- escape: function(str) {
- //将字符串经过 str 转义得到适合在页面中显示的内容, 例如替换 < 为 <
- return String(str)
- .replace(/&/g, '&')
- .replace(rsurrogate, function(value) {
- var hi = value.charCodeAt(0)
- var low = value.charCodeAt(1)
- return '&#' + ((hi - 0xd800) * 0x400 + (low - 0xdc00) + 0x10000) + ';'
- })
- .replace(rnoalphanumeric, function(value) {
- return '&#' + value.charCodeAt(0) + ';'
- })
- .replace(//g, '>')
- },
- currency: function(amount, symbol, fractionSize) {
- return (
- (symbol || '\u00a5') +
- numberFormat(amount, isFinite(fractionSize) ? fractionSize : 2)
- )
- },
- number: numberFormat,
- //日期格式化，类似php的date函数，
- date: function(stamp, str, second) {
- second = second === undefined ? false : true
- var oDate
- if (!Date.isDate(stamp)) {
- if (!/[^\d]/.test(stamp)) {
- stamp -= 0
- if (second) {
- stamp *= 1000
+ if (!value.$track) {
+ //如果是非监控对象,那么就将其$events清空,阻止其持续监听
+ for (keyOrId in this.cache) {
+ proxyRecycler(this.cache, keyOrId, param)
}
}
- oDate = new Date(stamp)
- if (oDate + '' === 'Invalid Date') return 'Invalid Date'
- } else {
- oDate = stamp
- }
- return oDate.format(str)
- }
-})
-
-/*********************************************************************
- * AMD加载器 *
- **********************************************************************/
-
-//https://www.devbridge.com/articles/understanding-amd-requirejs/
-//http://maxogden.com/nested-dependencies.html
-var modules = (yua.modules = {
- 'domReady!': {
- exports: yua,
- state: 3
- },
- yua: {
- exports: yua,
- state: 4
- }
-})
-//Object(modules[id]).state拥有如下值
-// undefined 没有定义
-// 1(send) 已经发出请求
-// 2(loading) 已经被执行但还没有执行完成，在这个阶段define方法会被执行
-// 3(loaded) 执行完毕，通过onload/onreadystatechange回调判定，在这个阶段checkDeps方法会执行
-// 4(execute) 其依赖也执行完毕, 值放到exports对象上，在这个阶段fireFactory方法会执行
-modules.exports = modules.yua
-var otherRequire = window.require
-var otherDefine = window.define
-var innerRequire
-plugins.loader = function(builtin) {
- var flag = innerRequire && builtin
- window.require = flag ? innerRequire : otherRequire
- window.define = flag ? innerRequire.define : otherDefine
-}
-new function() {
- // jshint ignore:line
- var loadings = [] //正在加载中的模块列表
- var factorys = [] //放置define方法的factory函数
- var rjsext = /\.js$/i
- function makeRequest(name, config) {
- //1. 去掉资源前缀
- var res = 'js'
- name = name.replace(/^(\w+)\!/, function(a, b) {
- res = b
- return ''
- })
- if (res === 'ready') {
- log('ready!已经被废弃，请使用domReady!')
- res = 'domReady'
- }
- //2. 去掉querystring, hash
- var query = ''
- name = name.replace(rquery, function(a) {
- query = a
- return ''
- })
- //3. 去掉扩展名
- var suffix = '.' + res
- var ext = /js|css/.test(suffix) ? suffix : ''
- name = name.replace(/\.[a-z0-9]+$/g, function(a) {
- if (a === suffix) {
- ext = a
- return ''
- } else {
- return a
- }
- })
- //补上协议, 避免引入依赖时判断不正确
- if (/^\/\//.test(name)) {
- name = location.protocol + name
- }
- var req = yua.mix(
- {
- query: query,
- ext: ext,
- res: res,
- name: name,
- toUrl: toUrl
- },
- config
- )
- req.toUrl(name)
- return req
- }
-
- function fireRequest(req) {
- var name = req.name
- var res = req.res
- //1. 如果该模块已经发出请求，直接返回
- var module = modules[name]
- var urlNoQuery = name && req.urlNoQuery
- if (module && module.state >= 1) {
- return name
- }
- module = modules[urlNoQuery]
- if (module && module.state >= 3) {
- innerRequire(module.deps || [], module.factory, urlNoQuery)
- return urlNoQuery
- }
- if (name && !module) {
- module = modules[urlNoQuery] = {
- id: urlNoQuery,
- state: 1 //send
- }
- var wrap = function(obj) {
- resources[res] = obj
- obj.load(name, req, function(a) {
- if (arguments.length && a !== void 0) {
- module.exports = a
- }
- module.state = 4
- checkDeps()
- })
- }
-
- if (!resources[res]) {
- innerRequire([res], wrap)
- } else {
- wrap(resources[res])
- }
- }
- return name ? urlNoQuery : res + '!'
- }
-
- //核心API之一 require
- var requireQueue = []
- var isUserFirstRequire = false
- innerRequire = yua.require = function(
- array,
- factory,
- parentUrl,
- defineConfig
- ) {
- if (!isUserFirstRequire) {
- requireQueue.push(yua.slice(arguments))
- if (arguments.length <= 2) {
- isUserFirstRequire = true
- var queue = requireQueue.splice(0, requireQueue.length),
- args
- while ((args = queue.shift())) {
- innerRequire.apply(null, args)
+ //repeat --> duplex
+ ;(function(args) {
+ parent.args = args
+ if (parent.msRendered) {
+ //第一次事件触发,以后直接调用
+ parent.msRendered.apply(parent, args)
}
- }
- return
- }
- if (!Array.isArray(array)) {
- yua.error('require方法的第一个参数应为数组 ' + array)
- }
- var deps = [] // 放置所有依赖项的完整路径
- var uniq = createMap()
- var id = parentUrl || 'callback' + setTimeout('1') // jshint ignore:line
-
- defineConfig = defineConfig || createMap()
- defineConfig.baseUrl = kernel.baseUrl
- var isBuilt = !!defineConfig.built
- if (parentUrl) {
- defineConfig.parentUrl = parentUrl.substr(0, parentUrl.lastIndexOf('/'))
- defineConfig.mapUrl = parentUrl.replace(rjsext, '')
- }
- if (isBuilt) {
- var req = makeRequest(defineConfig.defineName, defineConfig)
- id = req.urlNoQuery
- } else {
- array.forEach(function(name) {
- if (!name) {
- return
- }
- var req = makeRequest(name, defineConfig)
- var url = fireRequest(req) //加载资源，并返回该资源的完整地址
-
- if (url) {
- if (!uniq[url]) {
- deps.push(url)
- uniq[url] = !0
- }
- }
- })
- }
-
- var module = modules[id]
- if (!module || module.state !== 4) {
- modules[id] = {
- id: id,
- deps: isBuilt ? array.concat() : deps,
- factory: factory || noop,
- state: 3
- }
- }
- if (!module) {
- //如果此模块是定义在另一个JS文件中, 那必须等该文件加载完毕, 才能放到检测列队中
- loadings.push(id)
- }
- checkDeps()
- }
-
- //核心API之二 require
- innerRequire.define = function(name, deps, factory) {
- //模块名,依赖列表,模块本身
- if (typeof name !== 'string') {
- factory = deps
- deps = name
- name = 'anonymous'
- }
- if (!Array.isArray(deps)) {
- factory = deps
- deps = []
- }
- var config = {
- built: !isUserFirstRequire, //用r.js打包后,所有define会放到requirejs之前
- defineName: name
- }
- var args = [deps, factory, config]
- factory.require = function(url) {
- args.splice(2, 0, url)
- if (modules[url]) {
- modules[url].state = 3 //loaded
- var isCycle = false
- try {
- isCycle = checkCycle(modules[url].deps, url)
- } catch (e) {}
- if (isCycle) {
- yua.error(
- url +
- '模块与之前的模块存在循环依赖，请不要直接用script标签引入' +
- url +
- '模块'
- )
- }
- }
- delete factory.require //释放内存
- innerRequire.apply(null, args) //0,1,2 --> 1,2,0
- }
- //根据标准,所有遵循W3C标准的浏览器,script标签会按标签的出现顺序执行。
- //老的浏览器中，加载也是按顺序的：一个文件下载完成后，才开始下载下一个文件。
- //较新的浏览器中（IE8+ 、FireFox3.5+ 、Chrome4+ 、Safari4+），为了减小请求时间以优化体验，
- //下载可以是并行的，但是执行顺序还是按照标签出现的顺序。
- //但如果script标签是动态插入的, 就未必按照先请求先执行的原则了,目测只有firefox遵守
- //唯一比较一致的是,IE10+及其他标准浏览器,一旦开始解析脚本, 就会一直堵在那里,直接脚本解析完毕
- //亦即，先进入loading阶段的script标签(模块)必然会先进入loaded阶段
- var url = config.built ? 'unknown' : getCurrentScript()
- if (url) {
- var module = modules[url]
- if (module) {
- module.state = 2
- }
- factory.require(url)
- } else {
- //合并前后的safari，合并后的IE6-9走此分支
- factorys.push(factory)
- }
- }
- //核心API之三 require.config(settings)
- innerRequire.config = kernel
- //核心API之四 define.amd 标识其符合AMD规范
- innerRequire.define.amd = modules
-
- //==========================对用户配置项进行再加工==========================
- var allpaths = (kernel['orig.paths'] = createMap())
- var allmaps = (kernel['orig.map'] = createMap())
- var allpackages = (kernel['packages'] = [])
- var allargs = (kernel['orig.args'] = createMap())
- yua.mix(plugins, {
- paths: function(hash) {
- yua.mix(allpaths, hash)
- kernel.paths = makeIndexArray(allpaths)
- },
- map: function(hash) {
- yua.mix(allmaps, hash)
- var list = makeIndexArray(allmaps, 1, 1)
- yua.each(list, function(_, item) {
- item.val = makeIndexArray(item.val)
- })
- kernel.map = list
- },
- packages: function(array) {
- array = array.concat(allpackages)
- var uniq = createMap()
- var ret = []
- for (var i = 0, pkg; (pkg = array[i++]); ) {
- pkg = typeof pkg === 'string' ? { name: pkg } : pkg
- var name = pkg.name
- if (!uniq[name]) {
- var url = joinPath(pkg.location || name, pkg.main || 'main')
- url = url.replace(rjsext, '')
- ret.push(pkg)
- uniq[name] = pkg.location = url
- pkg.reg = makeMatcher(name)
- }
- }
- kernel.packages = ret.sort()
- },
- urlArgs: function(hash) {
- if (typeof hash === 'string') {
- hash = { '*': hash }
- }
- yua.mix(allargs, hash)
- kernel.urlArgs = makeIndexArray(allargs, 1)
- },
- baseUrl: function(url) {
- if (!isAbsUrl(url)) {
- var baseElement = head.getElementsByTagName('base')[0]
- if (baseElement) {
- head.removeChild(baseElement)
- }
- var node = DOC.createElement('a')
- node.href = url
- url = node.href
- if (baseElement) {
- head.insertBefore(baseElement, head.firstChild)
- }
- }
- if (url.length > 3) kernel.baseUrl = url
- },
- shim: function(obj) {
- for (var i in obj) {
- var value = obj[i]
- if (Array.isArray(value)) {
- value = obj[i] = {
- deps: value
- }
- }
- if (!value.exportsFn && (value.exports || value.init)) {
- value.exportsFn = makeExports(value)
- }
- }
- kernel.shim = obj
- }
- })
-
- //==============================内部方法=================================
- function checkCycle(deps, nick) {
- //检测是否存在循环依赖
- for (var i = 0, id; (id = deps[i++]); ) {
- if (
- modules[id].state !== 4 &&
- (id === nick || checkCycle(modules[id].deps, nick))
- ) {
- return true
- }
- }
- }
-
- function checkFail(node, onError) {
- var id = trimQuery(node.src) //检测是否死链
- node.onload = node.onerror = null
- if (onError) {
- setTimeout(function() {
- head.removeChild(node)
- node = null // 处理旧式IE下的循环引用问题
- })
- log('加载 ' + id + ' 失败')
- } else {
- return true
- }
- }
-
- function checkDeps() {
- //检测此JS模块的依赖是否都已安装完毕,是则安装自身
- loop: for (var i = loadings.length, id; (id = loadings[--i]); ) {
- var obj = modules[id],
- deps = obj.deps
-
- if (!deps) continue
- for (var j = 0, key; (key = deps[j]); j++) {
- if (Object(modules[key]).state !== 4) {
- continue loop
- }
- }
- //如果deps是空对象或者其依赖的模块的状态都是4
- if (obj.state !== 4) {
- loadings.splice(i, 1) //必须先移除再安装，防止在IE下DOM树建完后手动刷新页面，会多次执行它
- fireFactory(obj.id, obj.deps, obj.factory)
- checkDeps() //如果成功,则再执行一次,以防有些模块就差本模块没有安装好
- }
- }
- }
-
- function loadJS(url, id, callback) {
- //通过script节点加载目标模块
- var node = DOC.createElement('script')
- node.className = subscribers //让getCurrentScript只处理类名为subscribers的script节点
- node.onload = function() {
- var factory = factorys.pop()
- factory && factory.require(id)
- if (callback) {
- callback()
- }
- id && loadings.push(id)
- checkDeps()
- }
- node.onerror = function() {
- checkFail(node, true)
- }
-
- head.insertBefore(node, head.firstChild) //chrome下第二个参数不能为null
- node.src = url //插入到head的第一个节点前，防止IE6下head标签没闭合前使用appendChild抛错,更重要的是IE6下可以收窄getCurrentScript的寻找范围
- }
-
- var resources = (innerRequire.plugins = {
- //三大常用资源插件 js!, css!, text!, domReady!
- domReady: {
- load: noop
- },
- js: {
- load: function(name, req, onLoad) {
- var url = req.url
- var id = req.urlNoQuery
- var shim = kernel.shim[name.replace(rjsext, '')]
- if (shim) {
- //shim机制
- innerRequire(shim.deps || [], function() {
- var args = yua.slice(arguments)
- loadJS(url, id, function() {
- onLoad(shim.exportsFn ? shim.exportsFn.apply(0, args) : void 0)
- })
- })
- } else {
- loadJS(url, id)
- }
- }
- },
- css: {
- load: function(name, req, onLoad) {
- var url = req.url
- head.insertAdjacentHTML(
- 'afterBegin',
- ''
- )
- onLoad()
- }
- },
- text: {
- load: function(name, req, onLoad) {
- var xhr = getXHR()
- xhr.onload = function() {
- var status = xhr.status
- if (status > 399 && status < 600) {
- yua.error(url + ' 对应资源不存在或没有开启 CORS')
- } else {
- onLoad(xhr.responseText)
- }
- }
- xhr.open('GET', req.url, true)
- xhr.send()
- }
- }
- })
- innerRequire.checkDeps = checkDeps
-
- var rquery = /(\?[^#]*)$/
- function trimQuery(url) {
- return (url || '').replace(rquery, '')
- }
-
- function isAbsUrl(path) {
- //http://stackoverflow.com/questions/10687099/how-to-test-if-a-url-string-is-absolute-or-relative
- return /^(?:[a-z\-]+:)?\/\//i.test(String(path))
- }
-
- function getCurrentScript() {
- // inspireb by https://github.com/samyk/jiagra/blob/master/jiagra.js
- var stack
- try {
- a.b.c() //强制报错,以便捕获e.stack
- } catch (e) {
- //safari5的sourceURL，firefox的fileName，它们的效果与e.stack不一样
- stack = e.stack
- }
- if (stack) {
- /**e.stack最后一行在所有支持的浏览器大致如下:
- *chrome23:
- * at http://113.93.50.63/data.js:4:1
- *firefox17:
- *@http://113.93.50.63/query.js:4
- *opera12:http://www.oldapps.com/opera.php?system=Windows_XP
- *@http://113.93.50.63/data.js:4
- *IE10:
- * at Global code (http://113.93.50.63/data.js:4:1)
- * //firefox4+ 可以用document.currentScript
- */
- stack = stack.split(/[@ ]/g).pop() //取得最后一行,最后一个空格或@之后的部分
- stack = stack[0] === '(' ? stack.slice(1, -1) : stack.replace(/\s/, '') //去掉换行符
- return trimQuery(stack.replace(/(:\d+)?:\d+$/i, '')) //去掉行号与或许存在的出错字符起始位置
- }
- var nodes = head.getElementsByTagName('script') //只在head标签中寻找
- for (var i = nodes.length, node; (node = nodes[--i]); ) {
- if (node.className === subscribers && node.readyState === 'interactive') {
- var url = node.src
- return (node.className = trimQuery(url))
- }
- }
- }
-
- var rcallback = /^callback\d+$/
- function fireFactory(id, deps, factory) {
- var module = Object(modules[id])
- module.state = 4
- for (var i = 0, array = [], d; (d = deps[i++]); ) {
- if (d === 'exports') {
- var obj = module.exports || (module.exports = createMap())
- array.push(obj)
- } else {
- array.push(modules[d].exports)
- }
- }
- try {
- var ret = factory.apply(window, array)
- } catch (e) {
- log('执行[' + id + ']模块的factory抛错： ', e)
- }
- if (ret !== void 0) {
- module.exports = ret
- }
- if (rcallback.test(id)) {
- delete modules[id]
- }
- delete module.factory
- return ret
- }
- function toUrl(id) {
- if (id.indexOf(this.res + '!') === 0) {
- id = id.slice(this.res.length + 1) //处理define("css!style",[], function(){})的情况
- }
- var url = id
- //1. 是否命中paths配置项
- var usePath = 0
- var baseUrl = this.baseUrl
- var rootUrl = this.parentUrl || baseUrl
- eachIndexArray(id, kernel.paths, function(value, key) {
- url = url.replace(key, value)
- usePath = 1
- })
- //2. 是否命中packages配置项
- if (!usePath) {
- eachIndexArray(id, kernel.packages, function(value, key, item) {
- url = url.replace(item.name, item.location)
- })
- }
- //3. 是否命中map配置项
- if (this.mapUrl) {
- eachIndexArray(this.mapUrl, kernel.map, function(array) {
- eachIndexArray(url, array, function(mdValue, mdKey) {
- url = url.replace(mdKey, mdValue)
- rootUrl = baseUrl
+ })(kernel.newWatch ? arguments : [action])
+ var id = setTimeout(function() {
+ clearTimeout(id)
+ //触发上层的select回调及自己的rendered回调
+ Anot.fireDom(parent, 'datasetchanged', {
+ bubble: parent.msHasEvent
})
})
+ this.enterCount -= 1
}
- var ext = this.ext
- if (ext && usePath && url.slice(-ext.length) === ext) {
- url = url.slice(0, -ext.length)
+ })
+
+ function animateRepeat(nodes, isEnter, binding) {
+ for (var i = 0, node; (node = nodes[i++]); ) {
+ if (node.className === binding.effectClass) {
+ Anot.effect.apply(node, isEnter, noop, noop, binding)
+ }
}
- //4. 转换为绝对路径
- if (!isAbsUrl(url)) {
- rootUrl = this.built || /^\w/.test(url) ? baseUrl : rootUrl
- url = joinPath(rootUrl, url)
- }
- //5. 还原扩展名，query
- var urlNoQuery = url + ext
- url = urlNoQuery + this.query
- urlNoQuery = url.replace(rquery, function(a) {
- this.query = a
- return ''
- })
- //6. 处理urlArgs
- eachIndexArray(id, kernel.urlArgs, function(value) {
- url += (url.indexOf('?') === -1 ? '?' : '&') + value
- })
- this.url = url
- return (this.urlNoQuery = urlNoQuery)
}
- function makeIndexArray(hash, useStar, part) {
- //创建一个经过特殊算法排好序的数组
- var index = hash2array(hash, useStar, part)
- index.sort(descSorterByName)
+ function mayStaggerAnimate(staggerTime, callback, index) {
+ if (staggerTime) {
+ setTimeout(callback, ++index * staggerTime)
+ } else {
+ callback()
+ }
return index
}
- function makeMatcher(prefix) {
- return new RegExp('^' + prefix + '(/|$)')
- }
-
- function makeExports(value) {
- return function() {
- var ret
- if (value.init) {
- ret = value.init.apply(window, arguments)
+ function removeItem(node, binding, flagRemove) {
+ var fragment = anotFragment.cloneNode(false)
+ var last = node
+ var breakText = last.nodeValue
+ var staggerIndex = binding && Math.max(+binding.staggerIndex, 0)
+ var nodes = Anot.slice(last.parentNode.childNodes)
+ var index = nodes.indexOf(last)
+ while (true) {
+ var pre = nodes[--index] //node.previousSibling
+ if (!pre || String(pre.nodeValue).indexOf(breakText) === 0) {
+ break
}
- return ret || (value.exports && getGlobal(value.exports))
- }
- }
-
- function hash2array(hash, useStar, part) {
- var array = []
- for (var key in hash) {
- // if (hash.hasOwnProperty(key)) {//hash是由createMap创建没有hasOwnProperty
- var item = {
- name: key,
- val: hash[key]
- }
- array.push(item)
- item.reg = key === '*' && useStar ? /^/ : makeMatcher(key)
- if (part && key !== '*') {
- item.reg = new RegExp('/' + key.replace(/^\//, '') + '(/|$)')
- }
- // }
- }
- return array
- }
-
- function eachIndexArray(moduleID, array, matcher) {
- array = array || []
- for (var i = 0, el; (el = array[i++]); ) {
- if (el.reg.test(moduleID)) {
- matcher(el.val, el.name, el)
- return false
+ if (!flagRemove && binding && pre.className === binding.effectClass) {
+ node = pre
+ ;(function(cur) {
+ binding.staggerIndex = mayStaggerAnimate(
+ binding.effectLeaveStagger,
+ function() {
+ Anot.effect.apply(
+ cur,
+ 0,
+ noop,
+ function() {
+ fragment.appendChild(cur)
+ },
+ binding
+ )
+ },
+ staggerIndex
+ )
+ })(pre) // jshint ignore:line
+ } else {
+ fragment.insertBefore(pre, fragment.firstChild)
}
}
- }
- // 根据元素的name项进行数组字符数逆序的排序函数
- function descSorterByName(a, b) {
- var aaa = a.name
- var bbb = b.name
- if (bbb === '*') {
- return -1
- }
- if (aaa === '*') {
- return 1
- }
- return bbb.length - aaa.length
+ fragment.appendChild(last)
+ return fragment
}
- var rdeuce = /\/\w+\/\.\./
- function joinPath(a, b) {
- if (a.charAt(a.length - 1) !== '/') {
- a += '/'
+ function shimController(data, transation, proxy, fragments, init) {
+ var content = data.template.cloneNode(true)
+ var nodes = Anot.slice(content.childNodes)
+ content.appendChild(proxy.$anchor)
+ init && transation.appendChild(content)
+ var itemName = data.param || 'el'
+ var valueItem = proxy[itemName],
+ nv
+
+ nv = [proxy].concat(data.vmodels)
+
+ var fragment = {
+ nodes: nodes,
+ vmodels: nv,
+ content: content
}
- if (b.slice(0, 2) === './') {
- //相对于兄弟路径
- return a + b.slice(2)
- }
- if (b.slice(0, 2) === '..') {
- //相对于父路径
- a += b
- while (rdeuce.test(a)) {
- a = a.replace(rdeuce, '')
+ fragments.push(fragment)
+ }
+ // {} --> {xx: 0, yy: 1, zz: 2} add
+ // {xx: 0, yy: 1, zz: 2} --> {xx: 0, yy: 1, zz: 2, uu: 3}
+ // [xx: 0, yy: 1, zz: 2} --> {xx: 0, zz: 1, yy: 2}
+
+ function getProxyVM(binding) {
+ var agent = binding.xtype === 'object' ? withProxyAgent : eachProxyAgent
+ var proxy = agent(binding)
+ var node =
+ proxy.$anchor || (proxy.$anchor = binding.element.cloneNode(false))
+ node.nodeValue = binding.signature
+ proxy.$outer = binding.$outer
+ return proxy
+ }
+
+ function decorateProxy(proxy, binding, type) {
+ if (type === 'array') {
+ proxy.$remove = function() {
+ binding.$repeat.removeAt(proxy.$index)
}
- return a
+ var param = binding.param
+ proxy.$watch(param, function(a) {
+ var index = proxy.$index
+ binding.$repeat[index] = a
+ })
+ } else {
+ proxy.$watch('$val', function fn(a) {
+ binding.$repeat[proxy.$key] = a
+ })
}
- if (b.slice(0, 1) === '/') {
- return a + b.slice(1)
+ }
+
+ var eachProxyPool = []
+
+ function eachProxyAgent(data, proxy) {
+ var itemName = data.param || 'el'
+ for (var i = 0, n = eachProxyPool.length; i < n; i++) {
+ var candidate = eachProxyPool[i]
+ if (candidate && candidate.hasOwnProperty(itemName)) {
+ eachProxyPool.splice(i, 1)
+ proxy = candidate
+ break
+ }
}
- return a + b
- }
-
- function getGlobal(value) {
- if (!value) {
- return value
+ if (!proxy) {
+ proxy = eachProxyFactory(itemName)
}
- var g = window
- value.split('.').forEach(function(part) {
- g = g[part]
- })
- return g
+ return proxy
}
- var mainNode = DOC.scripts[DOC.scripts.length - 1]
- var dataMain = mainNode.getAttribute('data-main')
- if (dataMain) {
- plugins.baseUrl(dataMain)
- var href = kernel.baseUrl
- kernel.baseUrl = href.slice(0, href.lastIndexOf('/') + 1)
- loadJS(href.replace(rjsext, '') + '.js')
- } else {
- var loaderUrl = trimQuery(mainNode.src)
- kernel.baseUrl = loaderUrl.slice(0, loaderUrl.lastIndexOf('/') + 1)
+ function eachProxyFactory(itemName) {
+ var source = {
+ $outer: {},
+ $index: 0,
+ $oldIndex: 0,
+ $anchor: null,
+ //-----
+ $first: false,
+ $last: false,
+ $remove: Anot.noop
+ }
+ source[itemName] = NaN
+ var force = {
+ $last: 1,
+ $first: 1,
+ $index: 1
+ }
+ force[itemName] = 1
+ var proxy = modelFactory(
+ { state: source },
+ {
+ force: force
+ }
+ )
+ proxy.$id = generateID('$proxy$each')
+ return proxy
}
-}() // jshint ignore:line
-/*********************************************************************
- * DOMReady *
- **********************************************************************/
+ var withProxyPool = []
-var readyList = [],
- isReady
-var fireReady = function(fn) {
- isReady = true
- var require = yua.require
- if (require && require.checkDeps) {
- modules['domReady!'].state = 4
- require.checkDeps()
+ function withProxyAgent(data) {
+ var itemName = data.param || 'el'
+ return withProxyPool.pop() || withProxyFactory(itemName)
}
- while ((fn = readyList.shift())) {
- fn(yua)
+
+ function withProxyFactory(itemName) {
+ var source = {
+ $key: '',
+ $val: NaN,
+ $index: 0,
+ $oldIndex: 0,
+ $outer: {},
+ $anchor: null
+ }
+ source[itemName] = NaN
+ var force = {
+ $key: 1,
+ $val: 1,
+ $index: 1
+ }
+ force[itemName] = 1
+ var proxy = modelFactory(
+ { state: source },
+ {
+ force: force
+ }
+ )
+ proxy.$id = generateID('$proxy$with')
+ return proxy
}
-}
-if (DOC.readyState === 'complete') {
- setTimeout(fireReady) //如果在domReady之外加载
-} else {
- DOC.addEventListener('DOMContentLoaded', fireReady)
-}
-window.addEventListener('load', fireReady)
-yua.ready = function(fn) {
- if (!isReady) {
- readyList.push(fn)
- } else {
- fn(yua)
+ function proxyRecycler(cache, key, param) {
+ var proxy = cache[key]
+ if (proxy) {
+ var proxyPool =
+ proxy.$id.indexOf('$proxy$each') === 0 ? eachProxyPool : withProxyPool
+ proxy.$outer = {}
+
+ for (var i in proxy.$events) {
+ var a = proxy.$events[i]
+ if (Array.isArray(a)) {
+ a.length = 0
+ if (i === param) {
+ proxy[param] = NaN
+ } else if (i === '$val') {
+ proxy.$val = NaN
+ }
+ }
+ }
+
+ if (proxyPool.unshift(proxy) > kernel.maxRepeatSize) {
+ proxyPool.pop()
+ }
+ delete cache[key]
+ }
}
-}
-yua.config({
- loader: true
-})
-yua.ready(function() {
- yua.scan(DOC.body)
-})
+ /*********************************************************************
+ * 各种指令 *
+ **********************************************************************/
-if (typeof define === 'function' && define.amd) {
- define('yua', [], function() {
- return yua
+ Anot.directive('text', {
+ update: function(val) {
+ var elem = this.element
+ val = val == null ? '' : val //不在页面上显示undefined null
+ if (elem.nodeType === 3) {
+ //绑定在文本节点上
+ try {
+ //IE对游离于DOM树外的节点赋值会报错
+ elem.data = val
+ } catch (e) {}
+ } else {
+ //绑定在特性节点上
+ elem.textContent = val
+ }
+ }
})
-}
-// Map over yua in case of overwrite
-var _yua = window.yua
-yua.noConflict = function(deep) {
- if (deep && window.yua === yua) {
- window.yua = _yua
+ function parseDisplay(nodeName, val) {
+ //用于取得此类标签的默认display值
+ var key = '_' + nodeName
+ if (!parseDisplay[key]) {
+ var node = DOC.createElement(nodeName)
+ root.appendChild(node)
+ if (W3C) {
+ val = getComputedStyle(node, null).display
+ } else {
+ val = node.currentStyle.display
+ }
+ root.removeChild(node)
+ parseDisplay[key] = val
+ }
+ return parseDisplay[key]
}
- return yua
-}
-window.yua = yua
+ Anot.parseDisplay = parseDisplay
+ Anot.directive('visible', {
+ init: function(binding) {
+ effectBinding(binding.element, binding)
+ },
+ update: function(val) {
+ var binding = this,
+ elem = this.element,
+ stamp
+ var noEffect = !this.effectName
+ if (!this.stamp) {
+ stamp = this.stamp = +new Date()
+ if (val) {
+ elem.style.display = binding.display || ''
+ if (Anot(elem).css('display') === 'none') {
+ elem.style.display = binding.display = parseDisplay(elem.nodeName)
+ }
+ } else {
+ elem.style.display = 'none'
+ }
+ return
+ }
+ stamp = this.stamp = +new Date()
+ if (val) {
+ Anot.effect.apply(elem, 1, function() {
+ if (stamp !== binding.stamp) return
+ var driver = elem.getAttribute('data-effect-driver') || 'a'
+ if (noEffect) {
+ //不用动画时走这里
+ elem.style.display = binding.display || ''
+ }
+ // "a", "t"
+ if (driver === 'a' || driver === 't') {
+ if (Anot(elem).css('display') === 'none') {
+ elem.style.display =
+ binding.display || parseDisplay(elem.nodeName)
+ }
+ }
+ })
+ } else {
+ Anot.effect.apply(elem, 0, function() {
+ if (stamp !== binding.stamp) return
+ elem.style.display = 'none'
+ })
+ }
+ }
+ })
+
+ /*********************************************************************
+ * 自带过滤器 *
+ **********************************************************************/
+
+ var rscripts = /]*>([\S\s]*?)<\/script\s*>/gim
+ var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
+ var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/gi
+ var rsanitize = {
+ a: /\b(href)\=("javascript[^"]*"|'javascript[^']*')/gi,
+ img: /\b(src)\=("javascript[^"]*"|'javascript[^']*')/gi,
+ form: /\b(action)\=("javascript[^"]*"|'javascript[^']*')/gi
+ }
+ var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
+ var rnoalphanumeric = /([^\#-~| |!])/g
+
+ function numberFormat(number, decimals, point, thousands) {
+ //form http://phpjs.org/functions/number_format/
+ //number 必需，要格式化的数字
+ //decimals 可选，规定多少个小数位。
+ //point 可选，规定用作小数点的字符串（默认为 . ）。
+ //thousands 可选，规定用作千位分隔符的字符串（默认为 , ），如果设置了该参数，那么所有其他参数都是必需的。
+ number = (number + '').replace(/[^0-9+\-Ee.]/g, '')
+ var n = !isFinite(+number) ? 0 : +number,
+ prec = !isFinite(+decimals) ? 3 : Math.abs(decimals),
+ sep = thousands || ',',
+ dec = point || '.',
+ s = '',
+ toFixedFix = function(n, prec) {
+ var k = Math.pow(10, prec)
+ return '' + (Math.round(n * k) / k).toFixed(prec)
+ }
+ // Fix for IE parseFloat(0.55).toFixed(0) = 0;
+ s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')
+ if (s[0].length > 3) {
+ s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep)
+ }
+ if ((s[1] || '').length < prec) {
+ s[1] = s[1] || ''
+ s[1] += new Array(prec - s[1].length + 1).join('0')
+ }
+ return s.join(dec)
+ }
+
+ var filters = (Anot.filters = {
+ uppercase: function(str) {
+ return str.toUpperCase()
+ },
+ lowercase: function(str) {
+ return str.toLowerCase()
+ },
+ //字符串截取，超过指定长度以mark标识接上
+ truncate: function(str, len, mark) {
+ len = len || 30
+ mark = typeof mark === 'string' ? mark : '...'
+ return str.slice(0, len) + (str.length <= len ? '' : mark)
+ },
+ //小值秒数转化为 时间格式
+ time: function(str) {
+ str = str >> 0
+ var s = str % 60
+ ;(m = Math.floor(str / 60)), (h = Math.floor(m / 60)), (m = m % 60)
+ m = m < 10 ? '0' + m : m
+ s = s < 10 ? '0' + s : s
+
+ if (h > 0) {
+ h = h < 10 ? '0' + h : h
+ return h + ':' + m + ':' + s
+ }
+ return m + ':' + s
+ },
+ $filter: function(val) {
+ for (var i = 1, n = arguments.length; i < n; i++) {
+ var array = arguments[i]
+ var fn = Anot.filters[array[0]]
+ if (typeof fn === 'function') {
+ var arr = [val].concat(array.slice(1))
+ val = fn.apply(null, arr)
+ }
+ }
+ return val
+ },
+ camelize: camelize,
+ //https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
+ // chrome
+ // chrome
+ // IE67chrome
+ // IE67chrome
+ // IE67chrome
+ sanitize: function(str) {
+ return str.replace(rscripts, '').replace(ropen, function(a, b) {
+ var match = a.toLowerCase().match(/<(\w+)\s/)
+ if (match) {
+ //处理a标签的href属性，img标签的src属性，form标签的action属性
+ var reg = rsanitize[match[1]]
+ if (reg) {
+ a = a.replace(reg, function(s, name, value) {
+ var quote = value.charAt(0)
+ return name + '=' + quote + 'javascript:void(0)' + quote // jshint ignore:line
+ })
+ }
+ }
+ return a.replace(ron, ' ').replace(/\s+/g, ' ') //移除onXXX事件
+ })
+ },
+ escape: function(str) {
+ //将字符串经过 str 转义得到适合在页面中显示的内容, 例如替换 < 为 <
+ return String(str)
+ .replace(/&/g, '&')
+ .replace(rsurrogate, function(value) {
+ var hi = value.charCodeAt(0)
+ var low = value.charCodeAt(1)
+ return '&#' + ((hi - 0xd800) * 0x400 + (low - 0xdc00) + 0x10000) + ';'
+ })
+ .replace(rnoalphanumeric, function(value) {
+ return '&#' + value.charCodeAt(0) + ';'
+ })
+ .replace(//g, '>')
+ },
+ currency: function(amount, symbol, fractionSize) {
+ return (
+ (symbol || '\u00a5') +
+ numberFormat(amount, isFinite(fractionSize) ? fractionSize : 2)
+ )
+ },
+ number: numberFormat,
+ //日期格式化，类似php的date函数，
+ date: function(stamp, str, second) {
+ second = second === undefined ? false : true
+ var oDate
+ if (!Date.isDate(stamp)) {
+ if (!/[^\d]/.test(stamp)) {
+ stamp -= 0
+ if (second) {
+ stamp *= 1000
+ }
+ }
+
+ oDate = new Date(stamp)
+ if (oDate + '' === 'Invalid Date') return 'Invalid Date'
+ } else {
+ oDate = stamp
+ }
+ return oDate.format(str)
+ }
+ })
+
+ // Map over Anot in case of overwrite
+ var _Anot = window.Anot
+ Anot.noConflict = function(deep) {
+ if (deep && window.Anot === Anot) {
+ window.Anot = _Anot
+ }
+ return Anot
+ }
+
+ window.Anot = Anot
+})
diff --git a/src/js/anot.shim.js b/src/js/anot.shim.js
index e173885..a97cc24 100644
--- a/src/js/anot.shim.js
+++ b/src/js/anot.shim.js
@@ -5800,33 +5800,25 @@
var factorys = [] //放置define方法的factory函数
var rjsext = /\.js$/i
function makeRequest(name, config) {
- //1. 去掉资源前缀
- var res = 'js'
- name = name.replace(/^(\w+)\!/, function(a, b) {
- res = b
- return ''
- })
- if (res === 'ready') {
- log('ready!已经被废弃，请使用domReady!')
- res = 'domReady'
- }
- //2. 去掉querystring, hash
+ //1. 去掉querystring, hash
var query = ''
- name = name.replace(rquery, function(a) {
- query = a
+ name = name.replace(rquery, function(match) {
+ query = match
return ''
})
- //3. 去掉扩展名
- var suffix = '.' + res
- var ext = /js|css/.test(suffix) ? suffix : ''
- name = name.replace(/\.[a-z0-9]+$/g, function(a) {
- if (a === suffix) {
- ext = a
- return ''
- } else {
- return a
- }
+
+ //2. 去掉扩展名
+ var ext = '.js' //默认拓展名
+ var res = 'js' // 默认资源类型
+ var suffix = ['.js', '.css']
+ var cssfix = /\.(scss|sass|less)$/
+ name = name.replace(/\.[a-z0-9]+$/g, function(match) {
+ match = match.replace(cssfix, '.css')
+ ext = match
+ res = suffix.indexOf(match) > -1 ? match.slice(1) : 'text'
+ return ''
})
+
//补上协议, 避免引入依赖时判断不正确
if (/^\/\//.test(name)) {
name = location.protocol + name
@@ -5992,6 +5984,7 @@
delete factory.require //释放内存
innerRequire.apply(null, args) //0,1,2 --> 1,2,0
}
+
//根据标准,所有遵循W3C标准的浏览器,script标签会按标签的出现顺序执行。
//老的浏览器中，加载也是按顺序的：一个文件下载完成后，才开始下载下一个文件。
//较新的浏览器中（IE8+ 、FireFox3.5+ 、Chrome4+ 、Safari4+），为了减小请求时间以优化体验，
diff --git a/src/js/lib/avatar/avatar.js b/src/js/lib/avatar/avatar.js
deleted file mode 100644
index f6336b8..0000000
--- a/src/js/lib/avatar/avatar.js
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- *
- * @authors yutent (yutent@doui.cc)
- * @date 2017-03-17 20:55:57
- *
- */
-
-'use strict'
-
-// 1216fc0c668c09ade029ceae6db87f97cf560e21
-define(function() {
- var Avatar = function() {
- this.sum = function(arr) {
- var sum = 0
- arr.forEach(function(it) {
- sum -= -it
- })
- }
- }
-
- Avatar.prototype = {
- get: function(hash, size) {
- if (!hash) return this.defafultImg
-
- if (!size || size < 100) {
- size = 100
- }
-
- var cv = document.createElement('canvas'),
- ct = cv.getContext('2d'),
- bg = hash.slice(-3),
- color = hash.slice(-9, -6),
- fixColor = color,
- lens = hash.slice(0, 8).match(/([\w]{1})/g),
- pos1 = hash.slice(8, 16).match(/([\w]{1})/g),
- pos2 = hash.slice(16, 24).match(/([\w]{1})/g),
- step = size / 10
-
- cv.width = size
- cv.height = size
-
- lens = lens.map(c => {
- c = parseInt(c, 16)
- return c % 8
- })
- pos1 = pos1.map(c => {
- c = parseInt(c, 16)
- return c % 4
- })
- pos2 = pos2.map(c => {
- c = parseInt(c, 16)
- return c % 4
- })
- fixColor = this.sum(lens) > 32 ? bg : color
-
- ct.fillStyle = '#' + bg
- ct.fillRect(0, 0, size, size)
-
- for (var i = 1; i < 9; i++) {
- var xl = lens[i - 1],
- xp1 = pos1[i - 1],
- xp2 = pos2[i - 1]
-
- if (xl + xp1 > 8) {
- xl = 8 - xp1
- }
- ct.fillStyle = '#' + color
- ct.fillRect((xp1 + 1) * step, i * step, xl * step, step)
-
- ct.fillStyle = '#' + color
- ct.fillRect((9 - xp1 - xl) * step, i * step, xl * step, step)
-
- ct.fillStyle = '#' + fixColor
- ct.fillRect((xp2 + 1) * step, i * step, step, step)
-
- ct.fillStyle = '#' + fixColor
- ct.fillRect((8 - xp2) * step, i * step, step, step)
- }
-
- return cv.toDataURL()
- }
- }
-
- return new Avatar()
-})
diff --git a/src/js/lib/avatar/index.js b/src/js/lib/avatar/index.js
new file mode 100644
index 0000000..5c849bc
--- /dev/null
+++ b/src/js/lib/avatar/index.js
@@ -0,0 +1,78 @@
+/**
+ *
+ * @authors yutent (yutent@doui.cc)
+ * @date 2017-03-17 20:55:57
+ *
+ */
+
+'use strict'
+
+function arraySum(arr) {
+ var sum = 0
+ arr.forEach(function(it) {
+ sum += +it
+ })
+ return sum
+}
+
+// 1216fc0c668c09ade029ceae6db87f97cf560e21
+export const create = (hash, size) => {
+ if (!hash) return this.defafultImg
+
+ if (!size || size < 100) {
+ size = 100
+ }
+
+ var cv = document.createElement('canvas'),
+ ct = cv.getContext('2d'),
+ bg = hash.slice(-3),
+ color = hash.slice(-9, -6),
+ fixColor = color,
+ lens = hash.slice(0, 8).match(/([\w]{1})/g),
+ pos1 = hash.slice(8, 16).match(/([\w]{1})/g),
+ pos2 = hash.slice(16, 24).match(/([\w]{1})/g),
+ step = size / 10
+
+ cv.width = size
+ cv.height = size
+
+ lens = lens.map(c => {
+ c = parseInt(c, 16)
+ return c % 8
+ })
+ pos1 = pos1.map(c => {
+ c = parseInt(c, 16)
+ return c % 4
+ })
+ pos2 = pos2.map(c => {
+ c = parseInt(c, 16)
+ return c % 4
+ })
+ fixColor = arraySum(lens) > 32 ? bg : color
+
+ ct.fillStyle = '#' + bg
+ ct.fillRect(0, 0, size, size)
+
+ for (var i = 1; i < 9; i++) {
+ var xl = lens[i - 1],
+ xp1 = pos1[i - 1],
+ xp2 = pos2[i - 1]
+
+ if (xl + xp1 > 8) {
+ xl = 8 - xp1
+ }
+ ct.fillStyle = '#' + color
+ ct.fillRect((xp1 + 1) * step, i * step, xl * step, step)
+
+ ct.fillStyle = '#' + color
+ ct.fillRect((9 - xp1 - xl) * step, i * step, xl * step, step)
+
+ ct.fillStyle = '#' + fixColor
+ ct.fillRect((xp2 + 1) * step, i * step, step, step)
+
+ ct.fillStyle = '#' + fixColor
+ ct.fillRect((8 - xp2) * step, i * step, step, step)
+ }
+
+ return cv.toDataURL()
+}
diff --git a/src/js/lib/pages/main.js b/src/js/lib/pages/index.js
similarity index 97%
rename from src/js/lib/pages/main.js
rename to src/js/lib/pages/index.js
index 086b31e..7ff5d9c 100644
--- a/src/js/lib/pages/main.js
+++ b/src/js/lib/pages/index.js
@@ -1,7 +1,6 @@
'use strict'
-import 'Anot'
-import tpl from 'text!./main.htm'
-import 'css!./main.css'
+import tpl from './main.htm'
+import './main.scss'
Anot.ui.pages = '1.0.0'
//计算页码列表
diff --git a/src/js/lib/request/lib/promise.js b/src/js/lib/promise/index.js
similarity index 95%
rename from src/js/lib/request/lib/promise.js
rename to src/js/lib/promise/index.js
index 120692e..f7609c1 100644
--- a/src/js/lib/request/lib/promise.js
+++ b/src/js/lib/promise/index.js
@@ -96,6 +96,18 @@ _Promise.race = function(arr) {
_Promise.defer = defer
+_Promise.resolve = function(val) {
+ var obj = this.defer()
+ obj.resolve(val)
+ return obj.promise
+}
+
+_Promise.reject = function(val) {
+ var obj = this.defer()
+ obj.reject(val)
+ return obj.promise
+}
+
// -----------------------------------------------------------
function _yes(val) {
diff --git a/src/js/lib/request/es5.js b/src/js/lib/request/es5.js
deleted file mode 100644
index c6d5320..0000000
--- a/src/js/lib/request/es5.js
+++ /dev/null
@@ -1,633 +0,0 @@
-/**
- * Request组件, modern版, 支持IE9+,chrome,FF
- * @authors yutent (yutent@doui.cc)
- * @date 2016-11-27 13:08:40
- *
- */
-
-'use strict'
-define(['yua', './lib/promise'], function(yua) {
- // console.log(11243)
- var _request = function(url, protocol) {
- this.transport = true
- protocol = (protocol + '').trim().toUpperCase()
- this.xhr = Xhr()
- this.defer = Promise.defer()
- this.opt = {
- url: (url + '').trim(),
- type: protocol || 'GET',
- form: '',
- data: {},
- headers: {},
- timeoutID: 0,
- uuid: Math.random()
- .toString(16)
- .substr(2)
- }
- },
- _requestp = _request.prototype,
- toS = Object.prototype.toString,
- win = window,
- doc = win.document,
- encode = encodeURIComponent,
- decode = decodeURIComponent,
- noop = function(e, res) {
- this.defer.resolve(res)
- }
-
- // -----------------------------
-
- // 本地协议判断正则
- var rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/
- var isLocal = false
- try {
- isLocal = rlocalProtocol.test(location.ptyperotocol)
- } catch (e) {}
-
- var rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/gm
-
- // ----------------- 一些兼容性预处理 --------------------
-
- win.Xhr = function() {
- return new XMLHttpRequest()
- }
- var supportCors = 'withCredentials' in Xhr()
-
- // ------------------- 几个解释方法 -----------------------
-
- function serialize(p, obj, q) {
- var k
- if (Array.isArray(obj)) {
- obj.forEach(function(it, i) {
- k = p ? p + '[' + (Array.isArray(it) ? i : '') + ']' : i
- if (typeof it === 'object') {
- serialize(k, it, q)
- } else {
- q(k, it)
- }
- })
- } else {
- for (var i in obj) {
- k = p ? p + '[' + i + ']' : i
- if (typeof obj[i] === 'object') {
- serialize(k, obj[i], q)
- } else {
- q(k, obj[i])
- }
- }
- }
- }
-
- var Format = function() {}
-
- Format.prototype = {
- parseJS: function(code) {
- code = (code + '').trim()
- if (code) {
- if (code.indexOf('use strict') === 1) {
- var script = doc.createElement('script')
- script.text = code
- doc.head.appendChild(script).parentNode.removeChild(script)
- } else {
- eval(code)
- }
- }
- },
- parseXML: function(data, xml, tmp) {
- try {
- tmp = new DOMParser()
- xml = tmp.parseFromString(data, 'text/xml')
- } catch (e) {
- xml = void 0
- }
-
- if (
- !xml ||
- !xml.documentElement ||
- xml.getElementsByTagName('parsererror').length
- ) {
- console.error('Invalid XML: ' + data)
- }
- return xml
- },
- parseHTML: function(html) {
- return yua.parseHTML(html)
- },
- param: function(obj) {
- if (!obj || typeof obj === 'string' || typeof obj === 'number') return obj
-
- var arr = []
- var q = function(k, v) {
- if (/native code/.test(v)) return
-
- v = typeof v === 'function' ? v() : v
- v = toS.call(v) !== '[object File]' ? encode(v) : v
-
- arr.push(encode(k) + '=' + v)
- }
-
- if (typeof obj === 'object') serialize('', obj, q)
-
- return arr.join('&')
- },
- parseForm: function(form) {
- var data = {}
- for (var i = 0, field; (field = form.elements[i++]); ) {
- switch (field.type) {
- case 'select-one':
- case 'select-multiple':
- if (field.name.length && !field.disabled) {
- for (var j = 0, opt; (opt = field.options[j++]); ) {
- if (opt.selected) {
- data[field.name] = opt.value || opt.text
- }
- }
- }
- break
- case 'file':
- if (field.name.length && !field.disabled) {
- data[field.name] = field.files[0]
- }
- break
- case undefined:
- case 'submit':
- case 'reset':
- case 'button':
- break //按钮啥的, 直接忽略
- case 'radio':
- case 'checkbox':
- // 只处理选中的
- if (!field.checked) break
- default:
- if (field.name.length && !field.disabled) {
- data[field.name] = field.value
- }
- }
- }
- return data
- },
- merge: function(a, b) {
- if (typeof a !== 'object' || typeof b !== 'object')
- throw new TypeError('argument must be an object')
-
- if (Object.assign) return Object.assign(a, b)
-
- for (var i in b) {
- a[i] = b[i]
- }
- return a
- }
- }
-
- var F = new Format()
-
- // ---------------------------------------------------------
- // -------------------- request 模块开始 --------------------
- // ---------------------------------------------------------
-
- var requestConvert = {
- text: function(val) {
- return val
- },
- xml: function(val, xml) {
- return xml !== undefined ? xml : F.parseXML(val)
- },
- html: function(val) {
- return F.parseHTML(val)
- },
- json: function(val) {
- return JSON.parse(val)
- },
- script: function(val) {
- return F.parseJS(val)
- },
- jsonp: function(name) {
- var json = request.cache[name]
- delete request.cache[name]
- return json
- }
- }
- var requestExtend = {
- formData: function() {
- if (this.opt.form) {
- var data = F.parseForm(this.opt.form)
- F.merge(this.opt.data, data)
- }
-
- var form = new FormData()
- for (var i in this.opt.data) {
- var el = this.opt.data[i]
- if (Array.isArray(el)) {
- el.forEach(function(it) {
- form.append(i + '[]', it)
- })
- } else {
- form.append(i, this.opt.data[i])
- }
- }
- return form
- },
- jsonp: function(jsonpcallback) {
- win[jsonpcallback] = function(val) {
- delete win[jsonpcallback]
- request.cache[jsonpcallback] = val
- }
- },
- dispatch: function(self) {
- if (!this.transport) return this.defer.reject('Request pending...')
-
- var _this = this,
- result = {
- response: {
- url: this.opt.url,
- headers: { 'content-type': '' }
- },
- request: {
- url: this.opt.url,
- headers: _this.opt.headers
- },
- status: self === null ? 504 : 200,
- statusText: self === null ? 'Connected timeout' : 'ok',
- text: '',
- body: '',
- error: null
- }
-
- //状态为4,既已成功, 则清除超时
- clearTimeout(_this.opt.timeoutID)
-
- if (typeof this.transport === 'object' && this.opt.type === 'JSONP') {
- //移除script
- // this.transport.parentNode.removeChild(this.transport);
-
- //超时返回
- if (self !== null) {
- var exec =
- !this.transport.readyState ||
- this.transport.readyState === 'loaded' ||
- this.transport.readyState === 'complete'
-
- if (exec) {
- result.body = requestConvert.jsonp(this.opt.data.callback)
- result.text = JSON.stringify(result.body)
- }
- }
-
- this.callback(result.error, result)
- } else {
- //成功的回调
- var isSucc = self
- ? (self.status >= 200 && self.status < 300) || self.status === 304
- : false,
- headers = (self && self.getAllResponseHeaders().split('\n')) || []
-
- //处理返回的Header
- headers.forEach(function(it, i) {
- it = it.trim()
- if (it) {
- it = it.split(':')
- result.response.headers[it.shift().toLowerCase()] = it
- .join(':')
- .trim()
- }
- })
-
- if (isSucc) {
- result.status = self.status
- if (result.status === 204) {
- result.statusText = 'no content'
- } else if (result.status === 304) {
- result.statusText = 'not modified'
- }
- } else {
- result.status = self === null ? 504 : self.status || 500
- result.statusText =
- self === null
- ? 'Connected timeout'
- : self.statusText || 'Internal Server Error'
- result.error = F.merge(new Error(result.statusText), {
- status: result.status
- })
- }
-
- try {
- //处理返回的数据
- var dataType = result.response.headers['content-type'].match(
- /json|xml|script|html/i
- ) || ['text']
-
- dataType = dataType[0].toLowerCase()
- result.text = (self && (self.responseText || self.responseXML)) || ''
- result.body = requestConvert[dataType](
- result.text,
- self && self.responseXML
- )
- } catch (err) {
- result.error = err
- result.statusText = 'parse error'
- }
-
- _this.callback(result.error, result)
- }
- delete _this.defer
- delete _this.transport
- delete _this.opt
- delete _this.xhr
- }
- }
-
- // 设置表单类型, 支持2种, form/json
- _requestp.type = function(t) {
- if (this.opt.formType === 'form-data') return this
-
- this.opt.formType = t || 'form'
- if (t === 'form' || this.opt.type === 'GET')
- this.set(
- 'content-type',
- 'application/x-www-form-urlencoded; charset=UTF-8'
- )
- else this.set('content-type', 'application/json; charset=UTF-8')
-
- return this
- }
-
- //设置头信息
- _requestp.set = function(k, val) {
- if (!this.transport) return
-
- if (typeof k === 'object') {
- for (var i in k) {
- i = i.toLowerCase()
- this.opt.headers[i] = k[i]
- }
- } else if (typeof k === 'string') {
- if (arguments.length < 2) throw new Error('2 arguments required')
-
- // 全转小写,避免重复写入
- k = k.toLowerCase()
-
- if (val === undefined) delete this.opt.headers[k]
- else this.opt.headers[k] = val
- } else {
- throw new Error(
- 'arguments must be string/object, but [' + typeof k + '] given'
- )
- }
- return this
- }
-
- //设置请求参数
- _requestp.send = function(k, val) {
- if (!this.transport) return
-
- // 1. send方法可以多次调用, 但必须保证格式一致
- // 2. 2次圴提交纯字符串也会抛出异常
- if (typeof k === 'object') {
- if (this.opt.data && typeof this.opt.data === 'string')
- throw new Error('param can not be string and object at the same time')
- if (!this.opt.data) this.opt.data = {}
-
- F.merge(this.opt.data, k)
- } else {
- if (typeof k === 'string') {
- if (arguments.length === 1) {
- if (this.opt.data) throw new Error('invalid param in function send')
-
- this.opt.data = k
- } else {
- if (this.opt.data && typeof this.opt.data === 'string')
- throw new Error(
- 'param can not be string and object at the same time'
- )
-
- if (!this.opt.data) this.opt.data = {}
-
- this.opt.data[k] = val
- }
- } else {
- throw new Error(
- 'argument of send must be string/object, but [' + typeof k + '] given'
- )
- }
- }
-
- return this
- }
-
- //该方法用于 form-data类型的post请求的参数设置
- _requestp.field = function(k, val) {
- if (!this.transport) return this
-
- // 此类型优先级最高
- this.opt.formType = 'form-data'
- this.opt.type = 'POST'
- if (!this.opt.data || (this.opt.data && typeof this.opt.data !== 'object'))
- this.opt.data = {}
-
- if (arguments.length === 1 && typeof k === 'object') {
- F.merge(this.opt.data, k)
- } else if (arguments.length === 2) {
- this.opt.data[k] = val
- } else {
- throw new TypeError(
- 'argument must be an object, but ' + typeof k + ' given'
- )
- }
- return this
- }
-
- //设置缓存
- _requestp.cache = function(t) {
- if (!this.transport) return
-
- if (this.opt.type === 'GET') this.opt.cache = !!t
-
- return this
- }
-
- //取消网络请求
- _requestp.abort = function() {
- delete this.transport
- if (!this.opt.form) this.xhr.abort()
-
- return this
- }
-
- //超时设置, 单位毫秒
- _requestp.timeout = function(time) {
- if (typeof time !== 'number' || time < 1) return this
-
- this.opt.timeout = time
- return this
- }
-
- _requestp.form = function(form) {
- if (typeof form === 'object' && form.nodeName === 'FORM') {
- this.opt.type = 'POST'
- this.opt.form = form
- }
-
- return this
- }
-
- var originAnchor = doc.createElement('a')
- originAnchor.href = location.href
- _requestp.end = function(callback) {
- var _this = this
- // 回调已执行, 或已取消, 则直接返回, 防止重复执行
- if (!this.transport) return this
-
- if (!this.opt.url) throw new Error('Invalid request url')
-
- F.merge(this, requestExtend)
-
- this.callback = callback || noop.bind(this)
-
- // 1. url规范化
- this.opt.url = this.opt.url
- .replace(/#.*$/, '')
- .replace(/^\/\//, location.protocol + '//')
-
- // 2. 处理跨域
- if (typeof this.opt.crossDomain !== 'boolean') {
- var anchor = doc.createElement('a')
- try {
- anchor.href = this.opt.url
- // IE7及以下浏览器 '1'[0]的结果是 undefined
- // IE7下需要获取绝对路径
- var absUrl = !'1'[0] ? anchor.getAttribute('href', 4) : anchor.href
- anchor.href = absUrl
- anchor.async = true
- this.opt.crossDomain =
- originAnchor.protocol !== anchor.protocol ||
- originAnchor.host !== anchor.host
- } catch (e) {
- this.opt.crossDomain = true
- }
- }
-
- // 2.1 进一步处理跨域配置
- if (this.opt.type === 'JSONP') {
- //如果没有跨域，自动转回xhr GET
- if (!this.opt.crossDomain) {
- this.opt.type = 'GET'
- } else {
- this.opt.data['callback'] =
- this.opt.data['callback'] || 'jsonp' + request.cid++
- this.jsonp(this.opt.data['callback']) //创建临时处理方法
- }
- }
- // 2.2 如果不是跨域请求，则自动加上一条header信息，用以标识这是ajax请求
- if (!this.opt.crossDomain) {
- this.set('X-Requested-With', 'XMLHttpRequest')
- } else {
- supportCors && (this.xhr.withCredentials = true)
- }
-
- // 3. data转字符串
- this.opt.param = F.param(this.opt.data)
-
- // 4. 设置Content-Type类型, 默认x-www-form-urlencoded
- if (!this.opt.formType) this.type('form')
-
- // 5.处理GET请求
- this.opt.hasContent = this.opt.type === 'POST' //是否为post请求
- if (!this.opt.hasContent) {
- //GET请求直接把参数拼接到url上
- if (this.opt.param) {
- this.opt.url += (/\?/.test(this.opt.url) ? '&' : '?') + this.opt.param
- }
- //加随机值,避免缓存
- if (this.opt.cache === false)
- this.opt.url +=
- (/\?/.test(this.opt.url) ? '&' : '?') + '_=' + Math.random()
- } else {
- if (this.opt.formType === 'form-data') {
- delete this.opt.headers['content-type']
- this.opt.param = this.formData()
- } else if (this.opt.formType !== 'form') {
- this.opt.param = JSON.stringify(this.opt.data)
- }
- }
-
- //jsonp
- if (this.opt.type === 'JSONP') {
- this.transport = doc.createElement('script')
- this.transport.onerror = this.transport.onload = function() {
- _this.dispatch(_this.transport)
- }
- this.transport.src = this.opt.url
- doc.head.insertBefore(this.transport, doc.head.firstChild)
-
- //6. 超时处理
- if (this.opt.timeout && this.opt.timeout > 0) {
- this.opt.timeoutID = setTimeout(function() {
- _this.transport.onerror = _this.transport.onload = null
- _this.dispatch(null)
- }, this.opt.timeout)
- }
- } else {
- this.xhr.onreadystatechange = function(ev) {
- if (_this.opt.timeout && _this.opt.timeout > 0) {
- _this.opt['time' + this.readyState] = ev.timeStamp
- if (this.readyState === 4) {
- _this.opt.isTimeout =
- _this.opt.time4 - _this.opt.time1 > _this.opt.timeout
- }
- }
-
- if (this.readyState !== 4) {
- return
- }
-
- _this.dispatch(_this.opt.isTimeout ? null : _this.xhr)
- }
-
- // 6. 初始化xhr提交
- this.xhr.open(this.opt.type, this.opt.url, true)
-
- // 7. 设置头信息
- for (var i in this.opt.headers) {
- if (this.opt.headers[i])
- this.xhr.setRequestHeader(i, this.opt.headers[i])
- }
-
- // 8. 发起网络请求
- _this.xhr.send(_this.opt.param)
-
- //超时处理
- if (this.opt.timeout && this.opt.timeout > 0) {
- this.xhr.timeout = this.opt.timeout
- }
- }
- return this.defer.promise
- }
-
- // ---------------------- end ------------------------
-
- if (!win.request) {
- win.request = {
- get: function(url) {
- if (!url) throw new Error('argument url is required')
-
- return new _request(url, 'GET')
- },
- post: function(url) {
- if (!url) throw new Error('argument url is required')
-
- return new _request(url, 'POST')
- },
- jsonp: function(url) {
- if (!url) throw new Error('argument url is required')
-
- return new _request(url, 'JSONP')
- },
- cache: {},
- cid: 0,
- version: '1.1.0-es5'
- }
- yua.ui.request = request.version
- }
-
- return request
-})
diff --git a/src/js/lib/request/full.js b/src/js/lib/request/full.js
deleted file mode 100644
index a6b31fe..0000000
--- a/src/js/lib/request/full.js
+++ /dev/null
@@ -1,860 +0,0 @@
-/**
- * Request组件, full版, 支持IE6+,chrome,FF
- * @authors yutent (yutent@doui.cc)
- * @date 2016-11-27 13:08:40
- *
- */
-
-"use strict";
-var r = []
-if(!window.JSON)
- r = ['./json'];
-
-define(r, function(){
- var _request = function(url, protocol){
- this.transport = true
- protocol = (protocol + '').trim().toUpperCase()
- this.xhr = Xhr()
- this.pool = {
- url: (url + '').trim(),
- type: protocol || 'GET',
- form: '',
- headers: {},
- uuid: Math.random().toString(16).substr(2)
- }
- }
- var _requestp = _request.prototype
- var toS = Object.prototype.toString
- var win = window
- var doc = win.document
- var encode = encodeURIComponent
- var decode = decodeURIComponent
- var noop = function(e, res){
- if(e)
- throw new Error(e + '')
- }
-
- // -----------------------------
-
- // 本地协议判断正则
- var rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/
- var isLocal = false
- try{
- isLocal = rlocalProtocol.test(location.protocol)
- }catch(e){}
-
-
- var rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg
-
- // ----------------- 一些兼容性预处理 --------------------
-
- if(!win.FormData){
-
- }
-
- //IE8-
- if(String.prototype.trim){
- String.prototype.trim = function(){
- return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '')
- }
- }
- //IE8-
- if (!Array.prototype.forEach) {
-
- Array.prototype.forEach = function(callback, thisArg) {
-
- var T, k;
-
- if (this === null)
- throw new TypeError('forEach is not a function of null');
-
- var O = Object(this);
- var len = O.length >>> 0;
-
- if (typeof callback !== "function")
- throw new TypeError('callback is not a function');
-
- if (arguments.length > 1) {
- T = thisArg;
- }
-
-
- k = 0;
- while (k < len) {
- var kValue;
- if (k in O) {
- kValue = O[k];
- callback.call(T, kValue, k, O);
- }
- k++;
- }
- };
- }
-
- /* if (!Array.prototype.filter) {
- Array.prototype.filter = function(fun) {
- 'use strict';
-
- if (this === void 0 || this === null) {
- throw new TypeError('filter is not a function of null');
- }
-
- var t = Object(this);
- var len = t.length >>> 0;
- if (typeof fun !== 'function') {
- throw new TypeError('callback is not a function');
- }
-
- var res = [];
- var thisArg = arguments.length >= 2 ? arguments[1] : void 0;
- for (var i = 0; i < len; i++) {
- if (i in t) {
- var val = t[i];
- if (fun.call(thisArg, val, i, t)) {
- res.push(val);
- }
- }
- }
-
- return res;
- };
- }*/
- // IE8-
- if(!Array.isArray){
- Array.isArray = function(arg) {
- return toS.call(arg) === '[object Array]';
- };
- }
-
- var IE = (function(){
- if(window.VBArray){
- var mode = document.documentMode
- return mode ? mode : (window.XMLHttpRequest ? 7 : 6)
- }
- return 0
- })();
-
- win.Xhr = (function(){
- var obj = [
- "XMLHttpRequest",
- "ActiveXObject('MSXML2.XMLHTTP.6.0')",
- "ActiveXObject('MSXML2.XMLHTTP.3.0')",
- "ActiveXObject('MSXML2.XMLHTTP')",
- "ActiveXObject('Microsoft.XMLHTTP')"
- ]
- //IE7- 本地打开文件不能使用原生XMLHttpRequest
- obj[0] = (IE < 8 && IE !== 0 && isLocal) ? '!' : obj[0]
-
- for(var i = 0,a; a = obj[i++];){
- try{
- if(eval('new ' + a)){
- return new Function('return new ' + a)
- }
- }catch(e){}
- }
-
- })();
- var supportCors = 'withCredentials' in Xhr()
-
- // ------------------- 几个解释方法 -----------------------
-
- var Format = function(){
- this.tagHooks = new function(){
- this.option = doc.createElement('select')
- this.thead = doc.createElement('table')
- this.td = doc.createElement('tr')
- this.area = doc.createElement('map')
- this.tr = doc.createElement('tbody')
- this.col = doc.createElement('colgroup')
- this.legend = doc.createElement('fieldset')
- this._default = doc.createElement('div')
- this.g = doc.createElementNS('http://www.w3.org/2000/svg', 'svg')
-
- this.optgroup = this.option
- this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
- this.th = this.td
- };
- var _this = this
- 'circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use'.replace(/,/g, function(m){
- _this.tagHooks[m] = _this.tagHooks.g //处理svg
- })
-
- this.rtagName = /<([\w:]+)/
- this.rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig
- this.scriptTypes = {
- 'text/javascript': 1,
- 'text/ecmascript': 1,
- 'application/ecmascript': 1,
- 'application/javascript': 1
- }
- this.rhtml = /<|&#?\w+;/
- }
-
- function serialize(p, obj, q){
- var k
- if(Array.isArray(obj)){
- obj.forEach(function(it, i){
- k = p ? (p + '[' + (Array.isArray(it) ? i : '') + ']') : i
- if(typeof it === 'object'){
- serialize(k, it, q)
- }else{
- q(k, it)
- }
- })
- }else{
- for(var i in obj){
- k = p ? (p + '[' + i + ']') : i
- if(typeof obj[i] === 'object'){
- serialize(k, obj[i], q)
- }else{
- q(k, obj[i])
- }
- }
- }
-
- }
-
- Format.prototype = {
- parseJS: function(code){
- code = (code + '').trim()
- if(code){
- if(code.indexOf('use strict') === 1){
- var script = doc.createElement('script')
- script.text = code
- doc.head
- .appendChild(script)
- .parentNode
- .removeChild(script)
- }else{
- eval(code)
- }
- }
- },
- parseXML: function(data, xml, tmp){
- try{
- var mode = doc.documentMode
- //标准浏览器
- if(win.DOMParser && (!mode || mode > 8)){
- tmp = new DOMParser()
- xml = tmp.parseFromString(data, 'text/xml')
- }else{// IE了
- xml = new ActiveXObject('Microsoft.XMLDOM')
- xml.async = 'false'
- xml.loadXML(data)
- }
- }catch(e){
- xml = void 0
- }
-
- if(!xml ||
- !xml.documentElement ||
- xml.getElementsByTagName('parsererror').length){
- console.error('Invalid XML: ' + data)
- }
- return xml
- },
- parseHTML: function (html){
- var fragment = (doc.createDocumentFragment()).cloneNode(false)
-
- if(typeof html !== 'string')
- return fragment
-
- if(!this.rhtml.test(html)){
- fragment.appendChild(document.createTextNode(html))
- return fragment
- }
-
- html = html.replace(this.rxhtml, '<$1>').trim()
- var tag = (this.rtagName.exec(html) || ['', ''])[1].toLowerCase()
- var wrap = this.tagHooks[tag] || this.tagHooks._default
- var firstChild = null
-
- //使用innerHTML生成的script节点不会触发请求与执行text属性
- wrap.innerHTML = html
- var script = wrap.getElementsByTagName('script')
- if(script.length){
- for(var i = 0, el; el = script[i++];){
- if(this.scriptTypes[el.type]){
- var tmp = (doc.createElement("script")).cloneNode(false)
- el.attributes.forEach(function(attr){
- tmp.setAttribute(attr.name, attr.value)
- })
- tmp.text = el.text
- el.parentNode.replaceChild(tmp, el)
- }
- }
- }
-
- while(firstChild = wrap.firstChild){
- fragment.appendChild(firstChild)
- }
-
- return fragment
- },
- param: function(obj){
- if(!obj || typeof obj === 'string' || typeof obj === 'number')
- return obj
-
- var arr = []
- var q = function(k, v){
- if(/native code/.test(v))
- return
-
- v = (typeof v === 'function') ? v() : v
- v = (toS.call(v) !== '[object File]') ? encode(v) : v
-
- arr.push(encode(k) + '=' + v)
- }
-
- if(typeof obj === 'object')
- serialize('', obj, q)
-
- return arr.join('&')
- },
- parseForm: function(form){
- var data = {}
- for(var i = 0,field; field = form.elements[i++];){
-
- switch(field.type){
- case 'select-one':
- case 'select-multiple':
- if(field.name.length && !field.disabled){
- for(var j = 0, opt;opt = field.options[j++];){
- if(opt.selected){
- data[field.name] = opt.value || opt.text
- }
- }
- }
- break;
- case 'file':
- if(field.name.length && !field.disabled){
- data[field.name] = field.files[0]
- }
- break;
- case undefined:
- case 'submit':
- case 'reset':
- case 'button':
- break; //按钮啥的, 直接忽略
- case 'radio':
- case 'checkbox':
- // 只处理选中的
- if(!field.checked)
- break;
- default:
- if(field.name.length && !field.disabled){
- data[field.name] = field.value
- }
-
- }
-
- }
- return data
- },
- merge: function(a, b){
- if(typeof a !== 'object' || typeof b !== 'object')
- throw new TypeError('argument must be an object')
-
- if(Object.assign)
- return Object.assign(a, b)
-
- for(var i in b){
- a[i] = b[i]
- }
- return a
- }
- }
-
-
- var F = new Format()
-
-
- // ---------------------------------------------------------
- // -------------------- request 模块开始 --------------------
- // ---------------------------------------------------------
-
-
- var requestConvert = {
- text: function(val){
- return val
- },
- xml: function(val, xml){
- return xml !== undefined ? xml : F.parseXML(val)
- },
- html: function(val){
- return F.parseHTML(val)
- },
- json: function(val){
- return JSON.parse(val)
- },
- script: function(val){
- return F.parseJS(val)
- },
- jsonp: function(){
- return window[this.jsonpCallback]
- }
- }
- var requestExtend = {
- formData: function(){
-
- //现代浏览器直接切换为FormData方式
- if(win.FormData){
- if(this.pool.form){
- console.log(this.pool.form.elements)
- var data = F.parseForm(this.pool.form)
- console.log(data)
- F.merge(this.pool.data, data)
- }
-
- var form = new FormData()
- for(var i in this.pool.data){
- var el = this.pool.data[i]
- if(Array.isArray(el)){
- el.forEach(function(it){
- form.append(i + '[]', it)
- })
- }else{
- form.append(i, this.pool.data[i])
- }
- }
- return form
- // IE8- 使用iframe
- }else{
- this.transport = this.mkIframe(this.pool.uuid)
- this.pool.form = this.mkForm(this.pool.form)
- this.pool.field = []
- for(var i in this.pool.data){
-
- var val = this.pool.data[i]
- if(Array.isArray(val)){
- for(var j = 0,v; v = val[j++];){
- var el = doc.createElement('input')
- el.type = 'hidden'
- el.name = i + '[]'
- el.value = v
- this.pool.field.push(el)
- this.pool.form.appendChild(el)
- }
- }else{
- var el = doc.createElement('input')
- el.type = 'hidden'
- el.name = i
- el.value = val
- this.pool.field.push(el)
- this.pool.form.appendChild(el)
- }
- }
- }
- },
- mkIframe: function(id){
- var iframe = F.parseHTML('').firstChild
- return (doc.body || doc.documentElement).insertBefore(iframe, null)
- },
- mkForm: function(form){
- if(!form)
- form = doc.createElement('form')
-
- form.target = this.pool.uuid
- form.action = this.pool.url
- form.method = 'POST'
- form.enctype = 'multipart/form-data'
-
- return form
- },
- dispatch: function(self, status){
- var _this = this
-
- if(!this.transport)
- return
-
- //状态为4,既已成功, 则清除超时
- clearTimeout(_this.timeoutID)
-
- if(status === 4)
- self.status = status
-
- //成功的回调
- var isSucc = (self.status >= 200 && self.status < 300) || self.status === 304
-
- var result = {
- response: {
- url: self.responseURL || self.URL,
- headers: {'content-type': ''}
- },
- request: {
- url: self.responseURL || self.URL,
- headers: _this.pool.headers
- },
- status: self.status,
- statusText: self.statusText || 'OK',
- text: '',
- body: '',
- error: null
- }
- if(typeof _this.transport !== 'object'){
- delete _this.transport
- delete _this.pool
- }
- // 非iframe方式
- if(!status){
- var headers = self.getAllResponseHeaders()
- headers = headers.split('\n')
- headers.forEach(function(it, i){
- it = it.trim()
- if(it){
- it = it.split(':')
- result.response.headers[it.shift().toLowerCase()] = it.join(':').trim()
- }
-
- })
- }
-
- if(isSucc){
-
- if(status === 204){
- result.statusText = 'no content'
- }else if(status === 304){
- result.statusText = 'not modified'
- }else{
- //处理返回的数据
-
- var dataType = result.response.headers['content-type'].match(/json|xml|script|html/i) || ['text']
-
- dataType = dataType[0].toLowerCase()
-
- var responseTXT = self.responseText || ''
- var responseXML = self.responseXML || ''
- try{
- result.text = responseTXT || responseXML
- result.body = requestConvert[dataType](responseTXT, responseXML)
- }catch(e){
- isSucc = false
- result.error = e
- result.statusText = 'parse error'
- }
- }
- }else{
- if(status){
- result.status = 200
-
- if(self.body){
- result.text = self.body.innerHTML
- result.body = result.text
- var child = self.body.firstChild
- if(child && child.nodeName.toUpperCase() === 'PRE'){
- result.text = child.innerHTML
- result.body = requestConvert.json(result.text)
- }
- }else{
- result.text = result.body = self
- }
-
- //删除iframe
- _this.transport.parentNode.removeChild(_this.transport)
- //还原表单, 避免参数重复提交
- if(_this.pool.field && _this.pool.field.length){
- _this.pool.form.target = ''
- _this.pool.form.action = ''
- for(var i = 0,el; el = _this.pool.field[i++];){
- _this.pool.form.removeChild(el)
- }
- }
-
- }else{
- result.status = result.status || 504
- result.statusText = result.statusText || 'Connected timeout'
- result.error = F.merge(new Error(result.statusText), {status: result.status})
- }
- }
-
- _this.callback(result.error, result)
- delete _this.transport
- delete _this.pool
- delete _this.xhr
-
- }
- }
-
- // 设置表单类型, 支持2种, form/json
- _requestp.type = function(t){
- if(this.pool.formType === 'form-data')
- return this
-
- this.pool.formType = t || 'form'
- if(t === 'form' || this.pool.type === 'GET')
- this.set('content-type', 'application/x-www-form-urlencoded; charset=UTF-8')
- else
- this.set('content-type', 'application/json; charset=UTF-8')
-
- return this
- }
-
- //设置头信息
- _requestp.set = function(k, val){
- if(!this.transport)
- return
-
- if(typeof k === 'object'){
- for(var i in k){
- i = i.toLowerCase()
- this.pool.headers[i] = k[i]
- }
-
- }else if(typeof k === 'string'){
- if(arguments.length < 2)
- throw new Error('2 arguments required')
-
- // 全转小写,避免重复写入
- k = k.toLowerCase()
-
- if(val === undefined)
- delete this.pool.headers[k]
- else
- this.pool.headers[k] = val
- }else{
- throw new Error('arguments must be string/object, but [' + (typeof k) + '] given')
- }
- return this
- }
-
- //设置请求参数
- _requestp.send = function(k, val){
-
- if(!this.transport)
- return
-
- // 1. send方法可以多次调用, 但必须保证格式一致
- // 2. 2次圴提交纯字符串也会抛出异常
- if(typeof k === 'object'){
- if(this.pool.data && (typeof this.pool.data === 'string'))
- throw new Error('param can not be string and object at the same time')
- if(!this.pool.data)
- this.pool.data = {}
-
- F.merge(this.pool.data, k)
- }else{
- if(typeof k === 'string'){
- if(arguments.length === 1){
- if(this.pool.data)
- throw new Error('invalid param in function send')
-
- this.pool.data = k
- }else{
- if(this.pool.data && (typeof this.pool.data === 'string'))
- throw new Error('param can not be string and object at the same time')
-
- if(!this.pool.data)
- this.pool.data = {}
-
- this.pool.data[k] = val
- }
-
- }else{
- throw new Error('argument of send must be string/object, but [' + (typeof k) + '] given')
- }
-
- }
-
- return this
- }
-
- //该方法用于 form-data类型的post请求的参数设置
- _requestp.field = function(k, val){
-
- if(!this.transport)
- return
-
- // 此类型优先级最高
- this.pool.formType = 'form-data'
- if(!this.pool.data || (this.pool.data && typeof this.pool.data !== 'object'))
- this.pool.data = {}
-
- if(arguments.length === 1 && typeof k === 'object'){
- F.merge(this.pool.data, k)
- }else if(arguments.length === 2){
- this.pool.data[k] = val
- }else{
- throw new TypeError('argument must be an object, but ' + (typeof k) + ' given')
- }
- return this
- }
-
-
- //设置缓存
- _requestp.cache = function(t){
- if(!this.transport)
- return
-
- if(this.pool.type === 'GET')
- this.pool.cache = !!t
-
- return this
- }
-
-
- //取消网络请求
- _requestp.abort = function(){
- delete this.transport
- if(!this.pool.form)
- this.xhr.abort()
-
- return this
- }
-
- //超时设置, 单位毫秒
- _requestp.timeout = function(time){
- if(typeof time !== 'number' || time < 1)
- return this
-
- this.pool.timeout = time
- return this
- }
-
-
- _requestp.form = function(form){
- if(typeof form === 'object' && form.nodeName === 'FORM'){
- this.pool.type = 'POST'
- this.pool.form = form
- }
-
- return this
- }
-
-
- var originAnchor = doc.createElement('a')
- originAnchor.href = location.href
- _requestp.end = function(callback){
- var _this = this;
- // 回调已执行, 或已取消, 则直接返回, 防止重复执行
- if(!this.transport)
- return
-
- if(!this.pool.url)
- throw new Error('Invalid request url')
-
- F.merge(this, requestExtend)
-
- this.callback = callback || noop
-
- // 1. url规范化
- this.pool.url = this.pool.url.replace(/#.*$/, '').replace(/^\/\//, location.protocol + '//')
-
- // 2. data转字符串
- this.pool.param = F.param(this.pool.data)
-
- // 3. 处理跨域
- if(typeof this.pool.crossDomain !== 'boolean'){
- var anchor = doc.createElement('a')
- try{
- anchor.href = this.pool.url
- // IE7及以下浏览器 '1'[0]的结果是 undefined
- // IE7下需要获取绝对路径
- var absUrl = !'1'[0] ? anchor.getAttribute('href', 4) : anchor.href
- anchor.href = absUrl
- this.pool.crossDomain = (originAnchor.protocol !== anchor.protocol) || (originAnchor.host !== anchor.host)
- }catch(e){
- this.pool.crossDomain = true
- }
- }
-
- // 4. 设置Content-Type类型, 默认x-www-form-urlencoded
- if(!this.pool.formType)
- this.type('form')
-
- // 5.处理GET请求
- this.pool.hasContent = this.pool.type !== 'GET' //是否为post请求
- if(!this.pool.hasContent){
-
- //GET请求直接把参数拼接到url上
- if(this.pool.param){
- this.pool.url += (/\?/.test(this.pool.url) ? '&' : '?') + this.pool.param
- }
- //加随机值,避免缓存
- if(this.pool.cache === false)
- this.pool.url += (/\?/.test(this.pool.url) ? '&' : '?') + '_=' + Math.random()
- }else{
- if(this.pool.formType === 'form-data'){
- delete this.pool.headers['content-type']
- this.pool.param = this.formData()
-
- }else if(this.pool.formType !== 'form'){
- this.pool.param = JSON.stringify(this.pool.data)
- }
- }
-
- // transport不恒为 true, 则说明是走iframe路线的
- if(this.transport !== true){
- this.transport.onload = function(ev){
- _this.dispatch(this.contentWindow.document, 4)
- }
- this.pool.form.submit()
- }else{
- this.xhr.onreadystatechange = function(statusTxt){
-
- if(this.readyState !== 4)
- return
-
- _this.dispatch(this)
- }
-
-
- // 6. 初始化xhr提交
- this.xhr.open(this.pool.type, this.pool.url, true)
-
- // 7. 设置头信息
- for(var i in this.pool.headers){
- if(this.pool.headers[i])
- this.xhr.setRequestHeader(i, this.pool.headers[i])
- }
-
- // 8. 发起网络请求
- this.xhr.send(this.pool.param)
-
-
- }
-
- //超时处理
- //IE8- 不支持timeout属性的设置,
- if(this.pool.timeout && this.pool.timeout > 0){
- this.timeoutID = setTimeout(function(){
- _this.abort()
- }, this.pool.timeout)
- }
-
- }
-
-
-
-
-
-
-
-
-
-
-
-
- // ---------------------- end ------------------------
-
-
- if(!win.request){
- win.request = {
- get: function(url){
- if(!url)
- throw new Error('argument url is required')
-
- return new _request(url, 'GET')
- },
- post: function(url){
- if(!url)
- throw new Error('argument url is required')
-
- return new _request(url, 'POST')
- },
- version: '1.0.0',
- release: 'request full version/1.0.0'
- }
- }
-
- return request
-})
diff --git a/src/js/lib/request/index.js b/src/js/lib/request/index.js
new file mode 100644
index 0000000..469668a
--- /dev/null
+++ b/src/js/lib/request/index.js
@@ -0,0 +1,499 @@
+/**
+ * Request组件, modern版, 支持IE9+,chrome,FF
+ * @authors yutent (yutent@doui.cc)
+ * @date 2016-11-27 13:08:40
+ *
+ */
+
+'use strict'
+import 'lib/promise/index'
+import Format from './lib/format'
+
+var _request = function(url, protocol) {
+ this.transport = true
+ protocol = (protocol + '').trim().toUpperCase()
+ this.xhr = Xhr()
+ this.defer = Promise.defer()
+ this.opt = {
+ url: (url + '').trim(),
+ type: protocol || 'GET',
+ form: '',
+ data: {},
+ headers: {},
+ timeoutID: 0,
+ uuid: Math.random()
+ .toString(16)
+ .substr(2)
+ }
+ },
+ _requestp = _request.prototype,
+ toS = Object.prototype.toString,
+ win = window,
+ doc = win.document,
+ encode = encodeURIComponent,
+ decode = decodeURIComponent,
+ noop = function(e, res) {
+ this.defer.resolve(res)
+ }
+
+// -----------------------------
+
+// 本地协议判断正则
+var rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/
+var isLocal = false
+try {
+ isLocal = rlocalProtocol.test(location.ptyperotocol)
+} catch (e) {}
+
+var rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/gm
+
+// ----------------- 一些兼容性预处理 --------------------
+
+win.Xhr = function() {
+ return new XMLHttpRequest()
+}
+var supportCors = 'withCredentials' in Xhr()
+
+// ---------------------------------------------------------
+// -------------------- request 模块开始 --------------------
+// ---------------------------------------------------------
+
+var requestConvert = {
+ text: function(val) {
+ return val
+ },
+ xml: function(val, xml) {
+ return xml !== undefined ? xml : Format.parseXML(val)
+ },
+ html: function(val) {
+ return Format.parseHTML(val)
+ },
+ json: function(val) {
+ return JSON.parse(val)
+ },
+ script: function(val) {
+ return Format.parseJS(val)
+ },
+ jsonp: function(name) {
+ var json = request.cache[name]
+ delete request.cache[name]
+ return json
+ }
+}
+var requestExtend = {
+ formData: function() {
+ if (this.opt.form) {
+ var data = Format.parseForm(this.opt.form)
+ Format.merge(this.opt.data, data)
+ }
+
+ var form = new FormData()
+ for (var i in this.opt.data) {
+ var el = this.opt.data[i]
+ if (Array.isArray(el)) {
+ el.forEach(function(it) {
+ form.append(i + '[]', it)
+ })
+ } else {
+ form.append(i, this.opt.data[i])
+ }
+ }
+ return form
+ },
+ jsonp: function(jsonpcallback) {
+ win[jsonpcallback] = function(val) {
+ delete win[jsonpcallback]
+ request.cache[jsonpcallback] = val
+ }
+ },
+ dispatch: function(self) {
+ if (!this.transport) return this.defer.reject('Request pending...')
+
+ var _this = this,
+ result = {
+ response: {
+ url: this.opt.url,
+ headers: { 'content-type': '' }
+ },
+ request: {
+ url: this.opt.url,
+ headers: _this.opt.headers
+ },
+ status: self === null ? 504 : 200,
+ statusText: self === null ? 'Connected timeout' : 'ok',
+ text: '',
+ body: '',
+ error: null
+ }
+
+ //状态为4,既已成功, 则清除超时
+ clearTimeout(_this.opt.timeoutID)
+
+ if (typeof this.transport === 'object' && this.opt.type === 'JSONP') {
+ //移除script
+ // this.transport.parentNode.removeChild(this.transport);
+
+ //超时返回
+ if (self !== null) {
+ var exec =
+ !this.transport.readyState ||
+ this.transport.readyState === 'loaded' ||
+ this.transport.readyState === 'complete'
+
+ if (exec) {
+ result.body = requestConvert.jsonp(this.opt.data.callback)
+ result.text = JSON.stringify(result.body)
+ }
+ }
+
+ this.callback(result.error, result)
+ } else {
+ //成功的回调
+ var isSucc = self
+ ? (self.status >= 200 && self.status < 300) || self.status === 304
+ : false,
+ headers = (self && self.getAllResponseHeaders().split('\n')) || []
+
+ //处理返回的Header
+ headers.forEach(function(it, i) {
+ it = it.trim()
+ if (it) {
+ it = it.split(':')
+ result.response.headers[it.shift().toLowerCase()] = it
+ .join(':')
+ .trim()
+ }
+ })
+
+ if (isSucc) {
+ result.status = self.status
+ if (result.status === 204) {
+ result.statusText = 'no content'
+ } else if (result.status === 304) {
+ result.statusText = 'not modified'
+ }
+ } else {
+ result.status = self === null ? 504 : self.status || 500
+ result.statusText =
+ self === null
+ ? 'Connected timeout'
+ : self.statusText || 'Internal Server Error'
+ result.error = Format.merge(new Error(result.statusText), {
+ status: result.status
+ })
+ }
+
+ try {
+ //处理返回的数据
+ var dataType = result.response.headers['content-type'].match(
+ /json|xml|script|html/i
+ ) || ['text']
+
+ dataType = dataType[0].toLowerCase()
+ result.text = (self && (self.responseText || self.responseXML)) || ''
+ result.body = requestConvert[dataType](
+ result.text,
+ self && self.responseXML
+ )
+ } catch (err) {
+ result.error = err
+ result.statusText = 'parse error'
+ }
+
+ _this.callback(result.error, result)
+ }
+ delete _this.defer
+ delete _this.transport
+ delete _this.opt
+ delete _this.xhr
+ }
+}
+
+// 设置表单类型, 支持2种, form/json
+_requestp.type = function(t) {
+ if (this.opt.formType === 'form-data') return this
+
+ this.opt.formType = t || 'form'
+ if (t === 'form' || this.opt.type === 'GET')
+ this.set('content-type', 'application/x-www-form-urlencoded; charset=UTF-8')
+ else this.set('content-type', 'application/json; charset=UTF-8')
+
+ return this
+}
+
+//设置头信息
+_requestp.set = function(k, val) {
+ if (!this.transport) return
+
+ if (typeof k === 'object') {
+ for (var i in k) {
+ i = i.toLowerCase()
+ this.opt.headers[i] = k[i]
+ }
+ } else if (typeof k === 'string') {
+ if (arguments.length < 2) throw new Error('2 arguments required')
+
+ // 全转小写,避免重复写入
+ k = k.toLowerCase()
+
+ if (val === undefined) delete this.opt.headers[k]
+ else this.opt.headers[k] = val
+ } else {
+ throw new Error(
+ 'arguments must be string/object, but [' + typeof k + '] given'
+ )
+ }
+ return this
+}
+
+//设置请求参数
+_requestp.send = function(k, val) {
+ if (!this.transport) return
+
+ // 1. send方法可以多次调用, 但必须保证格式一致
+ // 2. 2次圴提交纯字符串也会抛出异常
+ if (typeof k === 'object') {
+ if (this.opt.data && typeof this.opt.data === 'string')
+ throw new Error('param can not be string and object at the same time')
+ if (!this.opt.data) this.opt.data = {}
+
+ Format.merge(this.opt.data, k)
+ } else {
+ if (typeof k === 'string') {
+ if (arguments.length === 1) {
+ if (this.opt.data) throw new Error('invalid param in function send')
+
+ this.opt.data = k
+ } else {
+ if (this.opt.data && typeof this.opt.data === 'string')
+ throw new Error('param can not be string and object at the same time')
+
+ if (!this.opt.data) this.opt.data = {}
+
+ this.opt.data[k] = val
+ }
+ } else {
+ throw new Error(
+ 'argument of send must be string/object, but [' + typeof k + '] given'
+ )
+ }
+ }
+
+ return this
+}
+
+//该方法用于 form-data类型的post请求的参数设置
+_requestp.field = function(k, val) {
+ if (!this.transport) return this
+
+ // 此类型优先级最高
+ this.opt.formType = 'form-data'
+ this.opt.type = 'POST'
+ if (!this.opt.data || (this.opt.data && typeof this.opt.data !== 'object'))
+ this.opt.data = {}
+
+ if (arguments.length === 1 && typeof k === 'object') {
+ Format.merge(this.opt.data, k)
+ } else if (arguments.length === 2) {
+ this.opt.data[k] = val
+ } else {
+ throw new TypeError(
+ 'argument must be an object, but ' + typeof k + ' given'
+ )
+ }
+ return this
+}
+
+//设置缓存
+_requestp.cache = function(t) {
+ if (!this.transport) return
+
+ if (this.opt.type === 'GET') this.opt.cache = !!t
+
+ return this
+}
+
+//取消网络请求
+_requestp.abort = function() {
+ delete this.transport
+ if (!this.opt.form) this.xhr.abort()
+
+ return this
+}
+
+//超时设置, 单位毫秒
+_requestp.timeout = function(time) {
+ if (typeof time !== 'number' || time < 1) return this
+
+ this.opt.timeout = time
+ return this
+}
+
+_requestp.form = function(form) {
+ if (typeof form === 'object' && form.nodeName === 'FORM') {
+ this.opt.type = 'POST'
+ this.opt.form = form
+ }
+
+ return this
+}
+
+var originAnchor = doc.createElement('a')
+originAnchor.href = location.href
+_requestp.end = function(callback) {
+ var _this = this
+ // 回调已执行, 或已取消, 则直接返回, 防止重复执行
+ if (!this.transport) return this
+
+ if (!this.opt.url) throw new Error('Invalid request url')
+
+ Format.merge(this, requestExtend)
+
+ this.callback = callback || noop.bind(this)
+
+ // 1. url规范化
+ this.opt.url = this.opt.url
+ .replace(/#.*$/, '')
+ .replace(/^\/\//, location.protocol + '//')
+
+ // 2. 处理跨域
+ if (typeof this.opt.crossDomain !== 'boolean') {
+ var anchor = doc.createElement('a')
+ try {
+ anchor.href = this.opt.url
+ // IE7及以下浏览器 '1'[0]的结果是 undefined
+ // IE7下需要获取绝对路径
+ var absUrl = !'1'[0] ? anchor.getAttribute('href', 4) : anchor.href
+ anchor.href = absUrl
+ anchor.async = true
+ this.opt.crossDomain =
+ originAnchor.protocol !== anchor.protocol ||
+ originAnchor.host !== anchor.host
+ } catch (e) {
+ this.opt.crossDomain = true
+ }
+ }
+
+ // 2.1 进一步处理跨域配置
+ if (this.opt.type === 'JSONP') {
+ //如果没有跨域，自动转回xhr GET
+ if (!this.opt.crossDomain) {
+ this.opt.type = 'GET'
+ } else {
+ this.opt.data['callback'] =
+ this.opt.data['callback'] || 'jsonp' + request.cid++
+ this.jsonp(this.opt.data['callback']) //创建临时处理方法
+ }
+ }
+ // 2.2 如果不是跨域请求，则自动加上一条header信息，用以标识这是ajax请求
+ if (!this.opt.crossDomain) {
+ this.set('X-Requested-With', 'XMLHttpRequest')
+ } else {
+ supportCors && (this.xhr.withCredentials = true)
+ }
+
+ // 3. data转字符串
+ this.opt.param = Format.param(this.opt.data)
+
+ // 4. 设置Content-Type类型, 默认x-www-form-urlencoded
+ if (!this.opt.formType) this.type('form')
+
+ // 5.处理GET请求
+ this.opt.hasContent = this.opt.type === 'POST' //是否为post请求
+ if (!this.opt.hasContent) {
+ //GET请求直接把参数拼接到url上
+ if (this.opt.param) {
+ this.opt.url += (/\?/.test(this.opt.url) ? '&' : '?') + this.opt.param
+ }
+ //加随机值,避免缓存
+ if (this.opt.cache === false)
+ this.opt.url +=
+ (/\?/.test(this.opt.url) ? '&' : '?') + '_=' + Math.random()
+ } else {
+ if (this.opt.formType === 'form-data') {
+ delete this.opt.headers['content-type']
+ this.opt.param = this.formData()
+ } else if (this.opt.formType !== 'form') {
+ this.opt.param = JSON.stringify(this.opt.data)
+ }
+ }
+
+ //jsonp
+ if (this.opt.type === 'JSONP') {
+ this.transport = doc.createElement('script')
+ this.transport.onerror = this.transport.onload = function() {
+ _this.dispatch(_this.transport)
+ }
+ this.transport.src = this.opt.url
+ doc.head.insertBefore(this.transport, doc.head.firstChild)
+
+ //6. 超时处理
+ if (this.opt.timeout && this.opt.timeout > 0) {
+ this.opt.timeoutID = setTimeout(function() {
+ _this.transport.onerror = _this.transport.onload = null
+ _this.dispatch(null)
+ }, this.opt.timeout)
+ }
+ } else {
+ this.xhr.onreadystatechange = function(ev) {
+ if (_this.opt.timeout && _this.opt.timeout > 0) {
+ _this.opt['time' + this.readyState] = ev.timeStamp
+ if (this.readyState === 4) {
+ _this.opt.isTimeout =
+ _this.opt.time4 - _this.opt.time1 > _this.opt.timeout
+ }
+ }
+
+ if (this.readyState !== 4) {
+ return
+ }
+
+ _this.dispatch(_this.opt.isTimeout ? null : _this.xhr)
+ }
+
+ // 6. 初始化xhr提交
+ this.xhr.open(this.opt.type, this.opt.url, true)
+
+ // 7. 设置头信息
+ for (var i in this.opt.headers) {
+ if (this.opt.headers[i]) this.xhr.setRequestHeader(i, this.opt.headers[i])
+ }
+
+ // 8. 发起网络请求
+ _this.xhr.send(_this.opt.param)
+
+ //超时处理
+ if (this.opt.timeout && this.opt.timeout > 0) {
+ this.xhr.timeout = this.opt.timeout
+ }
+ }
+ return this.defer.promise
+}
+
+// ---------------------- end ------------------------
+
+if (!win.request) {
+ win.request = {
+ get: function(url) {
+ if (!url) throw new Error('argument url is required')
+
+ return new _request(url, 'GET')
+ },
+ post: function(url) {
+ if (!url) throw new Error('argument url is required')
+
+ return new _request(url, 'POST')
+ },
+ jsonp: function(url) {
+ if (!url) throw new Error('argument url is required')
+
+ return new _request(url, 'JSONP')
+ },
+ cache: {},
+ cid: 0,
+ version: '1.1.0-normal'
+ }
+ Anot.ui.request = request.version
+}
+
+export default request
diff --git a/src/js/lib/request/json.js b/src/js/lib/request/json.js
deleted file mode 100644
index fbed826..0000000
--- a/src/js/lib/request/json.js
+++ /dev/null
@@ -1 +0,0 @@
-define(function(){"object"!=typeof JSON&&(JSON={}),function(){"use strict";function f(t){return 10>t?"0"+t:t}function this_value(){return this.valueOf()}function quote(t){return rx_escapable.lastIndex=0,rx_escapable.test(t)?'"'+t.replace(rx_escapable,function(t){var e=meta[t];return"string"==typeof e?e:"\\u"+("0000"+t.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+t+'"'}function str(t,e){var r,n,o,u,f,a=gap,i=e[t];switch(i&&"object"==typeof i&&"function"==typeof i.toJSON&&(i=i.toJSON(t)),"function"==typeof rep&&(i=rep.call(e,t,i)),typeof i){case"string":return quote(i);case"number":return isFinite(i)?String(i):"null";case"boolean":case"null":return String(i);case"object":if(!i)return"null";if(gap+=indent,f=[],"[object Array]"===Object.prototype.toString.apply(i)){for(u=i.length,r=0;u>r;r+=1)f[r]=str(r,i)||"null";return o=0===f.length?"[]":gap?"[\n"+gap+f.join(",\n"+gap)+"\n"+a+"]":"["+f.join(",")+"]",gap=a,o}if(rep&&"object"==typeof rep)for(u=rep.length,r=0;u>r;r+=1)"string"==typeof rep[r]&&(n=rep[r],o=str(n,i),o&&f.push(quote(n)+(gap?": ":":")+o));else for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(o=str(n,i),o&&f.push(quote(n)+(gap?": ":":")+o));return o=0===f.length?"{}":gap?"{\n"+gap+f.join(",\n"+gap)+"\n"+a+"}":"{"+f.join(",")+"}",gap=a,o}}var rx_one=/^[\],:{}\s]*$/,rx_two=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,rx_three=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,rx_four=/(?:^|:|,)(?:\s*\[)+/g,rx_escapable=/[\\"\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,rx_dangerous=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;"function"!=typeof Date.prototype.toJSON&&(Date.prototype.toJSON=function(){return isFinite(this.valueOf())?this.getUTCFullYear()+"-"+f(this.getUTCMonth()+1)+"-"+f(this.getUTCDate())+"T"+f(this.getUTCHours())+":"+f(this.getUTCMinutes())+":"+f(this.getUTCSeconds())+"Z":null},Boolean.prototype.toJSON=this_value,Number.prototype.toJSON=this_value,String.prototype.toJSON=this_value);var gap,indent,meta,rep;"function"!=typeof JSON.stringify&&(meta={"\b":"\\b"," ":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},JSON.stringify=function(t,e,r){var n;if(gap="",indent="","number"==typeof r)for(n=0;r>n;n+=1)indent+=" ";else"string"==typeof r&&(indent=r);if(rep=e,e&&"function"!=typeof e&&("object"!=typeof e||"number"!=typeof e.length))throw new Error("JSON.stringify");return str("",{"":t})}),"function"!=typeof JSON.parse&&(JSON.parse=function(text,reviver){function walk(t,e){var r,n,o=t[e];if(o&&"object"==typeof o)for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n=walk(o,r),void 0!==n?o[r]=n:delete o[r]);return reviver.call(t,e,o)}var j;if(text=String(text),rx_dangerous.lastIndex=0,rx_dangerous.test(text)&&(text=text.replace(rx_dangerous,function(t){return"\\u"+("0000"+t.charCodeAt(0).toString(16)).slice(-4)})),rx_one.test(text.replace(rx_two,"@").replace(rx_three,"]").replace(rx_four,"")))return j=eval("("+text+")"),"function"==typeof reviver?walk({"":j},""):j;throw new SyntaxError("JSON.parse")})}();})
\ No newline at end of file
diff --git a/src/js/lib/request/lib/format.js b/src/js/lib/request/lib/format.js
index c062324..6d1106a 100644
--- a/src/js/lib/request/lib/format.js
+++ b/src/js/lib/request/lib/format.js
@@ -6,212 +6,205 @@
*/
'use strict'
-;(function(global, factory) {
- if (typeof module === 'object' && typeof module.exports === 'object') {
- module.exports = factory(global)
+
+function serialize(p, obj, q) {
+ var k
+ if (Array.isArray(obj)) {
+ obj.forEach(function(it, i) {
+ k = p ? p + '[' + (Array.isArray(it) ? i : '') + ']' : i
+ if (typeof it === 'object') {
+ serialize(k, it, q)
+ } else {
+ q(k, it)
+ }
+ })
} else {
- factory(global)
- }
-})(window, function(win) {
- function serialize(p, obj, q) {
- var k
- if (Array.isArray(obj)) {
- obj.forEach(function(it, i) {
- k = p ? p + '[' + (Array.isArray(it) ? i : '') + ']' : i
- if (typeof it === 'object') {
- serialize(k, it, q)
- } else {
- q(k, it)
- }
- })
- } else {
- for (var i in obj) {
- k = p ? p + '[' + i + ']' : i
- if (typeof obj[i] === 'object') {
- serialize(k, obj[i], q)
- } else {
- q(k, obj[i])
- }
+ for (var i in obj) {
+ k = p ? p + '[' + i + ']' : i
+ if (typeof obj[i] === 'object') {
+ serialize(k, obj[i], q)
+ } else {
+ q(k, obj[i])
}
}
}
+}
- var toS = Object.prototype.toString
- var doc = win.document
- var encode = encodeURIComponent
- var decode = decodeURIComponent
+var toS = Object.prototype.toString
+var doc = window.document
+var encode = encodeURIComponent
+var decode = decodeURIComponent
- var TagHooks = function() {
- this.option = doc.createElement('select')
- this.thead = doc.createElement('table')
- this.td = doc.createElement('tr')
- this.area = doc.createElement('map')
- this.tr = doc.createElement('tbody')
- this.col = doc.createElement('colgroup')
- this.legend = doc.createElement('fieldset')
- this._default = doc.createElement('div')
- this.g = doc.createElementNS('http://www.w3.org/2000/svg', 'svg')
+var TagHooks = function() {
+ this.option = doc.createElement('select')
+ this.thead = doc.createElement('table')
+ this.td = doc.createElement('tr')
+ this.area = doc.createElement('map')
+ this.tr = doc.createElement('tbody')
+ this.col = doc.createElement('colgroup')
+ this.legend = doc.createElement('fieldset')
+ this._default = doc.createElement('div')
+ this.g = doc.createElementNS('http://www.w3.org/2000/svg', 'svg')
- this.optgroup = this.option
- this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
- this.th = this.td
- }
+ this.optgroup = this.option
+ this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
+ this.th = this.td
+}
- var Format = function() {
- var _this = this
+var Format = function() {
+ var _this = this
- this.tagHooks = new TagHooks()
+ this.tagHooks = new TagHooks()
- 'circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use'.replace(
- /,/g,
- function(m) {
- _this.tagHooks[m] = _this.tagHooks.g //处理svg
- }
- )
-
- this.rtagName = /<([\w:]+)/
- this.rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi
- this.scriptTypes = {
- 'text/javascript': 1,
- 'text/ecmascript': 1,
- 'application/ecmascript': 1,
- 'application/javascript': 1
+ 'circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use'.replace(
+ /,/g,
+ function(m) {
+ _this.tagHooks[m] = _this.tagHooks.g //处理svg
}
- this.rhtml = /<|&#?\w+;/
+ )
+
+ this.rtagName = /<([\w:]+)/
+ this.rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi
+ this.scriptTypes = {
+ 'text/javascript': 1,
+ 'text/ecmascript': 1,
+ 'application/ecmascript': 1,
+ 'application/javascript': 1
}
+ this.rhtml = /<|&#?\w+;/
+}
- Format.prototype = {
- parseJS: function(code) {
- code = (code + '').trim()
- if (code) {
- if (code.indexOf('use strict') === 1) {
- var script = doc.createElement('script')
- script.text = code
- doc.head.appendChild(script).parentNode.removeChild(script)
- } else {
- eval(code)
- }
- }
- },
- parseXML: function(data, xml, tmp) {
- try {
- tmp = new DOMParser()
- xml = tmp.parseFromString(data, 'text/xml')
- } catch (e) {
- xml = void 0
+Format.prototype = {
+ parseJS: function(code) {
+ code = (code + '').trim()
+ if (code) {
+ if (code.indexOf('use strict') === 1) {
+ var script = doc.createElement('script')
+ script.text = code
+ doc.head.appendChild(script).parentNode.removeChild(script)
+ } else {
+ eval(code)
}
+ }
+ },
+ parseXML: function(data, xml, tmp) {
+ try {
+ tmp = new DOMParser()
+ xml = tmp.parseFromString(data, 'text/xml')
+ } catch (e) {
+ xml = void 0
+ }
- if (
- !xml ||
- !xml.documentElement ||
- xml.getElementsByTagName('parsererror').length
- ) {
- console.error('Invalid XML: ' + data)
- }
- return xml
- },
- parseHTML: function(html) {
- var fragment = doc.createDocumentFragment().cloneNode(false)
+ if (
+ !xml ||
+ !xml.documentElement ||
+ xml.getElementsByTagName('parsererror').length
+ ) {
+ console.error('Invalid XML: ' + data)
+ }
+ return xml
+ },
+ parseHTML: function(html) {
+ var fragment = doc.createDocumentFragment().cloneNode(false)
- if (typeof html !== 'string') return fragment
-
- if (!this.rhtml.test(html)) {
- fragment.appendChild(document.createTextNode(html))
- return fragment
- }
-
- html = html.replace(this.rxhtml, '<$1>').trim()
- var tag = (this.rtagName.exec(html) || ['', ''])[1].toLowerCase()
- var wrap = this.tagHooks[tag] || this.tagHooks._default
- var firstChild = null
-
- //使用innerHTML生成的script节点不会触发请求与执行text属性
- wrap.innerHTML = html
- var script = wrap.getElementsByTagName('script')
- if (script.length) {
- for (var i = 0, el; (el = script[i++]); ) {
- if (this.scriptTypes[el.type]) {
- var tmp = doc.createElement('script').cloneNode(false)
- el.attributes.forEach(function(attr) {
- tmp.setAttribute(attr.name, attr.value)
- })
- tmp.text = el.text
- el.parentNode.replaceChild(tmp, el)
- }
- }
- }
-
- while ((firstChild = wrap.firstChild)) {
- fragment.appendChild(firstChild)
- }
+ if (typeof html !== 'string') return fragment
+ if (!this.rhtml.test(html)) {
+ fragment.appendChild(document.createTextNode(html))
return fragment
- },
- param: function(obj) {
- if (!obj || typeof obj === 'string' || typeof obj === 'number') return obj
+ }
- var arr = []
- var q = function(k, v) {
- if (/native code/.test(v)) return
+ html = html.replace(this.rxhtml, '<$1>').trim()
+ var tag = (this.rtagName.exec(html) || ['', ''])[1].toLowerCase()
+ var wrap = this.tagHooks[tag] || this.tagHooks._default
+ var firstChild = null
- v = typeof v === 'function' ? v() : v
- v = toS.call(v) !== '[object File]' ? encode(v) : v
-
- arr.push(encode(k) + '=' + v)
+ //使用innerHTML生成的script节点不会触发请求与执行text属性
+ wrap.innerHTML = html
+ var script = wrap.getElementsByTagName('script')
+ if (script.length) {
+ for (var i = 0, el; (el = script[i++]); ) {
+ if (this.scriptTypes[el.type]) {
+ var tmp = doc.createElement('script').cloneNode(false)
+ el.attributes.forEach(function(attr) {
+ tmp.setAttribute(attr.name, attr.value)
+ })
+ tmp.text = el.text
+ el.parentNode.replaceChild(tmp, el)
+ }
}
+ }
- if (typeof obj === 'object') serialize('', obj, q)
+ while ((firstChild = wrap.firstChild)) {
+ fragment.appendChild(firstChild)
+ }
- return arr.join('&')
- },
- parseForm: function(form) {
- var data = {}
- for (var i = 0, field; (field = form.elements[i++]); ) {
- switch (field.type) {
- case 'select-one':
- case 'select-multiple':
- if (field.name.length && !field.disabled) {
- for (var j = 0, opt; (opt = field.options[j++]); ) {
- if (opt.selected) {
- data[field.name] = opt.value || opt.text
- }
+ return fragment
+ },
+ param: function(obj) {
+ if (!obj || typeof obj === 'string' || typeof obj === 'number') return obj
+
+ var arr = []
+ var q = function(k, v) {
+ if (/native code/.test(v)) return
+
+ v = typeof v === 'function' ? v() : v
+ v = toS.call(v) !== '[object File]' ? encode(v) : v
+
+ arr.push(encode(k) + '=' + v)
+ }
+
+ if (typeof obj === 'object') serialize('', obj, q)
+
+ return arr.join('&')
+ },
+ parseForm: function(form) {
+ var data = {}
+ for (var i = 0, field; (field = form.elements[i++]); ) {
+ switch (field.type) {
+ case 'select-one':
+ case 'select-multiple':
+ if (field.name.length && !field.disabled) {
+ for (var j = 0, opt; (opt = field.options[j++]); ) {
+ if (opt.selected) {
+ data[field.name] = opt.value || opt.text
}
}
- break
- case 'file':
- if (field.name.length && !field.disabled) {
- data[field.name] = field.files[0]
- }
- break
- case undefined:
- case 'submit':
- case 'reset':
- case 'button':
- break //按钮啥的, 直接忽略
- case 'radio':
- case 'checkbox':
- // 只处理选中的
- if (!field.checked) break
- default:
- if (field.name.length && !field.disabled) {
- data[field.name] = field.value
- }
- }
+ }
+ break
+ case 'file':
+ if (field.name.length && !field.disabled) {
+ data[field.name] = field.files[0]
+ }
+ break
+ case undefined:
+ case 'submit':
+ case 'reset':
+ case 'button':
+ break //按钮啥的, 直接忽略
+ case 'radio':
+ case 'checkbox':
+ // 只处理选中的
+ if (!field.checked) break
+ default:
+ if (field.name.length && !field.disabled) {
+ data[field.name] = field.value
+ }
}
- return data
- },
- merge: function(a, b) {
- if (typeof a !== 'object' || typeof b !== 'object')
- throw new TypeError('argument must be an object')
-
- if (Object.assign) return Object.assign(a, b)
-
- for (var i in b) {
- a[i] = b[i]
- }
- return a
}
- }
+ return data
+ },
+ merge: function(a, b) {
+ if (typeof a !== 'object' || typeof b !== 'object')
+ throw new TypeError('argument must be an object')
- return new Format()
-})
+ if (Object.assign) return Object.assign(a, b)
+
+ for (var i in b) {
+ a[i] = b[i]
+ }
+ return a
+ }
+}
+
+export default new Format()
diff --git a/src/js/lib/request/lib/json.js b/src/js/lib/request/lib/json.js
new file mode 100644
index 0000000..0a46784
--- /dev/null
+++ b/src/js/lib/request/lib/json.js
@@ -0,0 +1,174 @@
+if ('object' != typeof JSON) {
+ JSON = {}
+}
+export default (function() {
+ 'use strict'
+ function f(t) {
+ return 10 > t ? '0' + t : t
+ }
+ function this_value() {
+ return this.valueOf()
+ }
+ function quote(t) {
+ return (
+ (rx_escapable.lastIndex = 0),
+ rx_escapable.test(t)
+ ? '"' +
+ t.replace(rx_escapable, function(t) {
+ var e = meta[t]
+ return 'string' == typeof e
+ ? e
+ : '\\u' + ('0000' + t.charCodeAt(0).toString(16)).slice(-4)
+ }) +
+ '"'
+ : '"' + t + '"'
+ )
+ }
+ function str(t, e) {
+ var r,
+ n,
+ o,
+ u,
+ f,
+ a = gap,
+ i = e[t]
+ switch ((i &&
+ 'object' == typeof i &&
+ 'function' == typeof i.toJSON &&
+ (i = i.toJSON(t)),
+ 'function' == typeof rep && (i = rep.call(e, t, i)),
+ typeof i)) {
+ case 'string':
+ return quote(i)
+ case 'number':
+ return isFinite(i) ? String(i) : 'null'
+ case 'boolean':
+ case 'null':
+ return String(i)
+ case 'object':
+ if (!i) return 'null'
+ if (
+ ((gap += indent),
+ (f = []),
+ '[object Array]' === Object.prototype.toString.apply(i))
+ ) {
+ for (u = i.length, r = 0; u > r; r += 1) f[r] = str(r, i) || 'null'
+ return (
+ (o =
+ 0 === f.length
+ ? '[]'
+ : gap
+ ? '[\n' + gap + f.join(',\n' + gap) + '\n' + a + ']'
+ : '[' + f.join(',') + ']'),
+ (gap = a),
+ o
+ )
+ }
+ if (rep && 'object' == typeof rep)
+ for (u = rep.length, r = 0; u > r; r += 1)
+ 'string' == typeof rep[r] &&
+ ((n = rep[r]),
+ (o = str(n, i)),
+ o && f.push(quote(n) + (gap ? ': ' : ':') + o))
+ else
+ for (n in i)
+ Object.prototype.hasOwnProperty.call(i, n) &&
+ ((o = str(n, i)), o && f.push(quote(n) + (gap ? ': ' : ':') + o))
+ return (
+ (o =
+ 0 === f.length
+ ? '{}'
+ : gap
+ ? '{\n' + gap + f.join(',\n' + gap) + '\n' + a + '}'
+ : '{' + f.join(',') + '}'),
+ (gap = a),
+ o
+ )
+ }
+ }
+ var rx_one = /^[\],:{}\s]*$/,
+ rx_two = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
+ rx_three = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
+ rx_four = /(?:^|:|,)(?:\s*\[)+/g,
+ rx_escapable = /[\\"\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+ rx_dangerous = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g
+ 'function' != typeof Date.prototype.toJSON &&
+ ((Date.prototype.toJSON = function() {
+ return isFinite(this.valueOf())
+ ? this.getUTCFullYear() +
+ '-' +
+ f(this.getUTCMonth() + 1) +
+ '-' +
+ f(this.getUTCDate()) +
+ 'T' +
+ f(this.getUTCHours()) +
+ ':' +
+ f(this.getUTCMinutes()) +
+ ':' +
+ f(this.getUTCSeconds()) +
+ 'Z'
+ : null
+ }),
+ (Boolean.prototype.toJSON = this_value),
+ (Number.prototype.toJSON = this_value),
+ (String.prototype.toJSON = this_value))
+ var gap, indent, meta, rep
+ 'function' != typeof JSON.stringify &&
+ ((meta = {
+ '\b': '\\b',
+ ' ': '\\t',
+ '\n': '\\n',
+ '\f': '\\f',
+ '\r': '\\r',
+ '"': '\\"',
+ '\\': '\\\\'
+ }),
+ (JSON.stringify = function(t, e, r) {
+ var n
+ if (((gap = ''), (indent = ''), 'number' == typeof r))
+ for (n = 0; r > n; n += 1) indent += ' '
+ else 'string' == typeof r && (indent = r)
+ if (
+ ((rep = e),
+ e &&
+ 'function' != typeof e &&
+ ('object' != typeof e || 'number' != typeof e.length))
+ )
+ throw new Error('JSON.stringify')
+ return str('', { '': t })
+ })),
+ 'function' != typeof JSON.parse &&
+ (JSON.parse = function(text, reviver) {
+ function walk(t, e) {
+ var r,
+ n,
+ o = t[e]
+ if (o && 'object' == typeof o)
+ for (r in o)
+ Object.prototype.hasOwnProperty.call(o, r) &&
+ ((n = walk(o, r)), void 0 !== n ? (o[r] = n) : delete o[r])
+ return reviver.call(t, e, o)
+ }
+ var j
+ if (
+ ((text = String(text)),
+ (rx_dangerous.lastIndex = 0),
+ rx_dangerous.test(text) &&
+ (text = text.replace(rx_dangerous, function(t) {
+ return '\\u' + ('0000' + t.charCodeAt(0).toString(16)).slice(-4)
+ })),
+ rx_one.test(
+ text
+ .replace(rx_two, '@')
+ .replace(rx_three, ']')
+ .replace(rx_four, '')
+ ))
+ )
+ return (
+ (j = eval('(' + text + ')')),
+ 'function' == typeof reviver ? walk({ '': j }, '') : j
+ )
+ throw new SyntaxError('JSON.parse')
+ })
+ return JSON
+})()
diff --git a/src/js/lib/request/light.js b/src/js/lib/request/light.js
new file mode 100644
index 0000000..2fdc641
--- /dev/null
+++ b/src/js/lib/request/light.js
@@ -0,0 +1,494 @@
+/**
+ * Request组件, modern版, 支持IE9+,chrome,FF
+ * @authors yutent (yutent@doui.cc)
+ * @date 2016-11-27 13:08:40
+ *
+ */
+
+'use strict'
+import 'lib/promise/index'
+import Format from './lib/format'
+
+var _request = function(url, protocol) {
+ this.transport = true
+ protocol = (protocol + '').trim().toUpperCase()
+ this.xhr = Xhr()
+ this.defer = Promise.defer()
+ this.opt = {
+ url: (url + '').trim(),
+ type: protocol || 'GET',
+ form: '',
+ data: {},
+ headers: {},
+ timeoutID: 0,
+ uuid: Math.random()
+ .toString(16)
+ .substr(2)
+ }
+ },
+ _requestp = _request.prototype,
+ toS = Object.prototype.toString,
+ win = window,
+ doc = win.document,
+ encode = encodeURIComponent,
+ decode = decodeURIComponent,
+ noop = function(e, res) {
+ this.defer.resolve(res)
+ }
+
+// -----------------------------
+
+// 本地协议判断正则
+var rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/
+var isLocal = false
+try {
+ isLocal = rlocalProtocol.test(location.ptyperotocol)
+} catch (e) {}
+
+var rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/gm
+
+// ----------------- 一些兼容性预处理 --------------------
+
+win.Xhr = function() {
+ return new XMLHttpRequest()
+}
+var supportCors = 'withCredentials' in Xhr()
+
+// ---------------------------------------------------------
+// -------------------- request 模块开始 --------------------
+// ---------------------------------------------------------
+
+var requestConvert = {
+ text: function(val) {
+ return val
+ },
+ xml: function(val, xml) {
+ return xml !== undefined ? xml : Format.parseXML(val)
+ },
+ html: function(val) {
+ return Format.parseHTML(val)
+ },
+ json: function(val) {
+ return JSON.parse(val)
+ },
+ script: function(val) {
+ return Format.parseJS(val)
+ },
+ jsonp: function(name) {
+ var json = request.cache[name]
+ delete request.cache[name]
+ return json
+ }
+}
+var requestExtend = {
+ formData: function() {
+ if (this.opt.form) {
+ var data = Format.parseForm(this.opt.form)
+ Format.merge(this.opt.data, data)
+ }
+
+ var form = new FormData()
+ for (var i in this.opt.data) {
+ var el = this.opt.data[i]
+ if (Array.isArray(el)) {
+ el.forEach(function(it) {
+ form.append(i + '[]', it)
+ })
+ } else {
+ form.append(i, this.opt.data[i])
+ }
+ }
+ return form
+ },
+ jsonp: function(jsonpcallback) {
+ win[jsonpcallback] = function(val) {
+ delete win[jsonpcallback]
+ request.cache[jsonpcallback] = val
+ }
+ },
+ dispatch: function(self) {
+ if (!this.transport) return this.defer.reject('Request pending...')
+
+ var _this = this,
+ result = {
+ response: {
+ url: this.opt.url,
+ headers: { 'content-type': '' }
+ },
+ request: {
+ url: this.opt.url,
+ headers: _this.opt.headers
+ },
+ status: self === null ? 504 : 200,
+ statusText: self === null ? 'Connected timeout' : 'ok',
+ text: '',
+ body: '',
+ error: null
+ }
+
+ //状态为4,既已成功, 则清除超时
+ clearTimeout(_this.opt.timeoutID)
+
+ if (typeof this.transport === 'object' && this.opt.type === 'JSONP') {
+ //移除script
+ // this.transport.parentNode.removeChild(this.transport);
+
+ //超时返回
+ if (self !== null) {
+ var exec =
+ !this.transport.readyState ||
+ this.transport.readyState === 'loaded' ||
+ this.transport.readyState === 'complete'
+
+ if (exec) {
+ result.body = requestConvert.jsonp(this.opt.data.callback)
+ result.text = JSON.stringify(result.body)
+ }
+ }
+
+ this.callback(result.error, result)
+ } else {
+ //成功的回调
+ var isSucc = self
+ ? (self.status >= 200 && self.status < 300) || self.status === 304
+ : false,
+ headers = (self && self.getAllResponseHeaders().split('\n')) || []
+
+ //处理返回的Header
+ headers.forEach(function(it, i) {
+ it = it.trim()
+ if (it) {
+ it = it.split(':')
+ result.response.headers[it.shift().toLowerCase()] = it
+ .join(':')
+ .trim()
+ }
+ })
+
+ if (isSucc) {
+ result.status = self.status
+ if (result.status === 204) {
+ result.statusText = 'no content'
+ } else if (result.status === 304) {
+ result.statusText = 'not modified'
+ }
+ } else {
+ result.status = self === null ? 504 : self.status || 500
+ result.statusText =
+ self === null
+ ? 'Connected timeout'
+ : self.statusText || 'Internal Server Error'
+ result.error = Format.merge(new Error(result.statusText), {
+ status: result.status
+ })
+ }
+
+ try {
+ //处理返回的数据
+ var dataType = result.response.headers['content-type'].match(
+ /json|xml|script|html/i
+ ) || ['text']
+
+ dataType = dataType[0].toLowerCase()
+ result.text = (self && (self.responseText || self.responseXML)) || ''
+ result.body = requestConvert[dataType](
+ result.text,
+ self && self.responseXML
+ )
+ } catch (err) {
+ result.error = err
+ result.statusText = 'parse error'
+ }
+
+ _this.callback(result.error, result)
+ }
+ delete _this.defer
+ delete _this.transport
+ delete _this.opt
+ delete _this.xhr
+ }
+}
+
+// 设置表单类型, 支持2种, form/json
+_requestp.type = function(t) {
+ if (this.opt.formType === 'form-data') return this
+
+ this.opt.formType = t || 'form'
+ if (t === 'form' || this.opt.type === 'GET')
+ this.set('content-type', 'application/x-www-form-urlencoded; charset=UTF-8')
+ else this.set('content-type', 'application/json; charset=UTF-8')
+
+ return this
+}
+
+//设置头信息
+_requestp.set = function(k, val) {
+ if (!this.transport) return
+
+ if (typeof k === 'object') {
+ for (var i in k) {
+ i = i.toLowerCase()
+ this.opt.headers[i] = k[i]
+ }
+ } else if (typeof k === 'string') {
+ if (arguments.length < 2) throw new Error('2 arguments required')
+
+ // 全转小写,避免重复写入
+ k = k.toLowerCase()
+
+ if (val === undefined) delete this.opt.headers[k]
+ else this.opt.headers[k] = val
+ } else {
+ throw new Error(
+ 'arguments must be string/object, but [' + typeof k + '] given'
+ )
+ }
+ return this
+}
+
+//设置请求参数
+_requestp.send = function(k, val) {
+ if (!this.transport) return
+
+ // 1. send方法可以多次调用, 但必须保证格式一致
+ // 2. 2次圴提交纯字符串也会抛出异常
+ if (typeof k === 'object') {
+ if (this.opt.data && typeof this.opt.data === 'string')
+ throw new Error('param can not be string and object at the same time')
+ if (!this.opt.data) this.opt.data = {}
+
+ Format.merge(this.opt.data, k)
+ } else {
+ if (typeof k === 'string') {
+ if (arguments.length === 1) {
+ if (this.opt.data) throw new Error('invalid param in function send')
+
+ this.opt.data = k
+ } else {
+ if (this.opt.data && typeof this.opt.data === 'string')
+ throw new Error('param can not be string and object at the same time')
+
+ if (!this.opt.data) this.opt.data = {}
+
+ this.opt.data[k] = val
+ }
+ } else {
+ throw new Error(
+ 'argument of send must be string/object, but [' + typeof k + '] given'
+ )
+ }
+ }
+
+ return this
+}
+
+//该方法用于 form-data类型的post请求的参数设置
+_requestp.field = function(k, val) {
+ if (!this.transport) return this
+
+ // 此类型优先级最高
+ this.opt.formType = 'form-data'
+ this.opt.type = 'POST'
+ if (!this.opt.data || (this.opt.data && typeof this.opt.data !== 'object'))
+ this.opt.data = {}
+
+ if (arguments.length === 1 && typeof k === 'object') {
+ Format.merge(this.opt.data, k)
+ } else if (arguments.length === 2) {
+ this.opt.data[k] = val
+ } else {
+ throw new TypeError(
+ 'argument must be an object, but ' + typeof k + ' given'
+ )
+ }
+ return this
+}
+
+//设置缓存
+_requestp.cache = function(t) {
+ if (!this.transport) return
+
+ if (this.opt.type === 'GET') this.opt.cache = !!t
+
+ return this
+}
+
+//取消网络请求
+_requestp.abort = function() {
+ delete this.transport
+ if (!this.opt.form) this.xhr.abort()
+
+ return this
+}
+
+//超时设置, 单位毫秒
+_requestp.timeout = function(time) {
+ if (typeof time !== 'number' || time < 1) return this
+
+ this.opt.timeout = time
+ return this
+}
+
+_requestp.form = function(form) {
+ if (typeof form === 'object' && form.nodeName === 'FORM') {
+ this.opt.type = 'POST'
+ this.opt.form = form
+ }
+
+ return this
+}
+
+var originAnchor = doc.createElement('a')
+originAnchor.href = location.href
+_requestp.end = function(callback) {
+ var _this = this
+ // 回调已执行, 或已取消, 则直接返回, 防止重复执行
+ if (!this.transport) return this
+
+ if (!this.opt.url) throw new Error('Invalid request url')
+
+ Format.merge(this, requestExtend)
+
+ this.callback = callback || noop.bind(this)
+
+ // 1. url规范化
+ this.opt.url = this.opt.url
+ .replace(/#.*$/, '')
+ .replace(/^\/\//, location.protocol + '//')
+
+ // 2. 处理跨域
+ if (typeof this.opt.crossDomain !== 'boolean') {
+ var anchor = doc.createElement('a')
+ try {
+ anchor.href = this.opt.url
+ // IE7及以下浏览器 '1'[0]的结果是 undefined
+ // IE7下需要获取绝对路径
+ var absUrl = !'1'[0] ? anchor.getAttribute('href', 4) : anchor.href
+ anchor.href = absUrl
+ anchor.async = true
+ this.opt.crossDomain =
+ originAnchor.protocol !== anchor.protocol ||
+ originAnchor.host !== anchor.host
+ } catch (e) {
+ this.opt.crossDomain = true
+ }
+ }
+
+ // 2.1 进一步处理跨域配置
+ if (this.opt.type === 'JSONP') {
+ //如果没有跨域，自动转回xhr GET
+ if (!this.opt.crossDomain) {
+ this.opt.type = 'GET'
+ } else {
+ this.opt.data['callback'] =
+ this.opt.data['callback'] || 'jsonp' + request.cid++
+ this.jsonp(this.opt.data['callback']) //创建临时处理方法
+ }
+ }
+ // 2.2 如果不是跨域请求，则自动加上一条header信息，用以标识这是ajax请求
+ if (!this.opt.crossDomain) {
+ this.set('X-Requested-With', 'XMLHttpRequest')
+ } else {
+ supportCors && (this.xhr.withCredentials = true)
+ }
+
+ // 3. data转字符串
+ this.opt.param = Format.param(this.opt.data)
+
+ // 4. 设置Content-Type类型, 默认x-www-form-urlencoded
+ if (!this.opt.formType) this.type('form')
+
+ // 5.处理GET请求
+ this.opt.hasContent = this.opt.type === 'POST' //是否为post请求
+ if (!this.opt.hasContent) {
+ //GET请求直接把参数拼接到url上
+ if (this.opt.param) {
+ this.opt.url += (/\?/.test(this.opt.url) ? '&' : '?') + this.opt.param
+ }
+ //加随机值,避免缓存
+ if (this.opt.cache === false)
+ this.opt.url +=
+ (/\?/.test(this.opt.url) ? '&' : '?') + '_=' + Math.random()
+ } else {
+ if (this.opt.formType === 'form-data') {
+ delete this.opt.headers['content-type']
+ this.opt.param = this.formData()
+ } else if (this.opt.formType !== 'form') {
+ this.opt.param = JSON.stringify(this.opt.data)
+ }
+ }
+
+ //jsonp
+ if (this.opt.type === 'JSONP') {
+ this.transport = doc.createElement('script')
+ this.transport.onerror = this.transport.onload = function() {
+ _this.dispatch(_this.transport)
+ }
+ this.transport.src = this.opt.url
+ doc.head.insertBefore(this.transport, doc.head.firstChild)
+
+ //6. 超时处理
+ if (this.opt.timeout && this.opt.timeout > 0) {
+ this.opt.timeoutID = setTimeout(function() {
+ _this.transport.onerror = _this.transport.onload = null
+ _this.dispatch(null)
+ }, this.opt.timeout)
+ }
+ } else {
+ this.xhr.onreadystatechange = function(ev) {
+ if (_this.opt.timeout && _this.opt.timeout > 0) {
+ _this.opt['time' + this.readyState] = ev.timeStamp
+ if (this.readyState === 4) {
+ _this.opt.isTimeout =
+ _this.opt.time4 - _this.opt.time1 > _this.opt.timeout
+ }
+ }
+
+ if (this.readyState !== 4) {
+ return
+ }
+
+ _this.dispatch(_this.opt.isTimeout ? null : _this.xhr)
+ }
+
+ // 6. 初始化xhr提交
+ this.xhr.open(this.opt.type, this.opt.url, true)
+
+ // 7. 设置头信息
+ for (var i in this.opt.headers) {
+ if (this.opt.headers[i]) this.xhr.setRequestHeader(i, this.opt.headers[i])
+ }
+
+ // 8. 发起网络请求
+ _this.xhr.send(_this.opt.param)
+
+ //超时处理
+ if (this.opt.timeout && this.opt.timeout > 0) {
+ this.xhr.timeout = this.opt.timeout
+ }
+ }
+ return this.defer.promise
+}
+
+// ---------------------- end ------------------------
+
+if (!win.request) {
+ win.request = {
+ get: function(url) {
+ if (!url) throw new Error('argument url is required')
+
+ return new _request(url, 'GET')
+ },
+ post: function(url) {
+ if (!url) throw new Error('argument url is required')
+
+ return new _request(url, 'POST')
+ },
+ cache: {},
+ cid: 0,
+ version: '1.1.0-light'
+ }
+ Anot.ui.request = request.version
+}
+
+export default request
diff --git a/src/js/lib/request/normal.js b/src/js/lib/request/normal.js
deleted file mode 100644
index bd9da15..0000000
--- a/src/js/lib/request/normal.js
+++ /dev/null
@@ -1,740 +0,0 @@
-/**
- * Request组件, modern版, 支持IE9+,chrome,FF
- * @authors yutent (yutent@doui.cc)
- * @date 2016-11-27 13:08:40
- *
- */
-
-"use strict";
-define(function(){
- var _request = function(url, protocol){
- this.transport = true
- protocol = (protocol + '').trim().toUpperCase()
- this.xhr = Xhr()
- this.opt = {
- url: (url + '').trim(),
- type: protocol || 'GET',
- form: '',
- data: {},
- headers: {},
- timeoutID: 0,
- uuid: Math.random().toString(16).substr(2)
- }
- },
- _requestp = _request.prototype,
- toS = Object.prototype.toString,
- win = window,
- doc = win.document,
- encode = encodeURIComponent,
- decode = decodeURIComponent,
- noop = function(e, res){
- if(e)
- throw new Error(e + '')
- };
-
- // -----------------------------
-
- // 本地协议判断正则
- var rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/
- var isLocal = false
- try{
- isLocal = rlocalProtocol.test(location.protocol)
- }catch(e){}
-
-
- var rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg
-
- // ----------------- 一些兼容性预处理 --------------------
-
- win.Xhr = function(){
- return new XMLHttpRequest()
- }
- // var supportCors = 'withCredentials' in Xhr()
-
- // ------------------- 几个解释方法 -----------------------
-
- var Format = function(){
- this.tagHooks = new function(){
- this.option = doc.createElement('select')
- this.thead = doc.createElement('table')
- this.td = doc.createElement('tr')
- this.area = doc.createElement('map')
- this.tr = doc.createElement('tbody')
- this.col = doc.createElement('colgroup')
- this.legend = doc.createElement('fieldset')
- this._default = doc.createElement('div')
- this.g = doc.createElementNS('http://www.w3.org/2000/svg', 'svg')
-
- this.optgroup = this.option
- this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
- this.th = this.td
- };
- var _this = this
- 'circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use'.replace(/,/g, function(m){
- _this.tagHooks[m] = _this.tagHooks.g //处理svg
- })
-
- this.rtagName = /<([\w:]+)/
- this.rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig
- this.scriptTypes = {
- 'text/javascript': 1,
- 'text/ecmascript': 1,
- 'application/ecmascript': 1,
- 'application/javascript': 1
- }
- this.rhtml = /<|&#?\w+;/
- }
-
- function serialize(p, obj, q){
- var k
- if(Array.isArray(obj)){
- obj.forEach(function(it, i){
- k = p ? (p + '[' + (Array.isArray(it) ? i : '') + ']') : i
- if(typeof it === 'object'){
- serialize(k, it, q)
- }else{
- q(k, it)
- }
- })
- }else{
- for(var i in obj){
- k = p ? (p + '[' + i + ']') : i
- if(typeof obj[i] === 'object'){
- serialize(k, obj[i], q)
- }else{
- q(k, obj[i])
- }
- }
- }
-
- }
-
- Format.prototype = {
- parseJS: function(code){
- code = (code + '').trim()
- if(code){
- if(code.indexOf('use strict') === 1){
- var script = doc.createElement('script')
- script.text = code
- doc.head
- .appendChild(script)
- .parentNode
- .removeChild(script)
- }else{
- eval(code)
- }
- }
- },
- parseXML: function(data, xml, tmp){
- try{
- tmp = new DOMParser();
- xml = tmp.parseFromString(data, 'text/xml');
- }catch(e){
- xml = void 0;
- }
-
- if(!xml ||
- !xml.documentElement ||
- xml.getElementsByTagName('parsererror').length){
- console.error('Invalid XML: ' + data)
- }
- return xml
- },
- parseHTML: function (html){
- var fragment = (doc.createDocumentFragment()).cloneNode(false)
-
- if(typeof html !== 'string')
- return fragment
-
- if(!this.rhtml.test(html)){
- fragment.appendChild(document.createTextNode(html))
- return fragment
- }
-
- html = html.replace(this.rxhtml, '<$1>').trim()
- var tag = (this.rtagName.exec(html) || ['', ''])[1].toLowerCase()
- var wrap = this.tagHooks[tag] || this.tagHooks._default
- var firstChild = null
-
- //使用innerHTML生成的script节点不会触发请求与执行text属性
- wrap.innerHTML = html
- var script = wrap.getElementsByTagName('script')
- if(script.length){
- for(var i = 0, el; el = script[i++];){
- if(this.scriptTypes[el.type]){
- var tmp = (doc.createElement("script")).cloneNode(false)
- el.attributes.forEach(function(attr){
- tmp.setAttribute(attr.name, attr.value)
- })
- tmp.text = el.text
- el.parentNode.replaceChild(tmp, el)
- }
- }
- }
-
- while(firstChild = wrap.firstChild){
- fragment.appendChild(firstChild)
- }
-
- return fragment
- },
- param: function(obj){
- if(!obj || typeof obj === 'string' || typeof obj === 'number')
- return obj
-
- var arr = []
- var q = function(k, v){
- if(/native code/.test(v))
- return
-
- v = (typeof v === 'function') ? v() : v
- v = (toS.call(v) !== '[object File]') ? encode(v) : v
-
- arr.push(encode(k) + '=' + v)
- }
-
- if(typeof obj === 'object')
- serialize('', obj, q)
-
- return arr.join('&')
- },
- parseForm: function(form){
- var data = {}
- for(var i = 0,field; field = form.elements[i++];){
-
- switch(field.type){
- case 'select-one':
- case 'select-multiple':
- if(field.name.length && !field.disabled){
- for(var j = 0, opt;opt = field.options[j++];){
- if(opt.selected){
- data[field.name] = opt.value || opt.text
- }
- }
- }
- break;
- case 'file':
- if(field.name.length && !field.disabled){
- data[field.name] = field.files[0]
- }
- break;
- case undefined:
- case 'submit':
- case 'reset':
- case 'button':
- break; //按钮啥的, 直接忽略
- case 'radio':
- case 'checkbox':
- // 只处理选中的
- if(!field.checked)
- break;
- default:
- if(field.name.length && !field.disabled){
- data[field.name] = field.value
- }
-
- }
-
- }
- return data
- },
- merge: function(a, b){
- if(typeof a !== 'object' || typeof b !== 'object')
- throw new TypeError('argument must be an object')
-
- if(Object.assign)
- return Object.assign(a, b)
-
- for(var i in b){
- a[i] = b[i]
- }
- return a
- }
- }
-
-
- var F = new Format()
-
-
- // ---------------------------------------------------------
- // -------------------- request 模块开始 --------------------
- // ---------------------------------------------------------
-
-
- var requestConvert = {
- text: function(val){
- return val
- },
- xml: function(val, xml){
- return xml !== undefined ? xml : F.parseXML(val)
- },
- html: function(val){
- return F.parseHTML(val)
- },
- json: function(val){
- return JSON.parse(val)
- },
- script: function(val){
- return F.parseJS(val)
- },
- jsonp: function(name){
- var json = request.cache[name]
- delete request.cache[name];
- return json
- }
- }
- var requestExtend = {
- formData: function(){
-
- if(this.opt.form){
- var data = F.parseForm(this.opt.form)
- F.merge(this.opt.data, data)
- }
-
- var form = new FormData()
- for(var i in this.opt.data){
- var el = this.opt.data[i]
- if(Array.isArray(el)){
- el.forEach(function(it){
- form.append(i + '[]', it)
- })
- }else{
- form.append(i, this.opt.data[i])
- }
- }
- return form
-
- },
- jsonp: function(jsonpcallback){
- win[jsonpcallback] = function(val){
- delete win[jsonpcallback]
- request.cache[jsonpcallback] = val
- }
- },
- dispatch: function(self){
-
-
- if(!this.transport)
- return
-
- var _this = this,
- result = {
- response: {
- url: this.opt.url,
- headers: {'content-type': ''}
- },
- request: {
- url: this.opt.url,
- headers: _this.opt.headers
- },
- status: self === null ? 504 : 200,
- statusText: self === null ? 'Connected timeout' : 'ok',
- text: '',
- body: '',
- error: null
- };
-
- //状态为4,既已成功, 则清除超时
- clearTimeout(_this.opt.timeoutID);
-
- if(typeof this.transport === 'object'
- && this.opt.type === 'JSONP'){
-
- //移除script
- // this.transport.parentNode.removeChild(this.transport);
-
- //超时返回
- if(self !== null){
- var exec = !this.transport.readyState
- || this.transport.readyState === 'loaded'
- || this.transport.readyState === 'complete';
-
- if(exec){
- result.body = requestConvert.jsonp(this.opt.data.callback)
- result.text = JSON.stringify(result.body)
- }
- }
-
- this.callback(result.error, result)
-
- }else{
-
- //成功的回调
- var isSucc = self ? ((self.status >= 200 && self.status < 300) || self.status === 304) : false,
- headers = self && self.getAllResponseHeaders().split('\n') || [];
-
- //处理返回的Header
- headers.forEach(function(it, i){
- it = it.trim()
- if(it){
- it = it.split(':')
- result.response.headers[it.shift().toLowerCase()] = it.join(':').trim()
- }
-
- });
-
-
- if(isSucc){
- result.status = self.status
- if(result.status === 204){
- result.statusText = 'no content'
- }else if(result.status === 304){
- result.statusText = 'not modified'
- }
- }else{
- result.status = self === null ? 504 : (self.status || 500)
- result.statusText = self === null ? 'Connected timeout' : (self.statusText || 'Internal Server Error')
- result.error = F.merge(new Error(result.statusText), {status: result.status})
- }
-
- try{
- //处理返回的数据
- var dataType = result.response.headers['content-type'].match(/json|xml|script|html/i) || ['text']
-
- dataType = dataType[0].toLowerCase()
- result.text = self && (self.responseText || self.responseXML) || ''
- result.body = requestConvert[dataType](result.text, self && self.responseXML)
- }catch(err){
- result.error = err
- result.statusText = 'parse error'
- }
-
- _this.callback(result.error, result)
-
-
-
- }
- delete _this.transport;
- delete _this.opt
- delete _this.xhr
-
-
- }
- }
-
- // 设置表单类型, 支持2种, form/json
- _requestp.type = function(t){
- if(this.opt.formType === 'form-data')
- return this
-
- this.opt.formType = t || 'form'
- if(t === 'form' || this.opt.type === 'GET')
- this.set('content-type', 'application/x-www-form-urlencoded; charset=UTF-8')
- else
- this.set('content-type', 'application/json; charset=UTF-8')
-
- return this
- }
-
- //设置头信息
- _requestp.set = function(k, val){
- if(!this.transport)
- return
-
- if(typeof k === 'object'){
- for(var i in k){
- i = i.toLowerCase()
- this.opt.headers[i] = k[i]
- }
-
- }else if(typeof k === 'string'){
- if(arguments.length < 2)
- throw new Error('2 arguments required')
-
- // 全转小写,避免重复写入
- k = k.toLowerCase()
-
- if(val === undefined)
- delete this.opt.headers[k]
- else
- this.opt.headers[k] = val
- }else{
- throw new Error('arguments must be string/object, but [' + (typeof k) + '] given')
- }
- return this
- }
-
- //设置请求参数
- _requestp.send = function(k, val){
-
- if(!this.transport)
- return
-
- // 1. send方法可以多次调用, 但必须保证格式一致
- // 2. 2次圴提交纯字符串也会抛出异常
- if(typeof k === 'object'){
- if(this.opt.data && (typeof this.opt.data === 'string'))
- throw new Error('param can not be string and object at the same time')
- if(!this.opt.data)
- this.opt.data = {}
-
- F.merge(this.opt.data, k)
- }else{
- if(typeof k === 'string'){
- if(arguments.length === 1){
- if(this.opt.data)
- throw new Error('invalid param in function send')
-
- this.opt.data = k
- }else{
- if(this.opt.data && (typeof this.opt.data === 'string'))
- throw new Error('param can not be string and object at the same time')
-
- if(!this.opt.data)
- this.opt.data = {}
-
- this.opt.data[k] = val
- }
-
- }else{
- throw new Error('argument of send must be string/object, but [' + (typeof k) + '] given')
- }
-
- }
-
- return this
- }
-
- //该方法用于 form-data类型的post请求的参数设置
- _requestp.field = function(k, val){
-
- if(!this.transport)
- return
-
- // 此类型优先级最高
- this.opt.formType = 'form-data'
- if(!this.opt.data || (this.opt.data && typeof this.opt.data !== 'object'))
- this.opt.data = {}
-
- if(arguments.length === 1 && typeof k === 'object'){
- F.merge(this.opt.data, k)
- }else if(arguments.length === 2){
- this.opt.data[k] = val
- }else{
- throw new TypeError('argument must be an object, but ' + (typeof k) + ' given')
- }
- return this
- }
-
-
- //设置缓存
- _requestp.cache = function(t){
- if(!this.transport)
- return
-
- if(this.opt.type === 'GET')
- this.opt.cache = !!t
-
- return this
- }
-
-
- //取消网络请求
- _requestp.abort = function(){
- delete this.transport
- if(!this.opt.form)
- this.xhr.abort()
-
- return this
- }
-
- //超时设置, 单位毫秒
- _requestp.timeout = function(time){
- if(typeof time !== 'number' || time < 1)
- return this
-
- this.opt.timeout = time
- return this
- }
-
-
- _requestp.form = function(form){
- if(typeof form === 'object' && form.nodeName === 'FORM'){
- this.opt.type = 'POST'
- this.opt.form = form
- }
-
- return this
- }
-
-
- var originAnchor = doc.createElement('a');
- originAnchor.href = location.href;
- _requestp.end = function(callback){
- var _this = this;
- // 回调已执行, 或已取消, 则直接返回, 防止重复执行
- if(!this.transport)
- return
-
- if(!this.opt.url)
- throw new Error('Invalid request url')
-
- F.merge(this, requestExtend)
-
- this.callback = callback || noop
-
- // 1. url规范化
- this.opt.url = this.opt.url.replace(/#.*$/, '').replace(/^\/\//, location.protocol + '//')
-
-
- // 2. 处理跨域
- if(typeof this.opt.crossDomain !== 'boolean'){
- var anchor = doc.createElement('a')
- try{
- anchor.href = this.opt.url
- // IE7及以下浏览器 '1'[0]的结果是 undefined
- // IE7下需要获取绝对路径
- var absUrl = !'1'[0] ? anchor.getAttribute('href', 4) : anchor.href
- anchor.href = absUrl
- anchor.async = true
- this.opt.crossDomain = (originAnchor.protocol !== anchor.protocol) || (originAnchor.host !== anchor.host)
- }catch(e){
- this.opt.crossDomain = true
- }
- }
-
- // 2.1 进一步处理跨域配置
- if(this.opt.type === 'JSONP'){
- //如果没有跨域，自动转回xhr GET
- if(!this.opt.crossDomain){
- this.opt.type = 'GET';
- }else{
- this.opt.data['callback'] = this.opt.data['callback'] || ('jsonp' + request.cid++);
- this.jsonp(this.opt.data['callback']); //创建临时处理方法
- }
- }
- // 2.2 如果不是跨域请求，则自动加上一条header信息，用以标识这是ajax请求
- if(!this.opt.crossDomain){
- this.set('X-Requested-With', 'XMLHttpRequest')
- }
-
-
- // 3. data转字符串
- this.opt.param = F.param(this.opt.data)
-
-
- // 4. 设置Content-Type类型, 默认x-www-form-urlencoded
- if(!this.opt.formType)
- this.type('form')
-
- // 5.处理GET请求
- this.opt.hasContent = this.opt.type === 'POST' //是否为post请求
- if(!this.opt.hasContent){
-
- //GET请求直接把参数拼接到url上
- if(this.opt.param){
- this.opt.url += (/\?/.test(this.opt.url) ? '&' : '?') + this.opt.param
- }
- //加随机值,避免缓存
- if(this.opt.cache === false)
- this.opt.url += (/\?/.test(this.opt.url) ? '&' : '?') + '_=' + Math.random()
- }else{
- if(this.opt.formType === 'form-data'){
- delete this.opt.headers['content-type']
- this.opt.param = this.formData()
-
- }else if(this.opt.formType !== 'form'){
- this.opt.param = JSON.stringify(this.opt.data)
- }
- }
-
- //jsonp
- if(this.opt.type === 'JSONP'){
-
- this.transport = doc.createElement('script')
- this.transport.onerror = this.transport.onload = function(){
- _this.dispatch(_this.transport)
- }
- this.transport.src = this.opt.url
- doc.head.insertBefore(this.transport, doc.head.firstChild)
-
- //6. 超时处理
- if(this.opt.timeout && this.opt.timeout > 0){
- this.opt.timeoutID = setTimeout(function(){
- _this.transport.onerror = _this.transport.onload = null
- _this.dispatch(null)
- }, this.opt.timeout)
- }
- }else{
-
- this.xhr.onreadystatechange = function(ev){
-
- if(_this.opt.timeout && _this.opt.timeout > 0){
- _this.opt['time' + this.readyState] = ev.timeStamp
- if(this.readyState === 4){
- _this.opt.isTimeout = _this.opt.time4 - _this.opt.time1 > _this.opt.timeout
- }
- }
-
- if(this.readyState !== 4){
- return
- }
-
- _this.dispatch(_this.opt.isTimeout ? null : _this.xhr)
-
- }
-
-
- // 6. 初始化xhr提交
- this.xhr.open(this.opt.type, this.opt.url, true)
-
- // 7. 设置头信息
- for(var i in this.opt.headers){
- if(this.opt.headers[i])
- this.xhr.setRequestHeader(i, this.opt.headers[i])
- }
-
- // 8. 发起网络请求
- _this.xhr.send(_this.opt.param)
-
- //超时处理
- if(this.opt.timeout && this.opt.timeout > 0){
- this.xhr.timeout = this.opt.timeout;
- }
- }
-
- }
-
-
-
-
-
-
-
-
-
-
-
-
- // ---------------------- end ------------------------
-
-
- if(!win.request){
- win.request = {
- get: function(url){
- if(!url)
- throw new Error('argument url is required')
-
- return new _request(url, 'GET')
- },
- post: function(url){
- if(!url)
- throw new Error('argument url is required')
-
- return new _request(url, 'POST')
- },
- jsonp: function(url){
- if(!url)
- throw new Error('argument url is required')
-
- return new _request(url, 'JSONP')
- },
- cache: {},
- cid: 0,
- version: '1.0.0',
- release: 'request ES5 version/1.0.0'
- }
- }
-
- return request
-})
diff --git a/src/js/lib/request/promise.js b/src/js/lib/request/promise.js
deleted file mode 100644
index 2b15819..0000000
--- a/src/js/lib/request/promise.js
+++ /dev/null
@@ -1,223 +0,0 @@
-/**
- *
- * @authors yutent (yutent@doui.cc)
- * @date 2016-11-26 16:35:45
- *
- */
-
-'use strict';
-
-define(function() {
- var _Promise = function(callback) {
- this.callback = [];
- var _this = this;
-
- if (typeof this !== 'object')
- throw new TypeError('Promises must be constructed via new');
-
- if (typeof callback !== 'function')
- throw new TypeError('Argument must be a function');
-
- callback(
- function(val) {
- _resolve(_this, val);
- },
- function(val) {
- _reject(_this, val);
- }
- );
- };
- var self = {
- _state: 1,
- _fired: 1,
- _val: 1,
- callback: 1
- };
-
- _Promise.prototype = {
- constructor: _Promise,
- _state: 'pending',
- _fired: false,
- _fire: function(yes, no) {
- if (this._state === 'rejected') {
- if (typeof no === 'function') no(this._val);
- else throw this._val;
- } else {
- if (typeof yes === 'function') yes(this._val);
- }
- },
- _then: function(yes, no) {
- if (this._fired) {
- var _this = this;
- fireCallback(_this, function() {
- _this._fire(yes, no);
- });
- } else {
- this.callback.push({ yes: yes, no: no });
- }
- },
- then: function(yes, no) {
- yes = typeof yes === 'function' ? yes : _yes;
- no = typeof no === 'function' ? no : _no;
- var _this = this;
- var next = new _Promise(function(resolve, reject) {
- _this._then(
- function(val) {
- try {
- val = yes(val);
- } catch (err) {
- return reject(err);
- }
- },
- function(val) {
- try {
- val = no(val);
- } catch (err) {
- return reject(err);
- }
- resolve(val);
- }
- );
- });
- for (var i in _this) {
- if (!self[i]) next[i] = _this[i];
- }
- return next;
- },
- done: done,
- catch: fail,
- fail: fail
- };
-
- _Promise.all = function(arr) {
- return _some(false, arr);
- };
-
- _Promise.race = function(arr) {
- return _some(true, arr);
- };
-
- _Promise.defer = defer;
-
- // -----------------------------------------------------------
-
- function _yes(val) {
- return val;
- }
-
- function _no(err) {
- throw err;
- }
-
- function done(callback) {
- return this.then(callback, _no);
- }
-
- function fail(callback) {
- return this.then(_yes, callback);
- }
-
- function defer() {
- var obj = {};
- obj.promise = new this(function(yes, no) {
- obj.resolve = yes;
- obj.reject = no;
- });
- return obj;
- }
-
- //成功的回调
- function _resolve(obj, val) {
- if (obj._state !== 'pending') return;
-
- if (val && typeof val.then === 'function') {
- var method = val instanceof _Promise ? '_then' : 'then';
- val[method](
- function(v) {
- _transmit(obj, v, true);
- },
- function(v) {
- _transmit(obj, v, false);
- }
- );
- } else {
- _transmit(obj, val, true);
- }
- }
-
- //失败的回调
- function _reject(obj, val) {
- if (obj._state !== 'pending') return;
-
- _transmit(obj, val, false);
- }
-
- // 改变Promise的_fired值，并保持用户传参，触发所有回调
- function _transmit(obj, val, isResolved) {
- obj._fired = true;
- obj._val = val;
- obj._state = isResolved ? 'fulfilled' : 'rejected';
-
- fireCallback(obj, function() {
- for (var i in obj.callback) {
- obj._fire(obj.callback[i].yes, obj.callback[i].no);
- }
- });
- }
-
- function fireCallback(obj, callback) {
- var isAsync = false;
-
- if (typeof obj.async === 'boolean') isAsync = obj.async;
- else isAsync = obj.async = true;
-
- if (isAsync) setTimeout(callback, 0);
- else callback();
- }
-
- function _some(bool, iterable) {
- iterable = Array.isArray(iterable) ? iterable : [];
-
- var n = 0;
- var res = [];
- var end = false;
-
- return new _Promise(function(yes, no) {
- if (!iterable.length) no(res);
-
- function loop(obj, idx) {
- obj.then(
- function(val) {
- if (!end) {
- res[idx] = val;
- n++;
- if (bool || n >= iterable.length) {
- yes(bool ? val : res);
- end = true;
- }
- }
- },
- function(val) {
- end = true;
- no(val);
- }
- );
- }
-
- for (var i = 0, len = iterable.length; i < len; i++) {
- loop(iterable[i], i);
- }
- });
- }
-
- // ---------------------------------------------------------------
-
- var nativePromise = window.Promise;
- if (/native code/.test(nativePromise)) {
- nativePromise.prototype.done = done;
- nativePromise.prototype.fail = fail;
- if (!nativePromise.defer) nativePromise.defer = defer;
- }
-
- return (window.Promise = nativePromise || _Promise);
-});