XQUERY

components 
    ├─ aotoo 核心代码必须有 ✔︎
    ├─ actionSide  弹窗组件
    ├─ form  表单组件
    ├─ calendar  日历组件
    ├─ markit  文档组件
    ├─ modules ✔︎  # 该目录下的文件为组件合集
    ├─ templates 模板 ✔︎
    │
   css  日历、文档、表单等样式
    │
   pages  基础示例
    │
  app.json  注册全局组件

components 
  ├─ aotoo 核心代码必须有 ✔︎
  ├─ form  表单组件 ✔︎
  ├─ markit  文档组件 ✔︎
  ├─ modules ✔︎  # 该目录下的文件为组件合集，视需求选择
  ├─ templates 模板 ✔︎

 "usingComponents": {
   "ui-item": "/components/aotoo/item/index",
   "ui-list": "/components/aotoo/list/index",
   "ui-tree": "/components/aotoo/tree/index",
   "ui-form": "/components/form/index",
   "ui-markit": "/components/markit/index"
 }

const Pager = require('../../components/aotoo/core/index')
Pager({
  data: {},
  onLoad(){},
  onReady(){}
})

<ui-item item="{{itemConfig}}" />

Pager({
  data: {  
    // item组件的基础配置
    itemConfig: { 
      $$id: {String} // item组件实例化后查找id
      title: {String|Array|{Object}},  // 标题，标题组
      img: {String|Array|Object},  // 图片，图组
      itemClass: {String} // item样式  
      body: {Array}  // body子容器，item集合
      footer: {Array} // footer子容器，item集合
      dot: {Array} // dot子容器，item集合
      tap: {String|Function}  // bind:tap方法
      aim: {String|Function} // catch:tap方法
      longpress: {String|Function} // bind:longpress方法
      catchlongpress: {String|Function} // catch:longpress方法
    }
  }
})

<ui-list list="{{listConfig}}" />

Pager({
  data: {  
    // list组件的基础配置
    listConfig: {
      $$id: {String} // list组件实例化后查找id
      listClass: {String} // 列表样式  
      itemClass: {String} // 列表项样式  
      header: {Object} // item配置
      footer: {Object} // item配置
      data: {Array} // 列表项数据配置，item集合
      itemMethod: {Object} // 自动为列表项绑定方法，支持(tap, aim, longpress...)
      methods: {Object} // 设置list实例对象的内部方法
    }
  }
})

<ui-tree list="{{treeConfig}}" />

Pager({
  data: {  
    // list组件的基础配置
    treeConfig: {
      $$id: {String} // list组件实例化后查找id
      listClass: {String} // 列表样式  
      itemClass: {String} // 列表项样式  
      header: {Object} // item配置
      footer: {Object} // item配置
      data: {Array} // 列表项数据配置，item集合
      itemMethod: {Object} // 自动为列表项绑定方法，支持(tap, aim, longpress...)
      methods: {Object} // 设置list实例对象的内部方法
    }
  }
})

<ui-item item="{{itemConfig}}" />

Pager({
  data: {
    itemConfig: {
      title: '列表标题',
      "@list": {
        listClass: 'list-class-name'
        data: [...]
      }
    }
  }
})

Pager({
  data: {
    item: {/* item配置*/},  // $$id = 'abc'
    list: {/* list配置*/}  // $$id = 'xyz'
  }
  onReady(){
    let abc = this.getElementsById('#abc')
    abc.update({title: '新标题'})

    let xyz = this.getEelementsById('#xyz')
    xyz.forEach(item=>{
      // item.addclass/removeClass/hasClass/css/update... 等类jquery的API方法
    })

    this.find('.class-name').addClass('other-class-name') // 批量追加类名
  }
})