@zgfe/business-lib 1.1.34-visual.9 → 1.1.35-alpha.0

package/es/attrConditions/index.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import { AttributeSelect } from '../attributeSelector/types';
 import './styles/index.less';
-import { AttrConditionTypes, OperateTypes } from './types';
+import { AttrConditionTypes } from './types';
 export declare const classPrefix = "biz-condition-item";
-export declare function getCondition(attr: AttributeSelect.Value, operate: OperateTypes, values: string[]): AttrConditionTypes.ItemValue | undefined;
 declare const BizConditionItem: React.FC<AttrConditionTypes.ItemProp>;
 export default BizConditionItem;

package/es/attrConditions/index.js

@@ -12,28 +12,6 @@ import BizOperateList from './components/operateList';
 import ValuesList from './components/valuesList';
 import { Skeleton } from 'antd';
 export var classPrefix = 'biz-condition-item';
-export function getCondition(attr, operate, values) {
-  if (!attr) return;
-  var responseData = {
-    attrId: attr.id,
-    propCategory: attr.propCategory,
-    type: attr.type,
-    operator: operate,
-    values: values || [],
-    dimensionSub: attr.dimensionSub,
-    label: attr.label
-  };
-  if (attr.propCategory === PropCategory.EventProp) {
-    responseData.attrName = attr.label;
-  } else {
-    responseData.attrName = attr.name;
-    responseData.category = attr.category;
-    if (attr.propCategory === PropCategory.UserProp && attr.subtype) {
-      responseData.subtype = attr.subtype;
-    }
-  }
-  return responseData;
-}
 var BizConditionItem = function BizConditionItem(props) {
   var _props$defaultValue, _props$value, _props$defaultValue2, _props$value2;
   var defaultValue = props.defaultValue,
@@ -101,7 +79,25 @@ var BizConditionItem = function BizConditionItem(props) {
   useEffect(function () {
     if (props.onChange) {
       if (!attr) return;
-      props.onChange(getCondition(attr, operate, values));
+      var responseData = {
+        attrId: attr.id,
+        propCategory: attr.propCategory,
+        type: attr.type,
+        operator: operate,
+        values: values || [],
+        dimensionSub: attr.dimensionSub,
+        label: attr.alias || attr.label
+      };
+      if (attr.propCategory === PropCategory.EventProp) {
+        responseData.attrName = attr.label;
+      } else {
+        responseData.attrName = attr.name;
+        responseData.category = attr.category;
+        if (attr.propCategory === PropCategory.UserProp && attr.subtype) {
+          responseData.subtype = attr.subtype;
+        }
+      }
+      props.onChange(responseData);
     }
   }, [attr, operate, values]);
   var onChangeAttr = function onChangeAttr(attrData) {

package/es/attrConditions/types.d.ts

@@ -18,7 +18,7 @@ export declare namespace AttrConditionTypes {
         propCategory?: 'userProp' | 'eventProp' | 'envProp';
         category?: 'fixed' | 'custom';
         dimensionSub?: string;
-        operator?: OperateTypes;
+        operator?: string;
         values?: string[];
     }
     interface GroupValue {

package/es/attributeSelector/index.js

@@ -87,19 +87,21 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-handle")
   }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(AttrListPanel, _objectSpread(_objectSpread({
-      id: id
-    }, props), {}, {
-      value: currentAttr,
-      onChange: onChange
-    })),
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(AttrListPanel, _objectSpread(_objectSpread({
+        id: id
+      }, props), {}, {
+        value: currentAttr,
+        onChange: onChange
+      }));
+    },
     trigger: ['click'],
     overlayStyle: {
       minWidth: 284,
       width: width
     },
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: visible,
+    onOpenChange: onVisibleChange,
     destroyPopupOnHide: props.destroyPopupOnHide
   }, /*#__PURE__*/React.createElement("div", {
     style: {

package/es/attributeSelector/types.d.ts

@@ -24,6 +24,8 @@ export interface AnalysisEvent {
     isOverview?: boolean;
     eventHidden?: ShowStatus;
     marked?: boolean;
+    isBuiltIn?: boolean;
+    type?: string;
 }
 export interface EventGroup {
     id: number;
@@ -61,8 +63,6 @@ export interface PropGroups {
     eventGroupList?: EventGroup[];
     userPropList?: UserProp[];
     envPropList?: EnvProp[];
-    eventNameMap?: Record<string, AnalysisEvent>;
-    eventIdMap?: Record<number, AnalysisEvent>;
 }
 export declare namespace AttributeSelect {
     type Value = EventProp | UserProp | EnvProp | null;

package/es/attributeSelector/util.js

@@ -3,9 +3,7 @@ export default function convertAttributeData(store) {
   var res = {
     envPropList: [],
     eventGroupList: [],
-    userPropList: [],
-    eventNameMap: {},
-    eventIdMap: {}
+    userPropList: []
   };
   (_store$eventList = store.eventList) === null || _store$eventList === void 0 ? void 0 : _store$eventList.forEach(function (group_) {
     var _res$eventGroupList;
@@ -41,8 +39,6 @@ export default function convertAttributeData(store) {
         eventHidden: e.event_hidden,
         marked: Boolean(e.mark_type)
       };
-      res.eventNameMap[event.name] = event;
-      res.eventIdMap[event.id] = event;
       if (event.marked) {
         markList.push(event);
       } else {

package/es/chart/util/formatOption.js

@@ -21,7 +21,7 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params) {
     } else {
       lineLabel = util.toThousands(lineLabel);
     }
-    var name = (params.length > 1 ? item.seriesName : item.data && item.data.label ? item.data.label : item.name).trim();
+    var name = item.seriesName.trim();
     htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n          <div class=\"biz-chart-tooltip-content\">\n              <span class=\"biz-tooltip-marker\" style=\"background:".concat(item.color, "\"></span>\n              <div class=\"biz-tooltip-name\">").concat(name, "</div>\n          </div> \n          <span class=\"biz-chart-tooltip-value\">").concat(lineLabel, "</span>\n        </div>"));
   });
   return htmlArray.join('');

package/es/constants/common.d.ts

@@ -0,0 +1,11 @@
+export declare const BuiltinIndicators: {
+    id: number;
+    name: string;
+    eventList: {
+        name: string;
+        id: number;
+        type: string;
+        isBuiltIn: boolean;
+        attrList: never[];
+    }[];
+};

package/es/constants/common.js

@@ -0,0 +1,35 @@
+export var BuiltinIndicators = {
+  id: -2,
+  name: '整体',
+  eventList: [{
+    name: '新增用户',
+    id: -201,
+    type: 'add',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '活跃用户',
+    id: -202,
+    type: 'active',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '访问次数',
+    id: -203,
+    type: 'times',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '平均使用时长',
+    id: -204,
+    type: 'duration_avg',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '使用时长分布',
+    id: -205,
+    type: 'duration',
+    isBuiltIn: true,
+    attrList: []
+  }]
+};

package/es/context/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { EventGroup, UserProp, EnvProp, AnalysisEvent } from '../attributeSelector/types';
+import { EventGroup, UserProp, EnvProp } from '../attributeSelector/types';
 export interface AppInfoProps {
     appId?: string | number;
     platform?: string | number;
@@ -24,8 +24,6 @@ export interface Menu {
 export interface GlobalContextProps {
     userGroupList?: Array<any>;
     eventGroupList?: EventGroup[];
-    eventNameMap?: Record<string, AnalysisEvent>;
-    eventIdMap?: Record<number, AnalysisEvent>;
     userPropList?: UserProp[];
     eventEnvList?: EnvProp[];
     menuNameMap?: {

package/es/cycleTime/month.js

@@ -69,21 +69,23 @@ var MonthDay = function MonthDay(props) {
   }
   return /*#__PURE__*/React.createElement(Dropdown, {
     disabled: disable,
-    overlay: /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-overlay")
-    }, dayList.map(function (item) {
-      return /*#__PURE__*/React.createElement("span", {
-        key: item.value,
-        className: "".concat(classPrefix, "-day ").concat(chosenDayList.map(function (v) {
-          return v.value;
-        }).indexOf(item.value) > -1 ? 'active' : '', " ").concat(item.value === 32 ? 'lastday' : ''),
-        onClick: function onClick() {
-          onClickMonthDay(item.value);
-        }
-      }, item.label);
-    })),
-    visible: visible,
-    onVisibleChange: setVisible,
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-overlay")
+      }, dayList.map(function (item) {
+        return /*#__PURE__*/React.createElement("span", {
+          key: item.value,
+          className: "".concat(classPrefix, "-day ").concat(chosenDayList.map(function (v) {
+            return v.value;
+          }).indexOf(item.value) > -1 ? 'active' : '', " ").concat(item.value === 32 ? 'lastday' : ''),
+          onClick: function onClick() {
+            onClickMonthDay(item.value);
+          }
+        }, item.label);
+      }));
+    },
+    open: visible,
+    onOpenChange: setVisible,
     trigger: ['click']
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-wrapper")

package/es/demoWrapper/content.js

@@ -175,8 +175,6 @@ var DemoContent = function DemoContent(_ref3) {
       eventGroupList: store === null || store === void 0 ? void 0 : store.eventGroupList,
       userPropList: store === null || store === void 0 ? void 0 : store.userPropList,
       eventEnvList: store === null || store === void 0 ? void 0 : store.envPropList,
-      eventIdMap: store === null || store === void 0 ? void 0 : store.eventIdMap,
-      eventNameMap: store === null || store === void 0 ? void 0 : store.eventNameMap,
       userGroupList: userGroups
     }
   }, children));

package/es/eventSelector/demo/index.js

@@ -39,6 +39,7 @@ var EventDemo = function EventDemo() {
       eventGroupList: store.eventGroupList
     }
   }, /*#__PURE__*/React.createElement(BizEventSelector, {
+    showBuiltInTarget: true,
     defaultValue: value,
     alias: "\u522B\u540D",
     onChange: onChange

package/es/eventSelector/index.js

@@ -10,6 +10,7 @@ import SelectHandle from '../select/handle';
 import BizGlobalDataContext from '../context';
 import EventListPanel from './listPanel';
 import './styles/index.less';
+import { BuiltinIndicators } from '../constants/common';
 export var classPrefix = 'biz-event-select';
 var BizEventSelector = function BizEventSelector(props) {
   var alias = props.alias,
@@ -42,13 +43,14 @@ var BizEventSelector = function BizEventSelector(props) {
   var getValue = function getValue(param) {
     var _param$group, _param$event;
     var res = {};
+    var allEvents = props.showBuiltInTarget ? eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.concat(BuiltinIndicators) : eventGroupList;
     if (!((_param$group = param.group) === null || _param$group === void 0 ? void 0 : _param$group.id)) {
       res.group = {
         id: 0,
         name: '所有分组',
         eventList: function () {
           var list = [];
-          eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
+          allEvents === null || allEvents === void 0 ? void 0 : allEvents.forEach(function (group) {
             list = list.concat(group.eventList);
           });
           return list;
@@ -62,7 +64,7 @@ var BizEventSelector = function BizEventSelector(props) {
         attrList: []
       };
     }
-    eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
+    allEvents === null || allEvents === void 0 ? void 0 : allEvents.forEach(function (group) {
       var _param$group2;
       if (group.id === ((_param$group2 = param.group) === null || _param$group2 === void 0 ? void 0 : _param$group2.id)) res.group = group;
       group.eventList.forEach(function (event) {
@@ -100,19 +102,22 @@ var BizEventSelector = function BizEventSelector(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: [classPrefix, border ? 'border' : ''].join(' ')
   }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(EventListPanel, {
-      value: currentValue,
-      onChange: onChange,
-      showOverview: showAllEvent,
-      defaultSelectAble: defaultSelectAble
-    }),
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(EventListPanel, {
+        value: currentValue,
+        onChange: onChange,
+        showOverview: showAllEvent,
+        showBuiltInTarget: props.showBuiltInTarget,
+        defaultSelectAble: defaultSelectAble
+      });
+    },
     trigger: ['click'],
     overlayStyle: {
       minWidth: 0,
       paddingLeft: 8
     },
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: visible,
+    onOpenChange: onVisibleChange,
     getPopupContainer: props.popupContainer ? function () {
       return document.getElementById(selectId);
     } : undefined,

package/es/eventSelector/listPanel.js

@@ -15,6 +15,7 @@ import InfiniteScroll from 'react-infinite-scroll-component';
 import { classPrefix } from '.';
 import { BizGlobalDataContext } from '..';
 import { ShowStatus } from '../attributeSelector/types';
+import { BuiltinIndicators } from '../constants/common';
 import BizSearchInput from '../searchInput';
 import EventListOption from './option';
 var EventListPanel = function EventListPanel(props) {
@@ -68,15 +69,33 @@ var EventListPanel = function EventListPanel(props) {
             }
           });
         });
-        list = [].concat(markList, _toConsumableArray(list));
+        list = props.showBuiltInTarget ? [].concat(_toConsumableArray(BuiltinIndicators.eventList), markList, _toConsumableArray(list)) : [].concat(markList, _toConsumableArray(list));
         return list;
       }(),
       name: '所有分组'
     };
     setGroupList(function (list) {
-      return [group].concat(_toConsumableArray(list));
+      return props.showBuiltInTarget ? [group, BuiltinIndicators].concat(_toConsumableArray(list)) : [group].concat(_toConsumableArray(list));
+    });
+    setCurrentGroup(function () {
+      var _props$value;
+      if (props.defaultSelectAble && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.group)) {
+        if (props.showBuiltInTarget && props.value.group.id === -2) {
+          return BuiltinIndicators;
+        } else {
+          var _currentGroup = group;
+          eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (eGroup) {
+            var _props$value2, _props$value2$group;
+            if (eGroup.id === ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : (_props$value2$group = _props$value2.group) === null || _props$value2$group === void 0 ? void 0 : _props$value2$group.id)) {
+              _currentGroup = eGroup;
+              return;
+            }
+          });
+          return _currentGroup;
+        }
+      }
+      return group;
     });
-    setCurrentGroup(group);
   }, []);
   useEffect(function () {
     setCurrentValue(props.value);

package/es/eventSelector/types.d.ts

@@ -23,6 +23,7 @@ export declare namespace EventSelectTypes {
         showAllEvent?: boolean;
         defaultSelectAble?: boolean;
         popupContainer?: boolean;
+        showBuiltInTarget?: boolean;
         onVisibleChange?: (visible: boolean) => void;
         border?: boolean;
         theme?: string;
@@ -33,6 +34,7 @@ export declare namespace EventSelectTypes {
     interface DropdownProps {
         value?: Value;
         showOverview?: boolean;
+        showBuiltInTarget?: boolean;
         defaultSelectAble?: boolean;
         onChange?: (value: Value, isOverview?: boolean) => void;
     }

package/es/select/handle.js

@@ -67,7 +67,11 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [focus]);
   var searchInputWidth = useMemo(function () {
-    return textRef.current && searchValue ? textRef.current.offsetWidth : 3;
+    if (textRef.current && searchValue) {
+      textRef.current.innerText = searchValue;
+      return textRef.current.offsetWidth;
+    }
+    return 3;
   }, [searchValue]);
   var onDelete = function onDelete(data) {
     if (props.onDelete) props.onDelete(data);
@@ -122,7 +126,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(classPrefix, "-temp"),
       ref: textRef
-    }, searchValue));
+    }));
   }
   return /*#__PURE__*/React.createElement("div", {
     ref: handleRef,

package/es/select/index.js

@@ -146,15 +146,17 @@ var BizSelect = function BizSelect(props) {
     setVisible(true);
   };
   return /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(SelectOverlay, _objectSpread(_objectSpread({}, res), {}, {
-      value: current,
-      labelField: labelField,
-      keyField: keyField,
-      searchValue: searchValue,
-      onChange: onChange,
-      ref: overlayRef,
-      searchPlaceholder: props.searchPlaceholder
-    })),
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(SelectOverlay, _objectSpread(_objectSpread({}, res), {}, {
+        value: current,
+        labelField: labelField,
+        keyField: keyField,
+        searchValue: searchValue,
+        onChange: onChange,
+        ref: overlayRef,
+        searchPlaceholder: props.searchPlaceholder
+      }));
+    },
     disabled: props.disable,
     destroyPopupOnHide: props.destroyPopupOnHide,
     overlayStyle: {
@@ -165,8 +167,8 @@ var BizSelect = function BizSelect(props) {
     getPopupContainer: props.popupContainer ? function () {
       return document.getElementById(selectId);
     } : undefined,
-    visible: visible,
-    onVisibleChange: onVisibleChange
+    open: visible,
+    onOpenChange: onVisibleChange
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-handle ").concat(props.className ? props.className : ''),
     ref: selectRef,

package/es/socket/index.d.ts

@@ -8,12 +8,11 @@ declare class SocketClient {
     private showLog;
     private pingTimer?;
     private appkey?;
-    private token?;
     constructor(url: string, appkey: string, params?: Record<string, any>);
     emit(event: string, payload?: SocketClientTypes.Message['data']['payload']): void;
     on<T>(type: SocketClientTypes.EventType | string, handle: (data?: T) => void): void;
-    onConnected(handle: (data?: any) => void): void;
-    onDisconnected(handle: (data?: any) => void): void;
+    onConnected(handle: () => void): void;
+    onDisconnected(handle: () => void): void;
     onError(handle: (data?: Error) => void): void;
     private _onError;
     private _onClose;

package/es/socket/index.js

@@ -29,7 +29,6 @@ var SocketClient = /*#__PURE__*/function () {
     this.showLog = false;
     this.pingTimer = void 0;
     this.appkey = void 0;
-    this.token = void 0;
     this.appkey = appkey;
     this.url = url;
     this.params = params;
@@ -123,7 +122,7 @@ var SocketClient = /*#__PURE__*/function () {
         _this = this;
       this.log('info', 'socket连接成功', event);
       (_this$listeners$conne = this.listeners['connected']) === null || _this$listeners$conne === void 0 ? void 0 : _this$listeners$conne.forEach(function (handle) {
-        handle.call(undefined, _this.token);
+        handle.call(undefined);
       });
       this.log('info', 'clear catch', this.catch);
       this.catch.forEach(function (_ref) {
@@ -138,7 +137,7 @@ var SocketClient = /*#__PURE__*/function () {
   }, {
     key: "onMessage",
     value: function onMessage(event) {
-      var _this$listeners$Socke, _this$listeners$Socke2, _this$listeners$Socke3, _this$listeners$unkno;
+      var _this$listeners$Socke, _this$listeners$Socke2, _this$listeners$Socke3;
       var res = JSON.parse(event.data);
       if (res.code) {
         switch (Number(res.code)) {
@@ -159,10 +158,6 @@ var SocketClient = /*#__PURE__*/function () {
             break;
           case SocketClientTypes.ResponseCode.paramError:
             this._onError(new Error('参数缺失或错误'));
-          default:
-            (_this$listeners$unkno = this.listeners['unknownCode']) === null || _this$listeners$unkno === void 0 ? void 0 : _this$listeners$unkno.forEach(function (handle) {
-              handle.call(undefined, res);
-            });
         }
       } else if (res.type === SocketClientTypes.RequestType.pong) {
         return;
@@ -196,8 +191,7 @@ var SocketClient = /*#__PURE__*/function () {
     value: function removeListener(event, handle) {
       var _this3 = this;
       if (handle) {
-        var _this$listeners$event;
-        (_this$listeners$event = this.listeners[event]) === null || _this$listeners$event === void 0 ? void 0 : _this$listeners$event.forEach(function (item, i) {
+        this.listeners[event].forEach(function (item, i) {
           if (item === handle) {
             _this3.listeners[event].splice(i, 1);
           }
@@ -241,12 +235,10 @@ var SocketClient = /*#__PURE__*/function () {
       var _this4 = this;
       this.getToken().then(function (token) {
         _this4.params = params || _this4.params;
-        _this4.token = token;
         if (_this4.client) _this4.close();
         var paramUrl = ["socketToken=".concat(token)];
         if (_this4.params) {
-          var _Object$keys;
-          (_Object$keys = Object.keys(_this4.params || {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (key) {
+          Object.keys(_this4.params || {}).forEach(function (key) {
             if (_.isObject(_this4.params[key]) || _.isArray(_this4.params[key])) {
               paramUrl.push("".concat(key, "=").concat(JSON.stringify(_this4.params[key])));
             } else {

package/es/targetConditionGroup/components/targetDimension.js

@@ -97,33 +97,35 @@ var BizTargetDimension = function BizTargetDimension(props) {
     overlayClassName: "".concat(classPrefix, "-dropmenu"),
     placement: "bottom",
     trigger: ['click'],
-    overlay: /*#__PURE__*/React.createElement(Menu, null, options.map(function (item) {
-      if (item.children) {
-        return /*#__PURE__*/React.createElement(SubMenu, {
-          popupClassName: "".concat(classPrefix, "-submenu"),
-          key: item.label,
-          title: item.label,
-          className: "".concat((dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.label) === item.label ? 'active' : '')
-        }, item.children.map(function (sub) {
-          return /*#__PURE__*/React.createElement(Menu.Item, {
-            className: (dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.value) === item.value && (dimension === null || dimension === void 0 ? void 0 : dimension.value) === sub.value ? 'active' : '',
-            title: sub.label,
-            key: "".concat(item.value, "-").concat(sub.value),
-            onClick: function onClick() {
-              return onChange(sub, item);
-            }
-          }, sub.label);
-        }));
-      }
-      return /*#__PURE__*/React.createElement(Menu.Item, {
-        className: (dimension === null || dimension === void 0 ? void 0 : dimension.value) === item.value ? 'active' : '',
-        key: item.value,
-        onClick: function onClick() {
-          return onChange(item);
-        },
-        title: item.label
-      }, item.label);
-    }))
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(Menu, null, options.map(function (item) {
+        if (item.children) {
+          return /*#__PURE__*/React.createElement(SubMenu, {
+            popupClassName: "".concat(classPrefix, "-submenu"),
+            key: item.label,
+            title: item.label,
+            className: "".concat((dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.label) === item.label ? 'active' : '')
+          }, item.children.map(function (sub) {
+            return /*#__PURE__*/React.createElement(Menu.Item, {
+              className: (dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.value) === item.value && (dimension === null || dimension === void 0 ? void 0 : dimension.value) === sub.value ? 'active' : '',
+              title: sub.label,
+              key: "".concat(item.value, "-").concat(sub.value),
+              onClick: function onClick() {
+                return onChange(sub, item);
+              }
+            }, sub.label);
+          }));
+        }
+        return /*#__PURE__*/React.createElement(Menu.Item, {
+          className: (dimension === null || dimension === void 0 ? void 0 : dimension.value) === item.value ? 'active' : '',
+          key: item.value,
+          onClick: function onClick() {
+            return onChange(item);
+          },
+          title: item.label
+        }, item.label);
+      }));
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-dimension")
   }, /*#__PURE__*/React.createElement(SelectHandle, {

package/es/targetConditionGroup/data/operates.js

@@ -43,9 +43,6 @@ export var attrOptions = [{
 }, {
   label: '均值',
   value: 'avg'
-}, {
-  label: '分布',
-  value: 'duration_times'
 }, {
   label: '中位数',
   value: 'median'

package/es/targetConditionGroup/demo/index.js

@@ -51,6 +51,7 @@ export default (function () {
     max: 3
   }, /*#__PURE__*/React.createElement(BizEventSelector, {
     showAllEvent: true,
-    border: false
+    border: false,
+    showBuiltInTarget: true
   }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(target)));
 });