-
-
Notifications
You must be signed in to change notification settings - Fork 33.7k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(weex): support parse object literal in binding attrs and styles (#…
- Loading branch information
1 parent
f8cb3a2
commit ff8fcd2
Showing
7 changed files
with
179 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| /* @flow */ | ||
|
|
||
| // import { warn } from 'core/util/index' | ||
|
|
||
| // this will be preserved during build | ||
| // $flow-disable-line | ||
| const acorn = require('acorn') // $flow-disable-line | ||
| const walk = require('acorn/dist/walk') // $flow-disable-line | ||
| const escodegen = require('escodegen') | ||
|
|
||
| export function nodeToBinding (node: Object): any { | ||
| switch (node.type) { | ||
| case 'Literal': return node.value | ||
| case 'Identifier': | ||
| case 'UnaryExpression': | ||
| case 'BinaryExpression': | ||
| case 'LogicalExpression': | ||
| case 'ConditionalExpression': | ||
| case 'MemberExpression': return { '@binding': escodegen.generate(node) } | ||
| case 'ArrayExpression': return node.elements.map(_ => nodeToBinding(_)) | ||
| case 'ObjectExpression': { | ||
| const object = {} | ||
| node.properties.forEach(prop => { | ||
| if (!prop.key || prop.key.type !== 'Identifier') { | ||
| return | ||
| } | ||
| const key = escodegen.generate(prop.key) | ||
| const value = nodeToBinding(prop.value) | ||
| if (key && value) { | ||
| object[key] = value | ||
| } | ||
| }) | ||
| return object | ||
| } | ||
| default: { | ||
| // warn(`Not support ${node.type}: "${escodegen.generate(node)}"`) | ||
| return '' | ||
| } | ||
| } | ||
| } | ||
|
|
||
| export function generateBinding (exp: ?string): any { | ||
| if (exp && typeof exp === 'string') { | ||
| let ast = null | ||
| try { | ||
| ast = acorn.parse(`(${exp})`) | ||
| } catch (e) { | ||
| // warn(`Failed to parse the expression: "${exp}"`) | ||
| return '' | ||
| } | ||
|
|
||
| let output = '' | ||
| walk.simple(ast, { | ||
| Expression (node) { | ||
| output = nodeToBinding(node) | ||
| } | ||
| }) | ||
| return output | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,105 @@ | ||
| import { generateBinding } from '../../../src/platforms/weex/util/parser' | ||
|
|
||
| describe('expression parser', () => { | ||
| describe('generateBinding', () => { | ||
| it('primitive literal', () => { | ||
| expect(generateBinding('15')).toEqual(15) | ||
| expect(generateBinding('"xxx"')).toEqual('xxx') | ||
| }) | ||
|
|
||
| it('identifiers', () => { | ||
| expect(generateBinding('x')).toEqual({ '@binding': 'x' }) | ||
| expect(generateBinding('x.y')).toEqual({ '@binding': 'x.y' }) | ||
| expect(generateBinding(`x.y['z']`)).toEqual({ '@binding': `x.y['z']` }) | ||
| }) | ||
|
|
||
| it('object literal', () => { | ||
| expect(generateBinding('{}')).toEqual({}) | ||
| expect(generateBinding('{ abc: 25 }')).toEqual({ abc: 25 }) | ||
| expect(generateBinding('{ abc: 25, def: "xxx" }')).toEqual({ abc: 25, def: 'xxx' }) | ||
| expect(generateBinding('{ a: 3, b: { bb: "bb", bbb: { bbc: "BBC" } } }')) | ||
| .toEqual({ a: 3, b: { bb: 'bb', bbb: { bbc: 'BBC' }}}) | ||
| }) | ||
|
|
||
| it('array literal', () => { | ||
| expect(generateBinding('[]')).toEqual([]) | ||
| expect(generateBinding('[{ abc: 25 }]')).toEqual([{ abc: 25 }]) | ||
| expect(generateBinding('[{ abc: 25, def: ["xxx"] }]')).toEqual([{ abc: 25, def: ['xxx'] }]) | ||
| expect(generateBinding('{ a: [3,16], b: [{ bb: ["aa","bb"], bbb: [{bbc:"BBC"}] }] }')) | ||
| .toEqual({ a: [3, 16], b: [{ bb: ['aa', 'bb'], bbb: [{ bbc: 'BBC' }] }] }) | ||
| }) | ||
|
|
||
| it('expressions', () => { | ||
| expect(generateBinding(`3 + 5`)).toEqual({ '@binding': `3 + 5` }) | ||
| expect(generateBinding(`'x' + 2`)).toEqual({ '@binding': `'x' + 2` }) | ||
| expect(generateBinding(`\`xx\` + 2`)).toEqual({ '@binding': `\`xx\` + 2` }) | ||
| expect(generateBinding(`item.size * 23 + 'px'`)).toEqual({ '@binding': `item.size * 23 + 'px'` }) | ||
| }) | ||
|
|
||
| it('object bindings', () => { | ||
| expect(generateBinding(`{ color: textColor }`)).toEqual({ | ||
| color: { '@binding': 'textColor' } | ||
| }) | ||
| expect(generateBinding(`{ color: '#FF' + 66 * 100, fontSize: item.size }`)).toEqual({ | ||
| color: { '@binding': `'#FF' + 66 * 100` }, | ||
| fontSize: { '@binding': 'item.size' } | ||
| }) | ||
| expect(generateBinding(`{ | ||
| x: { xx: obj, xy: -2 + 5 }, | ||
| y: { | ||
| yy: { yyy: obj.y || yy }, | ||
| yz: typeof object.yz === 'string' ? object.yz : '' | ||
| } | ||
| }`)).toEqual({ | ||
| x: { xx: { '@binding': 'obj' }, xy: { '@binding': '-2 + 5' }}, | ||
| y: { | ||
| yy: { yyy: { '@binding': 'obj.y || yy' }}, | ||
| yz: { '@binding': `typeof object.yz === 'string' ? object.yz : ''` } | ||
| } | ||
| }) | ||
| }) | ||
|
|
||
| it('array bindings', () => { | ||
| expect(generateBinding(`[textColor, 3 + 5, 'string']`)).toEqual([ | ||
| { '@binding': 'textColor' }, | ||
| { '@binding': '3 + 5' }, | ||
| 'string' | ||
| ]) | ||
| expect(generateBinding(`[ | ||
| { color: '#FF' + 66 * -100 }, | ||
| item && item.style, | ||
| { fontSize: item.size | 0 } | ||
| ]`)).toEqual([ | ||
| { color: { '@binding': `'#FF' + 66 * -100` }}, | ||
| { '@binding': 'item && item.style' }, | ||
| { fontSize: { '@binding': 'item.size | 0' }} | ||
| ]) | ||
| expect(generateBinding(`[{ | ||
| x: [{ xx: [fn instanceof Function ? 'function' : '' , 25] }], | ||
| y: { | ||
| yy: [{ yyy: [obj.yy.y, obj.y.yy] }], | ||
| yz: [object.yz, void 0] | ||
| } | ||
| }]`)).toEqual([{ | ||
| x: [{ xx: [{ '@binding': `fn instanceof Function ? 'function' : ''` }, 25] }], | ||
| y: { | ||
| yy: [{ yyy: [{ '@binding': 'obj.yy.y' }, { '@binding': 'obj.y.yy' }] }], | ||
| yz: [{ '@binding': 'object.yz' }, { '@binding': 'void 0' }] | ||
| } | ||
| }]) | ||
| }) | ||
|
|
||
| it('unsupported bindings', () => { | ||
| expect(generateBinding('() => {}')).toEqual('') | ||
| expect(generateBinding('function(){}')).toEqual('') | ||
| expect(generateBinding('(function(){})()')).toEqual('') | ||
| expect(generateBinding('var abc = 35')).toEqual('') | ||
| expect(generateBinding('abc++')).toEqual('') | ||
| expect(generateBinding('x.y(0)')).toEqual('') | ||
| expect(generateBinding('class X {}')).toEqual('') | ||
| expect(generateBinding('if (typeof x == null) { 35 }')).toEqual('') | ||
| expect(generateBinding('while (x == null)')).toEqual('') | ||
| expect(generateBinding('new Function()')).toEqual('') | ||
| }) | ||
| }) | ||
| }) |