This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
anot
Archived
1
0
Fork 0

一大波精简

master
宇天 2020-08-18 18:42:38 +08:00
parent 099378aedd
commit ebbd93cd97
22 changed files with 199 additions and 222 deletions

View File

@ -1,5 +1,4 @@
import { Anot } from './seed/core'
import './seed/lang'
import Anot from './seed/index'
import './filters/index'
import './dom/modern'

View File

@ -1,5 +1,4 @@
import { Anot } from './seed/core'
import './seed/lang'
import Anot from './seed/index'
import './filters/index'
import './dom/modern'

View File

@ -1,4 +1,4 @@
import { Anot } from '../seed/core'
import Anot from '../seed/index'
import { cssDiff } from './css'
import { updateAttrs } from '../dom/attr/modern'

View File

@ -7,6 +7,21 @@ import { updateModel } from './updateDataHandle'
var rchangeFilter = /\|\s*change\b/
var rdebounceFilter = /\|\s*debounce(?:\(([^)]+)\))?/
var PARSER_FN = {
number(a) {
return a === '' ? '' : +a || 0
},
string(a) {
return a === null || a === void 0 ? '' : a + ''
},
boolean(a) {
if (a === '') {
return a
}
return a === 'true' || a === '1'
}
}
export function duplexBeforeInit() {
var expr = this.expr
if (rchangeFilter.test(expr)) {
@ -144,7 +159,7 @@ try {
function parseValue(val) {
for (var i = 0, k; (k = this.parsers[i++]); ) {
var fn = Anot.parsers[k]
var fn = PARSER_FN[k]
if (fn) {
val = fn.call(this, val)
}

View File

@ -1,4 +1,4 @@
import { Anot } from '../seed/core'
import Anot from '../seed/index'
Anot.directive('expr', {
update: function(vdom, value) {

View File

@ -1,4 +1,11 @@
import { Anot, createFragment, platform, isObject, ap } from '../seed/core'
import {
Anot,
createFragment,
platform,
isObject,
ap,
makeHashCode
} from '../seed/core'
import { VFragment } from '../vdom/VFragment'
import { $$skipArray } from '../vmodel/reserved'
@ -39,7 +46,7 @@ Anot.directive('for', {
this.expr = arr[1]
this.keyName = kv[0]
this.valName = kv[1]
this.signature = Anot.makeHashCode('for')
this.signature = makeHashCode('for')
if (asName) {
this.asName = asName
}

View File

@ -44,11 +44,11 @@ Anot.directive('visible', {
}
}
}
// fix firefox BUG,必须挂到页面上
if (
dom.style.display === '' &&
Anot(dom).css('display') === none &&
// fix firefox BUG,必须挂到页面上
Anot.contains(dom.ownerDocument, dom)
dom.ownerDocument.contains(dom)
) {
value = parseDisplay(dom)
}

View File

@ -5,7 +5,7 @@ export { cssMap, cssHooks }
Anot.cssNumber = oneObject(
'animationIterationCount,columnCount,order,flex,flexGrow,flexShrink,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom'
)
var prefixes = ['', '-webkit-', '-o-', '-moz-', '-ms-']
var prefixes = ['', '-webkit-', '-moz-']
/* istanbul ignore next */
Anot.cssName = function(name, host, camelCase) {
if (cssMap[name]) {
@ -171,12 +171,7 @@ function showHidden(node, array) {
}
}
/* istanbul ignore next*/
Anot.each(
{
Width: 'width',
Height: 'height'
},
function(name, method) {
Anot.each({ Width: 'width', Height: 'height' }, function(name, method) {
var clientProp = 'client' + name,
scrollProp = 'scroll' + name,
offsetProp = 'offset' + name
@ -266,8 +261,7 @@ Anot.each(
includeMargin === true ? 2 : 0
)
}
}
)
})
export function getWindow(node) {
return node.window || node.defaultView || node.parentWindow || false

View File

@ -20,7 +20,7 @@ Anot.parseHTML = function(html) {
html = html.replace(rxhtml, '<$1></$2>').trim()
var hasCache = htmlCache.get(html)
if (hasCache) {
return Anot.cloneNode(hasCache)
return hasCache.cloneNode(true)
}
var vnodes = fromString(html)
for (var i = 0, el; (el = vnodes[i++]); ) {

View File

@ -3,8 +3,6 @@
* shim,class,data,css,val,html,event,ready *
********************************************************************/
import './shim/modern'
import './class/modern'
import './attr/modern'
import './css/modern'
import './val/modern'

View File

@ -16,10 +16,6 @@ Anot.ready = function(fn) {
}
}
Anot.ready(function() {
Anot.scan && Anot.scan(document.body)
})
/* istanbul ignore next */
function bootstrap() {
if (document.readyState === 'complete') {

View File

@ -1,10 +0,0 @@
/* istanbul ignore next */
export function fixContains(root, el) {
try {
//IE6-8,游离于DOM树外的文本节点访问parentNode有时会抛错
while ((el = el.parentNode)) {
if (el === root) return true
}
} catch (e) {}
return false
}

View File

@ -1,41 +0,0 @@
//safari5+是把contains方法放在Element.prototype上而不是Node.prototype
import { Anot, root } from '../../seed/core'
import { fixContains } from './fixContains'
export { Anot }
Anot.contains = fixContains
Anot.cloneNode = function(a) {
return a.cloneNode(true)
}
if (!document.contains) {
Node.prototype.contains = function(child) {
//IE6-8没有Node对象
return fixContains(this, child)
}
}
function fixFF(prop, cb) {
//firefox12 http://caniuse.com/#search=outerHTML
if (!(prop in root)) {
HTMLElement.prototype.__defineGetter__(prop, cb)
}
}
fixFF('outerHTML', function() {
//https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/children
var div = document.createElement('div')
div.appendChild(this)
return div.innerHTML
})
fixFF('children', function() {
var children = []
for (var i = 0, el; (el = this.childNodes[i++]); ) {
if (el.nodeType === 1) {
children.push(el)
}
}
return children
})
fixFF('innerText', function() {
return this.textContent
})

View File

@ -1,4 +1,4 @@
import { Anot, escapeRegExp } from '../seed/core'
import { Anot, escapeRegExp, isObject } from '../seed/core'
import { $$skipArray } from '../vmodel/reserved'
export function orderBy(array, by, decend) {
@ -96,7 +96,7 @@ export function filterBy(array, search, ...args) {
}
export function selectBy(data, array, defaults) {
if (Anot.isObject(data) && !Array.isArray(data)) {
if (isObject(data) && !Array.isArray(data)) {
var target = []
return recovery(target, array, function(name) {
target.push(

View File

@ -1,5 +1,5 @@
import { Anot, directives } from '../seed/core'
export var eventMap = Anot.oneObject(
import { Anot, directives, oneObject } from '../seed/core'
export var eventMap = oneObject(
'animationend,blur,change,input,' +
'click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,' +
'mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit',

View File

@ -1,7 +1,7 @@
import { Anot, Cache } from '../seed/core'
import { Anot, Cache, oneObject } from '../seed/core'
import { clearString, stringPool, fill, rfill, dig } from '../vtree/clearString'
var keyMap = Anot.oneObject(
var keyMap = oneObject(
'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,' /* 关键字*/ +

View File

@ -7,12 +7,6 @@ export function Anot(el) {
return new Anot.init(el)
}
Anot.init = function(el) {
this[0] = this.element = el
}
Anot.fn = Anot.prototype = Anot.init.prototype
export var rword = /[^, ]+/g
export var rnowhite = /\S+/g //存在非空字符
export var platform = {} //用于放置平台差异的方法与属性
@ -114,7 +108,6 @@ export var validators = {}
export var cssHooks = {}
window.Anot = Anot
Anot.platform = platform
/* istanbul ignore next */
export function createFragment() {
@ -170,24 +163,6 @@ Object.assign(Anot, {
}
},
evaluatorPool: new Cache(888),
parsers: {
number: function(a) {
return a === '' ? '' : +a || 0
},
string: function(a) {
return a === null || a === void 0 ? '' : a + ''
},
boolean: function(a) {
if (a === '') {
return a
}
return a === 'true' || a === '1'
}
},
oneObject,
inspect,
ohasOwn,
vmodels: {},
directives,
@ -195,15 +170,11 @@ Object.assign(Anot, {
eventHooks,
eventListeners,
validators,
cssHooks,
noop,
isObject,
range,
hyphen,
camelize,
makeHashCode
camelize
})

View File

@ -1,6 +1,7 @@
//这里放置存在异议的方法
import { Anot, ohasOwn, inspect } from './core'
export { Anot }
import { Anot, inspect, platform, isObject } from './core'
export default Anot
var rwindow = /^\[object (?:Window|DOMWindow|global)\]$/
var rarraylike = /(Array|List|Collection|Map|Arguments|Set)\]$/
@ -39,6 +40,67 @@ Anot.isPlainObject = function(obj) {
)
}
Anot.nextTick = (function() {
let queue = []
function callback() {
let n = queue.length
for (let i = 0; i < n; i++) {
queue[i]()
}
queue = queue.slice(n)
}
let node = document.createTextNode('<!-- -->')
new MutationObserver(callback).observe(node, { characterData: true })
let bool = false
return function(fn) {
queue.push(fn)
bool = !bool
node.data = bool
}
})()
Anot.init = function(source) {
if (source) {
if (Anot.isPlainObject(source)) {
var id = source.$id
var vm = Anot.vmodels[id]
if (!id) {
throw new Error(`vm的$id必须声明`)
}
if (vm) {
throw new Error(`vm实例[${id}]已经存在`)
}
vm = platform.modelFactory(source)
Anot.vmodels[id] = vm
Anot.nextTick(function() {
let $elem = document.querySelector('[anot=' + vm.$id + ']')
if ($elem) {
if ($elem === document.body) {
Anot.scan($elem)
} else {
let _parent = $elem
while ((_parent = _parent.parentNode)) {
if (_parent.__VM__) {
break
}
}
Anot.scan($elem.parentNode, _parent && _parent.__VM__)
}
}
})
}
return vm
}
this[0] = this.element = source
}
Anot.fn = Anot.prototype = Anot.init.prototype
//与jQuery.extend方法可用于浅拷贝深拷贝
Anot.mix = Anot.fn.mix = function() {
var options,

View File

@ -1,4 +1,4 @@
import { Anot } from '../seed/core'
import { Anot, oneObject } from '../seed/core'
export function VElement(type, props, children, isVoidTag) {
this.nodeName = type
@ -84,7 +84,7 @@ function createSVG(type) {
return document.createElementNS('http://www.w3.org/2000/svg', type)
}
var svgTags = Anot.oneObject(
var svgTags = oneObject(
'circle,defs,ellipse,image,line,' +
'path,polygon,polyline,rect,symbol,text,use,g,svg'
)

View File

@ -4,7 +4,7 @@ import {
reportObserved,
propagateChanged
} from './transaction'
import { Anot, platform } from '../seed/core'
import { Anot, platform, isObject } from '../seed/core'
/**
*
@ -59,7 +59,7 @@ export class Mutation {
set(newValue) {
var oldValue = this.value
if (newValue !== oldValue) {
if (Anot.isObject(newValue)) {
if (isObject(newValue)) {
var hash = oldValue && oldValue.$hashcode
var childVM = platform.createProxy(newValue, this)
if (childVM) {

View File

@ -1,4 +1,4 @@
import { Anot, ap, platform, isObject } from '../seed/core'
import { Anot, ap, platform, isObject, makeHashCode } from '../seed/core'
import { Mutation } from './Mutation'
var _splice = ap.splice
@ -105,7 +105,7 @@ export function listFactory(array, stop, dd) {
Object.defineProperty(array, '$model', platform.modelAccessor)
platform.hideProperty(array, '$hashcode', Anot.makeHashCode('$'))
platform.hideProperty(array, '$hashcode', makeHashCode('$'))
platform.hideProperty(array, '$events', { __dep__: dd || new Mutation() })
}
var _dd = array.$events && array.$events.__dep__

View File

@ -1,11 +1,10 @@
import { Anot, platform, isObject } from '../seed/core'
import { Anot, platform, isObject, makeHashCode } from '../seed/core'
import { $$skipArray } from './reserved'
import { Mutation } from './Mutation'
import { Computed } from './Computed'
/**
* 这里放置ViewModel模块的共用方法
* Anot.define: 全框架最重要的方法,生成用户VM
* IProxy, 基本用户数据产生的一个数据对象,基于$model与vmodel之间的形态
* modelFactory: 生成用户VM
* canHijack: 判定此属性是否该被劫持,加入数据监听与分发的的逻辑
@ -15,18 +14,6 @@ import { Computed } from './Computed'
* fuseFactory: 两个ms-controller间产生的代理VM的生成工厂
*/
Anot.define = function(definition) {
var $id = definition.$id
if (!$id) {
console.error('vm.$id must be specified')
}
if (Anot.vmodels[$id]) {
console.warn('error:[' + $id + '] had defined!')
}
var vm = platform.modelFactory(definition)
return (Anot.vmodels[$id] = vm)
}
/**
* Anot改用Proxy来创建VM,因此
*/
@ -34,7 +21,7 @@ Anot.define = function(definition) {
export function IProxy(definition, dd) {
Anot.mix(this, definition)
Anot.mix(this, $$skipArray)
this.$hashcode = Anot.makeHashCode('$')
this.$hashcode = makeHashCode('$')
this.$id = this.$id || this.$hashcode
this.$events = {
__dep__: dd || new Mutation(this.$id)