0.0.6 • Published 7 years ago

group-analyse v0.0.6

Weekly downloads
21
License
-
Repository
-
Last release
7 years ago

考虑到数据安全性,增加业务方透传这层服务,整体组件架构: 59acf1ba3acea43c.png 具体输入,输出,引用相关:

GroupAnalyse
人群分析组件
输入:
  option
  {
    accessKey: , //圈人相关的key
	categoryId: , //分类id
	initialTags: [{tagId: , tagValue, ...tagProperty}, ...], //初始化选中的标签列表
    //圈人相关的服务地址配置
    urlConfig: {
      //初始化标签列表对应的服务地址
      'getAppTagList.json': //,
      //获取标签详情服务地址
      'getAppTagValue.json': //, 
      //计算人数
      'getCrowdCount.json': //
    },
    //设置筛选条件 || 查询到筛选结果 || 总计算结果变化 均会触发该事件
    onSelectedTagChange: function (params) {
        /** params
         * {
         *  selectedTags: [{tagId, selectTagValue, selectTagCrowdNum, .... }, {}],
         *  allTagsCrowdNum: xxx , // 所有标签综合筛选的结果 
         * } 
         */
    }
  }

//标签及其分类, 数据类型等动态配置 只要改变accessKey即可 整体逻辑都会重置

对外暴露的方法
  //传入tagId ,删除对应的选中状态,并更新相应的数据 tagId | [tagId, tagId, tagId]
  deleteTag: function (tagId) {
  
  }

引用例子:
import React, { Component } from 'react';
import GroupAnalyse from 'groupAnalyse';
class Test extends Component {
  render () {
    return (
      <div>
        <GroupAnalyse option={option} ref={ c => this.ga = c }></GroupAnalyse>
        <button onClick={this.onDelete.bind(this, tagId)}></button>
      </div>     
    ); 
  },
  //用于删除的例子
  onDelete (tagId) {
    this.ga.deleteTag(tagId); 
  }
}
0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago

0.0.0

7 years ago