@zgfe/business-lib 1.0.0-beta.6 → 1.0.3

package/es/eventSelector/demo/index.js

@@ -11,57 +11,39 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useState } from 'react';
-import { BizEventSelector } from '@zgfe/business-lib';
-var cascadeOptions = [{
-  value: 1,
-  label: '整体',
-  children: [{
-    value: 'xihu',
-    label: 'West Lake'
-  }, {
-    value: 'xiasha',
-    label: 'Xia Sha'
-  }]
-}, {
-  value: 2,
-  label: '分组',
-  children: [{
-    value: 'xihu2',
-    label: 'West Lake2'
-  }, {
-    value: 'xiasha2',
-    label: 'Xia Sha2j'
-  }]
-}];
+import { BizEventSelector, convertAttributeData, BizGlobalDataContext } from '@zgfe/business-lib';
+import eventData from '../../mock/event';
 
 var EventDemo = function EventDemo() {
-  var _useState = useState('xiasha2'),
+  var store = convertAttributeData({
+    eventList: eventData
+  });
+
+  var _useState = useState({
+    group: {
+      id: 4201
+    },
+    event: {
+      id: 24143017
+    }
+  }),
       _useState2 = _slicedToArray(_useState, 2),
-      test = _useState2[0],
-      setTest = _useState2[1];
-
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      option = _useState4[0],
-      setOption = _useState4[1];
+      value = _useState2[0],
+      setValue = _useState2[1];
 
-  var handleChange = function handleChange(value, data) {
-    setTest(value);
-    setOption(data);
+  var onChange = function onChange(data) {
+    setValue(data);
   };
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizEventSelector, {
-    defaultValue: test,
-    onChange: handleChange,
-    options: cascadeOptions,
-    fieldNames: {
-      label: 'label',
-      value: 'value',
-      groupLabel: 'label',
-      groupValue: 'value',
-      children: 'children'
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u9009\u62E9\u7684\u4E8B\u4EF6\u662F\uFF1A", JSON.stringify(value)), /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
+    value: {
+      eventGroupList: store.eventGroupList
     }
-  }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u9009\u62E9\u7684\u4E8B\u4EF6id\u662F\uFF1A", test), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u9009\u62E9\u7684\u4E8B\u4EF6\u4FE1\u606F\u662F\uFF1A", JSON.stringify(option)));
+  }, /*#__PURE__*/React.createElement(BizEventSelector, {
+    defaultValue: value,
+    alias: "\u522B\u540D",
+    onChange: onChange
+  })));
 };
 
 export default (function () {

package/es/eventSelector/index.d.ts

@@ -1,32 +1,6 @@
 import React from 'react';
-import { FormProps, Event } from './type';
-import './index.less';
-interface EventBoxProps extends FormProps {
-    /**
-     * @description     默认的选中项
-     * @default         -
-     */
-    defaultValue?: string | number | Event;
-    /**
-     * @description     指定选中项
-     * @default         -
-     */
-    value?: string | number | Event;
-    /**
-     * @description     别名
-     * @default         -
-     */
-    aliasName?: string;
-    /**
-     * @description 是否展示事件概览
-     * @default   true
-     */
-    showAll?: boolean;
-    /**
-     * @description     选择完成后的回调
-     * @default         -
-     */
-    onChange?: (value1: string | number | object, value2: string | number | object) => void;
-}
-declare const BizEventSelector: React.FC<EventBoxProps>;
+import './styles/index.less';
+import { EventSelectTypes } from './types';
+export declare const classPrefix = "biz-event-select";
+declare const BizEventSelector: React.FC<EventSelectTypes.Props>;
 export default BizEventSelector;

package/es/eventSelector/index.js

@@ -1,21 +1,3 @@
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-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 _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."); }
@@ -28,432 +10,124 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * 事件下拉框
- */
-import { Input, List, Skeleton } from 'antd';
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import InfiniteScroll from 'react-infinite-scroll-component';
-import { BizGlobalDataContext } from '..';
-import IconFont from '../components/iconFont';
-import { util } from '../utils';
-import './index.less';
+import { Dropdown } from 'antd';
+import React, { useContext, useEffect, useState } from 'react';
+import SelectHandle from '../select/handle';
+import BizGlobalDataContext from '../context';
+import EventListPanel from './listPanel';
+import './styles/index.less';
+export var classPrefix = 'biz-event-select';
 
 var BizEventSelector = function BizEventSelector(props) {
-  var aliasName = props.aliasName,
-      _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      defaultValue = props.defaultValue,
-      value = props.value,
-      _props$showAll = props.showAll,
-      showAll = _props$showAll === void 0 ? true : _props$showAll,
-      _props$fieldNames = props.fieldNames,
-      fieldNames = _props$fieldNames === void 0 ? {
-    label: 'name',
-    value: 'id',
-    groupLabel: 'name',
-    groupValue: 'id',
-    children: 'children'
-  } : _props$fieldNames,
-      _props$responseType = props.responseType,
-      responseType = _props$responseType === void 0 ? 'id' : _props$responseType,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
-      onChange = props.onChange; // 是否显示下拉框
+  var alias = props.alias,
+      placeholder = props.placeholder,
+      showAllEvent = props.showAllEvent;
 
-  var _useState = useState(false),
+  var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
-      showDropdown = _useState2[0],
-      setShowDropdown = _useState2[1]; // 分组(下拉框第一列)信息，用于存储hover的信息，（事件搜索后）
-
-
-  var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      group = _useState4[0],
-      setGroup = _useState4[1]; // 分组(下拉框第一列)信息, 原始信息
-
-
-  var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      group2 = _useState6[0],
-      setGroup2 = _useState6[1]; // group的children数量
-
-
-  var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      eventCount = _useState8[0],
-      setEventCount = _useState8[1]; // 选中值(下拉框第二列)选中信息
-
-
-  var _useState9 = useState({}),
-      _useState10 = _slicedToArray(_useState9, 2),
-      event = _useState10[0],
-      setEvent = _useState10[1]; // 搜索框是否是聚焦状态
-
-
-  var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      focused = _useState12[0],
-      setFocused = _useState12[1]; // 第二列数据 虚拟滚动，每次滚动10条
-
-
-  var _useState13 = useState([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      eventData = _useState14[0],
-      setEventData = _useState14[1]; // 搜索值
-
-
-  var _useState15 = useState(''),
-      _useState16 = _slicedToArray(_useState15, 2),
-      searchValue = _useState16[0],
-      setSearchValue = _useState16[1]; // 选中值
-  // const [eventValue, setEventValue] = useState<Event>()
-
-
-  var pagesize = 9;
-  var cascadeRef = useRef(null);
+      currentValue = _useState2[0],
+      setCurrentValue = _useState2[1];
 
   var _useContext = useContext(BizGlobalDataContext),
-      eventMeta = _useContext.eventMeta;
-
-  var _useState17 = useState(options || eventMeta),
-      _useState18 = _slicedToArray(_useState17, 2),
-      eventOptions = _useState18[0],
-      setEventOptions = _useState18[1];
-
-  var _useState19 = useState(true),
-      _useState20 = _slicedToArray(_useState19, 2),
-      showOverview = _useState20[0],
-      setShowOverview = _useState20[1];
-
-  var _useState21 = useState(aliasName),
-      _useState22 = _slicedToArray(_useState21, 2),
-      alias = _useState22[0],
-      setAlias = _useState22[1];
+      eventGroupList = _useContext.eventGroupList;
 
   useEffect(function () {
-    setAlias(function () {
-      return aliasName;
-    });
-  }, [aliasName]); // 初始赋值
-
+    if (!props.defaultValue) return;
+    var data = getValue(props.defaultValue);
+    setCurrentValue(data);
+  }, []);
   useEffect(function () {
-    var initValue = function initValue() {
-      // 所有的option
-      var firstGroup = {};
-      firstGroup[fieldNames.groupLabel] = '所有分组'; // firstGroup[fieldNames.groupLabel] = '整体概览';
-
-      firstGroup[fieldNames.groupValue] = -2;
-      firstGroup[fieldNames.children] = [];
-
-      var _iterator = _createForOfIteratorHelper(options),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var option = _step.value;
-          var children = option[fieldNames.children] || [];
-
-          var _iterator2 = _createForOfIteratorHelper(children),
-              _step2;
-
-          try {
-            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-              var _event = _step2.value;
-              firstGroup[fieldNames.children].push(_event);
-            }
-          } catch (err) {
-            _iterator2.e(err);
-          } finally {
-            _iterator2.f();
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
+    if (!props.value) return;
+    var data = getValue(props.value);
+    setCurrentValue(data);
+  }, [props.value]);
+
+  var getValue = function getValue(param) {
+    var _param$group, _param$event;
+
+    var res = {};
+
+    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) {
+            list = list.concat(group.eventList);
+          });
+          return list;
+        }()
+      };
+    }
 
-      var result = JSON.parse(JSON.stringify(eventOptions));
+    if (((_param$event = param.event) === null || _param$event === void 0 ? void 0 : _param$event.id) === -100) {
+      res.event = {
+        id: -100,
+        name: '事件概览',
+        attrList: []
+      };
+    }
 
-      if (result.length > 1) {
-        result = [firstGroup].concat(_toConsumableArray(result));
-      } // // 丢弃事件分组不显示
+    eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.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) {
+        var _param$event2;
 
-      var index = result.findIndex(function (group) {
-        return group.groupName === '丢弃事件';
+        if (event.id === ((_param$event2 = param.event) === null || _param$event2 === void 0 ? void 0 : _param$event2.id)) res.event = event;
       });
-      if (index > -1) result.splice(index, 1);
-      setEventOptions(function (option) {
-        return _toConsumableArray(result); // return [firstGroup, ...option];
-      }); // setGroup(firstGroup);
-      // setGroup2(firstGroup);
-
-      setGroup(result[0]);
-      setGroup2(result[0]);
-    };
-
-    if (options && options.length > 0) {
-      initValue();
-    } // 添加点击事件监听，隐藏下拉框
-
-
-    var handleClick = function handleClick(e) {
-      if (!cascadeRef.current || !cascadeRef.current.contains(e.target)) {
-        setShowDropdown(false);
-      }
-    };
-
-    document.addEventListener('click', handleClick);
-    return function () {
-      document.removeEventListener('click', handleClick);
-    };
-  }, []); // 监听传入值改变
-
-  useEffect(function () {
-    var inValue = defaultValue || value;
-    if (!inValue || inValue === {}) return;
-    var id = _typeof(inValue) === 'object' ? inValue[fieldNames.value] : inValue;
-    if (event && event[fieldNames.value] === id) return;
-    var eid = id.split(',');
-
-    if (parseFloat(eid[0]) < 0) {
-      // 事件概览
-      if (eid[1] < 0) {
-        setEvent(function () {
-          var _ref;
-
-          return _ref = {}, _defineProperty(_ref, fieldNames.value, id), _defineProperty(_ref, fieldNames.label, '事件概览'), _ref;
-        });
-        setGroup(function () {
-          var _ref2;
-
-          return _ref2 = {}, _defineProperty(_ref2, fieldNames.groupLabel, '所有分组'), _defineProperty(_ref2, fieldNames.groupValue, -2), _ref2;
-        });
-      } else {
-        var _iterator3 = _createForOfIteratorHelper(eventOptions),
-            _step3;
-
-        try {
-          var _loop = function _loop() {
-            var option = _step3.value;
-
-            if (option[fieldNames.groupValue] === eid[1]) {
-              setGroup(function () {
-                var _ref3;
+    });
+    return res;
+  };
 
-                return _ref3 = {}, _defineProperty(_ref3, fieldNames.groupLabel, option[fieldNames.groupLabel]), _defineProperty(_ref3, fieldNames.groupValue, option[fieldNames.groupValue]), _ref3;
-              });
-              return "break";
-            }
-          };
+  var getLabel = function getLabel() {
+    var label = '';
+    if (!(currentValue === null || currentValue === void 0 ? void 0 : currentValue.event)) return label;
+    var name = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.event.alias) || (currentValue === null || currentValue === void 0 ? void 0 : currentValue.event.name);
 
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var _ret = _loop();
+    if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.event.id) === -100) {
+      var _currentValue$group;
 
-            if (_ret === "break") break;
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
-        }
-      }
+      label = "".concat((currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$group = currentValue.group) === null || _currentValue$group === void 0 ? void 0 : _currentValue$group.name) || '所有分组', "/").concat(name);
     } else {
-      var _iterator4 = _createForOfIteratorHelper(options),
-          _step4;
-
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var option = _step4.value;
-          var children = option[fieldNames.children] || [];
-
-          var _iterator5 = _createForOfIteratorHelper(children),
-              _step5;
-
-          try {
-            var _loop2 = function _loop2() {
-              var event = _step5.value;
-
-              if (event[fieldNames.value] == id) {
-                setEvent(function () {
-                  return _objectSpread({}, event);
-                });
-              }
-            };
-
-            for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-              _loop2();
-            }
-          } catch (err) {
-            _iterator5.e(err);
-          } finally {
-            _iterator5.f();
-          }
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
-      }
+      label = name;
     }
-  }, [defaultValue, value]); // 更改group后，事件列表响应
-
-  useEffect(function () {
-    var arr = [],
-        size = 0;
-
-    if (group && group[fieldNames.children]) {
-      var _group$fieldNames$chi;
 
-      arr = (_group$fieldNames$chi = group[fieldNames.children]) === null || _group$fieldNames$chi === void 0 ? void 0 : _group$fieldNames$chi.slice(0, pagesize);
-      size = group[fieldNames.children].length;
+    if (alias && alias !== name) {
+      label += "(".concat(alias, ")");
     }
 
-    if (showOverview) {
-      var _arr$unshift;
-
-      arr.unshift((_arr$unshift = {}, _defineProperty(_arr$unshift, fieldNames.value, "-2,".concat(group[fieldNames.groupValue])), _defineProperty(_arr$unshift, fieldNames.label, '事件概览'), _arr$unshift));
-    }
-
-    setEventData(arr);
-    setEventCount(size);
-  }, [group]);
-  useEffect(function () {
-    setShowOverview(function () {
-      return showAll;
-    });
-  }, [showAll]); // 初始化搜索框
-
-  useEffect(function () {
-    setSearchValue(function () {
-      return '';
-    });
-  }, [showDropdown]); // 搜索结果
-
-  useEffect(function () {
-    if (!showDropdown) return;
-    var arr = group2[fieldNames.children] && group2[fieldNames.children].filter(function (item) {
-      return item[fieldNames.label] && JSON.stringify(item[fieldNames.label]).toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
-    });
-    setGroup(function (group) {
-      group[fieldNames.children] = arr;
-      return _objectSpread({}, group);
-    });
-  }, [searchValue, group2, showDropdown]); // 加载更多
-
-  var loadMoreData = function loadMoreData() {
-    var _group$fieldNames$chi2;
+    return label;
+  };
 
-    var arr = group[fieldNames.children] ? (_group$fieldNames$chi2 = group[fieldNames.children]) === null || _group$fieldNames$chi2 === void 0 ? void 0 : _group$fieldNames$chi2.slice(eventData.length, eventData.length + pagesize) : [];
-    setEventData([].concat(_toConsumableArray(eventData), _toConsumableArray(arr)));
+  var onChange = function onChange(value) {
+    setCurrentValue(value);
+    props.onChange && props.onChange(value);
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "biz-select-cotainer biz-select-hover",
-    ref: cascadeRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "biz-select-content",
-    onClick: function onClick() {
-      setShowDropdown(function (status) {
-        return !status;
-      });
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "biz-input"
-  }, event[fieldNames.label] ? event[fieldNames.label] === '事件概览' ? "".concat(group[fieldNames.groupLabel], "/").concat(event[fieldNames.label]) : event[fieldNames.label] : /*#__PURE__*/React.createElement("span", {
-    className: "biz-placeholder"
-  }, placeholder), /*#__PURE__*/React.createElement("span", null, alias && alias !== '' && "(".concat(alias, ")"))), /*#__PURE__*/React.createElement(IconFont, {
-    className: "biz-select-zhankai",
-    type: 'icon-xiangxia'
-  })), options && options.length ? /*#__PURE__*/React.createElement("div", {
-    className: "biz-dropdown-cascade ".concat(showDropdown && 'biz-flex')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "biz-dropdown-menu"
-  }, eventOptions.map(function (menu, index) {
-    var _menu$fieldNames$chil;
-
-    return /*#__PURE__*/React.createElement("div", {
-      className: "biz-dropdown-item ".concat(menu[fieldNames.groupValue] === group[fieldNames.groupValue] && 'box-hover'),
-      key: menu[fieldNames.groupValue] || 'key' + index,
-      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$fieldNames$chil = menu[fieldNames.children]) === null || _menu$fieldNames$chil === void 0 ? void 0 : _menu$fieldNames$chil.length));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "biz-dropdown-content"
-  }, /*#__PURE__*/React.createElement(Input, {
-    className: "biz-search-box",
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      className: "biz-icon",
-      type: "icon-sousuo"
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(EventListPanel, {
+      value: currentValue,
+      onChange: onChange,
+      showOverview: showAllEvent
     }),
-    allowClear: {
-      clearIcon: /*#__PURE__*/React.createElement(IconFont, {
-        className: "biz-icon",
-        type: 'icon-qingchu'
-      })
+    trigger: ['click'],
+    overlayStyle: {
+      minWidth: 0
     },
-    value: searchValue,
-    placeholder: "\u641C\u7D22\u57CB\u70B9\u4E8B\u4EF6",
-    onChange: function onChange(e) {
-      setSearchValue(e.target.value);
-    }
-  }), /*#__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();
-          setEvent(function () {
-            return _objectSpread({}, item);
-          });
-          setShowDropdown(false);
-
-          if (onChange) {
-            item.groupId = group[fieldNames.groupValue];
-
-            if (responseType === 'id') {
-              onChange(item[fieldNames.value], item);
-            } else {
-              onChange(item, item[fieldNames.value]);
-            }
-          }
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        dangerouslySetInnerHTML: {
-          __html: util.setHighLight(item[fieldNames.label], searchValue)
-        }
-      }));
-    }
-  })))), ")") : showDropdown && /*#__PURE__*/React.createElement("div", {
-    className: "biz-select-nodata"
-  }, "\u6682\u65E0\u6570\u636E"));
+    onVisibleChange: props.onVisibleChange
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-handle")
+  }, /*#__PURE__*/React.createElement(SelectHandle, {
+    theme: "secondary",
+    border: false,
+    label: getLabel(),
+    placeholder: placeholder
+  }))));
 };
 
 export default BizEventSelector;

package/es/eventSelector/listPanel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EventSelectTypes } from './types';
+declare const EventListPanel: React.FC<EventSelectTypes.DropdownProps>;
+export default EventListPanel;