@zgfe/business-lib 1.1.66 → 1.1.67-beta.2

package/es/assets/styles/chunks.less

@@ -163,3 +163,21 @@
     .__default-hover();
   }
 }
+
+// 默认按钮
+.__icon {
+  color: #9aa1a9;
+  cursor: pointer;
+  &:hover:not(.disabled) {
+    color: @primary-color;
+  }
+  &.disabled {
+    cursor: not-allowed;
+  }
+
+  &.delete {
+    &:hover:not(.disabled) {
+      color: @error-color;
+    }
+  }
+}

package/es/assets/styles/variable.less

@@ -12,6 +12,7 @@
 @box-shadow-small: 0px 1px 2px @shadow-color-light;
 @primary-color-hover: color(~`colorPalette('@{primary-color}', 0.1) `);
 @box-shadow-form: 0 0 0 4px @primary-color-hover;
+@text-color-middle: #9aa1a9;
 @custom-background: #fafafb;
 @custom-focus: #f0f7ff;
 @primary-color: '#165dff';

package/es/attrCondition/group.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { AttrConditionTypes } from '../attrConditions/types';
-declare const _default: React.ForwardRefExoticComponent<AttrConditionTypes.GroupProp & React.RefAttributes<any>>;
-export default _default;
+declare const BizAttrConditionGroup: React.ForwardRefExoticComponent<AttrConditionTypes.GroupProp & React.RefAttributes<any>>;
+export default BizAttrConditionGroup;

package/es/attrCondition/group.js

@@ -2,8 +2,9 @@ import React from 'react';
 import useConditionGroup from './useConditionGroup';
 import { Skeleton, Space } from 'antd';
 import BizAttrCondition from '.';
-var BizAttrConditionGroup = function BizAttrConditionGroup(props, ref) {
-  var eventIdList = props.eventIdList,
+var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var showHandle = props.showHandle,
+    eventIdList = props.eventIdList,
     enableDelete = props.enableDelete,
     enableEventProp = props.enableEventProp,
     enableUserProp = props.enableUserProp,
@@ -25,16 +26,16 @@ var BizAttrConditionGroup = function BizAttrConditionGroup(props, ref) {
     paragraph: {
       rows: 2
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, showHandle ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-handle")
   }, conditions.length > 1 && /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-operate"),
     onClick: onClickRelation
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-operate-text ").concat(relation === 'and' || props.onlyAnd ? 'active' : '', " ").concat(props.onlyAnd ? 'only-and' : '')
-  }, "\u4E14"), !props.onlyAnd && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, "\u4E14")), !props.onlyAnd && /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-operate-text ").concat(relation === 'or' ? 'active' : '')
-  }, "\u6216"))), /*#__PURE__*/React.createElement(Space, {
+  }, /*#__PURE__*/React.createElement("span", null, "\u6216")))) : null, /*#__PURE__*/React.createElement(Space, {
     className: "".concat(classPrefix, "-container"),
     direction: "vertical"
   }, conditions.map(function (item, index) {
@@ -55,5 +56,8 @@ var BizAttrConditionGroup = function BizAttrConditionGroup(props, ref) {
       }
     });
   }))));
+});
+BizAttrConditionGroup.defaultProps = {
+  showHandle: true
 };
-export default /*#__PURE__*/React.forwardRef(BizAttrConditionGroup);
+export default BizAttrConditionGroup;

package/es/attrCondition/index.js

@@ -1,11 +1,19 @@
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Skeleton, Space } from 'antd';
-import React from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import BizAttributeSelector from '../attributeSelector';
 import BizOperateList from '../attrConditions/components/operateList';
 import ValuesList from '../attrConditions/components/valuesList';
+import { OperateTypes } from '../attrConditions/types';
 import useAttrCondition from './useAttrCondition';
 import './styles/index.less';
 import IconFont from '../icon/iconFont';
+import { BizValidatorContext } from '../context';
 var classPrefix = 'biz-attr-condition';
 var BizAttrCondition = function BizAttrCondition(props) {
   var eventIdList = props.eventIdList,
@@ -24,9 +32,29 @@ var BizAttrCondition = function BizAttrCondition(props) {
     onChangeOperate = _useAttrCondition.onChangeOperate,
     onChangeValues = _useAttrCondition.onChangeValues,
     onDelete = _useAttrCondition.onDelete;
+  var _useContext = useContext(BizValidatorContext),
+    isValidate = _useContext.isValidate;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAttrError = _useState2[0],
+    setIsAttrError = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isValueError = _useState4[0],
+    setValueError = _useState4[1];
+  useEffect(function () {
+    setIsAttrError(function (error) {
+      return !!((isValidate || error) && !attr);
+    });
+    setValueError(function (error) {
+      return !!((isValidate || error) && attr && operate !== OperateTypes.IsNotNull && operate !== OperateTypes.IsNull && (!values || !values.length));
+    });
+  }, [isValidate, attr, operate, values]);
   return /*#__PURE__*/React.createElement(Space, {
     className: classPrefix
-  }, !loading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+  }, !loading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-column")
+  }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     value: attr,
     eventIdList: eventIdList,
     enableEventProp: enableEventProp,
@@ -36,19 +64,27 @@ var BizAttrCondition = function BizAttrCondition(props) {
     onChange: onChangeAttr,
     theme: theme,
     destroyPopupOnHide: props.destroyPopupOnHide,
-    placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027"
-  }), /*#__PURE__*/React.createElement(BizOperateList, {
+    placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027",
+    status: isAttrError ? 'error' : ''
+  }), isAttrError ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-error")
+  }, "\u5C5E\u6027\u4E0D\u53EF\u4E3A\u7A7A") : null), /*#__PURE__*/React.createElement(BizOperateList, {
     theme: theme,
     attr: attr,
     defaultValue: operate,
     onChange: onChangeOperate
-  }), /*#__PURE__*/React.createElement(ValuesList, {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-column")
+  }, /*#__PURE__*/React.createElement(ValuesList, {
     attr: attr,
     operate: operate,
     defaultValue: values,
     onChange: onChangeValues,
-    theme: theme
-  }), enableDelete && /*#__PURE__*/React.createElement(IconFont, {
+    theme: theme,
+    status: isValueError ? 'error' : ''
+  }), isValueError ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-error")
+  }, "\u5C5E\u6027\u503C\u4E0D\u53EF\u4E3A\u7A7A") : null), enableDelete && /*#__PURE__*/React.createElement(IconFont, {
     type: "qingchu",
     className: "".concat(classPrefix, "-btn-del"),
     onClick: onDelete

package/es/attrCondition/styles/index.less

@@ -1,10 +1,12 @@
 @import '../../assets/styles/inner.less';
 .biz-attr-condition {
   gap: 16px !important;
+  align-items: flex-start;
   width: 100%;
   &-btn-del {
     color: #9aa1a9;
     font-size: 16px !important;
+    line-height: 32px;
     &:hover {
       color: @error-color;
       cursor: pointer;
@@ -33,7 +35,7 @@
     &-handle {
       position: relative;
       width: 1px;
-      margin-right: 16px;
+      margin-right: 20px;
       margin-left: 8px;
       background: @border-color-base;
     }
@@ -47,18 +49,25 @@
     &-operate-text {
       width: 16px;
       height: 16px;
-      font-size: 12px;
       line-height: 16px;
       text-align: center;
+      span {
+        display: inline-block;
+        font-size: 12px;
+        *font-size: 10px;
+        transform: scale(0.83, 0.83);
+      }
 
       .__default-hover();
 
       &:first-child {
-        border-radius: @border-radius-sx @border-radius-sx 0px 0px;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px;
       }
 
       &:last-child {
-        border-radius: 0px 0px @border-radius-sx @border-radius-sx;
+        border-bottom-right-radius: 3px;
+        border-bottom-left-radius: 3px;
       }
 
       &.active {
@@ -66,8 +75,15 @@
         background: @primary-color;
       }
     }
-    &-operate-text.only-and {
-      border-radius: 2px;
-    }
+  }
+
+  &-column {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
+  &-error {
+    padding-left: 4px;
+    color: @error-color;
   }
 }

package/es/attrCondition/useAttrCondition.d.ts

@@ -5,7 +5,9 @@ declare const useAttrCondition: (props: AttrConditionTypes.ItemProp) => {
     operate: import("../attrConditions/types").OperateTypes | undefined;
     values: string[] | undefined;
     loading: boolean;
-    onDelete: () => void;
+    onDelete: (e: {
+        stopPropagation: () => void;
+    }) => void;
     onChangeAttr: (attrData: AttributeSelect.Value) => void;
     onChangeOperate: (data: any) => void;
     onChangeValues: (data: any) => void;

package/es/attrCondition/useAttrCondition.js

@@ -59,7 +59,8 @@ var useAttrCondition = function useAttrCondition(props) {
     }
     setLoading(false);
   }, []);
-  var onDelete = function onDelete() {
+  var onDelete = function onDelete(e) {
+    e.stopPropagation();
     if (props.onDelete) props.onDelete();
   };
   useEffect(function () {

package/es/attrCondition/useConditionGroup.js

@@ -38,7 +38,7 @@ var useConditionGroup = function useConditionGroup(props, ref) {
   }, []);
   useImperativeHandle(ref, function () {
     return {
-      add: function add() {
+      add: function add(changeCallBack) {
         onConditionsCount && onConditionsCount(conditions.length + 1);
         setConditions(function (conditions) {
           conditions.push({
@@ -46,6 +46,13 @@ var useConditionGroup = function useConditionGroup(props, ref) {
           });
           return _toConsumableArray(conditions);
         });
+        if (props.onChange && changeCallBack) {
+          var group = removeKeyToGroup(conditions, true);
+          props.onChange({
+            relation: relation,
+            conditions: group
+          });
+        }
       },
       setValue: function setValue(data) {
         if (data) {
@@ -70,10 +77,14 @@ var useConditionGroup = function useConditionGroup(props, ref) {
       };
     });
   };
-  var removeKeyToGroup = function removeKeyToGroup(data) {
+  var removeKeyToGroup = function removeKeyToGroup(data, addEmpty) {
     var group = [];
     data.forEach(function (item) {
-      if (item.data) group.push(item.data);
+      if (item.data) {
+        group.push(item.data);
+      } else if (addEmpty) {
+        group.push({});
+      }
     });
     return group;
   };

package/es/attrConditions/components/stringList.d.ts

@@ -6,5 +6,6 @@ declare const StringList: React.FC<{
     value?: string[];
     onChange?: (value: string[]) => void;
     theme: string;
+    status?: string;
 }>;
 export default StringList;

package/es/attrConditions/components/stringList.js

@@ -157,6 +157,7 @@ var StringList = function StringList(props) {
     disable: props.operate === OperateTypes.IsNull || props.operate === OperateTypes.IsNotNull,
     labelField: "name",
     keyField: "value",
+    status: props.status,
     options: options,
     onChange: onChange,
     onSearch: setSearchValue,

package/es/attrConditions/components/valuesList.d.ts

@@ -6,5 +6,6 @@ declare const ValuesList: React.FC<{
     defaultValue?: string[];
     onChange?: (value: string[]) => void;
     theme: string;
+    status?: string;
 }>;
 export default ValuesList;

package/es/attrConditions/components/valuesList.js

@@ -20,7 +20,8 @@ var ValuesList = function ValuesList(props) {
   var attr = props.attr,
     defaultValue = props.defaultValue,
     operate = props.operate,
-    theme = props.theme;
+    theme = props.theme,
+    status = props.status;
   var initValue = [moment().subtract(1, 'weeks').format('YYYY-MM-DD'), moment().format('YYYY-MM-DD')];
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -113,6 +114,7 @@ var ValuesList = function ValuesList(props) {
       attr: attr,
       operate: operate,
       value: current,
+      status: status,
       onChange: onChange
     });
   } else if (attr.type === PropType.NUMBER) {
@@ -138,6 +140,7 @@ var ValuesList = function ValuesList(props) {
       placeholder: "\u8BF7\u8F93\u5165\u5C5E\u6027\u503C",
       type: "number",
       size: "middle",
+      status: status,
       onChange: onChangeNumber,
       suffix: attr.propCategory === 'userProp' && attr.subtype === 1 ? '%' : null
     }), attr.propCategory === 'userProp' && attr.subtype === 2 && numberAfter);
@@ -148,6 +151,7 @@ var ValuesList = function ValuesList(props) {
         allowClear: false,
         className: "".concat(classPrefix, "-date"),
         inputReadOnly: true,
+        status: status,
         locale: locale,
         disabledDate: disabledDate,
         placement: 'bottomRight',
@@ -165,6 +169,7 @@ var ValuesList = function ValuesList(props) {
         placeholder: "\u8BF7\u8F93\u5165\u5C5E\u6027\u503C",
         type: "number",
         suffix: "\u5929",
+        status: status,
         onChange: onChangeDate
       });
     }

package/es/attrConditions/index.js

@@ -46,7 +46,7 @@ var BizConditionItem = function BizConditionItem(props) {
     onChangeAttr = _useAttrCondition.onChangeAttr,
     onChangeOperate = _useAttrCondition.onChangeOperate,
     onChangeValues = _useAttrCondition.onChangeValues,
-    onDelete = _useAttrCondition.onDelete;
+    _onDelete = _useAttrCondition.onDelete;
   return /*#__PURE__*/React.createElement("div", {
     className: [classPrefix, border ? 'border' : ''].join(' ')
   }, /*#__PURE__*/React.createElement(Skeleton, {
@@ -64,7 +64,9 @@ var BizConditionItem = function BizConditionItem(props) {
     enableEnvProp: enableEnvProp,
     disableItemList: disableItemList,
     onChange: onChangeAttr,
-    onDelete: onDelete,
+    onDelete: function onDelete(_data, e) {
+      return _onDelete(e);
+    },
     theme: theme,
     destroyPopupOnHide: props.destroyPopupOnHide
   }), /*#__PURE__*/React.createElement("div", {

package/es/attrConditions/types.d.ts

@@ -37,6 +37,7 @@ export declare namespace AttrConditionTypes {
         defaultValue?: GroupValue;
         value?: GroupValue;
         onlyAnd?: boolean;
+        showHandle?: boolean;
         onChange?: (value: GroupValue) => void;
         onConditionsCount?: (value: number) => void;
     }

package/es/attributeSelector/demo/disable.js

@@ -20,6 +20,11 @@ export default (function () {
   }
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "\u9009\u62E9\u7684\u5C5E\u6027\u662F\uFF1A", JSON.stringify(attribute)), /*#__PURE__*/React.createElement(DemoWrapper, {
     needMeta: true
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#fff',
+      padding: 20
+    }
   }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: true,
@@ -38,5 +43,5 @@ export default (function () {
       propCategory: 'envProp'
     }],
     enableEnvProp: true
-  })));
+  }))));
 });

package/es/attributeSelector/index.js

@@ -71,8 +71,8 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
     }
     return res;
   }
-  function onDelete() {
-    if (props.onDelete) props.onDelete(currentAttr);
+  function onDelete(e) {
+    if (props.onDelete) props.onDelete(currentAttr, e);
   }
   function onChange(val) {
     setVisible(false);
@@ -83,9 +83,7 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
     setVisible(flag);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-handle ").concat(visible ? 'focus' : '')
+    className: classPrefix
   }, /*#__PURE__*/React.createElement(Dropdown, {
     dropdownRender: function dropdownRender() {
       return /*#__PURE__*/React.createElement(AttrListPanel, _objectSpread(_objectSpread({
@@ -104,30 +102,27 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
     onOpenChange: onVisibleChange,
     destroyPopupOnHide: props.destroyPopupOnHide
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%'
-    }
+    className: "".concat(classPrefix, "-handle")
   }, /*#__PURE__*/React.createElement(SelectHandle, {
     ref: boxRef,
     theme: theme,
-    border: false,
     size: props.size,
     label: (currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.alias) || (currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.label),
-    placeholder: placeholder
+    placeholder: placeholder,
+    status: props.status
   }))), enableDelete && /*#__PURE__*/React.createElement(Tooltip, {
     title: function title() {
       return '删除';
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    className: "".concat(classPrefix, "-del-icon"),
+    className: "".concat(classPrefix, "-del-icon delete"),
     type: 'qingchu',
     onClick: onDelete
-  }))));
+  })));
 };
 BizAttributeSelector.defaultProps = {
   enableDelete: false,
   placeholder: '请选择',
-  theme: 'secondary',
   size: 'middle',
   propSymbol: '*',
   optionsHeaderTip: '带＊的属性每日凌晨更新',

package/es/attributeSelector/styles/index.less

@@ -1,29 +1,18 @@
 @import '../../assets/styles/inner.less';
 
 .biz-attr-select {
-  border-radius: 4px;
-  &-handle {
-    display: flex;
-    flex-direction: row;
-    .__select-handle();
+  display: flex;
+  align-items: center;
 
-    &:hover .biz-attr-select-del-icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
+  &-handle {
+    min-width: 208px;
+    max-width: calc(100% - 56px);
   }
 
   &-del-icon {
-    display: none;
-    flex: none;
-    width: @icon-width;
-    color: @text-color-secondary;
-    border-radius: @border-radius-small;
-
-    &:hover {
-      .__error-hover();
-    }
+    .__icon();
+    margin-left: 16px;
+    font-size: 16px !important;
   }
 
   &-drowdown {

package/es/attributeSelector/types.d.ts

@@ -82,10 +82,11 @@ export declare namespace AttributeSelect {
         propSymbol?: ReactNode;
         optionsHeaderTip?: string;
         onChange?: (value: Value) => void;
-        onDelete?: (value?: Value) => void;
+        onDelete?: (value?: Value, e?: any) => void;
         theme?: string;
         destroyPopupOnHide?: boolean;
         size?: SizeType;
+        status?: string;
     }
     interface Option {
         groupName: string;

package/es/context/index.d.ts

@@ -48,3 +48,7 @@ export interface GlobalContextProps {
 }
 declare const BizGlobalDataContext: import("react").Context<GlobalContextProps>;
 export default BizGlobalDataContext;
+export declare const BizValidatorContext: import("react").Context<{
+    isValidate?: boolean | undefined;
+    setValidate?: ((isValidate?: boolean) => void) | undefined;
+}>;

package/es/context/index.js

@@ -1,3 +1,4 @@
 import { createContext } from 'react';
 var BizGlobalDataContext = /*#__PURE__*/createContext({});
-export default BizGlobalDataContext;
+export default BizGlobalDataContext;
+export var BizValidatorContext = /*#__PURE__*/createContext({});

package/es/eventSelector/index.js

@@ -140,7 +140,6 @@ BizEventSelector.defaultProps = {
   defaultSelectAble: true,
   popupContainer: true,
   border: true,
-  theme: 'secondary',
   size: 'middle',
   destroyPopupOnHide: false
 };

package/es/eventSelector/listPanel.d.ts

@@ -1,4 +1,14 @@
 import React from 'react';
+import { AnalysisEvent } from '../attributeSelector/types';
 import { EventSelectTypes } from './types';
 declare const EventListPanel: React.FC<EventSelectTypes.DropdownProps>;
+export declare const InfiniteScrollList: React.FC<{
+    scrollableTarget: string;
+    searchEventList: AnalysisEvent[];
+    searchValue: string;
+    groupId?: string | number;
+    currentId?: string | number;
+    selectList?: number[];
+    onClick: (data: AnalysisEvent) => void;
+}>;
 export default EventListPanel;

package/es/eventSelector/listPanel.js

@@ -19,6 +19,7 @@ import { BuiltinIndicators } from '../constants/common';
 import BizSearchInput from '../searchInput';
 import EventListOption from './option';
 var EventListPanel = function EventListPanel(props) {
+  var _currentValue$event2;
   var showOverview = props.showOverview,
     defaultSelectAble = props.defaultSelectAble;
   var _useState = useState(''),
@@ -169,18 +170,18 @@ var EventListPanel = function EventListPanel(props) {
     scrollableTarget: scrollableId,
     searchEventList: searchEventList,
     searchValue: searchValue,
-    currentGroup: currentGroup,
-    currentValue: currentValue,
+    groupId: currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.id,
+    currentId: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event2 = currentValue.event) === null || _currentValue$event2 === void 0 ? void 0 : _currentValue$event2.id,
     selectList: props.selectList,
     onClick: onClickEvent
   }))));
 };
-var InfiniteScrollList = function InfiniteScrollList(_ref) {
+export var InfiniteScrollList = function InfiniteScrollList(_ref) {
   var scrollableTarget = _ref.scrollableTarget,
     searchEventList = _ref.searchEventList,
     searchValue = _ref.searchValue,
-    currentGroup = _ref.currentGroup,
-    currentValue = _ref.currentValue,
+    groupId = _ref.groupId,
+    currentId = _ref.currentId,
     onClick = _ref.onClick,
     selectList = _ref.selectList;
   var _useState11 = useState([]),
@@ -225,15 +226,14 @@ var InfiniteScrollList = function InfiniteScrollList(_ref) {
     className: "".concat(classPrefix, "-event-item-wrap"),
     key: Math.random()
   }, showList.map(function (e) {
-    var _currentValue$event2, _currentValue$event3;
     var _disable = false;
-    if (selectList && (selectList === null || selectList === void 0 ? void 0 : selectList.indexOf(e.id)) !== -1 && (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event2 = currentValue.event) === null || _currentValue$event2 === void 0 ? void 0 : _currentValue$event2.id) !== e.id) {
+    if (selectList && (selectList === null || selectList === void 0 ? void 0 : selectList.indexOf(e.id)) !== -1 && currentId !== e.id) {
       _disable = true;
     }
     return /*#__PURE__*/React.createElement(EventListOption, {
       label: e.alias || e.name,
-      key: "".concat(currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.id, "-").concat(e.id),
-      checked: (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event3 = currentValue.event) === null || _currentValue$event3 === void 0 ? void 0 : _currentValue$event3.id) === e.id,
+      key: "".concat(groupId, "-").concat(e.id),
+      checked: currentId === e.id,
       disable: _disable,
       highlight: {
         enable: true,

package/es/eventSelector/option.js

@@ -12,8 +12,9 @@ var EventListOption = function EventListOption(props) {
     onClick = props.onClick,
     data = props.data,
     disable = props.disable;
-  var _onClick = function _onClick() {
+  var _onClick = function _onClick(e) {
     if (disable) return;
+    e.stopPropagation();
     if (onClick) onClick(data);
   };
   function getLabel(label) {
@@ -31,7 +32,9 @@ var EventListOption = function EventListOption(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-option ").concat(checked ? 'active' : '', " ").concat(disable ? 'disable' : ''),
-    onClick: _onClick
+    onClick: function onClick(e) {
+      return _onClick(e);
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-option-label"),
     title: label

package/es/formulaTarget/components/formula/data.d.ts

@@ -0,0 +1,16 @@
+export declare const formulaList: string[];
+export declare const formulaList2: {
+    name: string;
+    value: string;
+}[];
+export declare const formulaObj: {
+    [key: string]: string;
+};
+export declare const formulaDimensions: {
+    type: string;
+    label: string;
+}[];
+export declare const resultFormatList: {
+    label: string;
+    value: string;
+}[];