@zgfe/modules-dm 1.0.2-dm.2 → 1.0.2-dm.20

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

@@ -15,6 +15,7 @@ interface PropsType {
     isOpen: number;
     queryPlanData: queryPlanType;
     setEventAttrListShow?: Function;
+    Refresh?: Function;
 }
 declare const CollectionAttributeList: React.FC<PropsType>;
 export default CollectionAttributeList;

package/es/modules/dataCollection/collectionAttributeList.js

@@ -22,6 +22,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import './styles/index.less';
 import request from '../../utils/ajax';
 import apis from '../../constants/api';
+import { DmContext } from '../../store';
 
 var CollectionAttributeList = function CollectionAttributeList(props) {
   var classPrefix = 'attr-list';
@@ -38,7 +39,10 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       loading = _useState2[0],
-      setLoading = _useState2[1]; // 判断是否在方案中： 处理表格class添加异常样式 | 处理表格行异常信息展示,true异常
+      setLoading = _useState2[1];
+
+  var _useContext2 = useContext(DmContext),
+      state = _useContext2.state; // 判断是否在方案中： 处理表格class添加异常样式 | 处理表格行异常信息展示, true异常
 
 
   var rowRenderHandle = function rowRenderHandle(name) {
@@ -47,13 +51,17 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
 
       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;
+      if (isOpen != 1) {
+        return 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 ? true : false;
+      }
     }
   }; // 用户属性列表
 
@@ -85,6 +93,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
   };
 
   useEffect(function () {
+    // console.log('eventAttrsData', eventAttrsData);
     if (source == 'user') {
       queryUserPropMeta();
     } else {
@@ -97,17 +106,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
       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);
-  }; // 复制属性名称
-
+  }, [source, eventAttrsData]); // 复制属性名称
 
   var copyAttrName = function copyAttrName(name) {
     navigator.clipboard.writeText(name);
@@ -115,10 +114,10 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
   }; // 别名foucs
 
 
-  var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      aliasFocusData = _useState8[0],
-      setAliasFocusData = _useState8[1];
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      aliasFocusData = _useState6[0],
+      setAliasFocusData = _useState6[1];
 
   var aliasFocus = function aliasFocus(e) {
     setAliasFocusData(e.currentTarget.value);
@@ -139,9 +138,15 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
     }).then(function (res) {
       if (res) {
         message.success('修改成功');
+
+        if (source == 'user') {
+          queryUserPropMeta();
+        }
+
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
       }
     }).catch(function (err) {
-      message.success('修改失败');
+      message.error('修改失败');
     }).finally(function () {});
   }; // 表格列
 
@@ -177,15 +182,38 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
     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');
-        }
-      });
+      if (!record.alias_name) {
+        return /*#__PURE__*/React.createElement(Input, {
+          className: "alias_name",
+          placeholder: "\u7F16\u8F91\u522B\u540D",
+          disabled: isDemo,
+          defaultValue: record.alias_name,
+          onFocus: aliasFocus,
+          onBlur: function onBlur(e) {
+            attrChangeHandle(e.currentTarget.value, record, 'alias_name');
+          }
+        });
+      } 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) {
+            attrChangeHandle(e.currentTarget.value, record, 'alias_name');
+          }
+        }));
+      }
     }
   }, {
     title: '属性值别名',
@@ -195,6 +223,11 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, !rowRenderHandle(record.name) && /*#__PURE__*/React.createElement("span", {
         className: "attr_alias_name",
         onClick: function onClick() {
+          if (isDemo) {
+            message.error('demo环境，无法编辑');
+            return;
+          }
+
           setattrId(source == 'event' ? record.attr_id : record.id);
           setAttrAliasNameShow(true);
         }
@@ -215,6 +248,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
         style: {
           width: '100%'
         },
+        disabled: isDemo,
         onChange: function onChange(e) {
           return attrChangeHandle(e, record, 'type');
         },
@@ -240,6 +274,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
         style: {
           width: '100%'
         },
+        disabled: isDemo,
         onChange: function onChange(e) {
           return attrChangeHandle(e, record, 'hidden');
         },
@@ -267,6 +302,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
         style: {
           width: '100%'
         },
+        disabled: isDemo,
         onChange: function onChange(e) {
           return attrChangeHandle(e, record, 'encryption_type');
         },
@@ -292,25 +328,25 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
     dataIndex: 'mapping_value'
   }];
 
-  var _useState9 = useState([]),
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      attrExcelData = _useState8[0],
+      setAttrExcelData = _useState8[1];
+
+  var _useState9 = useState(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      attrExcelData = _useState10[0],
-      setAttrExcelData = _useState10[1];
+      attrAliasNameShow = _useState10[0],
+      setAttrAliasNameShow = _useState10[1];
 
-  var _useState11 = useState(false),
+  var _useState11 = useState(0),
       _useState12 = _slicedToArray(_useState11, 2),
-      attrAliasNameShow = _useState12[0],
-      setAttrAliasNameShow = _useState12[1];
+      attrId = _useState12[0],
+      setattrId = _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];
+      batchId = _useState14[0],
+      setBatchId = _useState14[1];
 
   var uploadProps = {
     maxCount: 1,
@@ -333,15 +369,16 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
           setAttrExcelData(res.values);
         }
       }).catch(function (err) {
-        message.success('上传失败');
+        message.error('上传失败');
       });
+      return false;
     }
   }; // 清空属性值别名excel数据
 
-  var _useState17 = useState(false),
-      _useState18 = _slicedToArray(_useState17, 2),
-      clearFlag = _useState18[0],
-      setClearFlag = _useState18[1];
+  var _useState15 = useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      clearFlag = _useState16[0],
+      setClearFlag = _useState16[1];
 
   var clearData = function clearData() {
     setAttrExcelData([]);
@@ -366,7 +403,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
         setAttrAliasNameShow(false);
       }
     }).catch(function (err) {
-      message.success('操作失败');
+      message.error('操作失败');
     });
   }; // 获取已设置的属性值别名列表
 

package/es/modules/dataCollection/collectionEventList.js

@@ -24,7 +24,8 @@ var CollectionEventList = function CollectionEventList(props) {
 
   var _useContext = useContext(BizGlobalDataContext),
       currentApp = _useContext.currentApp,
-      isDemo = _useContext.isDemo;
+      isDemo = _useContext.isDemo; // const { updateEventMetas } = props;
+
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -174,8 +175,10 @@ var CollectionEventList = function CollectionEventList(props) {
         queryList();
       }
     }).catch(function (err) {
-      message.success('创建失败');
-    }).finally(function () {});
+      message.error('创建失败');
+    }).finally(function () {
+      setEventNameInput('');
+    });
   }; // 筛选：显示状态 | 采集状态
 
 
@@ -285,6 +288,7 @@ var CollectionEventList = function CollectionEventList(props) {
     className: "top-button",
     type: "primary",
     shape: "round",
+    disabled: isDemo,
     icon: /*#__PURE__*/React.createElement(IconFont, {
       style: {
         marginRight: '5px'
@@ -307,17 +311,21 @@ var CollectionEventList = function CollectionEventList(props) {
     isOpen: props.isOpen,
     queryPlanData: props.queryPlanData,
     eventAttrsData: eventAttrsData,
+    Refresh: queryList,
     source: "event",
     setEventAttrListShow: setEventAttrListShow
   }), /*#__PURE__*/React.createElement(Modal, {
     title: "\u521B\u5EFA\u5206\u7EC4",
+    destroyOnClose: true,
     visible: eventNameShow,
     onOk: createEventGroup,
     onCancel: function onCancel() {
-      return setEventNameShow(false);
+      setEventNameShow(false);
+      setEventNameInput('');
     }
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: "\u8BF7\u8F93\u5165\u5206\u7EC4\u540D",
+    value: eventNameInput,
     onChange: function onChange(e) {
       return setEventNameInput(e.currentTarget.value);
     }

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

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const DataCollection: React.FC;
+interface DataCollectionProps {
+}
+declare const DataCollection: React.FC<DataCollectionProps>;
 export default DataCollection;

package/es/modules/dataCollection/index.js

@@ -23,7 +23,8 @@ var DataCollection = function DataCollection(props) {
 
   var _useContext = useContext(BizGlobalDataContext),
       currentApp = _useContext.currentApp,
-      isDemo = _useContext.isDemo;
+      isDemo = _useContext.isDemo; // const { updateEventMetas } = props;
+
 
   var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),

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

@@ -81,9 +81,15 @@
             display: inline-block !important;
           }
         }
+        .alias_name_popover {
+          width: 200px;
+          word-break: break-all;
+          background: red;
+        }
         .alias_name {
           background: #fff !important;
           border: none;
+          cursor: pointer;
         }
         .ant-input:focus,
         .ant-input-focused {
@@ -94,6 +100,16 @@
         }
         .group-row {
           border-top: 12px solid #f5f5f5;
+          .ant-table-cell-fix-left {
+            left: 0px;
+            display: block;
+            width: 500px;
+            background: #fff;
+          }
+          .ant-table-cell-fix-left-first::after,
+          .ant-table-cell-fix-left-last::after {
+            box-shadow: none;
+          }
           td {
             padding: 6px 16px;
           }
@@ -106,7 +122,7 @@
         }
         .group-box {
           display: flex;
-          width: 500px;
+          width: 800px;
           line-height: 30px;
           .ant-input {
             width: 150px;
@@ -116,13 +132,13 @@
             margin-right: 4px;
             font-size: 18px !important;
           }
-          .group-text {
-            display: -webkit-box;
-            width: 120px;
-            overflow: hidden;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 1;
-          }
+          // .group-text {
+          //   display: -webkit-box;
+          //   width: 120px;
+          //   overflow: hidden;
+          //   -webkit-box-orient: vertical;
+          //   -webkit-line-clamp: 1;
+          // }
           .group-handle {
             margin-left: 30px;
             cursor: pointer;
@@ -153,6 +169,7 @@
         }
         .event_name {
           display: flex;
+          cursor: pointer;
           .event_name-text {
             display: -webkit-box;
             width: 120px;
@@ -164,7 +181,6 @@
             display: none;
             margin-left: 10px;
             font-size: 16px !important;
-            cursor: pointer;
           }
           .copy-text:hover {
             color: @primary-color;
@@ -173,7 +189,6 @@
           .collect-icon-active {
             margin: 0 4px;
             font-size: 16px !important;
-            cursor: pointer;
           }
           .collect-icon {
             color: #999;
@@ -204,6 +219,9 @@
           cursor: pointer;
           user-select: none;
         }
+        .set-error {
+          color: #86909c;
+        }
       }
     }
   }

package/es/modules/dataCollection/tablePlus.js

@@ -24,6 +24,7 @@ var Option = Select.Option;
 import React, { useState, useContext } from 'react';
 import './styles/index.less';
 import _ from 'lodash';
+import { DmContext } from '../../store';
 
 var TablePlus = function TablePlus(props) {
   var classPrefix = 'table-plus';
@@ -33,7 +34,10 @@ var TablePlus = function TablePlus(props) {
 
   var _useContext = useContext(BizGlobalDataContext),
       currentApp = _useContext.currentApp,
-      isDemo = _useContext.isDemo; // 别名foucs
+      isDemo = _useContext.isDemo;
+
+  var _useContext2 = useContext(DmContext),
+      state = _useContext2.state; // 别名foucs
 
 
   var _useState = useState(''),
@@ -58,11 +62,16 @@ var TablePlus = function TablePlus(props) {
       }
     }).then(function (res) {
       if (res) {
-        message.success('修改成功');
+        message.success('修改成功'); // console.log(state.updateEventMetas);
+
+        props.Refresh();
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
       }
     }).catch(function (err) {
-      message.success('修改失败');
-    }).finally(function () {});
+      message.error('修改失败');
+    }).finally(function () {
+      setAliasFocusData('');
+    });
   }; // 表格class处理
 
 
@@ -72,7 +81,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' : '';
     }
   }; // 控制修改分组名弹框 显示隐藏
 
@@ -110,7 +119,7 @@ var TablePlus = function TablePlus(props) {
         props.Refresh();
       }
     }).catch(function (err) {
-      message.success('修改失败');
+      message.error('修改失败');
     }).finally(function () {});
   }; // 删除分组
 
@@ -140,7 +149,7 @@ var TablePlus = function TablePlus(props) {
             props.Refresh();
           }
         }).catch(function (err) {
-          message.success('删除失败');
+          message.error('删除失败');
         }).finally(function () {});
       }
     });
@@ -168,7 +177,7 @@ var TablePlus = function TablePlus(props) {
             props.Refresh();
           }
         }).catch(function (err) {
-          message.success('删除失败');
+          message.error('删除失败');
         }).finally(function () {});
       }
     });
@@ -205,12 +214,11 @@ var TablePlus = function TablePlus(props) {
         event_id: 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.success('修改失败');
+      message.error('修改失败');
     }).finally(function () {});
   }; // 复制事件名称
 
@@ -269,24 +277,28 @@ var TablePlus = function TablePlus(props) {
     if (eventGroupId != undefined) _temp = {
       eventGroupId: eventGroupId
     };
+    if (type != 'copy') _temp = _objectSpread(_objectSpread({}, _temp), {}, {
+      oldEventGroupId: data.groupId
+    });
     request(apis.operateGroupRelations, {
       method: 'post',
       data: _objectSpread({
         appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
         platform: 0,
         hasPublicAttrView: true,
-        eventIds: groupCheckedData[data.groupId].join(','),
-        oldEventGroupId: data.groupId
+        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.success('失败');
+      message.error('失败');
     }).finally(function () {
       props.Refresh();
     });
@@ -401,15 +413,37 @@ var TablePlus = function TablePlus(props) {
     key: 'alias_name',
     width: 167,
     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) {
-          aliasNameBlur(e, record);
-        }
-      });
+      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);
+          }
+        });
+      } 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: '首次上报时间',
@@ -462,7 +496,8 @@ 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);
         },
@@ -508,7 +543,7 @@ 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);
         },
@@ -549,24 +584,40 @@ 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
             });
+            setEventNameInput(record.groupName);
             setEventNameShow(true);
           },
           type: "bianji"
         }), /*#__PURE__*/React.createElement(IconFont, {
           onClick: function onClick() {
-            return eventNameDel(record.groupId);
+            if (isDemo) {
+              message.error('demo环境无法删除');
+              return;
+            }
+
+            eventNameDel(record.groupId);
           },
           type: "shanchu"
         }));
       } else {
         return /*#__PURE__*/React.createElement("div", {
-          className: "set",
+          className: "set ".concat(record.owner == 'zg_abp' ? 'set-error' : ''),
           onClick: function onClick() {
-            return eventItemDel(record.event_id);
+            if (isDemo) {
+              message.error('demo环境无法删除');
+              return;
+            }
+
+            record.owner != 'zg_abp' ? eventItemDel(record.event_id) : message.error('内置事件无法删除');
           }
         }, "\u5220\u9664");
       }
@@ -590,6 +641,7 @@ var TablePlus = function TablePlus(props) {
     pagination: false
   }), /*#__PURE__*/React.createElement(Modal, {
     title: "\u4FEE\u6539\u5206\u7EC4\u540D",
+    destroyOnClose: true,
     visible: eventNameShow,
     onOk: eventNameEdit,
     onCancel: function onCancel() {
@@ -597,6 +649,7 @@ var TablePlus = function TablePlus(props) {
     }
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: "\u8BF7\u8F93\u5165\u5206\u7EC4\u540D",
+    value: eventNameInput,
     onChange: function onChange(e) {
       return setEventNameInput(e.currentTarget.value);
     }