@zgfe/business-lib 1.0.25-layers.3 → 1.0.25-userGroupFix.0

package/es/chart/util/formatData.js

@@ -38,8 +38,9 @@ export var formatChartData = function formatChartData(data, showAll, showList, r
       if (reverseXAxis) {
         x_axis.push(name);
         sData.push({
-          name: name,
+          name: data.x_axis[0],
           value: seriesItem.values[0],
+          label: name,
           itemStyle: {
             normal: {
               color: colorData[sData.length]

package/es/chart/util/formatOption.js

@@ -16,11 +16,7 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params) {
   }
 
   var htmlArray = [];
-
-  if (params.length > 1) {
-    htmlArray.push("<div class=\"biz-chart-tooltip-title\">".concat(xLabel, "</div>"));
-  }
-
+  htmlArray.push("<div class=\"biz-chart-tooltip-title\">".concat(xLabel, "</div>"));
   params.forEach(function (item) {
     var lineLabel = item.value;
 
@@ -30,7 +26,7 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params) {
       lineLabel = util.toThousands(lineLabel);
     }
 
-    var name = (params.length > 1 ? item.seriesName : item.name).trim();
+    var name = (params.length > 1 ? item.seriesName : item.data && item.data.label ? item.data.label : item.name).trim();
     htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n          <span class=\"biz-chart-tooltip-content\">\n              <span class=\"biz-tooltip-marker\" style=\"background:".concat(item.color, "\"></span>").concat(name, "\n          </span> \n          <span class=\"biz-chart-tooltip-value\">").concat(lineLabel, "</span>\n        </div>"));
   });
   return htmlArray.join('');
@@ -68,28 +64,16 @@ var mapTooltipFormatter = function mapTooltipFormatter(params) {
   var data = params.data;
 
   if (data.childrenOptions && data.childrenOptions.length) {
-    var series = [];
+    var htmlArray = [];
+    htmlArray.push("<div class=\"biz-chart-tooltip-title\">".concat(params.name, "</div>"));
     var childrenOptions = data.childrenOptions;
     childrenOptions.forEach(function (option) {
-      var label = option.name || option.names.join(',');
-      var value = option.value || option.values;
-
-      if (util.isArray(value)) {
-        value = value[value.length - 1];
-      }
-
-      series.push("<div class=\"biz-chart-tooltip-item\"><span class=\"biz-chart-tooltip-content\">".concat(label, ": </span><span class=\"biz-chart-tooltip-value\" style=\"color:#66ccff;\">").concat(util.toThousands(value), "</span></div>"));
+      htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n        <span class=\"biz-chart-tooltip-content\">\n          ".concat(option.name, "\n        </span> \n        <span class=\"biz-chart-tooltip-value\">").concat(util.toThousands(option.value), "</span>\n      </div>"));
     });
-    return "".concat(series.join('<br/>'));
-  }
-
-  var dataValue = data.value || data.values;
-
-  if (util.isArray(dataValue)) {
-    dataValue = dataValue[dataValue.length - 1];
+    return htmlArray.join('');
   }
 
-  return "<div class=\"biz-chart-tooltip-item\"><span class=\"biz-chart-tooltip-content\">".concat(data.name || data.names.join(','), ": </span><span style=\"color:#66ccff;\">").concat(util.toThousands(dataValue), "</span></div>");
+  return "<div class=\"biz-chart-tooltip-item\"><span class=\"biz-chart-tooltip-content\">".concat(data.name, ": </span><span>").concat(util.toThousands(data.value), "</span></div>");
 };
 
 var legendFormatterDefault = function legendFormatterDefault(label) {

package/es/chart/util/mapUtil.d.ts

@@ -1,6 +1,6 @@
 import { ChartTypes, ItemDataProps } from '../types';
-declare const citySeries: (data: ChartTypes.Value, haveUserGroup: boolean) => ItemDataProps[];
-declare const provinceSeries: (data: ChartTypes.Value, haveUserGroup?: boolean | undefined) => any;
+declare const citySeries: (data: ChartTypes.Value) => ItemDataProps[];
+declare const provinceSeries: (data: ChartTypes.Value) => any;
 declare const maxMinValue: (series: ItemDataProps) => {
     max: number;
     min: number;

package/es/chart/util/mapUtil.js

@@ -10,8 +10,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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 _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 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; }
@@ -22,13 +20,13 @@ import util from '../../utils/util';
 import cityGeoCoord from './data/cityGeoCoord';
 import provinceGeoCoord from './data/provinceGeoCoord';
 
-var citySeries = function citySeries(data, haveUserGroup) {
+var citySeries = function citySeries(data) {
   var backGroundMapSeries = {
     type: 'map',
     map: 'china',
     showLegendSymbol: false,
-    top: 20,
-    bottom: 20,
+    top: 0,
+    bottom: 0,
     data: []
   };
   var scatterSeries = {
@@ -39,33 +37,29 @@ var citySeries = function citySeries(data, haveUserGroup) {
     data: []
   };
   var provinceMapData = {};
-  data.x_axis.forEach(function (xItem, i) {
+  var mapStore = formatMapData(data, 'city');
+  mapStore.x_axis.forEach(function (xItem) {
     scatterSeries.name = xItem;
-    data.series.forEach(function (cityItem) {
-      var cityName = cityItem.names[cityItem.names.length - 1];
-      cityName = cityName.replace(/(市|省|自治区)$/, '');
+    mapStore.series.forEach(function (cityItem) {
+      var cityName = cityItem.name;
       var cityCoordObj = cityGeoCoord[cityName];
-
-      if (cityCoordObj) {
-        var cityValue = cityItem.values[i];
-        var scatterItem = {
-          name: cityCoordObj.name,
-          isCity: true,
-          value: [cityCoordObj.log, cityCoordObj.lat, cityValue],
-          childrenOptions: cityItem.userGroupCompareData
-        };
-        scatterSeries.data.push(scatterItem);
-        var provinceObj = cityCoordObj.province;
-        var provinceName = provinceObj ? provinceObj.name.replace(/(省|市)$/, '') : '';
-        var currentMapData = provinceMapData[provinceName];
-        var currentMapOptions = currentMapData ? currentMapData.childrenOptions : [];
-        provinceMapData[provinceName] = {
-          name: provinceName,
-          isProvince: true,
-          value: currentMapData ? currentMapData.value + cityValue : cityValue,
-          childrenOptions: currentMapOptions.concat(haveUserGroup ? cityItem.userGroupCompareData : [cityItem])
-        };
-      }
+      var cityValue = cityItem.value;
+      var scatterItem = {
+        name: cityItem.name,
+        isCity: true,
+        value: [cityCoordObj.log, cityCoordObj.lat, cityValue],
+        childrenOptions: cityItem.childrenOptions
+      };
+      scatterSeries.data.push(scatterItem);
+      var provinceObj = cityCoordObj.province;
+      var provinceName = provinceObj ? provinceObj.name.replace(/(省|市)$/, '') : '';
+      var currentMapData = provinceMapData[provinceName];
+      var currentMapOptions = currentMapData ? currentMapData.childrenOptions : [];
+      provinceMapData[provinceName] = {
+        name: provinceName,
+        value: currentMapData ? currentMapData.value + cityValue : cityValue,
+        childrenOptions: currentMapOptions.concat([cityItem])
+      };
     });
   });
 
@@ -81,17 +75,17 @@ var citySeries = function citySeries(data, haveUserGroup) {
   return [scatterSeries, backGroundMapSeries];
 };
 
-var provinceSeries = function provinceSeries(data, haveUserGroup) {
+var provinceSeries = function provinceSeries(data) {
   var series = [];
-  var mapStore = formatData(data, haveUserGroup);
-  mapStore.x_axis.forEach(function (xItem, i) {
+  var mapStore = formatMapData(data, 'province');
+  mapStore.x_axis.forEach(function (xItem) {
     var item = {
       name: xItem,
       type: 'map',
       map: 'china',
       roam: false,
-      top: 20,
-      bottom: 20,
+      top: 0,
+      bottom: 0,
       label: {
         show: true,
         color: '#565656'
@@ -100,21 +94,7 @@ var provinceSeries = function provinceSeries(data, haveUserGroup) {
       data: []
     };
     mapStore.series.forEach(function (provinceItem) {
-      var name = provinceItem.name || provinceItem.names;
-      var provinceName = _typeof(name) === 'object' ? name[name.length - 1] : name;
-      provinceName = provinceName.replace(/(市|省|自治区)$/, '');
-      var provinceCoordObj = provinceGeoCoord[provinceName];
-      name = _typeof(name) === 'object' ? name.join('-') : name;
-      name = name.replace(/(市|省|自治区)$/, '');
-
-      if (provinceCoordObj) {
-        item.data.push({
-          name: name,
-          isProvince: true,
-          value: provinceItem.values[i],
-          childrenOptions: provinceItem.userGroupCompareData
-        });
-      }
+      item.data.push(provinceItem);
     });
     series.push(item);
   });
@@ -150,36 +130,40 @@ var maxMinValue = function maxMinValue(series) {
   };
 };
 
-var formatData = function formatData(seriesData, haveUserGroup) {
-  if (haveUserGroup) {
-    var store = {
-      x_axis: seriesData.x_axis,
-      series: []
+var formatMapData = function formatMapData(seriesData, type) {
+  var store = {
+    x_axis: seriesData.x_axis,
+    series: []
+  };
+  var areaObjMap = {};
+  seriesData.series.forEach(function (item) {
+    var areaName = item.names[0].replace(/(市|省|自治区)$/, '');
+    var targetName = item.names.slice(1).join(',');
+    var targeItem = {
+      name: targetName || areaName,
+      value: item.values[0]
     };
-    var areaObjMap = {};
-    seriesData.series.forEach(function (item) {
-      var areaName = item.names[item.names.length - 1];
-
-      if (!areaObjMap[areaName]) {
-        areaObjMap[areaName] = {
-          names: [areaName],
-          values: item.values,
-          userGroupCompareData: [item]
-        };
-      } else {
-        areaObjMap[areaName].values = [areaObjMap[areaName].values[0] + item.values[0]];
-        areaObjMap[areaName].userGroupCompareData.push(item);
-      }
-    });
 
-    for (var area in areaObjMap) {
-      store.series.push(areaObjMap[area]);
+    if (!areaObjMap[areaName]) {
+      areaObjMap[areaName] = {
+        name: areaName,
+        value: item.values[0],
+        childrenOptions: [targeItem]
+      };
+    } else {
+      areaObjMap[areaName].value += item.values[0];
+      areaObjMap[areaName].childrenOptions.push(targeItem);
     }
+  });
+  var areaMap = type === 'province' ? provinceGeoCoord : cityGeoCoord;
 
-    return store;
-  } else {
-    return seriesData;
+  for (var area in areaObjMap) {
+    if (areaMap[area]) {
+      store.series.push(areaObjMap[area]);
+    }
   }
+
+  return store;
 };
 
 export { provinceSeries, citySeries, maxMinValue };

package/es/eventSelector/index.js

@@ -111,8 +111,8 @@ var BizEventSelector = function BizEventSelector(props) {
     return label;
   };
 
-  var onChange = function onChange(value) {
-    if (!defaultSelectAble) {
+  var onChange = function onChange(value, isOverview) {
+    if (!defaultSelectAble && !isOverview) {
       setVisible(false);
     }
 

package/es/eventSelector/listPanel.js

@@ -72,14 +72,21 @@ var EventListPanel = function EventListPanel(props) {
       eventList: function () {
         var list = [];
         var listObj = {};
+        var markList = [];
         eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
           group.eventList.forEach(function (item) {
             if (!listObj[item.id]) {
-              list.push(item);
+              if (item.marked) {
+                markList.push(item);
+              } else {
+                list.push(item);
+              }
+
               listObj[item.id] = 1;
             }
           });
         });
+        list = [].concat(markList, _toConsumableArray(list));
         return list;
       }(),
       name: '所有分组'
@@ -107,19 +114,27 @@ var EventListPanel = function EventListPanel(props) {
   function onClickEvent(e) {
     var resVal = _.cloneDeep(currentValue) || {};
     resVal.event = e;
+
+    if (e.id === -100) {
+      resVal.group = currentGroup;
+    }
+
     setCurrentValue(resVal);
     if (props.onChange) props.onChange(resVal);
   }
 
   function onClickGroup(g) {
+    var _currentValue$event;
+
     setCurrentGroup(g);
+    var isOverview = (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event = currentValue.event) === null || _currentValue$event === void 0 ? void 0 : _currentValue$event.id) === -100;
 
-    if (defaultSelectAble) {
+    if (defaultSelectAble || isOverview) {
       var resVal = _.cloneDeep(currentValue) || {};
       resVal.group = g;
       resVal.event = searchEventList[0];
       setCurrentValue(resVal);
-      if (props.onChange) props.onChange(resVal);
+      if (props.onChange) props.onChange(resVal, isOverview);
     }
   }
 
@@ -202,13 +217,13 @@ var InfiniteScrollList = function InfiniteScrollList(_ref) {
     scrollableTarget: "scrollableDiv",
     key: Math.random()
   }, showList.map(function (e) {
-    var _currentValue$event;
+    var _currentValue$event2;
 
     if (e.eventHidden === ShowStatus.hidden) return null;
     return /*#__PURE__*/React.createElement(EventListOption, {
       label: e.alias || e.name,
       key: "".concat(currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.id, "-").concat(e.id),
-      checked: (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event = currentValue.event) === null || _currentValue$event === void 0 ? void 0 : _currentValue$event.id) === e.id,
+      checked: (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event2 = currentValue.event) === null || _currentValue$event2 === void 0 ? void 0 : _currentValue$event2.id) === e.id,
       highlight: {
         enable: true,
         text: searchValue

package/es/eventSelector/types.d.ts

@@ -34,6 +34,6 @@ export declare namespace EventSelectTypes {
         value?: Value;
         showOverview?: boolean;
         defaultSelectAble?: boolean;
-        onChange?: (value: Value) => void;
+        onChange?: (value: Value, isOverview?: boolean) => void;
     }
 }

package/es/layout/analysisLayout/demo/index.js

@@ -17,7 +17,11 @@ var Footer = function Footer() {
 };
 
 var RightContent = function RightContent() {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "right"));
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '600px'
+    }
+  }, /*#__PURE__*/React.createElement("h1", null, "right"));
 };
 
 var onCollapse = function onCollapse(flag) {

package/es/layout/analysisLayout/index.js

@@ -111,7 +111,8 @@ var BizAnalysisLayout = function BizAnalysisLayout(props) {
     onClick: onCollapse
   }, /*#__PURE__*/React.createElement(IconFont, {
     className: "biz-layout-pickup-icon",
-    type: 'zhedie'
+    type: 'zhedie',
+    size: 24
   }))) : /*#__PURE__*/React.createElement(Tooltip, {
     title: "\u5C55\u5F00\u7B5B\u9009\u9762\u677F",
     placement: "right",
@@ -120,7 +121,8 @@ var BizAnalysisLayout = function BizAnalysisLayout(props) {
   }, /*#__PURE__*/React.createElement(IconFont, {
     className: "biz-layout-open",
     onClick: onCollapse,
-    type: "zhankai"
+    type: "zhankai",
+    size: 24
   })), /*#__PURE__*/React.createElement("div", {
     className: "biz-layout-handler",
     style: {
@@ -132,9 +134,7 @@ var BizAnalysisLayout = function BizAnalysisLayout(props) {
     style: {
       width: "calc(100% - ".concat(width + 6, "px)")
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "biz-right-content"
-  }, children)));
+  }, children));
 };
 
 BizAnalysisLayout.defaultProps = {

package/es/layout/analysisLayout/index.less

@@ -69,12 +69,6 @@
     padding: @padding-lg;
     overflow: auto;
     background-color: #fff;
-
-    .biz-right-content {
-      min-width: 600px;
-      height: 100%;
-      min-height: 600px;
-    }
   }
 }
 

package/es/select/handle.js

@@ -11,15 +11,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { Input, Tag, Tooltip } from 'antd';
-import React, { useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { FormItemInputContext } from 'antd/es/form/context';
+import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import IconFont from '../icon/iconFont';
 import './styles/handle.less';
 var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$value;
+
   var placeholder = props.placeholder,
       labelField = props.labelField,
       keyField = props.keyField,
-      _props$border = props.border,
-      border = _props$border === void 0 ? true : _props$border;
+      border = props.border,
+      showSelectIcon = props.showSelectIcon;
   var classPrefix = 'biz-select-handle';
 
   var _useState = useState(false),
@@ -36,22 +39,38 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       searchValue = _useState4[0],
       setSearchValue = _useState4[1];
 
+  var _useContext = useContext(FormItemInputContext),
+      contextStatus = _useContext.status;
+
+  var mergedStatus = props.status || contextStatus;
   useImperativeHandle(ref, function () {
     return {
-      create: function create(flag) {
+      create: function create(flag, overlayClicked) {
         if (props.disable) return;
         setFocus(flag);
         if (!props.multiple) return;
 
         if (flag) {
           inputRef.current.focus();
+        } else {
+          if (overlayClicked) {
+            setSearchValue('');
+          } else {
+            if (searchValue && props.onCreate) {
+              props.onCreate(searchValue);
+              setSearchValue('');
+            }
+          }
         }
-
-        setSearchValue('');
       },
       width: handleRef.current.clientWidth
     };
   });
+  useEffect(function () {
+    if (focus) {
+      props.onVisible && props.onVisible();
+    }
+  }, [focus]);
   var searchInputWidth = useMemo(function () {
     return textRef.current && searchValue ? textRef.current.offsetWidth : 3;
   }, [searchValue]);
@@ -66,6 +85,19 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (props.onSearch) props.onSearch(value);
   };
 
+  var onKeyDown = function onKeyDown(e) {
+    if (e.keyCode === 13 && props.multiple) {
+      var value = e.target.value.trim();
+
+      if (value && props.onCreate) {
+        props.onCreate(value);
+      }
+
+      setFocus(false);
+      setSearchValue('');
+    }
+  };
+
   if (props.multiple) {
     return /*#__PURE__*/React.createElement("div", {
       ref: handleRef,
@@ -96,7 +128,8 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
         width: "".concat(searchInputWidth, "px")
       },
       value: searchValue,
-      onChange: onSearch
+      onChange: onSearch,
+      onKeyDown: onKeyDown
     }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(classPrefix, "-temp"),
       ref: textRef
@@ -105,11 +138,13 @@ 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(border ? '' : 'borderless', " ").concat(props.size ? props.size : 'middle'),
+    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 || props.value && props.value[labelField]
   }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(classPrefix, "-content")
-  }, props.label || props.value && props.value[labelField] || /*#__PURE__*/React.createElement("span", {
+  }, showSelectIcon && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.icon) && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-icon")
+  }, props.value.icon), props.label || props.value && props.value[labelField] || /*#__PURE__*/React.createElement("span", {
     className: "".concat(classPrefix, "-holder")
   }, placeholder || '请选择')), /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-expand-icon"),
@@ -118,6 +153,8 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 SelectHandle.defaultProps = {
   labelField: 'label',
-  keyField: 'id'
+  keyField: 'id',
+  border: true,
+  showSelectIcon: true
 };
 export default SelectHandle;

package/es/select/index.js

@@ -31,6 +31,8 @@ import _ from 'lodash';
 export var classPrefix = 'biz-select';
 
 var BizSelect = function BizSelect(props) {
+  var _boxRef$current3;
+
   var overlayWidth = props.overlayWidth,
       minDropdownWidth = props.minDropdownWidth,
       labelField = props.labelField,
@@ -53,6 +55,7 @@ var BizSelect = function BizSelect(props) {
       setVisible = _useState6[1];
 
   var selectRef = useRef(null);
+  var overlayRef = useRef(null);
   var boxRef = useRef(null);
   var selectId = Math.random().toString();
 
@@ -62,21 +65,18 @@ var BizSelect = function BizSelect(props) {
       setWidth = _useState8[1];
 
   useEffect(function () {
-    var _boxRef$current;
-
-    setWidth((boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current = boxRef.current) === null || _boxRef$current === void 0 ? void 0 : _boxRef$current.width) || 200);
-
     if (props.defaultValue) {
       setCurrent(getValue(props.defaultValue));
     }
 
     var handleClick = function handleClick(e) {
-      var _selectRef$current, _boxRef$current2;
+      var _selectRef$current, _overlayRef$current, _boxRef$current;
 
       var clicked = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.contains(e.target);
-      (_boxRef$current2 = boxRef.current) === null || _boxRef$current2 === void 0 ? void 0 : _boxRef$current2.create(clicked);
+      var overlayClicked = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.contains(e.target);
+      (_boxRef$current = boxRef.current) === null || _boxRef$current === void 0 ? void 0 : _boxRef$current.create(clicked, overlayClicked);
 
-      if (!clicked && !props.enableCreate) {
+      if (!clicked && !props.enableCreate || overlayClicked) {
         setSearchValue('');
       }
     };
@@ -86,6 +86,11 @@ var BizSelect = function BizSelect(props) {
       window.removeEventListener('click', handleClick);
     };
   }, []);
+  useEffect(function () {
+    var _boxRef$current2;
+
+    setWidth((boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current2 = boxRef.current) === null || _boxRef$current2 === void 0 ? void 0 : _boxRef$current2.width) || 200);
+  }, [boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current3 = boxRef.current) === null || _boxRef$current3 === void 0 ? void 0 : _boxRef$current3.width]);
   useEffect(function () {
     if (!props.value) return;
     setCurrent(getValue(props.value));
@@ -149,13 +154,39 @@ var BizSelect = function BizSelect(props) {
     props.onVisibleChange && props.onVisibleChange(flag);
   };
 
+  var onCreate = function onCreate(val) {
+    var _data;
+
+    if (current) {
+      var flag = true;
+      current.forEach(function (item) {
+        if (item[labelField] === val) {
+          flag = false;
+        }
+      });
+      if (!flag) return;
+    }
+
+    var data = (_data = {}, _defineProperty(_data, keyField, val), _defineProperty(_data, labelField, val), _data);
+    var originData = current || [];
+    originData.push(data);
+    setCurrent(originData);
+    setSearchValue('');
+    if (props.onChange) props.onChange(originData);
+  };
+
+  var onVisible = function onVisible() {
+    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
+      onChange: onChange,
+      ref: overlayRef
     })),
     disabled: props.disable,
     destroyPopupOnHide: props.destroyPopupOnHide,
@@ -184,11 +215,15 @@ var BizSelect = function BizSelect(props) {
     theme: props.theme,
     size: props.size || 'middle',
     border: props.border,
+    showSelectIcon: props.showSelectIcon,
+    status: props.status,
     onDelete: onDelete,
     onSearch: function onSearch(v) {
       setSearchValue(v);
       if (props.onSearch) props.onSearch(v);
-    }
+    },
+    onCreate: onCreate,
+    onVisible: onVisible
   })));
 };
 

package/es/select/overlay.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BizSelectTypes } from './types';
-declare const SelectOverlay: React.FC<BizSelectTypes.Props>;
+declare const SelectOverlay: React.ForwardRefExoticComponent<BizSelectTypes.Props & React.RefAttributes<any>>;
 export default SelectOverlay;