@zgfe/modules-dm 1.0.2-dm.9 → 1.0.2-y.0

package/es/modules/dataCollection/tablePlus.js

@@ -21,9 +21,10 @@ import { Input, Table, Select, message, Modal, Popover, Checkbox } from 'antd';
 import request from '../../utils/ajax';
 import apis from '../../constants/api';
 var Option = Select.Option;
-import React, { useState, useContext } from 'react';
+import React, { useEffect, useState, useContext } from 'react';
 import './styles/index.less';
 import _ from 'lodash';
+import { getAppID, getTableScroll } from '../../utils';
 import { DmContext } from '../../store';
 
 var TablePlus = function TablePlus(props) {
@@ -51,20 +52,20 @@ var TablePlus = function TablePlus(props) {
 
 
   var aliasNameBlur = function aliasNameBlur(e, record) {
-    if (aliasFocusData == e.currentTarget.value) return; // 失焦判断，内容无修改不请求接口
+    var value = e.currentTarget.value;
+    if (aliasFocusData == value) return; // 失焦判断，内容无修改不请求接口
 
     request(apis.updateEventInfo, {
       method: 'post',
       params: {
-        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-        alias_name: e.currentTarget.value,
+        app_id: getAppID(currentApp),
+        alias_name: value,
         event_id: record.event_id
       }
     }).then(function (res) {
       if (res) {
         message.success('修改成功');
         props.Refresh();
-        console.log(state.updateEventMetas);
         state.updateEventMetas && state.updateEventMetas(); // 更新store
       }
     }).catch(function (err) {
@@ -81,7 +82,7 @@ var TablePlus = function TablePlus(props) {
     } else {
       var _queryPlanData$unexpe;
 
-      return (queryPlanData === null || queryPlanData === void 0 ? void 0 : (_queryPlanData$unexpe = queryPlanData.unexpectedEventList) === null || _queryPlanData$unexpe === void 0 ? void 0 : _queryPlanData$unexpe.indexOf(record.event_name)) != -1 && isOpen == 1 ? 'error-row' : '';
+      return (queryPlanData === null || queryPlanData === void 0 ? void 0 : (_queryPlanData$unexpe = queryPlanData.unexpectedEventList) === null || _queryPlanData$unexpe === void 0 ? void 0 : _queryPlanData$unexpe.indexOf(record.event_name)) != -1 && isOpen == 1 && record.owner != 'zg_abp' ? 'error-row' : '';
     }
   }; // 控制修改分组名弹框 显示隐藏
 
@@ -109,7 +110,7 @@ var TablePlus = function TablePlus(props) {
       data: {
         eventGroupName: eventNameInput,
         eventGroupId: eventNameData.groupId,
-        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        appId: getAppID(currentApp),
         platform: 0
       }
     }).then(function (res) {
@@ -140,7 +141,7 @@ var TablePlus = function TablePlus(props) {
         request(apis.deleteEventGroup, {
           method: 'post',
           data: {
-            appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+            appId: getAppID(currentApp),
             eventGroupId: eventGroupId
           }
         }).then(function (res) {
@@ -168,7 +169,7 @@ var TablePlus = function TablePlus(props) {
         request(apis.deleteEventMeta, {
           method: 'post',
           params: {
-            app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+            app_id: getAppID(currentApp),
             event_id: event_id
           }
         }).then(function (res) {
@@ -184,11 +185,11 @@ var TablePlus = function TablePlus(props) {
   }; // 修改：显示状态 | 采集状态 | 收藏&取消收藏
 
 
-  var eventHiddenChange = function eventHiddenChange(e, type, event_id) {
+  var eventHiddenChange = function eventHiddenChange(e, type, record) {
     var _temp;
 
     switch (type) {
-      case 'event_hidden':
+      case 'hidden':
         _temp = {
           hidden: e
         };
@@ -210,14 +211,13 @@ var TablePlus = function TablePlus(props) {
     request(apis.updateEventInfo, {
       method: 'post',
       params: _objectSpread({
-        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-        event_id: event_id
+        app_id: getAppID(currentApp),
+        event_id: record.event_id
       }, _temp)
     }).then(function (res) {
-      if (res) {
-        message.success('修改成功');
-        props.Refresh();
-      }
+      message.success('修改成功');
+      props.Refresh();
+      state.updateEventMetas && state.updateEventMetas(); // 更新store
     }).catch(function (err) {
       message.error('修改失败');
     }).finally(function () {});
@@ -284,18 +284,20 @@ var TablePlus = function TablePlus(props) {
     request(apis.operateGroupRelations, {
       method: 'post',
       data: _objectSpread({
-        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        appId: getAppID(currentApp),
         platform: 0,
         hasPublicAttrView: true,
         eventIds: groupCheckedData[data.groupId].join(',')
       }, _temp)
     }).then(function (res) {
-      message.success('成功');
+      if (res.code == '00') {
+        message.success('成功');
 
-      var _groupCheckedData = _.cloneDeep(groupCheckedData);
+        var _groupCheckedData = _.cloneDeep(groupCheckedData);
 
-      delete _groupCheckedData[eventGroupId];
-      setGroupCheckedData({});
+        delete _groupCheckedData[eventGroupId];
+        setGroupCheckedData({});
+      }
     }).catch(function (err) {
       message.error('失败');
     }).finally(function () {
@@ -304,9 +306,7 @@ var TablePlus = function TablePlus(props) {
   };
 
   var groupPopoverContent = function groupPopoverContent(data, type) {
-    var count = 0;
-    var element = tableHandleData.map(function (item, index) {
-      item.groupId != undefined ? count++ : null;
+    var element = props.groupData.map(function (item, index) {
       if (type == 'copy' && item.groupId == -1) return null; // 复制到组，移出未分组
 
       return item.groupId != undefined && item.groupId != data.groupId ? /*#__PURE__*/React.createElement("div", {
@@ -319,10 +319,9 @@ var TablePlus = function TablePlus(props) {
         },
         key: index
       }, item.groupId == -1 ? '未分组' : item.groupName) : null;
-    }); // console.log(element, count);
-    // 复制分组时：除未分组外，如只有一个分组，则不展示复制分组
+    }); // 复制分组时：除未分组外，如只有一个分组，则不展示复制分组
 
-    return count <= 2 && type == 'copy' ? null : element;
+    return props.groupData.length < 2 && type == 'copy' ? null : element;
   };
 
   var columns = [{
@@ -390,7 +389,7 @@ var TablePlus = function TablePlus(props) {
         }), /*#__PURE__*/React.createElement(IconFont, {
           className: record.mark_type == 1 ? 'collect-icon-active' : 'collect-icon',
           onClick: function onClick() {
-            return eventHiddenChange(record.mark_type, 'mark_type', record.event_id);
+            return eventHiddenChange(record.mark_type, 'mark_type', record);
           },
           type: record.mark_type == 1 ? 'shoucang' : 'shoucang-kong'
         }), /*#__PURE__*/React.createElement(Popover, {
@@ -412,24 +411,37 @@ var TablePlus = function TablePlus(props) {
     key: 'alias_name',
     width: 167,
     render: function render(text, record, index) {
-      return /*#__PURE__*/React.createElement(Popover, {
-        content: /*#__PURE__*/React.createElement("div", {
-          style: {
-            width: '200px',
-            wordBreak: 'break-all'
+      if (!record.alias_name) {
+        return /*#__PURE__*/React.createElement(Input, {
+          className: "alias_name",
+          placeholder: "\u7F16\u8F91\u522B\u540D",
+          defaultValue: record.alias_name,
+          onFocus: aliasFocus,
+          onBlur: function onBlur(e) {
+            aliasNameBlur(e, record);
           }
-        }, record.alias_name),
-        trigger: "hover",
-        placement: "top"
-      }, /*#__PURE__*/React.createElement(Input, {
-        className: "alias_name",
-        placeholder: "\u7F16\u8F91\u522B\u540D",
-        defaultValue: record.alias_name,
-        onFocus: aliasFocus,
-        onBlur: function onBlur(e) {
-          aliasNameBlur(e, record);
-        }
-      }));
+        });
+      } else {
+        return /*#__PURE__*/React.createElement(Popover, {
+          content: /*#__PURE__*/React.createElement("div", {
+            style: {
+              width: '200px',
+              wordBreak: 'break-all'
+            }
+          }, record.alias_name),
+          trigger: "hover",
+          placement: "top"
+        }, /*#__PURE__*/React.createElement(Input, {
+          className: "alias_name",
+          placeholder: "\u7F16\u8F91\u522B\u540D",
+          disabled: isDemo,
+          defaultValue: record.alias_name,
+          onFocus: aliasFocus,
+          onBlur: function onBlur(e) {
+            aliasNameBlur(e, record);
+          }
+        }));
+      }
     }
   }, {
     title: '首次上报时间',
@@ -453,9 +465,7 @@ var TablePlus = function TablePlus(props) {
     title: /*#__PURE__*/React.createElement(Select, {
       defaultValue: -1,
       bordered: false,
-      style: {
-        width: 150
-      },
+      className: "select-style",
       suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
         type: "paixu"
       }),
@@ -482,9 +492,10 @@ var TablePlus = function TablePlus(props) {
         style: {
           width: 150
         },
-        disabled: rowClassNameHandle(record) == 'error-row' ? true : false,
+        value: record.event_hidden,
+        disabled: rowClassNameHandle(record) == 'error-row' || isDemo ? true : false,
         onChange: function onChange(e) {
-          return eventHiddenChange(e, 'event_hidden', record.event_id);
+          return eventHiddenChange(e, 'hidden', record);
         },
         options: [{
           value: 1,
@@ -499,9 +510,7 @@ var TablePlus = function TablePlus(props) {
     title: /*#__PURE__*/React.createElement(Select, {
       defaultValue: -1,
       bordered: false,
-      style: {
-        width: 150
-      },
+      className: "select-style",
       suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
         type: "paixu"
       }),
@@ -528,9 +537,9 @@ var TablePlus = function TablePlus(props) {
         style: {
           width: 150
         },
-        disabled: rowClassNameHandle(record) == 'error-row' ? true : false,
+        disabled: rowClassNameHandle(record) == 'error-row' || isDemo ? true : false,
         onChange: function onChange(e) {
-          return eventHiddenChange(e, 'is_stop', record.event_id);
+          return eventHiddenChange(e, 'is_stop', record);
         },
         options: [{
           value: 1,
@@ -569,6 +578,11 @@ var TablePlus = function TablePlus(props) {
           className: "edit-del"
         }, /*#__PURE__*/React.createElement(IconFont, {
           onClick: function onClick() {
+            if (isDemo) {
+              message.error('demo环境无法修改');
+              return;
+            }
+
             setEventNameData({
               groupName: record.groupName,
               groupId: record.groupId
@@ -579,7 +593,12 @@ var TablePlus = function TablePlus(props) {
           type: "bianji"
         }), /*#__PURE__*/React.createElement(IconFont, {
           onClick: function onClick() {
-            return eventNameDel(record.groupId);
+            if (isDemo) {
+              message.error('demo环境无法删除');
+              return;
+            }
+
+            eventNameDel(record.groupId);
           },
           type: "shanchu"
         }));
@@ -587,16 +606,54 @@ var TablePlus = function TablePlus(props) {
         return /*#__PURE__*/React.createElement("div", {
           className: "set ".concat(record.owner == 'zg_abp' ? 'set-error' : ''),
           onClick: function onClick() {
+            if (isDemo) {
+              message.error('demo环境无法删除');
+              return;
+            }
+
             record.owner != 'zg_abp' ? eventItemDel(record.event_id) : message.error('内置事件无法删除');
           }
         }, "\u5220\u9664");
       }
     }
-  }];
+  }]; // const [isMore, setIsMore] = useState(true); // 是否还有数据
+  // const [pageNumber, setPageNumber] = useState(1); // 页码
+  // let scrollRef: any;
+  // const onScrollCapture = (e:any) => {
+  //   // scrollTop会有小数点导致等式不成立，解决方案：四舍五入
+  //   if (
+  //     Math.round(scrollRef.scrollTop) + scrollRef.clientHeight == scrollRef.scrollHeight
+  //   ) {
+  //     if (Math.ceil(props.total / 10) == pageNumber) {
+  //       setIsMore(false);
+  //       return false;
+  //     }
+  //     // getList(page + 1);
+  //     setPageNumber(pageNumber + 1);
+  //   }
+  // };
+  // useEffect(() => {
+  //   pageNumber != 1 && props.pageSizeChange(pageNumber);
+  // }, [pageNumber]);
+
+  var _useState13 = useState(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      scrollY = _useState14[0],
+      setScrollY = _useState14[1]; //页面加载完成后才能获取到对应的元素及其位置
+
+
+  useEffect(function () {
+    var _Y = getTableScroll(94); // console.log('_Y', _Y);
+
+
+    setScrollY(_Y);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement(Table, {
     className: "".concat(classPrefix, "-table"),
+    id: "tablePlus",
+    // style={{ minHeight: '640px' }}
     columns: columns,
     rowKey: "key",
     loading: props.loading,
@@ -606,13 +663,18 @@ var TablePlus = function TablePlus(props) {
     },
     scroll: {
       x: 1300,
-      y: 550
+      y: scrollY
     },
-    pagination: false
+    pagination: false,
+    sticky: true
   }), /*#__PURE__*/React.createElement(Modal, {
     title: "\u4FEE\u6539\u5206\u7EC4\u540D",
+    bodyStyle: {
+      padding: '0 24px 24px 24px'
+    },
     destroyOnClose: true,
     visible: eventNameShow,
+    getContainer: false,
     onOk: eventNameEdit,
     onCancel: function onCancel() {
       return setEventNameShow(false);

package/es/modules/dataManage/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './styles/index.less';
 interface DataManageProps {
     updateEventMetas: Function;
+    key: string | number | undefined;
 }
 declare const DataManage: React.FC<DataManageProps>;
 export default DataManage;

package/es/modules/dataManage/index.js

@@ -11,11 +11,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { IconFont } from '@zgfe/business-lib';
-import { Menu } from 'antd';
+import { Tabs, Popover } from 'antd';
 import React, { useState, useEffect } from 'react';
-import './styles/index.less'; // import EventList from './eventList';
-// import UserAttributeList from './userAttributeList';
-
+import './styles/index.less';
 import { DmContext, upDatedDmFun } from '../../store';
 import { ActionType } from '../../store/action';
 import PlanList from '../dataPlan';
@@ -23,7 +21,7 @@ import DataCollection from '../dataCollection';
 
 var DataManage = function DataManage(props) {
   var classPrefix = 'data-manage';
-  var updateEventMetas = props.updateEventMetas; // const { state, dispatch } = useContext(DmContext);
+  var updateEventMetas = props.updateEventMetas;
 
   var _upDatedDmFun = upDatedDmFun(),
       _upDatedDmFun2 = _slicedToArray(_upDatedDmFun, 2),
@@ -39,26 +37,18 @@ var DataManage = function DataManage(props) {
 
   var _useState = useState('0'),
       _useState2 = _slicedToArray(_useState, 2),
-      menuTab = _useState2[0],
-      setMenuTab = _useState2[1];
+      listTab = _useState2[0],
+      setListTab = _useState2[1];
 
-  var onSelect = function onSelect(e) {
-    setMenuTab(e.key);
+  var tabsChange = function tabsChange(activeKey) {
+    setListTab(activeKey);
   };
 
-  var items = [{
-    label: '埋点管理',
-    key: '0',
-    icon: /*#__PURE__*/React.createElement(IconFont, {
-      type: "maidianguanli"
-    })
-  }, {
-    label: '埋点方案管理',
-    key: '1',
-    icon: /*#__PURE__*/React.createElement(IconFont, {
-      type: "maidianfanganguanli"
-    })
-  }];
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      collapsed = _useState4[0],
+      setCollapsed = _useState4[1];
+
   return /*#__PURE__*/React.createElement(DmContext.Provider, {
     value: {
       state: state,
@@ -67,16 +57,51 @@ var DataManage = function DataManage(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-menu")
-  }, /*#__PURE__*/React.createElement(Menu, {
-    defaultSelectedKeys: ['0'],
-    onSelect: onSelect,
-    items: items
-  })), menuTab == '0' && /*#__PURE__*/React.createElement(DataCollection, null), menuTab == '1' && /*#__PURE__*/React.createElement(PlanList, null)));
+    className: "tabs-box ".concat(collapsed && 'tabs-collapsed')
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    className: "tabs",
+    defaultActiveKey: "0",
+    tabPosition: "left",
+    onChange: tabsChange
+  }, /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: /*#__PURE__*/React.createElement("div", {
+      className: "tab"
+    }, collapsed && /*#__PURE__*/React.createElement(Popover, {
+      content: "\u57CB\u70B9\u7BA1\u7406",
+      placement: "right"
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      type: "maidianguanli"
+    })), !collapsed && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+      type: "maidianguanli"
+    }), "\u57CB\u70B9\u7BA1\u7406")),
+    key: "0"
+  }), /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: /*#__PURE__*/React.createElement("div", {
+      className: "tab"
+    }, collapsed && /*#__PURE__*/React.createElement(Popover, {
+      content: "\u57CB\u70B9\u65B9\u6848\u7BA1\u7406",
+      placement: "right"
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      type: "maidianfanganguanli"
+    })), !collapsed && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+      type: "maidianfanganguanli"
+    }), "\u57CB\u70B9\u65B9\u6848\u7BA1\u7406")),
+    key: "1"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "zhidie-botton"
+  }, !collapsed && /*#__PURE__*/React.createElement(IconFont, {
+    type: "zhedie",
+    onClick: function onClick() {
+      setCollapsed(!collapsed);
+    }
+  }), collapsed && /*#__PURE__*/React.createElement(IconFont, {
+    type: "zhankai",
+    onClick: function onClick() {
+      setCollapsed(!collapsed);
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "dmcontent ".concat(collapsed && 'dmcontent-collapsed')
+  }, listTab == '0' && /*#__PURE__*/React.createElement(DataCollection, null), listTab == '1' && /*#__PURE__*/React.createElement(PlanList, null))));
 };
 
-export default DataManage; // export default forwardRef<{}, DataManageProps>((props, ref) => (
-//   <DmProvider>
-//     <DataManage {...props} />
-//   </DmProvider>
-// ));
+export default DataManage;

package/es/modules/dataManage/styles/index.less

@@ -5,22 +5,89 @@
   top: 0;
   left: 0;
   width: 100%;
+  .tabs {
+    position: absolute !important;
+    top: 0 !important;
+  }
 }
 .__dumi-default-menu {
   width: 0;
 }
 
 .data-manage {
+  position: relative;
   display: flex;
-  height: 100%;
+  min-height: 100%;
   background: #f5f5f5;
-  &-menu {
-    width: 240px;
+  .tabs-box {
+    position: relative;
+    min-width: 240px;
     margin-right: 24px;
-    // height: 100%;
     background: #fff;
-    .ant-menu-item {
-      margin: 0;
+    .tabs {
+      position: fixed;
+      top: 48px;
+      left: 0;
+      min-width: 240px;
+      margin-right: 24px;
+      padding-top: 16px;
+      background: #fff;
+      .ant-tabs-nav {
+        width: 100%;
+        .ant-tabs-tab {
+          padding: 7px 0;
+        }
+        .ant-tabs-tab + .ant-tabs-tab {
+          margin: 0;
+        }
+        .ant-tabs-tab-active {
+          background: #e8efff;
+        }
+        .ant-tabs-tab-btn {
+          width: 100%;
+          font-size: 16px;
+          text-align: left;
+          .bsicon {
+            margin-right: 12px;
+            margin-left: 19px;
+            font-size: 20px !important;
+          }
+        }
+      }
+      .ant-tabs-content-holder {
+        display: none;
+      }
+    }
+    .zhidie-botton {
+      position: absolute;
+      bottom: 0;
+      left: -10px;
+      width: 100%;
+      height: 40px;
+      font-size: 24px !important;
+      border-top: 1px solid #e8efff;
+      .bsicon {
+        margin-left: 19px;
+      }
+    }
+  }
+  .tabs-collapsed {
+    min-width: 48px;
+    .tabs {
+      min-width: 48px;
+      .tab {
+        text-align: center;
+        .bsicon {
+          margin: 0 !important;
+        }
+      }
     }
   }
+  .dmcontent {
+    width: calc(100% - 264px);
+    padding: 16px 0 24px 0;
+  }
+  .dmcontent-collapsed {
+    width: calc(100% - 104px);
+  }
 }

package/es/modules/dataPlan/addEventOrUser.js

@@ -21,7 +21,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { IconFont } from '@zgfe/business-lib';
-import { Input, Button, Select, Table, Modal, Form, message } from 'antd';
+import { Input, Button, Select, Table, Modal, Form, message, Popover } from 'antd';
 var Option = Select.Option;
 import React, { useEffect, useState } from 'react';
 import './styles/index.less';
@@ -152,15 +152,24 @@ var addEventOrUser = function addEventOrUser(props) {
 
     var tableColumnsPropsRender = function tableColumnsPropsRender(item) {
       var render = function render(text, record, index) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, item.dataIndex == 'set' ? /*#__PURE__*/React.createElement(Button, {
-          type: "text",
-          className: "".concat(classPrefix, "-table-del"),
+        return /*#__PURE__*/React.createElement(React.Fragment, null, item.dataIndex == 'set' ? /*#__PURE__*/React.createElement(React.Fragment, null, tableRowData.length <= 1 ? /*#__PURE__*/React.createElement(IconFont, {
+          className: "set-del set-del-err",
+          disabled: true,
+          type: "shanchu1",
           onClick: function onClick() {
             handleRow('del', record);
           }
+        }) : /*#__PURE__*/React.createElement(Popover, {
+          content: "\u5220\u9664",
+          placement: "right"
         }, /*#__PURE__*/React.createElement(IconFont, {
-          type: "shanchu1"
-        })) : /*#__PURE__*/React.createElement(Form.Item, {
+          className: "set-del",
+          disabled: true,
+          type: "shanchu1",
+          onClick: function onClick() {
+            handleRow('del', record);
+          }
+        }))) : /*#__PURE__*/React.createElement(Form.Item, {
           name: "".concat(item.dataIndex, "-").concat(record.key),
           rules: rulesData(item)
         }, /*#__PURE__*/React.createElement(Input, null)));
@@ -187,12 +196,20 @@ var addEventOrUser = function addEventOrUser(props) {
 
 
   var _columns_event = [{
-    title: '*事件名称',
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'red'
+      }
+    }, "*"), " \u4E8B\u4EF6\u540D\u79F0"),
     dataIndex: 'eventName',
     key: 'eventName',
     align: 'center'
   }, {
-    title: '*事件属性',
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'red'
+      }
+    }, "*"), " \u4E8B\u4EF6\u5C5E\u6027"),
     dataIndex: 'attrName',
     key: 'attrName',
     align: 'center'
@@ -203,12 +220,20 @@ var addEventOrUser = function addEventOrUser(props) {
   }]; // 表格列 - user
 
   var _columns_user = [{
-    title: '*唯一标识',
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'red'
+      }
+    }, "*"), " \u552F\u4E00\u6807\u8BC6"),
     dataIndex: 'identify',
     key: 'identify',
     align: 'center'
   }, {
-    title: '*属性名称',
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'red'
+      }
+    }, "*"), " \u5C5E\u6027\u540D\u79F0"),
     dataIndex: 'propName',
     key: 'propName',
     align: 'center'