@zgfe/business-lib 1.0.24-tags4.0 → 1.0.25-adanalysis.0

package/es/addToPanel/index.js

@@ -166,7 +166,9 @@ var BizAddToPanel = function BizAddToPanel(props) {
 
               if (router && routes) router.push({
                 name: routes.panel,
-                params: ((_result$panel = result.panel) === null || _result$panel === void 0 ? void 0 : _result$panel.id) || form.panel.id
+                params: {
+                  panelId: ((_result$panel = result.panel) === null || _result$panel === void 0 ? void 0 : _result$panel.id) || form.panel.id
+                }
               });
             }
           }, form.panel.name || ((_result$panel2 = result.panel) === null || _result$panel2 === void 0 ? void 0 : _result$panel2.name)), "\u6210\u529F")

package/es/assets/styles/chunks.less

@@ -7,7 +7,7 @@
 // 通用hover样式，适用于下拉选项等
 .__default-hover {
   color: @primary-color;
-  background: color(~`colorPalette('@{primary-color}', 0.1) `);
+  background: @primary-color-hover;
   border-color: @primary-color;
   cursor: pointer;
 
@@ -20,7 +20,7 @@
 .__default-focused {
   background-color: #fff;
   border-color: @primary-color;
-  box-shadow: 0 0 0 4px color(~`colorPalette('@{primary-color}', 0.1) `);
+  box-shadow: 0 0 0 4px @primary-color-hover;
 }
 
 // 下拉组件操作栏样式

package/es/assets/styles/resetAntd.less

@@ -40,7 +40,7 @@
   &:focus,
   &-focused {
     background-color: #fff !important;
-    box-shadow: 0 0 0 4px color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    box-shadow: 0 0 0 4px @primary-color-hover !important;
   }
   &.ant-input-status-error {
     border-color: @error-color !important;
@@ -238,7 +238,7 @@
 
   /*日期范围内背景色*/
   .ant-picker-cell-in-range::before {
-    background: color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    background: @primary-color-hover !important;
   }
 
   /*日期范围内的hover效果-背景不变*/
@@ -253,7 +253,7 @@
   .ant-picker-panel
     > :not(.ant-picker-date-panel)
     .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
-    background: color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    background: @primary-color-hover !important;
   }
 
   /*日期范围内的hover效果*/
@@ -303,13 +303,15 @@
   .ant-modal-body {
     max-height: 400px;
     max-height: 400px !important;
-    padding-top: @padding-xs !important;
-    // padding-bottom: 0 !important;
     overflow: auto !important;
     &:not(:last-child) {
       padding-bottom: 0 !important;
     }
   }
+  //只有当有header的时候才修改body的间距
+  .ant-modal-header + .ant-modal-body {
+    padding-top: @padding-xs !important;
+  }
 }
 
 // 分页
@@ -395,7 +397,7 @@
 
   .ant-table-tbody > tr.ant-table-row:hover > td,
   .ant-table-tbody > tr > td.ant-table-cell-row-hover {
-    background: color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    background: @primary-color-hover !important;
   }
   .ant-table-thead {
     .ant-table-cell {

package/es/assets/styles/variable.less

@@ -10,4 +10,5 @@
 
 @shadow-color-light: rgba(0, 0, 0, 0.1);
 @box-shadow-small: 0px 1px 2px @shadow-color-light;
-@box-shadow-form: 0 0 0 4px color(~`colorPalette('@{primary-color}', 0.1) `);
+@primary-color-hover: color(~`colorPalette('@{primary-color}', 0.1) `);
+@box-shadow-form: 0 0 0 4px @primary-color-hover;

package/es/datePicker/datePicker.js

@@ -35,9 +35,7 @@ var BizDate = function BizDate(props) {
     setDateRange(props.value ? props.value : initValue);
   }, []);
   useEffect(function () {
-    var _props$dateCount;
-
-    if (!((_props$dateCount = props.dateCount) === null || _props$dateCount === void 0 ? void 0 : _props$dateCount.count)) return;
+    if (!props.dateCount) return;
     var date = getDateRange(props.type, props.dateCount.count, !!includeToday);
     setDateRange(date);
     if (props.onChange) props.onChange(date, true);

package/es/datePicker/demo/index.js

@@ -16,15 +16,16 @@ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
 import { Divider, Switch } from 'antd';
 export default (function () {
   var _useState = useState({
-    unit: 'week',
+    unit: 'day',
     begin: '2022-05-03',
-    end: '2022-05-30'
+    end: '2022-05-30',
+    relative: [0, 1]
   }),
       _useState2 = _slicedToArray(_useState, 2),
       time = _useState2[0],
       setTime = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = useState(true),
       _useState4 = _slicedToArray(_useState3, 2),
       includeToday = _useState4[0],
       setIncludeToday = _useState4[1];
@@ -39,6 +40,7 @@ export default (function () {
     defaultChecked: includeToday,
     onChange: setIncludeToday
   })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePicker, {
+    includeTodayAndYesterday: true,
     onChange: handleChange,
     includeToday: includeToday,
     defaultValue: time

package/es/datePicker/index.js

@@ -4,6 +4,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 _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 _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."); }
@@ -48,11 +56,36 @@ var BizDatePicker = function BizDatePicker(props) {
   useEffect(function () {
     var data = props.defaultValue || props.value;
 
+    if (props.includeTodayAndYesterday) {
+      var dayData = dateList.find(function (item) {
+        return item.value == 'day';
+      });
+      dayData.children = [{
+        value: '今天',
+        count: 0
+      }, {
+        value: '昨天',
+        count: 1
+      }].concat(_toConsumableArray(dayData.children));
+    }
+
     if (data) {
       setCurrentType(function () {
-        return dateList.filter(function (item) {
+        var list = dateList.filter(function (item) {
           return item.value === data.unit;
         })[0] || dateList[0];
+
+        if (data.relative) {
+          var valueData = list.children.filter(function (item) {
+            return item.count === data.relative[0];
+          })[0];
+
+          if (valueData) {
+            setCurrentTime(valueData);
+          }
+        }
+
+        return list;
       });
       setDateRange(function () {
         return {
@@ -96,7 +129,7 @@ var BizDatePicker = function BizDatePicker(props) {
     paragraph: {
       rows: 1
     }
-  }, /*#__PURE__*/React.createElement(BizSelect, {
+  }, !props.hideSelector ? /*#__PURE__*/React.createElement(BizSelect, {
     className: "".concat(classPrefix, "-type"),
     value: currentType,
     labelField: "label",
@@ -104,7 +137,7 @@ var BizDatePicker = function BizDatePicker(props) {
     theme: "secondary",
     options: dateList,
     onChange: onChangeDateType
-  }), /*#__PURE__*/React.createElement("div", {
+  }) : '', /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-list")
   }, currentType.children.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {

package/es/datePicker/styles/index.less

@@ -9,10 +9,11 @@
 
   &-list {
     display: flex;
-    margin: 0 16px;
+    margin: 0 16px 0 0;
   }
 
   .biz-select-handle {
+    margin-right: 16px;
     padding: 0;
   }
 
@@ -45,7 +46,7 @@
 
     &.active {
       color: @primary-color;
-      background: color(~`colorPalette('@{primary-color}', 0.1) `);
+      background: @primary-color-hover;
       border: 1px solid @primary-color;
     }
   }

package/es/datePicker/types.d.ts

@@ -12,6 +12,8 @@ export declare namespace DatePickerTypes {
         value?: Value;
         includeToday?: boolean;
         onChange?: (data: Value) => void;
+        includeTodayAndYesterday?: boolean;
+        hideSelector?: boolean;
     }
     interface Option {
         label: string;

package/es/datePicker/utils.js

@@ -50,7 +50,7 @@ export var dateList = [{
   }]
 }];
 export var getDateRange = function getDateRange(type, count, includeToday) {
-  var endDate = moment().subtract(includeToday ? 0 : 1, 'days').format('YYYY-MM-DD'),
+  var endDate = moment().subtract(includeToday || count == 0 ? 0 : 1, 'days').format('YYYY-MM-DD'),
       startDate = '';
 
   if (type === 'month') {

package/es/eventSelector/listPanel.js

@@ -55,15 +55,10 @@ var EventListPanel = function EventListPanel(props) {
       searchEventList = _useState8[0],
       setSearchEventList = _useState8[1];
 
-  var _useState9 = useState([]),
+  var _useState9 = useState(),
       _useState10 = _slicedToArray(_useState9, 2),
-      showList = _useState10[0],
-      setShowList = _useState10[1];
-
-  var _useState11 = useState(),
-      _useState12 = _slicedToArray(_useState11, 2),
-      currentValue = _useState12[0],
-      setCurrentValue = _useState12[1];
+      currentValue = _useState10[0],
+      setCurrentValue = _useState10[1];
 
   var overviewData = {
     id: -100,
@@ -107,18 +102,8 @@ var EventListPanel = function EventListPanel(props) {
     setSearchEventList(function () {
       return list;
     });
-    setShowList(function () {
-      return list.slice(0, 10);
-    });
   }, [searchValue, currentGroup, showOverview]);
 
-  var loadMoreData = function loadMoreData() {
-    var moreData = searchEventList.slice(showList.length, showList.length + 10);
-    setShowList(function (list) {
-      return [].concat(_toConsumableArray(list), _toConsumableArray(moreData));
-    });
-  };
-
   function onClickEvent(e) {
     var resVal = _.cloneDeep(currentValue) || {};
     resVal.event = e;
@@ -172,7 +157,39 @@ var EventListPanel = function EventListPanel(props) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-list"),
     id: "scrollableDiv"
-  }, /*#__PURE__*/React.createElement(InfiniteScroll, {
+  }, /*#__PURE__*/React.createElement(InfiniteScrollList, {
+    searchEventList: searchEventList,
+    searchValue: searchValue,
+    currentGroup: currentGroup,
+    currentValue: currentValue,
+    onClick: onClickEvent
+  }))));
+};
+
+var InfiniteScrollList = function InfiniteScrollList(_ref) {
+  var searchEventList = _ref.searchEventList,
+      searchValue = _ref.searchValue,
+      currentGroup = _ref.currentGroup,
+      currentValue = _ref.currentValue,
+      onClick = _ref.onClick;
+
+  var _useState11 = useState([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      showList = _useState12[0],
+      setShowList = _useState12[1];
+
+  useEffect(function () {
+    setShowList(searchEventList.slice(0, 10));
+  }, [searchEventList]);
+
+  var loadMoreData = function loadMoreData() {
+    var moreData = searchEventList.slice(showList.length, showList.length + 10);
+    setShowList(function (list) {
+      return [].concat(_toConsumableArray(list), _toConsumableArray(moreData));
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(InfiniteScroll, {
     dataLength: showList.length,
     hasMore: showList.length < searchEventList.length,
     loader: /*#__PURE__*/React.createElement(Skeleton, {
@@ -184,7 +201,7 @@ var EventListPanel = function EventListPanel(props) {
     next: loadMoreData,
     scrollableTarget: "scrollableDiv",
     key: Math.random()
-  }, showList === null || showList === void 0 ? void 0 : showList.map(function (e) {
+  }, showList.map(function (e) {
     var _currentValue$event;
 
     if (e.eventHidden === ShowStatus.hidden) return null;
@@ -197,9 +214,9 @@ var EventListPanel = function EventListPanel(props) {
         text: searchValue
       },
       data: e,
-      onClick: onClickEvent
+      onClick: onClick
     });
-  })))));
+  }));
 };
 
 export default EventListPanel;

package/es/icon/iconFont.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
+import '../assets/iconfont/iconfont.css';
 interface Props extends IconFontProps {
     family?: string;
     size?: number;

package/es/icon/iconFont.js

@@ -11,6 +11,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 
 import React, { useMemo } from 'react';
+import '../assets/iconfont/iconfont.css';
 
 var IconFont = function IconFont(props) {
   var className = props.className,

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../typings.d.ts" />
-import BizAnalysisLayout from './analysisLayout';
+import BizAnalysisLayout from './layout/analysisLayout';
 import BizUserGroup from './userGroup';
 import BizTargetSelector from './targetSelector';
 import BizEventSelector from './eventSelector/index';
@@ -25,7 +25,8 @@ import BizAddToPanel from './addToPanel';
 import setGlobalConfig from './config';
 import BizCycleTime from './cycleTime';
 import BizDnd from './dnd';
-export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
+import BizDetailLayout from './layout/detail';
+export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
 export type { UserGroupTypes } from './userGroup/types';
 export type { BizSelectTypes } from './select/types';
 export type { AttributeSelect } from './attributeSelector/types';

package/es/index.js

@@ -1,4 +1,4 @@
-import BizAnalysisLayout from './analysisLayout';
+import BizAnalysisLayout from './layout/analysisLayout';
 import BizUserGroup from './userGroup';
 import BizTargetSelector from './targetSelector';
 import BizEventSelector from './eventSelector/index';
@@ -24,4 +24,5 @@ import BizAddToPanel from './addToPanel';
 import setGlobalConfig from './config';
 import BizCycleTime from './cycleTime';
 import BizDnd from './dnd';
-export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };
+import BizDetailLayout from './layout/detail';
+export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };

package/es/{analysisLayout → layout/analysisLayout}/index.js

@@ -11,7 +11,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useState } from 'react';
-import IconFont from '../icon/iconFont';
+import IconFont from '../../icon/iconFont';
 import './index.less';
 import { Tooltip } from 'antd';
 

package/es/{analysisLayout → layout/analysisLayout}/index.less

@@ -1,4 +1,4 @@
-@import '../commonStyle/icon.less';
+@import '../../assets/styles/inner.less';
 
 .biz-layout-container {
   position: relative;
@@ -33,7 +33,7 @@
       box-sizing: border-box;
       width: 100%;
       height: calc(100% - 30px);
-      padding: @searchPadding;
+      padding: @padding-lg;
       overflow: auto;
       .biz-left-content {
         min-height: 600px;
@@ -50,10 +50,10 @@
       line-height: 30px;
       text-align: center;
       background-color: #fff;
-      border-top: @boxBorder;
+      border-top: 1px solid @border-color-base;
 
       .biz-layout-expand {
-        color: @fontColor;
+        color: @text-color;
         font-size: 16px;
         cursor: pointer;
 
@@ -66,7 +66,7 @@
 
   .biz-layout-right {
     box-sizing: border-box;
-    padding: @contentPadding;
+    padding: @padding-lg;
     overflow: auto;
     background-color: #fff;
 
@@ -91,22 +91,22 @@
   font-size: 24px;
   text-align: center;
   background: #ffffff;
-  border: @boxBorder;
+  border: 1px solid @border-color-split;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   cursor: pointer;
 
   .biz-layout-pickup-icon {
-    color: @layoutIconColor;
+    color: @icon-color;
     font-size: 24px;
   }
 
   &:hover {
-    color: @hoverColor;
-    background-color: @hoverBgColor;
+    color: @primary-color;
+    background-color: @primary-color-hover;
 
     .biz-layout-pickup-icon {
-      color: @hoverColor;
+      color: @primary-color;
     }
   }
 }
@@ -115,10 +115,10 @@
   position: absolute;
   bottom: 20px;
   left: 16px;
-  color: @layoutIconColor;
+  color: @icon-color;
   font-size: 24px;
   cursor: pointer;
   &:hover {
-    color: @hoverColor;
+    color: @primary-color;
   }
 }

package/es/layout/detail/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BizDetailLayout } from '@zgfe/business-lib';
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#FAFAFB',
+      padding: '24px'
+    }
+  }, /*#__PURE__*/React.createElement(BizDetailLayout, {
+    extra: /*#__PURE__*/React.createElement(React.Fragment, null, "\u9875\u9762extra")
+  }, "\u9875\u9762\u5185\u5BB9"));
+});

package/es/layout/detail/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+declare const BizDetailLayout: React.FC<{
+    width?: number;
+    onBack?: () => void;
+    extra?: React.ReactNode;
+    children?: React.ReactNode;
+}>;
+export default BizDetailLayout;

package/es/layout/detail/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconFont } from '../..';
+import './index.less';
+
+var BizDetailLayout = function BizDetailLayout(props) {
+  var width = props.width;
+  var classPrefix = 'biz-detail';
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix,
+    style: {
+      width: width ? "".concat(width, "px") : undefined
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-menu")
+  }, /*#__PURE__*/React.createElement("a", {
+    onClick: props.onBack
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fanhuiicon"
+  }), "\u8FD4\u56DE"), props.extra), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children));
+};
+
+export default BizDetailLayout;

package/es/layout/detail/index.less

@@ -0,0 +1,28 @@
+@import '../../assets/styles/inner.less';
+.biz-detail {
+  display: flex;
+  flex-direction: column;
+  width: 1376px;
+  height: 100%;
+  margin: 0 auto;
+  &-menu {
+    flex: none;
+    padding-top: @padding-md;
+    padding-bottom: @padding-md - 2;
+    color: @text-color-secondary;
+    a {
+      margin-right: @margin-md;
+      color: @text-color-secondary;
+      &:hover {
+        color: @primary-color;
+      }
+    }
+  }
+  &-content {
+    flex: 1;
+    padding: @padding-sm @padding-lg @padding-lg @padding-lg;
+    overflow-y: auto;
+    background-color: @white;
+    border-radius: @border-radius-normal;
+  }
+}

package/es/select/handle.js

@@ -105,11 +105,13 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     ref: handleRef,
-    className: "".concat(classPrefix, "-input ").concat(classPrefix, "-single-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(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", {
     className: "".concat(classPrefix, "-holder")
-  }, placeholder || '请选择'), /*#__PURE__*/React.createElement(IconFont, {
+  }, placeholder || '请选择')), /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-expand-icon"),
     type: 'xiangxia'
   }));

package/es/select/index.js

@@ -164,7 +164,7 @@ var BizSelect = function BizSelect(props) {
       width: overlayWidth || width
     },
     trigger: ['click'],
-    getPopupContainer: props.popupContainer || props.multiple ? function () {
+    getPopupContainer: props.popupContainer ? function () {
       return document.getElementById(selectId);
     } : undefined,
     visible: visible,

package/es/select/styles/handle.less

@@ -4,8 +4,7 @@
   &-input {
     position: relative;
     flex: 1;
-    padding: 0px 8px;
-
+    padding: 0px 6px 0 8px;
     &.disable {
       .__disable();
       .bsicon {
@@ -78,24 +77,19 @@
     font-size: @font-size-base;
   }
 
-  &-single-input {
-    .__default-overflow();
-  }
-
   &-holder {
     color: @input-placeholder-color;
   }
-
+  &-content {
+    flex: 1;
+    .__default-overflow();
+  }
   &-expand-icon {
-    position: absolute;
-    top: 50%;
-    right: 8px;
-    flex: none;
-    color: @text-color-secondary;
-    font-size: @font-size-lg;
-    transform: translateY(-50%);
+    width: 14px;
+    margin-left: 5px;
   }
   &-input {
+    display: flex;
     #biz-select-handle-tag {
       display: flex;
       align-items: center;

package/es/select/styles/index.less

@@ -67,7 +67,7 @@
     &.biz-select-option-multiple {
       &:hover:not(.disabled) {
         color: @primary-color;
-        background-color: color(~`colorPalette('@{primary-color}', 0.1) `);
+        background-color: @primary-color-hover;
       }
 
       &.active:not(.disabled) {