@zgfe/business-lib 1.0.0-beta.1

package/es/targetConditionGroup/index.js

@@ -0,0 +1,265 @@
+var _excluded = ["option"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useEffect, useState } from 'react';
+import { BizTargetSelector, BizEventSelector, BizConditionGroup, IconFont } from '..';
+import { Dropdown, Menu } from 'antd';
+import { dimensionOperate } from './data/operates';
+import './index.less';
+import SubMenu from 'antd/lib/menu/SubMenu';
+
+var BizTargetCondition = function BizTargetCondition(props) {
+  var _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? {} : _props$defaultValue,
+      _props$value = props.value,
+      value = _props$value === void 0 ? {} : _props$value,
+      options = props.options,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 3 : _props$max,
+      _props$fieldNames = props.fieldNames,
+      fieldNames = _props$fieldNames === void 0 ? {
+    label: 'name',
+    value: 'id',
+    groupLabel: 'name',
+    groupValue: 'id',
+    children: 'children'
+  } : _props$fieldNames,
+      onChange = props.onChange,
+      onDelete = props.onDelete;
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      targetData = _useState2[0],
+      setTargetData = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      attrsData = _useState4[0],
+      setAttrsData = _useState4[1];
+
+  var _useState5 = useState(dimensionOperate[0]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      dimension = _useState6[0],
+      setDimension = _useState6[1];
+
+  useEffect(function () {
+    var attrData = Object.keys(defaultValue).length > 0 ? defaultValue : value;
+    var attrs = attrData.attrs,
+        operator = attrData.operator,
+        eventId = attrData.eventId,
+        aliasName = attrData.aliasName,
+        dimension = attrData.dimension;
+    var arr = [];
+
+    if (attrs) {
+      arr = attrs.map(function (item) {
+        var data = _objectSpread({}, item);
+
+        var attrId = Math.random().toString();
+        return {
+          attrId: attrId,
+          data: data
+        };
+      });
+    } else {
+      arr = [{
+        attrId: Math.random().toString()
+      }];
+    }
+
+    if (dimension) {
+      var getDefault = function getDefault(data) {
+        var _iterator = _createForOfIteratorHelper(data),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var _value = _step.value;
+
+            if (_value.value === dimension) {
+              return _value;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        return {
+          name: ''
+        };
+      };
+
+      var _data = getDefault(dimensionOperate);
+
+      setDimension(function () {
+        return _objectSpread({}, _data);
+      });
+    }
+
+    var data = {
+      option: eventId,
+      aliasName: aliasName
+    };
+    setTargetData(function () {
+      return _objectSpread({}, data);
+    });
+    setAttrsData(function () {
+      return {
+        operator: operator,
+        attrs: _toConsumableArray(arr)
+      };
+    });
+  }, []);
+
+  var _onChange = function _onChange(target, attr) {
+    var dimensionData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : dimension;
+    var attrArray = attr.attrs ? attr.attrs.map(function (item) {
+      return item.data;
+    }) : [];
+    var operate = attrArray.length > 1 ? attr.operator : '';
+
+    var option = target.option,
+        res = _objectWithoutProperties(target, _excluded);
+
+    onChange && onChange(_objectSpread(_objectSpread({}, res), {}, {
+      dimension: dimensionData.value || '',
+      eventId: option,
+      operator: operate,
+      attrs: attrArray ? _toConsumableArray(attrArray) : []
+    }));
+  };
+
+  var _onDimensionClick = function _onDimensionClick(data) {
+    setDimension(function () {
+      return _objectSpread({}, data);
+    });
+
+    _onChange(targetData, attrsData, data);
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "biz-target-condition-container"
+  }, /*#__PURE__*/React.createElement(BizTargetSelector, {
+    defaultValue: targetData,
+    onChange: function onChange(data) {
+      setTargetData(function () {
+        return _objectSpread({}, data);
+      });
+
+      if (data.option != targetData.option) {
+        // 切换了事件
+        setAttrsData(function () {
+          return {};
+        });
+
+        _onChange(data, {});
+      } else {
+        // 切换别名
+        _onChange(data, _objectSpread({}, attrsData));
+      }
+    },
+    onAdd: function onAdd() {
+      if (attrsData.attrs && attrsData.attrs.length >= max) {
+        return;
+      } else {
+        setAttrsData(function (data) {
+          var arr = [{
+            attrId: Math.random().toString()
+          }];
+
+          if (!data.attrs) {
+            data.attrs = arr;
+          } else {
+            data.attrs = data.attrs.concat(arr);
+          }
+
+          return _objectSpread({}, data);
+        });
+      }
+    },
+    onDelete: onDelete
+  }, /*#__PURE__*/React.createElement(BizEventSelector, {
+    fieldNames: fieldNames,
+    options: (options === null || options === void 0 ? void 0 : options.eventOption) || []
+  })), /*#__PURE__*/React.createElement(Dropdown, {
+    overlayClassName: "biz-dropdown-selector",
+    placement: "bottom",
+    overlay: /*#__PURE__*/React.createElement(Menu, null, dimensionOperate.map(function (item) {
+      if (item.children) {
+        return /*#__PURE__*/React.createElement(SubMenu, {
+          key: item.name,
+          title: item.name
+        }, item.children.map(function (sub) {
+          return /*#__PURE__*/React.createElement(Menu.Item, {
+            className: dimension.value === sub.value ? 'box-active' : '',
+            key: sub.value,
+            onClick: function onClick() {
+              _onDimensionClick(sub);
+            }
+          }, sub.name);
+        }));
+      }
+
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        className: dimension.value === item.value ? 'box-active' : '',
+        key: item.value,
+        onClick: function onClick() {
+          _onDimensionClick(item);
+        }
+      }, item.name);
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "biz-select-cotainer biz-select-dimision"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "biz-select-content"
+  }, dimension.name || '', /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-select-zhankai",
+    type: 'icon-xiangxia'
+  }))))), /*#__PURE__*/React.createElement(BizConditionGroup, {
+    defaultValue: attrsData,
+    options: options === null || options === void 0 ? void 0 : options.attrOption,
+    eventIds: targetData.option,
+    onChange: function onChange(data) {
+      setAttrsData(function () {
+        return _objectSpread({}, data);
+      });
+
+      _onChange(targetData, data);
+    }
+  }));
+};
+
+export default BizTargetCondition;

package/es/targetConditionGroup/index.less

@@ -0,0 +1,65 @@
+@import '../commonStyle/index.less';
+@import '../commonStyle/theme.less';
+
+.biz-attr-group-container {
+  display: flex;
+  .biz-attr-group-content {
+    flex: 1;
+    .biz-select-cotainer:nth-last-child(1) {
+      margin-bottom: 0;
+    }
+    &:nth-child(:first-child) {
+      height: 300px;
+    }
+  }
+  .biz-attr-group-operate {
+    position: relative;
+    width: 1px;
+    margin-right: 16px;
+    margin-left: 8px;
+    background: #ecedf0;
+    .biz-attr-operate {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 16px;
+      border-radius: 3px;
+      transform: translate(-50%, -50%);
+      div {
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px;
+        text-align: center;
+        cursor: pointer;
+        .box-hover();
+        &:nth-child(:first-child) {
+          border-radius: 3px 3px 0px 0px;
+        }
+        &:nth-last-child(1) {
+          border-radius: 0px 0px 3px 3px;
+        }
+        &.active {
+          .box-active();
+        }
+      }
+    }
+  }
+}
+
+.biz-target-condition-container {
+  display: flex;
+
+  .biz-select-dimision {
+    flex: none;
+    width: 114px;
+    margin-left: 12px;
+    .ant-select {
+      width: 100%;
+    }
+    .biz-select-content {
+      height: 32px;
+      padding: 6px 8px;
+    }
+  }
+}

package/es/targetConditionGroup/type.d.ts

@@ -0,0 +1,50 @@
+export interface AttrType {
+    attrId?: string;
+    data?: AttrItemType;
+    [props: string]: any;
+}
+export interface DataType {
+    attrs?: string | number | object;
+    values?: Array<string | number>;
+    operate?: string | number;
+}
+export interface AttrItemType {
+    attr_id?: string | number;
+    attr_name?: string;
+    params?: Array<string | number>;
+    operator?: string | number;
+}
+export interface ValueType {
+    operator?: string;
+    attrs?: Array<AttrType>;
+}
+interface Option {
+    groupValue?: string | number;
+    groupLabel?: string | number;
+    children?: Event[];
+    [prop: string]: any;
+}
+export interface OptionType {
+    eventOption?: Array<Option>;
+    attrOption?: Array<object>;
+}
+export interface TargetCondition {
+    aliasName?: string;
+    eventId?: string | number;
+    operator?: string;
+    attrs?: Array<AttrType>;
+    dimension?: string | number;
+}
+export interface TargetType {
+    aliasName?: string;
+    option?: string | number;
+}
+export interface CurrentType {
+    operator?: string;
+    attrs?: Array<AttrType>;
+}
+export interface AttrObjectType {
+    dimension_sub?: string;
+    [prop: string]: any;
+}
+export {};

package/es/targetConditionGroup/type.js

@@ -0,0 +1 @@
+export {};

package/es/targetSelector/components/BizCascadeBox.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import '../cascade.less';
+import { Event, Option } from '../../eventSelector/type';
+interface DropDownProps {
+    /**
+     * @description     可选项数据源
+     * @default         -
+     */
+    options: Option[];
+    /**
+     * @description     选择完成后的回调
+     * @default         -
+     */
+    onChange: (selectedOptions: object) => void;
+    /**
+     * @description     默认的选中项
+     * @default         -
+     */
+    defaultValue?: Event;
+    /**
+     * @description       自定义节点 label、value 的字段
+     * @description.zh-CN
+     * @default           -
+     */
+    fieldNames?: {
+        label: string;
+        value: string;
+        groupLabel: string;
+        groupValue: string;
+    };
+    onFocusChange?: (value: boolean) => void;
+}
+export declare const BizEventSelector: React.FC<DropDownProps>;
+export default BizEventSelector;

package/es/targetSelector/components/BizCascadeBox.js

@@ -0,0 +1,213 @@
+var _excluded = ["children"];
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/**
+ * 级联下拉框
+ */
+import { Input, List, Skeleton } from 'antd';
+import React, { useEffect, useState } from 'react';
+import '../cascade.less';
+import { UserOutlined } from '@ant-design/icons';
+import InfiniteScroll from 'react-infinite-scroll-component';
+export var BizEventSelector = function BizEventSelector(props) {
+  // export const BizEventSelector = (props: DropDownProps, ref: any) => {
+  var defaultValue = props.defaultValue,
+      _props$fieldNames = props.fieldNames,
+      fieldNames = _props$fieldNames === void 0 ? {
+    label: 'name',
+    value: 'id',
+    groupLabel: 'name',
+    groupValue: 'id'
+  } : _props$fieldNames,
+      options = props.options,
+      onChange = props.onChange,
+      onFocusChange = props.onFocusChange; // 分组(下拉框第一列)信息，用于存储hover的信息，（事件搜索后）
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      group = _useState2[0],
+      setGroup = _useState2[1]; // 分组(下拉框第一列)信息, 原始信息
+
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      group2 = _useState4[0],
+      setGroup2 = _useState4[1]; // group的children数量
+
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      eventCount = _useState6[0],
+      setEventCount = _useState6[1]; // 搜索框是否是聚焦状态
+
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      focused = _useState8[0],
+      setFocused = _useState8[1]; // 第二列数据 虚拟滚动，每次滚动10条
+
+
+  var _useState9 = useState([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      eventData = _useState10[0],
+      setEventData = _useState10[1];
+
+  var _useState11 = useState({}),
+      _useState12 = _slicedToArray(_useState11, 2),
+      event = _useState12[0],
+      setEvent = _useState12[1]; // 搜索值
+
+
+  var _useState13 = useState(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      searchValue = _useState14[0],
+      setSearchValue = _useState14[1];
+
+  var pagesize = 9;
+  useEffect(function () {
+    if (options.length > 0) {
+      setGroup(options[0]);
+      setGroup2(options[0]);
+    }
+
+    if (defaultValue && defaultValue !== {}) {
+      setEvent(defaultValue);
+    }
+  }, []); // 更改group后，事件列表响应
+
+  useEffect(function () {
+    var arr = [],
+        size = 0;
+
+    if (group && group.children) {
+      var _group$children;
+
+      arr = (_group$children = group.children) === null || _group$children === void 0 ? void 0 : _group$children.slice(0, pagesize);
+      size = group.children.length;
+    }
+
+    setEventData(arr);
+    setEventCount(size);
+  }, [group]); // 搜索结果
+
+  useEffect(function () {
+    var arr = group2.children && group2.children.filter(function (item) {
+      return item[fieldNames.label] && JSON.stringify(item[fieldNames.label]).toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
+    });
+    setGroup(function (group) {
+      var children = group.children,
+          res = _objectWithoutProperties(group, _excluded);
+
+      return _objectSpread(_objectSpread({}, res), {}, {
+        children: arr
+      });
+    });
+  }, [searchValue, group2]); // 加载更多
+
+  var loadMoreData = function loadMoreData() {
+    var _group$children2;
+
+    var arr = group.children ? (_group$children2 = group.children) === null || _group$children2 === void 0 ? void 0 : _group$children2.slice(eventData.length, eventData.length + pagesize) : [];
+    setEventData([].concat(_toConsumableArray(eventData), _toConsumableArray(arr)));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "biz-dropdown-cascade biz-flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "biz-dropdown-menu"
+  }, options.map(function (menu, index) {
+    var _menu$children;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: "biz-dropdown-item ".concat(menu[fieldNames.groupValue] === group[fieldNames.groupValue] && 'box-hover'),
+      key: menu[fieldNames.groupValue],
+      onMouseEnter: function onMouseEnter(e) {
+        e.stopPropagation();
+        setGroup(function () {
+          return _objectSpread({}, menu);
+        });
+        setGroup2(function () {
+          return _objectSpread({}, menu);
+        });
+      }
+    }, /*#__PURE__*/React.createElement("span", null, menu[fieldNames.groupLabel]), /*#__PURE__*/React.createElement("span", {
+      className: "biz-count"
+    }, (_menu$children = menu.children) === null || _menu$children === void 0 ? void 0 : _menu$children.length));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "biz-dropdown-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "biz-search ".concat(focused && 'active')
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: "biz-search-box",
+    prefix: /*#__PURE__*/React.createElement(UserOutlined, null),
+    value: searchValue,
+    placeholder: "\u641C\u7D22\u57CB\u70B9\u4E8B\u4EF6",
+    onChange: function onChange(e) {
+      setSearchValue(e.target.value);
+    },
+    onFocus: function onFocus() {
+      setFocused(true);
+      onFocusChange && onFocusChange(true);
+    },
+    onBlur: function onBlur() {
+      setFocused(false);
+      onFocusChange && onFocusChange(false);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "biz-dropdown-box",
+    id: "scrollableDiv"
+  }, /*#__PURE__*/React.createElement(InfiniteScroll, {
+    dataLength: eventData.length,
+    next: loadMoreData,
+    hasMore: eventData.length < eventCount,
+    loader: /*#__PURE__*/React.createElement(Skeleton, {
+      paragraph: {
+        rows: 1
+      },
+      active: true
+    }),
+    scrollableTarget: "scrollableDiv"
+  }, /*#__PURE__*/React.createElement(List, {
+    dataSource: eventData,
+    renderItem: function renderItem(item) {
+      return /*#__PURE__*/React.createElement(List.Item, {
+        key: item[fieldNames.value],
+        className: "biz-dropdown-item ".concat(item[fieldNames.value] === event[fieldNames.value] && 'box-active'),
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          onChange(item);
+        }
+      }, /*#__PURE__*/React.createElement("div", null, item[fieldNames.label]));
+    }
+  })))));
+};
+export default BizEventSelector; // export default React.forwardRef(BizEventSelector);

package/es/targetSelector/components/BizEventNameEditBox.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface ModalProps {
+    /**
+     * @description     取消编辑别名
+     * @default         -
+     */
+    onCancel: () => void;
+    /**
+     * @description     编辑别名的回调
+     * @default         -
+     */
+    onChange: (alias: string) => void;
+    /**
+     * @description     别名
+     * @default         -
+     */
+    defaultValue?: string;
+}
+declare const BizEventNameEditBox: React.FC<ModalProps>;
+export default BizEventNameEditBox;