@zgfe/modules-dm 1.0.1

package/README.md

@@ -0,0 +1,37 @@
+# modules-cdp
+
+## Getting Started
+
+Install dependencies,
+
+```bash
+$ npm i
+```
+
+Start the dev server,
+
+```bash
+$ npm start
+```
+
+Build documentation,
+
+```bash
+$ npm run docs:build
+```
+
+Run test,
+
+```bash
+$ npm test
+```
+
+Build library via `father-build`,
+
+```bash
+$ npm run build
+```
+
+=====
+
+=====

package/es/components/demo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import 'antd/dist/antd.less';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import '@zgfe/business-lib/es/assets/iconfont/iconfont.css';
+declare const DemoWrapper2: React.FC<{
+    children?: any;
+}>;
+export default DemoWrapper2;

package/es/components/demo.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import 'antd/dist/antd.less';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import '@zgfe/business-lib/es/assets/iconfont/iconfont.css';
+import { DemoWrapper } from '@zgfe/business-lib';
+import { ConfigProvider } from 'antd';
+import zhCN from 'antd/es/locale/zh_CN';
+
+var DemoWrapper2 = function DemoWrapper2(props) {
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    locale: zhCN
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#F5F5F5',
+      padding: '24px',
+      height: 800
+    }
+  }, /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true
+  }, props.children)));
+};
+
+export default DemoWrapper2;

package/es/constants/api.d.ts

@@ -0,0 +1,27 @@
+declare let apis: {
+    queryCollectionEventList: string;
+    updateEventInfo: string;
+    upsertEventGroup: string;
+    deleteEventGroup: string;
+    deleteEventMeta: string;
+    updateEventAttr: string;
+    operateGroupRelations: string;
+    getUserPropMeta: string;
+    updateUserAttr: string;
+    propUpload: string;
+    queryPlan: string;
+    addPropDict: string;
+    queryPropDict: string;
+    getAllPlan: string;
+    queryPlanDetail: string;
+    savePlan: string;
+    deletePlan: string;
+    deletePlanEvent: string;
+    deletePlanProp: string;
+    uploadPlan: string;
+    downloadPlanEvent: string;
+    downloadPlanProp: string;
+    queryControlSwitch: string;
+    updateControlSwitch: string;
+};
+export default apis;

package/es/constants/api.js

@@ -0,0 +1,58 @@
+var apis = {
+  // 埋点管理 - 事件列表
+  queryCollectionEventList: '/analysis/api/common/proxy/data/queryEventMetasOfGroup.jsp',
+  // 埋点管理 - 事件列表 - 修改别名 | 修改显示状态 | 修改采集状态
+  updateEventInfo: '/analysis/api/common/proxy/data/updateEventInfo.jsp',
+  // 埋点管理 - 事件列表 - 创建分组 | 修改分组
+  upsertEventGroup: '/zg/web/v2/event/eventGroup/upsertEventGroup',
+  // 埋点管理 - 事件列表 - 删除分组
+  deleteEventGroup: '/zg/web/v2/event/eventGroup/deleteEventGroup',
+  // 埋点管理 - 事件列表 - 删除事件
+  deleteEventMeta: '/analysis/api/common/proxy/data/deleteEventMeta.jsp',
+  // 埋点管理 - 修改事件属性值状态
+  updateEventAttr: '/analysis/api/common/proxy/data/updateEventAttr.jsp',
+  // 埋点管理 - 移入到组、移出分组、复制到组
+  operateGroupRelations: '/zg/web/v2/event/eventGroup/operateGroupRelations',
+  // 用户属性列表 - 获取用户信息
+  getUserPropMeta: '/analysis/api/common/proxy/appusergroup/getUserPropMeta.jsp',
+  // 用户属性列表 - 修改：属性名别 | 数值类型 | 显示状态 | 加密类型
+  updateUserAttr: '/analysis/api/common/proxy/data/updateUserAttr.jsp',
+  // 用户属性文件上传
+  propUpload: '/user/propUpload.jsp',
+  // 埋点管理&埋点方案管理 基础数据
+  queryPlan: '/analysis/api/managementPlan/queryPlan',
+  // 添加&修改用户属性值别名
+  addPropDict: '/analysis/api/common/proxy/user/addPropDict.jsp',
+  // 获取已设置的属性值别名列表
+  queryPropDict: '/analysis/api/common/proxy/user/queryPropDict.jsp',
+  // 埋点方案管理-查询所有埋点方案
+  getAllPlan: '/zg/web/v2/managementPlan/getAllPlan',
+  // 埋点方案管理-查询埋点方案详情
+  queryPlanDetail: '/zg/web/v2/managementPlan/queryPlan',
+  // 埋点方案管理-保存
+  savePlan: '/zg/web/v2/managementPlan/savePlan',
+  // 埋点方案管理-删除埋点方案
+  deletePlan: '/zg/web/v2/managementPlan/deletePlan',
+  // 埋点方案管理-删除埋点事件
+  deletePlanEvent: '/zg/web/v2/managementPlan/deletePlanEvent',
+  // 埋点方案管理-删除埋点用户属性
+  deletePlanProp: '/zg/web/v2/managementPlan/deletePlanProp',
+  // 埋点方案管理-上传接口
+  uploadPlan: '/zg/web/v2/managementPlan/upload',
+  // 埋点方案管理-导出事件
+  downloadPlanEvent: '/zg/web/v2/managementPlan/downloadPlanEvent',
+  // 埋点方案管理-导出用户属性
+  downloadPlanProp: '/zg/web/v2/managementPlan/downloadPlanProp',
+  // 获取 埋点方案控制开关状态
+  queryControlSwitch: '/zg/web/v2/managementPlan/queryControlSwitch',
+  // 更新 埋点方案控制开关状态
+  updateControlSwitch: '/zg/web/v2/managementPlan/updateControlSwitch'
+}; // for (const api in apis) {
+//   if (api != 'propUpload') {
+//     (apis as { [prop: string]: string })[api] = `/analysis/api/${
+//       (apis as { [prop: string]: string })[api]
+//     }`;
+//   }
+// }
+
+export default apis;

package/es/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference path="../typings.d.ts" />
+import DataCollection from './modules/dataCollection';
+import PlanList from './modules/dataPlan';
+import DataManage from './modules/dataManage';
+export { PlanList, DataCollection, DataManage };

package/es/index.js

@@ -0,0 +1,5 @@
+/// <reference path="../typings.d.ts" />
+import DataCollection from './modules/dataCollection';
+import PlanList from './modules/dataPlan';
+import DataManage from './modules/dataManage';
+export { PlanList, DataCollection, DataManage };

package/es/modules/dataCollection/collectionAttributeList.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './styles/index.less';
+interface queryPlanType {
+    unexpectedPropList: string[];
+    unexpectedEventList: string[];
+    eventPlanAndRealDataDiff: string[];
+}
+interface PropsType {
+    source: 'event' | 'user';
+    eventAttrsData?: {
+        event_attrs: [];
+        event_id: number;
+        event_name: string;
+    };
+    isOpen: number;
+    queryPlanData: queryPlanType;
+    setEventAttrListShow?: Function;
+}
+declare const CollectionAttributeList: React.FC<PropsType>;
+export default CollectionAttributeList;

package/es/modules/dataCollection/collectionAttributeList.js

@@ -0,0 +1,458 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
+import { Input, Button, Select, Table, message, Modal, Upload, Popover } from 'antd';
+import React, { useEffect, useState, useContext } from 'react';
+import './styles/index.less';
+import request from '../../utils/ajax';
+import apis from '../../constants/api';
+
+var CollectionAttributeList = function CollectionAttributeList(props) {
+  var classPrefix = 'attr-list';
+
+  var _useContext = useContext(BizGlobalDataContext),
+      currentApp = _useContext.currentApp,
+      isDemo = _useContext.isDemo;
+
+  var isOpen = props.isOpen,
+      queryPlanData = props.queryPlanData,
+      source = props.source,
+      eventAttrsData = props.eventAttrsData; // 加载中
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1]; // 判断是否在方案中： 处理表格class添加异常样式 | 处理表格行异常信息展示,true异常
+
+
+  var rowRenderHandle = function rowRenderHandle(name) {
+    if (source == 'user') {
+      var _queryPlanData$unexpe;
+
+      return (queryPlanData === null || queryPlanData === void 0 ? void 0 : (_queryPlanData$unexpe = queryPlanData.unexpectedPropList) === null || _queryPlanData$unexpe === void 0 ? void 0 : _queryPlanData$unexpe.indexOf(name)) != -1 && isOpen == 1 ? true : false;
+    } else {
+      var _temp2, _temp2$attrList;
+
+      var _temp = {};
+      queryPlanData.eventPlanAndRealDataDiff.map(function (item) {
+        if (item.eventName == (eventAttrsData === null || eventAttrsData === void 0 ? void 0 : eventAttrsData.event_name)) _temp = item;
+      });
+      return Object.keys(_temp).length <= 0 ? true : ((_temp2 = _temp) === null || _temp2 === void 0 ? void 0 : (_temp2$attrList = _temp2.attrList) === null || _temp2$attrList === void 0 ? void 0 : _temp2$attrList.indexOf(name)) == -1 && isOpen == 1 ? true : false;
+    }
+  }; // 用户属性列表
+
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      userAttrData = _useState4[0],
+      setUserAttrData = _useState4[1];
+
+  var queryUserPropMeta = function queryUserPropMeta() {
+    request(apis.getUserPropMeta, {
+      method: 'post',
+      params: {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: 0
+      }
+    }).then(function (res) {
+      if (!res) throw new Error();
+      var afterData = res.user_data.filter(function (item) {
+        if (item.dimension_sub == 'user_attr') {
+          return item;
+        }
+      });
+      setUserAttrData(afterData);
+      setLoading(false);
+    }).catch(function (err) {
+      console.error('查询列表失败', err);
+    }).finally(function () {});
+  };
+
+  useEffect(function () {
+    if (source == 'user') {
+      queryUserPropMeta();
+    } else {
+      var _temp = eventAttrsData === null || eventAttrsData === void 0 ? void 0 : eventAttrsData.event_attrs.map(function (item) {
+        item.name = item.attr_name;
+        item.type = item.prop_type;
+        return item;
+      });
+
+      setUserAttrData(_temp);
+      setLoading(false);
+    }
+  }, [source]); // 方案名称
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      planName = _useState6[0],
+      setPlanName = _useState6[1];
+
+  var PlanNameChange = function PlanNameChange(e) {
+    setPlanName(e.currentTarget.value);
+  }; // 复制属性名称
+
+
+  var copyAttrName = function copyAttrName(name) {
+    navigator.clipboard.writeText(name);
+    message.success('复制成功');
+  }; // 别名foucs
+
+
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      aliasFocusData = _useState8[0],
+      setAliasFocusData = _useState8[1];
+
+  var aliasFocus = function aliasFocus(e) {
+    setAliasFocusData(e.currentTarget.value);
+  }; // 修改属性
+
+
+  var attrChangeHandle = function attrChangeHandle(value, record, type) {
+    var _params;
+
+    if (aliasFocusData == value && type == 'alias_name') return; // 失焦判断，内容无修改不请求接口
+
+    request(source == 'event' ? apis.updateEventAttr : apis.updateUserAttr, {
+      method: 'post',
+      params: (_params = {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        attr_id: source == 'event' ? record.attr_id : record.id
+      }, _defineProperty(_params, type, value), _defineProperty(_params, "event_id", source == 'event' ? eventAttrsData === null || eventAttrsData === void 0 ? void 0 : eventAttrsData.event_id : null), _params)
+    }).then(function (res) {
+      if (res) {
+        message.success('修改成功');
+      }
+    }).catch(function (err) {
+      message.success('修改失败');
+    }).finally(function () {});
+  }; // 表格列
+
+
+  var columns = [{
+    title: '属性名称',
+    dataIndex: 'name',
+    width: 200,
+    render: function render(text, record, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "attr-name"
+      }, rowRenderHandle(record.name) && /*#__PURE__*/React.createElement(Popover, {
+        content: /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: 'red'
+          }
+        }, "\u4E0D\u5728\u65B9\u6848\u4E2D")
+      }, /*#__PURE__*/React.createElement(IconFont, {
+        type: "tishiicon"
+      })), /*#__PURE__*/React.createElement(Popover, {
+        content: text
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "attr-name-text"
+      }, text)), /*#__PURE__*/React.createElement(IconFont, {
+        onClick: function onClick() {
+          return copyAttrName(record.name);
+        },
+        type: "fuzhi"
+      }));
+    }
+  }, {
+    title: '别名',
+    dataIndex: 'alias_name',
+    width: 180,
+    render: function render(text, record, index) {
+      return /*#__PURE__*/React.createElement(Input, {
+        className: "alias_name",
+        placeholder: "\u7F16\u8F91\u522B\u540D",
+        defaultValue: record.alias_name,
+        onFocus: aliasFocus,
+        onBlur: function onBlur(e) {
+          attrChangeHandle(e.currentTarget.value, record, 'alias_name');
+        }
+      });
+    }
+  }, {
+    title: '属性值别名',
+    dataIndex: 'attr_alias_name',
+    width: 120,
+    render: function render(text, record, index) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, !rowRenderHandle(record.name) && /*#__PURE__*/React.createElement("span", {
+        className: "attr_alias_name",
+        onClick: function onClick() {
+          setattrId(source == 'event' ? record.attr_id : record.id);
+          setAttrAliasNameShow(true);
+        }
+      }, "\u7F16\u8F91"));
+    }
+  }, {
+    title: '属性类型',
+    dataIndex: 'type',
+    width: 120,
+    render: function render(text, record, index) {
+      var json = {
+        1: '字符串',
+        2: '数值',
+        3: '日期'
+      };
+      return /*#__PURE__*/React.createElement(React.Fragment, null, !rowRenderHandle(record.name) && /*#__PURE__*/React.createElement(Select, {
+        defaultValue: record.type,
+        style: {
+          width: '100%'
+        },
+        onChange: function onChange(e) {
+          return attrChangeHandle(e, record, 'type');
+        },
+        options: [{
+          value: 1,
+          label: '字符串'
+        }, {
+          value: 2,
+          label: '数值'
+        }, {
+          value: 3,
+          label: '日期'
+        }]
+      }), rowRenderHandle(record.name) && /*#__PURE__*/React.createElement("div", null, json[record.type]));
+    }
+  }, {
+    title: '显示状态',
+    dataIndex: 'hidden',
+    width: 120,
+    render: function render(text, record, index) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, !rowRenderHandle(record.name) && /*#__PURE__*/React.createElement(Select, {
+        defaultValue: record.hidden,
+        style: {
+          width: '100%'
+        },
+        onChange: function onChange(e) {
+          return attrChangeHandle(e, record, 'hidden');
+        },
+        options: [{
+          value: 1,
+          label: '隐藏'
+        }, {
+          value: 0,
+          label: '显示'
+        }]
+      }), rowRenderHandle(record.name) && /*#__PURE__*/React.createElement("div", null, record.hidden == 1 ? '隐藏' : '显示'));
+    }
+  }, {
+    title: '加密',
+    dataIndex: 'encryption_type',
+    width: 120,
+    render: function render(text, record, index) {
+      var json = {
+        0: '不加密',
+        1: '半加密',
+        2: '全加密'
+      };
+      return /*#__PURE__*/React.createElement(React.Fragment, null, !rowRenderHandle(record.name) && /*#__PURE__*/React.createElement(Select, {
+        defaultValue: record.encryption_type,
+        style: {
+          width: '100%'
+        },
+        onChange: function onChange(e) {
+          return attrChangeHandle(e, record, 'encryption_type');
+        },
+        options: [{
+          value: 0,
+          label: '不加密'
+        }, {
+          value: 1,
+          label: '半加密'
+        }, {
+          value: 2,
+          label: '全加密'
+        }]
+      }), rowRenderHandle(record.name) && /*#__PURE__*/React.createElement("div", null, json[record.encryption_type]));
+    }
+  }]; // 属性值别名 - 表格列
+
+  var attrColumns = [{
+    title: '属性值',
+    dataIndex: 'original_value'
+  }, {
+    title: '属性值别名',
+    dataIndex: 'mapping_value'
+  }];
+
+  var _useState9 = useState([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      attrExcelData = _useState10[0],
+      setAttrExcelData = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      attrAliasNameShow = _useState12[0],
+      setAttrAliasNameShow = _useState12[1];
+
+  var _useState13 = useState(0),
+      _useState14 = _slicedToArray(_useState13, 2),
+      attrId = _useState14[0],
+      setattrId = _useState14[1];
+
+  var _useState15 = useState(0),
+      _useState16 = _slicedToArray(_useState15, 2),
+      batchId = _useState16[0],
+      setBatchId = _useState16[1];
+
+  var uploadProps = {
+    maxCount: 1,
+    showUploadList: false,
+    beforeUpload: function beforeUpload(file) {
+      var formData = new FormData();
+      formData.append('file', file, file.name);
+      var data = new FormData();
+      data.append('upload', file);
+      data.append('attr_id', attrId);
+      data.append('app_id', currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId);
+      source == 'event' ? data.append('event_id', eventAttrsData === null || eventAttrsData === void 0 ? void 0 : eventAttrsData.event_id) : null;
+      request(apis.propUpload, {
+        method: 'post',
+        data: data
+      }).then(function (res) {
+        if (res) {
+          message.success('上传成功');
+          setBatchId(res.batch_id);
+          setAttrExcelData(res.values);
+        }
+      }).catch(function (err) {
+        message.success('上传失败');
+      });
+    }
+  }; // 清空属性值别名excel数据
+
+  var _useState17 = useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      clearFlag = _useState18[0],
+      setClearFlag = _useState18[1];
+
+  var clearData = function clearData() {
+    setAttrExcelData([]);
+    setClearFlag(true);
+  }; // 添加&修改用户属性值别名
+
+
+  var attrAliasNameEdit = function attrAliasNameEdit() {
+    request(apis.addPropDict, {
+      method: 'post',
+      params: {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        attr_id: attrId,
+        batch_id: batchId,
+        event_id: source == 'event' ? eventAttrsData === null || eventAttrsData === void 0 ? void 0 : eventAttrsData.event_id : null,
+        status: 'ok',
+        clear: clearFlag
+      }
+    }).then(function (res) {
+      if (res) {
+        message.success('操作成功');
+        setAttrAliasNameShow(false);
+      }
+    }).catch(function (err) {
+      message.success('操作失败');
+    });
+  }; // 获取已设置的属性值别名列表
+
+
+  var getAttrAliasList = function getAttrAliasList() {
+    request(apis.queryPropDict, {
+      method: 'post',
+      params: {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        attr_id: attrId,
+        event_id: source == 'event' ? eventAttrsData === null || eventAttrsData === void 0 ? void 0 : eventAttrsData.event_id : null
+      }
+    }).then(function (res) {
+      if (res) {
+        setAttrExcelData(res.values);
+      }
+    });
+  };
+
+  useEffect(function () {
+    if (attrId) {
+      getAttrAliasList();
+    }
+  }, [attrId]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, source == 'event' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-back"),
+    onClick: function onClick() {
+      return props.setEventAttrListShow(false);
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fanhuiicon"
+  }), "\u8FD4\u56DE"), /*#__PURE__*/React.createElement(Table, {
+    className: "".concat(classPrefix, "-table"),
+    columns: columns,
+    rowKey: "name",
+    loading: loading,
+    scroll: {
+      y: 550
+    },
+    rowClassName: function rowClassName(record, index) {
+      return rowRenderHandle(record.name) ? 'error-row' : '';
+    },
+    dataSource: userAttrData,
+    bordered: true,
+    pagination: false
+  }), /*#__PURE__*/React.createElement(Modal, {
+    title: "\u5C5E\u6027\u503C\u522B\u540D",
+    getContainer: false,
+    visible: attrAliasNameShow,
+    onOk: attrAliasNameEdit,
+    onCancel: function onCancel() {
+      return setAttrAliasNameShow(false);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "button-box"
+  }, /*#__PURE__*/React.createElement(Upload, _objectSpread({}, uploadProps), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "daochu1"
+    })
+  }, "\u4E0A\u4F20 excel \u6587\u4EF6")), /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "xiazai1"
+    }),
+    type: "primary",
+    size: "small",
+    onClick: function onClick() {
+      return window.location.href = "/analysis/api/utm/template?fileName=".concat(source == 'user' ? '用户' : '事件', "\u5C5E\u6027\u503C\u6A21\u677F.xlsx");
+    }
+  }, "\u6A21\u677F\u4E0B\u8F7D")), attrExcelData.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "clearData",
+    onClick: clearData
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "qingchu"
+  }), "\u6E05\u7A7A\u6570\u636E"), /*#__PURE__*/React.createElement(Table, {
+    scroll: {
+      y: 200
+    },
+    columns: attrColumns,
+    dataSource: attrExcelData,
+    bordered: true,
+    pagination: false
+  })));
+};
+
+export default CollectionAttributeList;

package/es/modules/dataCollection/collectionEventList.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './styles/index.less';
+interface queryPlanType {
+    unexpectedPropList: string[];
+    unexpectedEventList: string[];
+    eventPlanAndRealDataDiff: string[];
+}
+interface PropsType {
+    isOpen: number;
+    queryPlanData: queryPlanType;
+}
+declare const CollectionEventList: React.FC<PropsType>;
+export default CollectionEventList;