widget-dev-demo 组件的具体代码请参考widget, 主要代码如下:

// 获取组件所在的 html 容器
const $container = this.getContainer();
// 通过配置器里保存的数据源Id加载数据
this.getSourceData(profile.dataSourceId, (data) => {
  // 将 数据源数据(data.rows) 和 配置数据(profile.oneLine) 塞给 tpl 模版进行渲染 
  $container.html(tpl({
    locale: locale(),
    data: data.rows,
    oneLine: profile.oneLine
  }));
  // 通知平台 组件已经初始化完成
  this.trig('complete');
});

由于现在官方组件主要是基于 jquery ui 来开发的, 所以您开发的组件应尽量向 jquery ui 靠, 以保证页面上的组件保持一致。参考 使用和定制 Enhancer 内置样式 和 jquery ui 颜色变量。