@zgfe/business-lib 1.2.3-heyh.1 → 1.2.3-session.0

package/es/attrCondition/demo/group.js

@@ -1,6 +1,25 @@
 import React, { useRef } from 'react';
 import { BizAttrConditionGroup, DemoWrapper } from '@zgfe/business-lib';
 import { Button } from 'antd';
+var extraList = [{
+  type: 'sessionProp',
+  name: 'Session属性',
+  attrList: [{
+    id: 'sa_duration',
+    label: 'Session时长',
+    propCategory: 'extraProp',
+    key: 'extraProp-sa_duration',
+    type: 2,
+    subtype: 2
+  }, {
+    id: 'se_duration',
+    label: '事件使用时长',
+    propCategory: 'extraProp',
+    key: 'extraProp-se_duration',
+    type: 2,
+    subtype: 2
+  }]
+}];
 export default (function () {
   var groupRef = useRef(null);
   var filter = {
@@ -15,15 +34,14 @@ export default (function () {
       operator: 'equal',
       attrName: 'is_anonymous'
     }, {
-      attrId: 0,
-      propCategory: 'userProp',
-      values: ['30', '1'],
-      dimensionSub: 'last_visit_time',
-      label: '最后一次访问时间',
-      type: 3,
-      category: 'fixed',
-      operator: 'relative',
-      attrName: 'last_visit_time'
+      attrId: 'sa_duration',
+      propCategory: 'extraProp',
+      type: 2,
+      operator: 'gt',
+      values: ['158400', '1'],
+      label: 'Session时长',
+      attrName: 'Session时长',
+      subtype: 2
     }],
     relation: 'and'
   };
@@ -38,6 +56,7 @@ export default (function () {
   }, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
     value: filter,
     ref: groupRef,
+    extra: extraList,
     enableDelete: true
   }), /*#__PURE__*/React.createElement("div", {
     style: {

package/es/attrCondition/demo/index.js

@@ -1,5 +1,24 @@
 import React from 'react';
 import { BizAttrCondition, DemoWrapper } from '@zgfe/business-lib';
+var extraList = [{
+  type: 'sessionProp',
+  name: 'Session属性',
+  attrList: [{
+    id: 'sa_duration',
+    label: 'Session时长',
+    propCategory: 'extraProp',
+    key: 'extraProp-sa_duration',
+    type: 2,
+    subtype: 2
+  }, {
+    id: 'se_duration',
+    label: '事件使用时长',
+    propCategory: 'extraProp',
+    key: 'extraProp-se_duration',
+    type: 2,
+    subtype: 2
+  }]
+}];
 export default (function () {
   return /*#__PURE__*/React.createElement(DemoWrapper, {
     needMeta: true
@@ -9,6 +28,7 @@ export default (function () {
       background: '#fff'
     }
   }, /*#__PURE__*/React.createElement(BizAttrCondition, {
+    extra: extraList,
     onChange: function onChange(condition) {
       console.log(condition);
     }

package/es/attrCondition/group.js

@@ -9,7 +9,8 @@ var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref)
     enableEventProp = props.enableEventProp,
     enableUserProp = props.enableUserProp,
     enableEnvProp = props.enableEnvProp,
-    disableItemList = props.disableItemList;
+    disableItemList = props.disableItemList,
+    extra = props.extra;
   var _useConditionGroup = useConditionGroup(props, ref),
     loading = _useConditionGroup.loading,
     conditions = _useConditionGroup.conditions,
@@ -52,6 +53,7 @@ var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref)
       enableUserProp: enableUserProp,
       enableEnvProp: enableEnvProp,
       disableItemList: disableItemList,
+      extra: extra,
       onChange: function onChange(data) {
         return _onChange(data, index);
       },

package/es/attrCondition/index.js

@@ -65,7 +65,8 @@ var BizAttrCondition = function BizAttrCondition(props) {
     theme: theme,
     destroyPopupOnHide: props.destroyPopupOnHide,
     placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027",
-    status: isAttrError ? 'error' : ''
+    status: isAttrError ? 'error' : '',
+    extra: props.extra
   }), isAttrError ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-error")
   }, "\u5C5E\u6027\u4E0D\u53EF\u4E3A\u7A7A") : null), /*#__PURE__*/React.createElement(BizOperateList, {

package/es/attrCondition/useAttrCondition.js

@@ -55,6 +55,17 @@ var useAttrCondition = function useAttrCondition(props) {
             dimensionSub: data.dimensionSub || data.attrName
           };
         }
+      } else if (data.propCategory === PropCategory.ExtraProp) {
+        if (data.attrId) {
+          attrData = {
+            id: data.attrId,
+            propCategory: data.propCategory,
+            type: data.type,
+            key: "".concat(data.propCategory, "-").concat(data.attrId),
+            label: data.attrNameStr || data.label,
+            subtype: data.subtype
+          };
+        }
       }
       setAttr(attrData);
     }

package/es/attrConditions/components/valuesList.js

@@ -37,7 +37,7 @@ var ValuesList = function ValuesList(props) {
     setIsFirst = _useState6[1];
   useEffect(function () {
     if (defaultValue) {
-      if ((attr === null || attr === void 0 ? void 0 : attr.propCategory) === 'userProp' && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
+      if (((attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.UserProp || (attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.ExtraProp) && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
         var num = String(parseFloat(defaultValue[0]) / getUnitCount(defaultValue[1]));
         setCurrent([num, defaultValue[1]]);
       } else {
@@ -72,7 +72,7 @@ var ValuesList = function ValuesList(props) {
   };
   var onChangeNumber = function onChangeNumber(e) {
     var data = [e.target.value];
-    if ((attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.UserProp && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
+    if (((attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.UserProp || (attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.ExtraProp) && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
       var num = String(parseFloat(e.target.value) * getUnitCount(unit));
       data = [num, unit];
       setCurrent([e.target.value, unit]);
@@ -144,7 +144,7 @@ var ValuesList = function ValuesList(props) {
       status: status,
       onChange: onChangeNumber,
       suffix: attr.propCategory === 'userProp' && attr.subtype === 1 ? '%' : null
-    }), attr.propCategory === 'userProp' && attr.subtype === 2 && numberAfter);
+    }), (attr.propCategory === PropCategory.UserProp || attr.propCategory === PropCategory.ExtraProp) && attr.subtype === 2 && numberAfter);
   } else {
     if (operate === OperateTypes.Absolute) {
       return /*#__PURE__*/React.createElement(RangePicker, {

package/es/attrConditions/group.js

@@ -9,7 +9,8 @@ var BizConditionGroup = function BizConditionGroup(props, ref) {
     enableEventProp = props.enableEventProp,
     enableUserProp = props.enableUserProp,
     enableEnvProp = props.enableEnvProp,
-    disableItemList = props.disableItemList;
+    disableItemList = props.disableItemList,
+    extra = props.extra;
   var _useConditionGroup = useConditionGroup(props, ref),
     loading = _useConditionGroup.loading,
     conditions = _useConditionGroup.conditions,
@@ -47,6 +48,7 @@ var BizConditionGroup = function BizConditionGroup(props, ref) {
       enableUserProp: enableUserProp,
       enableEnvProp: enableEnvProp,
       disableItemList: disableItemList,
+      extra: extra,
       onChange: function onChange(data) {
         return _onChange(data, index);
       },

package/es/attrConditions/index.js

@@ -20,6 +20,11 @@ export function getCondition(attr, operate, values) {
   };
   if (attr.propCategory === PropCategory.EventProp) {
     responseData.attrName = attr.label;
+  } else if (attr.propCategory === PropCategory.ExtraProp) {
+    responseData.attrName = attr.label;
+    if (attr.propCategory === PropCategory.ExtraProp && attr.subtype) {
+      responseData.subtype = attr.subtype;
+    }
   } else {
     responseData.attrName = attr.name;
     responseData.category = attr.category;
@@ -68,7 +73,8 @@ var BizConditionItem = function BizConditionItem(props) {
       return _onDelete(e);
     },
     theme: theme,
-    destroyPopupOnHide: props.destroyPopupOnHide
+    destroyPopupOnHide: props.destroyPopupOnHide,
+    extra: props.extra
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-panel")
   }, /*#__PURE__*/React.createElement(BizOperateList, {

package/es/attrConditions/types.d.ts

@@ -1,4 +1,4 @@
-import { EnvProp, EventProp, PropType, UserProp } from '../attributeSelector/types';
+import { AttributeSelect, EnvProp, EventProp, PropType, UserProp } from '../attributeSelector/types';
 import { BizSelectTypes } from '../select/types';
 interface BasicAttrTypes {
     eventIdList?: number[];
@@ -8,6 +8,7 @@ interface BasicAttrTypes {
     enableEnvProp?: boolean;
     disableItemList?: (EventProp | UserProp | EnvProp)[];
     theme?: BizSelectTypes.Props['theme'];
+    extra?: AttributeSelect.AttributeExtra[];
 }
 export declare namespace AttrConditionTypes {
     interface ItemValue {
@@ -17,7 +18,7 @@ export declare namespace AttrConditionTypes {
         label?: string;
         attrNameStr?: string;
         type?: PropType;
-        propCategory?: 'userProp' | 'eventProp' | 'envProp';
+        propCategory?: 'userProp' | 'eventProp' | 'envProp' | 'extraProp';
         category?: 'fixed' | 'custom';
         dimensionSub?: string;
         operator?: OperateTypes;

package/es/attributeSelector/demo/extra.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/attributeSelector/demo/extra.js

@@ -0,0 +1,80 @@
+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 React, { useState } from 'react';
+import { BizAttributeSelector, BizGlobalDataContext } from '@zgfe/business-lib';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import eventData from '../../mock/event';
+import envData from '../../mock/env';
+import userData from './userData.js';
+import convertAttributeData from '../util';
+var extraList = [{
+  type: 'sessionProp',
+  name: 'Session属性',
+  attrList: [{
+    id: 'sa_duration',
+    label: 'Session时长',
+    propCategory: 'extraProp',
+    key: 'extraProp-sa_duration'
+  }, {
+    id: 'se_duration',
+    label: '事件使用时长',
+    propCategory: 'extraProp',
+    key: 'extraProp-se_duration'
+  }]
+}, {
+  type: 'pageProp',
+  name: '页面属性',
+  attrList: [{
+    id: 'page_duration',
+    label: '页面访问时长',
+    propCategory: 'extraProp',
+    key: 'extraProp-page_duration'
+  }, {
+    id: 'click',
+    label: '页面点击次数',
+    propCategory: 'extraProp',
+    key: 'extraProp-click'
+  }]
+}];
+export default (function () {
+  var _useState = useState({
+      propCategory: 'extraProp',
+      key: 'extraProp-click',
+      id: 'page_duration'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    attribute = _useState2[0],
+    setAttribute = _useState2[1];
+  var store = convertAttributeData({
+    eventList: eventData,
+    userPropList: userData,
+    envPropList: envData
+  });
+  function onChange(val) {
+    setAttribute(val);
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "\u9009\u62E9\u7684\u5C5E\u6027\u662F\uFF1A", JSON.stringify(attribute)), /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
+    value: {
+      eventGroupList: store.eventGroupList,
+      userPropList: store.userPropList,
+      eventEnvList: store.envPropList
+    }
+  }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+    enableEventProp: true,
+    enableUserProp: true,
+    eventIdList: [24143016],
+    value: attribute,
+    onChange: onChange,
+    enableDelete: true,
+    enableEnvProp: true,
+    extra: extraList,
+    disableItemList: [{
+      id: 'click',
+      propCategory: 'extraProp'
+    }]
+  })));
+});

package/es/attributeSelector/index.js

@@ -21,7 +21,8 @@ import _ from 'lodash';
 var BizAttributeSelector = function BizAttributeSelector(props) {
   var enableDelete = props.enableDelete,
     placeholder = props.placeholder,
-    theme = props.theme;
+    theme = props.theme,
+    extra = props.extra;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     currentAttr = _useState2[0],
@@ -83,6 +84,16 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
           if (attr.name === param.name && attr.category === param.category) res = attr;
         }
       });
+    } else if ((param === null || param === void 0 ? void 0 : param.propCategory) === 'extraProp') {
+      extra === null || extra === void 0 ? void 0 : extra.forEach(function (item) {
+        item.attrList.forEach(function (attr) {
+          if (hasKey) {
+            if (attr.key === param.key) res = _.cloneDeep(attr);
+          } else {
+            if (attr.id === param.id) res = _.cloneDeep(attr);
+          }
+        });
+      });
     }
     return res;
   }
@@ -112,8 +123,7 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
     },
     trigger: ['click'],
     overlayStyle: {
-      minWidth: 284,
-      width: width
+      minWidth: width < 284 ? 284 : width > 520 ? 520 : width
     },
     open: visible,
     onOpenChange: onVisibleChange,

package/es/attributeSelector/listPanel.js

@@ -22,7 +22,8 @@ var AttrListPanel = function AttrListPanel(props) {
     enableEventProp = props.enableEventProp,
     enableUserProp = props.enableUserProp,
     eventIdList = props.eventIdList,
-    funnelEventIdList = props.funnelEventIdList;
+    funnelEventIdList = props.funnelEventIdList,
+    extra = props.extra;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
@@ -57,18 +58,71 @@ var AttrListPanel = function AttrListPanel(props) {
       item.key = "eventProp-".concat(item.id);
     } else if (item.propCategory === 'userProp') {
       item.key = "userProp-".concat(item.name);
+    } else if (item.propCategory === 'extraProp') {
+      item.key = "extraProp-".concat(item.id);
     }
     return item;
   });
-  var anchor = {
-    container: "container-".concat(id),
-    event: "event".concat(id),
-    user: "user".concat(id),
-    env: "env".concat(id)
-  };
+  var _useState7 = useState({
+      container: "container-".concat(id)
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    anchor = _useState8[0],
+    stAnchor = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    anchorList = _useState10[0],
+    setAnchorList = _useState10[1];
+  useEffect(function () {
+    var data = {
+      container: "container-".concat(id),
+      event: "event".concat(id),
+      user: "user".concat(id),
+      env: "env".concat(id)
+    };
+    var list = [];
+    extra === null || extra === void 0 ? void 0 : extra.forEach(function (item) {
+      data[item.type] = "".concat(item.type).concat(id);
+      list.push({
+        id: "".concat(item.type).concat(id),
+        name: item.name
+      });
+    });
+    stAnchor(data);
+    if (enableEventProp) {
+      list.push({
+        id: data.event,
+        name: '事件属性'
+      });
+    }
+    if (enableUserProp) {
+      list.push({
+        id: data.user,
+        name: '用户属性'
+      });
+    }
+    if (enableEnvProp) {
+      list.push({
+        id: data.env,
+        name: '触发环境'
+      });
+    }
+    setAnchorList(list);
+  }, [id]);
   var classPrefix = 'biz-attr-select';
   useEffect(function () {
     var list = [];
+    if (extra) {
+      extra.forEach(function (item) {
+        list.push({
+          isEvent: false,
+          groupName: item.name,
+          key: item.type,
+          anchor: anchor[item.type],
+          children: item.attrList
+        });
+      });
+    }
     if (enableEventProp) {
       if (props.showCommonProp) {
         var group = {
@@ -145,7 +199,7 @@ var AttrListPanel = function AttrListPanel(props) {
       });
     }
     setOptionList(list);
-  }, [eventIdMap, userPropList, eventEnvList, eventIdList, props.showCommonProp]);
+  }, [anchor, eventIdMap, userPropList, eventEnvList, eventIdList, props.showCommonProp]);
   useEffect(function () {
     setCurrentAttr(props.value);
   }, [props.value]);
@@ -210,22 +264,14 @@ var AttrListPanel = function AttrListPanel(props) {
     getContainer: function getContainer() {
       return document.getElementById(anchor.container);
     }
-  }, enableEventProp && /*#__PURE__*/React.createElement(Link, {
-    href: "#".concat(anchor.event),
-    title: /*#__PURE__*/React.createElement(Button, {
-      size: "small"
-    }, "\u4E8B\u4EF6\u5C5E\u6027")
-  }), enableUserProp && /*#__PURE__*/React.createElement(Link, {
-    href: "#".concat(anchor.user),
-    title: /*#__PURE__*/React.createElement(Button, {
-      size: "small"
-    }, "\u7528\u6237\u5C5E\u6027")
-  }), enableEnvProp && /*#__PURE__*/React.createElement(Link, {
-    "data-type": 'event',
-    href: "#".concat(anchor.env),
-    title: /*#__PURE__*/React.createElement(Button, {
-      size: "small"
-    }, "\u89E6\u53D1\u73AF\u5883")
+  }, anchorList.map(function (item) {
+    return /*#__PURE__*/React.createElement(Link, {
+      key: item.id,
+      href: "#".concat(item.id),
+      title: /*#__PURE__*/React.createElement(Button, {
+        size: "small"
+      }, item.name)
+    });
   }))) : null, /*#__PURE__*/React.createElement("div", {
     id: anchor.container,
     className: "".concat(classPrefix, "-container")

package/es/attributeSelector/styles/index.less

@@ -44,6 +44,7 @@
   }
 
   &-anchor-panel {
+    max-width: 496px;
     padding: 12px 0;
 
     .ant-anchor {

package/es/attributeSelector/types.d.ts

@@ -8,7 +8,8 @@ export declare enum PropType {
 export declare enum PropCategory {
     EventProp = "eventProp",
     UserProp = "userProp",
-    EnvProp = "envProp"
+    EnvProp = "envProp",
+    ExtraProp = "extraProp"
 }
 export declare enum ShowStatus {
     show = 0,
@@ -71,12 +72,12 @@ export interface PropGroups {
     eventIdMap?: Record<number, AnalysisEvent>;
 }
 export declare namespace AttributeSelect {
-    type Value = EventProp | UserProp | EnvProp | null;
+    type Value = EventProp | UserProp | EnvProp | ExtraProp | null;
     interface Props {
         id?: string;
         value?: Value;
         defaultValue?: Value;
-        disableItemList?: (EventProp | UserProp | EnvProp)[];
+        disableItemList?: (EventProp | UserProp | EnvProp | ExtraProp)[];
         enableDelete?: boolean;
         placeholder?: string;
         enableEventProp?: boolean;
@@ -93,6 +94,18 @@ export declare namespace AttributeSelect {
         destroyPopupOnHide?: boolean;
         size?: SizeType;
         status?: string;
+        extra?: AttributeExtra[];
+    }
+    interface AttributeExtra {
+        type: string;
+        name: string;
+        attrList: ExtraProp[];
+    }
+    interface ExtraProp extends BasicProp {
+        propCategory: 'extraProp';
+        key?: number | string;
+        name?: string;
+        subtype?: number;
     }
     interface Option {
         groupName: string;

package/es/attributeSelector/types.js

@@ -9,6 +9,7 @@ export var PropCategory;
   PropCategory["EventProp"] = "eventProp";
   PropCategory["UserProp"] = "userProp";
   PropCategory["EnvProp"] = "envProp";
+  PropCategory["ExtraProp"] = "extraProp";
 })(PropCategory || (PropCategory = {}));
 export var ShowStatus;
 (function (ShowStatus) {

package/es/eventSelector/demo/index.js

@@ -38,8 +38,7 @@ var EventDemo = function EventDemo() {
       id: -2,
       name: '会话结束',
       attrList: []
-    }],
-    disableVirtualEventShow: true
+    }]
   }));
 };
 export default (function () {

package/es/eventSelector/listPanel.js

@@ -35,51 +35,30 @@ var EventListPanel = function EventListPanel(props) {
     setSearchValue = _useState2[1];
   var _useContext = useContext(BizGlobalDataContext),
     eventGroupList = _useContext.eventGroupList;
-  var _useState3 = useState([]),
+  var _useState3 = useState(eventGroupList || []),
     _useState4 = _slicedToArray(_useState3, 2),
-    eventGroupListData = _useState4[0],
-    setEventGroupListData = _useState4[1];
-  useEffect(function () {
-    if (disableVirtualEventShow && eventGroupList) {
-      var _eventGroupList = _.cloneDeep(eventGroupList);
-      _eventGroupList && _eventGroupList.map(function (item) {
-        if (item.eventList.length > 0) {
-          item.eventList = item.eventList.filter(function (_item) {
-            return _item.owner !== 'zg_vtl';
-          });
-        }
-      });
-      setEventGroupListData(_eventGroupList);
-      setGroupList(_eventGroupList);
-    } else {
-      setEventGroupListData(eventGroupList || []);
-      setGroupList(eventGroupList || []);
-    }
-  }, [eventGroupList, disableVirtualEventShow]);
-  var _useState5 = useState([]),
+    groupList = _useState4[0],
+    setGroupList = _useState4[1];
+  var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    groupList = _useState6[0],
-    setGroupList = _useState6[1];
-  var _useState7 = useState(),
+    currentGroup = _useState6[0],
+    setCurrentGroup = _useState6[1];
+  var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    currentGroup = _useState8[0],
-    setCurrentGroup = _useState8[1];
-  var _useState9 = useState([]),
+    searchEventList = _useState8[0],
+    setSearchEventList = _useState8[1];
+  var _useState9 = useState(props.multiple ? props.value : undefined),
     _useState10 = _slicedToArray(_useState9, 2),
-    searchEventList = _useState10[0],
-    setSearchEventList = _useState10[1];
-  var _useState11 = useState(props.multiple ? props.value : undefined),
+    currentValue = _useState10[0],
+    setCurrentValue = _useState10[1];
+  var _useState11 = useState(props.multiple ? props.value || [] : []),
     _useState12 = _slicedToArray(_useState11, 2),
-    currentValue = _useState12[0],
-    setCurrentValue = _useState12[1];
-  var _useState13 = useState(props.multiple ? props.value || [] : []),
+    checkedEventList = _useState12[0],
+    setCheckedEventList = _useState12[1];
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    checkedEventList = _useState14[0],
-    setCheckedEventList = _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    ready = _useState16[0],
-    setReady = _useState16[1];
+    ready = _useState14[0],
+    setReady = _useState14[1];
   var scrollableId = 'scrollableDiv' + Math.random();
   var overviewData = {
     id: -100,
@@ -88,16 +67,15 @@ var EventListPanel = function EventListPanel(props) {
     isOverview: true
   };
   useEffect(function () {
-    if (eventGroupListData.length <= 0) return;
     var group = {
       id: 0,
       eventList: function () {
         var list = [];
         var listObj = {};
         var markList = [];
-        eventGroupListData === null || eventGroupListData === void 0 ? void 0 : eventGroupListData.forEach(function (group) {
+        eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
           group.eventList.forEach(function (item) {
-            if (!listObj[item.id]) {
+            if (!listObj[item.id] && (disableVirtualEventShow ? item.owner !== 'zg_vtl' : true)) {
               if (item.marked) {
                 markList.push(item);
               } else {
@@ -122,7 +100,7 @@ var EventListPanel = function EventListPanel(props) {
       result.forEach(function (group) {
         var evtList = [];
         group.eventList.forEach(function (event) {
-          if (disableVirtualEventShow) return;
+          if (disableVirtualEventShow && event.owner === 'zg_vtl') return;
           if (props.filter(event)) {
             evtList.push(event);
           }
@@ -145,7 +123,7 @@ var EventListPanel = function EventListPanel(props) {
             resultGroup = BuiltinIndicators;
           } else {
             var _currentGroup = group;
-            eventGroupListData === null || eventGroupListData === void 0 ? void 0 : eventGroupListData.forEach(function (eGroup) {
+            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;
@@ -163,7 +141,7 @@ var EventListPanel = function EventListPanel(props) {
       }
     });
     setReady(true);
-  }, [eventGroupListData]);
+  }, []);
   useChanged(function () {
     if (props.multiple) {
       setCheckedEventList(_.cloneDeep(props.value) || []);
@@ -174,7 +152,7 @@ var EventListPanel = function EventListPanel(props) {
   useEffect(function () {
     var list = [];
     currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.eventList.forEach(function (event) {
-      if (searchValue && !new RegExp(_.escapeRegExp(searchValue), 'i').test("".concat(event.owner === 'zg_vtl' ? '虚拟事件' : '元事件', " | ").concat(event.alias || event.name))) return;
+      if (searchValue && !new RegExp(_.escapeRegExp(searchValue), 'i').test(event.alias || event.name)) return;
       list.push(event);
     });
     if (showOverview) list.unshift(overviewData);
@@ -293,14 +271,14 @@ export var InfiniteScrollList = function InfiniteScrollList(_ref) {
     multiple = _ref.multiple,
     maxEventCount = _ref.maxEventCount,
     checkedIdList = _ref.checkedIdList;
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    showList = _useState16[0],
+    setShowList = _useState16[1];
   var _useState17 = useState([]),
     _useState18 = _slicedToArray(_useState17, 2),
-    showList = _useState18[0],
-    setShowList = _useState18[1];
-  var _useState19 = useState([]),
-    _useState20 = _slicedToArray(_useState19, 2),
-    canShowList = _useState20[0],
-    setCanShowList = _useState20[1];
+    canShowList = _useState18[0],
+    setCanShowList = _useState18[1];
   useEffect(function () {
     var data = searchEventList.filter(function (item) {
       return item.eventHidden !== ShowStatus.hidden;
@@ -343,7 +321,7 @@ export var InfiniteScrollList = function InfiniteScrollList(_ref) {
       _disable = true;
     }
     return /*#__PURE__*/React.createElement(EventListOption, {
-      label: "".concat(e.owner === 'zg_vtl' ? '虚拟事件' : '元事件', " | ").concat(e.alias || e.name),
+      label: e.alias || e.name,
       key: "".concat(groupId, "-").concat(e.id),
       checked: multiple ? checkedIdList === null || checkedIdList === void 0 ? void 0 : checkedIdList.includes(e.id) : currentId === e.id,
       disable: _disable,

package/es/select/demo/index.js

@@ -72,6 +72,7 @@ export default (function () {
     theme: "secondary",
     onChange: onChange,
     disableItemList: disabledList,
-    dropdownExtra: /*#__PURE__*/React.createElement(Button, null, "+ \u6DFB\u52A0")
+    dropdownExtra: /*#__PURE__*/React.createElement(Button, null, "+ \u6DFB\u52A0"),
+    extraLabel: ' (别名)'
   }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u9009\u62E9\u7684\u503C\u662F\uFF1A", JSON.stringify(data)));
 });

package/es/select/handle.js

@@ -17,7 +17,8 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     keyField = props.keyField,
     border = props.border,
     showSelectIcon = props.showSelectIcon,
-    disable = props.disable;
+    disable = props.disable,
+    extraLabel = props.extraLabel;
   var classPrefix = 'biz-select-handle';
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -145,7 +146,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     ref: handleRef,
     className: "".concat(classPrefix, "-input ").concat(props.theme ? props.theme : '', "\n      ").concat(props.disable ? 'disable' : '', " ").concat(focus ? 'active' : '', " \n      ").concat(mergedStatus ? "".concat(classPrefix, "-status-").concat(mergedStatus) : '', "\n      ").concat(border ? '' : 'borderless', " ").concat(props.size ? props.size : 'middle'),
-    title: props.label || (optionData === null || optionData === void 0 ? void 0 : optionData[aliasField || '']) || (optionData === null || optionData === void 0 ? void 0 : optionData[labelField])
+    title: "".concat(props.label || (optionData === null || optionData === void 0 ? void 0 : optionData[aliasField || '']) || (optionData === null || optionData === void 0 ? void 0 : optionData[labelField]) || '').concat(extraLabel)
   }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(classPrefix, "-content")
   }, /*#__PURE__*/React.createElement("span", {
@@ -154,7 +155,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "".concat(classPrefix, "-icon")
   }, props.value.icon), props.children || props.label || (optionData === null || optionData === void 0 ? void 0 : optionData[aliasField || '']) || (optionData === null || optionData === void 0 ? void 0 : optionData[labelField]) || /*#__PURE__*/React.createElement("span", {
     className: "".concat(classPrefix, "-holder")
-  }, placeholder || '请选择'))), /*#__PURE__*/React.createElement(IconFont, {
+  }, placeholder || '请选择'), extraLabel)), /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-expand-icon").concat(props.open ? ' open' : ''),
     type: 'xiangxia'
   }));
@@ -163,6 +164,7 @@ SelectHandle.defaultProps = {
   labelField: 'label',
   keyField: 'id',
   border: true,
-  showSelectIcon: true
+  showSelectIcon: true,
+  extraLabel: ''
 };
 export default SelectHandle;

package/es/select/index.js

@@ -191,6 +191,7 @@ var BizSelect = function BizSelect(props) {
     showSelectIcon: props.showSelectIcon,
     status: props.status,
     open: visible,
+    extraLabel: props.extraLabel,
     onDelete: onDelete,
     onSearch: function onSearch(v) {
       setSearchValue(v);

package/es/select/types.d.ts

@@ -26,6 +26,7 @@ export declare namespace BizSelectTypes {
         minDropdownWidth?: number;
         options: Group[] | Option[];
         extra?: (option: Option) => ReactNode;
+        extraLabel?: ReactNode;
         dropdownExtra?: ReactNode;
         enableSearch?: boolean;
         enableCreate?: boolean;
@@ -75,6 +76,7 @@ export declare namespace BizSelectTypes {
 }
 export interface HandlerTypes {
     label?: string;
+    extraLabel?: ReactNode;
     children?: ReactNode;
     placeholder?: string;
     value?: BizSelectTypes.Option | BizSelectTypes.Option[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.2.3-heyh.1",
+  "version": "1.2.3-session.0",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "files": [
@@ -55,7 +55,7 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "1e6816e4f23b0716af677900900b344b93aca5e4",
+  "gitHead": "606cac66fdf2ee6464434df5778c7873d1de4733",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }