# Snapshot report for `test/accesser/OnlineAccesser.ts` The actual snapshot is saved in `OnlineAccesser.ts.snap`. Generated by [AVA](https://ava.li). ## access multiple exported component by online > Snapshot 1 [ { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/es/basic/AIMakeBlank/manifest.js', manifestJS: 'export default {"name":"AIMakeBlank","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"styleFlexLayout","label":"styleFlexLayout","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"},{"name":"id","label":"id","renderer":""}]}}', manifestObj: { name: 'AIMakeBlank', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [ { defaultValue: undefined, label: 'children', name: 'children', renderer: '', }, { defaultValue: undefined, label: 'styleBoxModel', name: 'styleBoxModel', renderer: '', }, { defaultValue: undefined, label: 'styleLayout', name: 'styleLayout', renderer: '', }, { defaultValue: undefined, label: 'styleBackground', name: 'styleBackground', renderer: '', }, { defaultValue: undefined, label: 'styleFlexLayout', name: 'styleFlexLayout', renderer: '', }, { defaultValue: '{}', label: 'style', name: 'style', renderer: '', }, { defaultValue: undefined, label: 'id', name: 'id', renderer: '', }, ], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/es/basic/AIMakeIcon/manifest.js', manifestJS: 'export default {"name":"AIMakeIcon","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"className","label":"className","renderer":""},{"name":"iconClassName","label":"iconClassName","renderer":""},{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleText","label":"styleText","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}', manifestObj: { name: 'AIMakeIcon', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [ { defaultValue: undefined, label: 'className', name: 'className', renderer: '', }, { defaultValue: undefined, label: 'iconClassName', name: 'iconClassName', renderer: '', }, { defaultValue: undefined, label: 'children', name: 'children', renderer: '', }, { defaultValue: undefined, label: 'styleBoxModel', name: 'styleBoxModel', renderer: '', }, { defaultValue: undefined, label: 'styleText', name: 'styleText', renderer: '', }, { defaultValue: undefined, label: 'styleBackground', name: 'styleBackground', renderer: '', }, { defaultValue: '{}', label: 'style', name: 'style', renderer: '', }, ], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/es/basic/AIMakeImage/manifest.js', manifestJS: 'export default {"name":"AIMakeImage","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}', manifestObj: { name: 'AIMakeImage', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [ { defaultValue: undefined, label: 'styleBoxModel', name: 'styleBoxModel', renderer: '', }, { defaultValue: '{}', label: 'style', name: 'style', renderer: '', }, ], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/es/basic/AIMakeLink/manifest.js', manifestJS: 'export default {"name":"AIMakeLink","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleText","label":"styleText","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}', manifestObj: { name: 'AIMakeLink', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [ { defaultValue: undefined, label: 'children', name: 'children', renderer: '', }, { defaultValue: undefined, label: 'styleBoxModel', name: 'styleBoxModel', renderer: '', }, { defaultValue: undefined, label: 'styleText', name: 'styleText', renderer: '', }, { defaultValue: undefined, label: 'styleLayout', name: 'styleLayout', renderer: '', }, { defaultValue: undefined, label: 'styleBackground', name: 'styleBackground', renderer: '', }, { defaultValue: '{}', label: 'style', name: 'style', renderer: '', }, ], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/es/basic/AIMakePlaceholder/manifest.js', manifestJS: 'export default {"name":"AIMakePlaceholder","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}', manifestObj: { name: 'AIMakePlaceholder', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [ { defaultValue: undefined, label: 'children', name: 'children', renderer: '', }, { defaultValue: undefined, label: 'styleBoxModel', name: 'styleBoxModel', renderer: '', }, { defaultValue: undefined, label: 'styleLayout', name: 'styleLayout', renderer: '', }, { defaultValue: '{}', label: 'style', name: 'style', renderer: '', }, ], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/es/basic/AIMakeText/manifest.js', manifestJS: 'export default {"name":"AIMakeText","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"type","label":"type","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleText","label":"styleText","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}', manifestObj: { name: 'AIMakeText', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [ { defaultValue: undefined, label: 'children', name: 'children', renderer: '', }, { defaultValue: undefined, label: 'type', name: 'type', renderer: '', }, { defaultValue: undefined, label: 'styleBoxModel', name: 'styleBoxModel', renderer: '', }, { defaultValue: undefined, label: 'styleText', name: 'styleText', renderer: '', }, { defaultValue: undefined, label: 'styleLayout', name: 'styleLayout', renderer: '', }, { defaultValue: undefined, label: 'styleBackground', name: 'styleBackground', renderer: '', }, { defaultValue: '{}', label: 'style', name: 'style', renderer: '', }, ], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/es/basic/Root/manifest.js', manifestJS: 'export default {"name":"Root","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"style","label":"style","renderer":"","defaultValue":"{\\n padding: 0,\\n backgroundColor: \'#f0f2f5\',\\n minHeight: \'100%\'\\n}"},{"name":"children","label":"children","renderer":""}]}}', manifestObj: { name: 'Root', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [ { defaultValue: `{␊ padding: 0,␊ backgroundColor: '#f0f2f5',␊ minHeight: '100%'␊ }`, label: 'style', name: 'style', renderer: '', }, { defaultValue: undefined, label: 'children', name: 'children', renderer: '', }, ], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, ] ## access single exported component by online > Snapshot 1 [ { manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/todtaTTK9KxDGepu5Kbb9G/node_modules/@ali/demo-biz-test090702/es/manifest.js', manifestJS: 'export default {"name":"Demo","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[]}}', manifestObj: { name: 'Demo', settings: { handles: [ 'cut', 'copy', 'duplicate', 'delete', 'paste', ], insertionModes: 'tbrl', props: [], shouldActive: true, shouldDrag: true, type: 'element_inline', }, }, }, ]