ListView.js

import { createElement, Text, Wrapper } from './createElement'

import { Timeline, Animation } from './animation'
import { ease } from './cubicBezier'


export class ListView {
    constructor(config) {
        this.children = [];
        this.attributes = new Map();
        this.properties = new Map();
        this.state = Object.create(null);
    }

    setAttribute(name, value) {
        this[name] = value;
    }
    getAttribute(name) {
       return this[name];
    }

    appendChild(child) {
        this.children.push(child)
    }

    render() {
        console.log(this.data, 'rener')
        let data = this.getAttribute('data');
        console.log(data, 'data');
        return <div class="list-view" style=" width: 300px;">
            {
                data.map(this.children[0])
            }
        </div>;
    }
    mountTo(parent) {
        this.render().mountTo(parent)
    }

}