@zgfe/business-lib 1.1.84-panel0.2 → 1.1.84

package/es/addToPanel/demo/index.js

@@ -7,6 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { BizAddToPanel } from '@zgfe/business-lib';
 import { Button } from 'antd';
+import { DemoWrapper } from '@zgfe/business-lib';
 var chartTypes = [{
   label: '趋势图',
   value: 'line',
@@ -78,7 +79,9 @@ export default (function () {
     _useState2 = _slicedToArray(_useState, 2),
     showDialog = _useState2[0],
     setShowDialog = _useState2[1];
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       setShowDialog(true);
     }
@@ -92,5 +95,5 @@ export default (function () {
     onOk: function onOk() {
       setShowDialog(false);
     }
-  }));
+  })));
 });

package/es/addToPanel/index.js

@@ -44,7 +44,7 @@ var BizAddToPanel = function BizAddToPanel(props) {
     router = _useContext.router,
     routes = _useContext.routes,
     isDemo = _useContext.isDemo;
-  var showTypes = ['line', 'bar', 'pie'];
+  var showTypes = ['line', 'bar', 'pie', 'funnelBar', 'funnelLine'];
   useEffect(function () {
     queryGroups();
   }, []);
@@ -128,8 +128,8 @@ var BizAddToPanel = function BizAddToPanel(props) {
       data: data
     }).then(function (res) {
       var _result$panel2;
-      if (!res) return;
       setLoading(false);
+      if (!res) return;
       var result = res.data;
       notification.success({
         message: /*#__PURE__*/React.createElement(React.Fragment, null, msgType, "\u81F3", /*#__PURE__*/React.createElement("a", {

package/es/attrCondition/group.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import useConditionGroup from './useConditionGroup';
-import { Skeleton, Space } from 'antd';
+import { Skeleton } from 'antd';
 import BizAttrCondition from '.';
 var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var showHandle = props.showHandle,
@@ -38,11 +38,12 @@ var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref)
     className: "".concat(classPrefix, "-operate-text ").concat(relation === 'and' || props.onlyAnd ? 'active' : '', " ").concat(props.onlyAnd ? 'only-and' : '')
   }, /*#__PURE__*/React.createElement("span", null, "\u4E14")), !props.onlyAnd && /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-operate-text ").concat(relation === 'or' ? 'active' : '')
-  }, /*#__PURE__*/React.createElement("span", null, "\u6216")))) : null, /*#__PURE__*/React.createElement(Space, {
-    className: "".concat(classPrefix, "-container"),
-    direction: "vertical"
+  }, /*#__PURE__*/React.createElement("span", null, "\u6216")))) : null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-container")
   }, conditions.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(BizAttrCondition, {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-container-item")
+    }, /*#__PURE__*/React.createElement(BizAttrCondition, {
       key: item.key,
       value: item.data,
       eventIdList: eventIdList,
@@ -57,7 +58,7 @@ var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref)
       onDelete: function onDelete() {
         return _onDelete(index);
       }
-    });
+    }));
   }))));
 });
 BizAttrConditionGroup.defaultProps = {

package/es/attrCondition/styles/index.less

@@ -28,15 +28,25 @@
       max-width: calc(100% - 380px);
     }
     &-container {
+      display: flex;
       flex: 1;
-      gap: 12px !important;
+      flex-direction: column;
+      gap: 4px;
       width: 100%;
+      max-width: calc(100% + 33px);
+      margin-left: -33px;
+      &-item {
+        padding: 4px 0 4px 48px;
+        &:hover {
+          background: #e8efff;
+        }
+      }
     }
     &-handle {
       position: relative;
       width: 1px;
-      margin-right: 20px;
-      margin-left: 8px;
+      margin-right: 0;
+      margin-left: 32px;
       background: @border-color-base;
     }
     &-operate {

package/es/attrCondition/useAttrCondition.js

@@ -49,7 +49,7 @@ var useAttrCondition = function useAttrCondition(props) {
             propCategory: data.propCategory,
             type: data.type,
             category: data.category,
-            key: "".concat(data.propCategory, "-").concat(data.dimensionSub || data.attrName, "-").concat(aId),
+            key: "".concat(data.propCategory, "-").concat(data.attrName),
             subtype: data.subtype,
             label: data.label,
             dimensionSub: data.dimensionSub || data.attrName

package/es/attributeSelector/index.js

@@ -128,7 +128,8 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
     size: props.size,
     label: (currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.alias) || (currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.label),
     placeholder: placeholder,
-    status: props.status
+    status: props.status,
+    open: visible
   }))), enableDelete ? /*#__PURE__*/React.createElement(BizTargetOptionIcon, {
     name: "delete",
     icon: "qingchu",

package/es/attributeSelector/listPanel.js

@@ -52,11 +52,11 @@ var AttrListPanel = function AttrListPanel(props) {
   }, [eventGroupList]);
   var disableItemlist = (_props$disableItemLis = props.disableItemList) === null || _props$disableItemLis === void 0 ? void 0 : _props$disableItemLis.map(function (item) {
     if (item.propCategory === 'envProp') {
-      item.key = "envProp-".concat(item.dimensionSub || item.name, "-").concat(item.id || 0);
+      item.key = "envProp-".concat(item.name);
     } else if (item.propCategory === 'eventProp') {
       item.key = "eventProp-".concat(item.id);
     } else if (item.propCategory === 'userProp') {
-      item.key = "userProp-".concat(item.dimensionSub || item.name, "-").concat(item.id || 0);
+      item.key = "userProp-".concat(item.name);
     }
     return item;
   });

package/es/attributeSelector/util.js

@@ -59,7 +59,7 @@ export default function convertAttributeData(store) {
       isHidden: prop.hidden,
       alias: prop.alias_name,
       category: prop.category,
-      key: "envProp-".concat(prop.dimension_sub || prop.name, "-").concat(prop.id || 0),
+      key: "envProp-".concat(prop.name),
       label: prop.text,
       name: prop.name,
       propCategory: 'envProp',
@@ -74,7 +74,7 @@ export default function convertAttributeData(store) {
       isHidden: prop.hidden,
       alias: prop.alias_name,
       category: prop.category,
-      key: "userProp-".concat(prop.dimension_sub || prop.name, "-").concat(prop.id || 0),
+      key: "userProp-".concat(prop.name),
       label: prop.text || prop.name,
       name: prop.name,
       propCategory: 'userProp',

package/es/chart/demo/data/data.js

@@ -12,6 +12,15 @@ export default {
   }, {
     names: ['pv'],
     values: [104, 89, 109, 103, 112, 93, 87, 101, 101, 97, 102, 110, 106, 98]
+  }, {
+    names: ['申请退货2'],
+    values: [5, 11, 14, 9, 8, 14, 9, 10, 12, 12, 14, 16, 12, 10]
+  }, {
+    names: ['搜索商品2'],
+    values: [75, 68, 86, 80, 87, 71, 72, 81, 77, 74, 78, 76, 76, 79]
+  }, {
+    names: ['付款成功11付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功'],
+    values: [26, 27, 43, 44, 40, 34, 33, 33, 34, 24, 30, 31, 31, 38]
   }, {
     names: ['查看商品详情'],
     values: [122, 107, 132, 113, 133, 115, 106, 127, 132, 117, 119, 123, 119, 117]

package/es/chart/demo/pie.js

@@ -6,8 +6,6 @@ export default (function () {
     data: pieData,
     type: "pie",
     showAll: false,
-    legendPosition: "bottom",
-    showList: ['搜索商品', '查看商品详情', 'pv', 'scroll'],
-    radius: ['30%', '75%']
+    legendPosition: "bottom"
   });
 });

package/es/chart/styles/index.less

@@ -3,6 +3,7 @@
 .biz-chart-tooltip {
   max-height: 324px;
   overflow: auto;
+  border-radius: 10px !important;
 
   .biz-chart-tooltip-title {
     margin-bottom: @margin-xss;

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

@@ -1,18 +1,12 @@
 import { GridComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/types/dist/echarts';
-import { BarSeriesOption, LegendComponentOption, LineSeriesOption, PieSeriesOption, ToolboxComponentOption, XAXisOption, YAXisOption } from 'echarts/types/dist/shared';
+import { BarSeriesOption, GridOption, LegendComponentOption, LineSeriesOption, PieSeriesOption, ToolboxComponentOption, XAXisOption, YAXisOption } from 'echarts/types/dist/shared';
 import '../styles/index.less';
 import { ChartTypes } from '../types';
 export type EChartsOption = echarts.ComposeOption<TitleComponentOption | ToolboxComponentOption | TooltipComponentOption | GridComponentOption | LegendComponentOption | LineSeriesOption | BarSeriesOption | PieSeriesOption>;
 export declare const baseConfig: EChartsOption;
 export declare const seriesConfig: any;
 export declare const legendConfig: LegendComponentOption;
-export declare const gridConfig: {
-    left: string;
-    right: string;
-    bottom: number;
-    top: number;
-    containLabel: boolean;
-};
+export declare const gridConfig: GridOption;
 export declare const xAxisConfig: XAXisOption;
 export declare const yAxisConfig: YAXisOption;
 export declare const tooltipConfig: TooltipComponentOption;

package/es/chart/util/chartOptionConfig.js

@@ -201,10 +201,10 @@ export var getChartOption = function getChartOption(chartType, data) {
 };
 export var getPieOption = function getPieOption() {
   var seriesData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var legendPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
+  var legendPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'bottom';
   var legendOrient = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'horizontal';
   var showLabel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  var radius = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [0, '75%'];
+  var radius = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ['50%', '65%'];
   var center = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : ['50%', '50%'];
   var tooltipFormatter = arguments.length > 6 ? arguments[6] : undefined;
   var legendFormatter = arguments.length > 7 ? arguments[7] : undefined;
@@ -213,9 +213,25 @@ export var getPieOption = function getPieOption() {
     data: seriesData,
     label: {
       show: showLabel,
-      color: 'inherit',
+      color: '#021429',
+      fontSize: 10,
+      fontWight: 500,
       formatter: function formatter(params) {
-        return util.strMiddleSplit(params.name);
+        console.log('params:', params);
+        return "{a|".concat("} ", util.strMiddleSplit(params.name), " {b|").concat(params.value, "}");
+      },
+      rich: {
+        a: {
+          backgroundColor: 'inherit',
+          width: 6,
+          height: 6,
+          borderRadius: 6
+        },
+        b: {
+          color: '#67727F',
+          fontSize: 10,
+          fontWight: 400
+        }
       }
     },
     radius: radius,
@@ -239,6 +255,11 @@ export var getPieOption = function getPieOption() {
     legend.height = 'auto';
     legend.width = 50;
     grid.left = '10%';
+  } else {
+    if (legendPosition === 'bottom') {
+      grid.top = 'bottom';
+      grid.bottom = '20%';
+    }
   }
   legend.formatter = legendFormatter ? legendFormatter : legendFormatterDefault;
   tooltip.trigger = 'item';

package/es/chart/util/formatOption.js

@@ -26,7 +26,7 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params, resultFor
     } else if (resultFormatMap && resultFormatMap[item.seriesName] && /percent/.test(resultFormatMap[item.seriesName])) {
       lineLabel = util.toThousands(lineLabel) + '%';
     } else {
-      lineLabel = util.toThousands(lineLabel) + unit;
+      lineLabel = util.toThousands(lineLabel) + (unit || '');
     }
     var name = item.seriesName.trim();
     if (item.seriesType === 'bar' && params.length === 1 && !name) {

package/es/eventSelector/index.js

@@ -135,6 +135,7 @@ var BizEventSelector = function BizEventSelector(props) {
     border: false,
     label: getLabel(),
     placeholder: placeholder,
+    open: visible,
     size: props.size
   }))));
 };

package/es/formulaTarget/components/formulaItem/index.js

@@ -176,7 +176,8 @@ var FormulaItem = function FormulaItem(props) {
     className: "".concat(classPrefix, "-target-handle").concat(open ? ' focus' : ''),
     onClick: onClickHandle
   }, /*#__PURE__*/React.createElement(SelectHandle, {
-    label: label
+    label: label,
+    open: open
   }, /*#__PURE__*/React.createElement("span", null, label), haveFilter ? /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-target-handle-icon"),
     type: "a-shaixuan2"

package/es/hooks/useBizStore.js

@@ -84,7 +84,7 @@ function useBizStore(_ref) {
         if (menuNameMap === null || menuNameMap === void 0 ? void 0 : menuNameMap.userTags) queryTags();
       }, 300);
     });
-  }, [currentApp]);
+  }, [currentApp === null || currentApp === void 0 ? void 0 : currentApp.id, currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform]);
   return {
     groupLoading: groupLoading,
     userGroupList: userGroupList,

package/es/layout/optionTitle/index.js

@@ -163,6 +163,7 @@ var BizTargetFromPanel = function BizTargetFromPanel(props) {
     params: props.value.target.params,
     elementId: props.value.target.id,
     showList: props.value.target.showList,
+    showOptions: props.showOptions,
     onCancel: onCancel,
     onOk: onPanelSave
   }))));

package/es/layout/optionTitle/types.d.ts

@@ -5,6 +5,7 @@ export declare namespace BizOptionTitleProps {
         value?: Value;
         disabled?: boolean;
         styleOptions?: AddToPanel.TabItem[];
+        showOptions?: AddToPanel.Option[];
         children?: React.ReactNode;
         afterEditTarget?: (type: string, value?: any) => void;
     }

package/es/loading/demo/index.js

@@ -2,5 +2,11 @@ import { BizLoading } from '@zgfe/business-lib';
 import React from 'react';
 import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
 export default (function () {
-  return /*#__PURE__*/React.createElement(BizLoading, null, /*#__PURE__*/React.createElement("div", null, "\u5185\u5BB9\u533A\u57DF"));
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(BizLoading, {
+    spinning: true
+  }, /*#__PURE__*/React.createElement("div", null, "\u5185\u5BB9\u533A\u57DF")));
 });

package/es/loading/index.js

@@ -3,9 +3,12 @@ import './styles/index.less';
 import { Spin } from 'antd';
 export var classPrefix = 'biz-loading';
 var BizLoading = function BizLoading(props) {
+  var loading = props.spinning === undefined ? true : props.spinning;
   return /*#__PURE__*/React.createElement(Spin, {
-    className: "".concat(classPrefix, "-container ").concat(props.className ? props.className : ''),
-    tip: "".concat(props.loadingText || '数据正在努力加载中，请稍等~'),
+    className: "".concat(classPrefix, "-container ").concat(loading ? 'loading' : '', " ").concat(props.className ? props.className : ''),
+    wrapperClassName: "".concat(classPrefix, "-wrapper ").concat(loading ? 'loading' : ''),
+    spinning: loading,
+    tip: "".concat(props.loadingText === undefined ? '数据正在努力加载中，请稍等~' : props.loadingText),
     size: "large"
   }, props.children);
 };

package/es/loading/styles/index.less

@@ -1,7 +1,7 @@
 @import '../../assets/styles/inner.less';
 
 .biz-loading {
-  &-container {
+  &-container.loading {
     display: flex !important;
     flex-direction: column;
     align-items: center;
@@ -14,4 +14,7 @@
       font-size: 14px;
     }
   }
+  &-wrapper.loading {
+    height: 100%;
+  }
 }

package/es/loading/types.d.ts

@@ -3,4 +3,5 @@ export interface LoadingTypes {
     children?: React.ReactNode;
     loadingText?: string;
     className?: string;
+    spinning?: boolean;
 }

package/es/select/handle.js

@@ -101,6 +101,8 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       ref: handleRef,
       className: "".concat(classPrefix, "-input ").concat(classPrefix, "-input-multiple\n        ").concat(props.theme ? props.theme : '', " ").concat(props.disable ? 'disable' : '', " \n        ").concat(mergedStatus ? "".concat(classPrefix, "-status-").concat(mergedStatus) : '', "\n        ").concat(focus ? 'active' : '', " ").concat(border ? '' : 'borderless', " ").concat(props.size ? props.size : '')
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-multiple-content")
     }, props.value && props.value.length > 0 ? props.value.map(function (item, index) {
       return /*#__PURE__*/React.createElement(Tooltip, {
         title: item[labelField],
@@ -130,6 +132,9 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       value: searchValue,
       onChange: onSearch,
       onKeyDown: onKeyDown
+    })), /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-expand-icon").concat(props.open ? ' open' : ''),
+      type: 'xiangxia'
     }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(classPrefix, "-temp"),
       ref: textRef
@@ -148,7 +153,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, props.value.icon), props.children || 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"),
+    className: "".concat(classPrefix, "-expand-icon").concat(props.open ? ' open' : ''),
     type: 'xiangxia'
   }));
 });

package/es/select/index.js

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

package/es/select/styles/handle.less

@@ -41,11 +41,9 @@
   }
 
   &-input-multiple {
-    flex: auto;
-    flex-wrap: wrap;
+    display: flex;
     align-items: center;
     height: auto;
-    overflow: visible;
     line-height: 1;
     &.small {
       height: auto;
@@ -93,6 +91,13 @@
       }
     }
   }
+  &-multiple-content {
+    display: flex;
+    flex: 1;
+    flex-wrap: wrap;
+    align-items: center;
+    overflow: visible;
+  }
 
   &-search.ant-input {
     width: auto;
@@ -129,6 +134,9 @@
     width: 14px;
     margin-left: 5px;
     color: @text-color-secondary;
+    &.open {
+      transform: rotate(180deg);
+    }
   }
 
   &-tooltip {

package/es/select/types.d.ts

@@ -83,6 +83,7 @@ export interface HandlerTypes {
     border?: boolean;
     showSelectIcon?: boolean;
     status?: string;
+    open?: boolean;
     onDelete?: (data: BizSelectTypes.Option) => void;
     onSearch?: (val: string) => void;
     onCreate?: (val: string) => void;

package/es/table/demo/index.js

@@ -136,6 +136,7 @@ export default (function () {
     });
   }, []);
   return /*#__PURE__*/React.createElement(BizTable, {
+    pagination: false,
     columns: columns,
     dataSource: tableData,
     rowKey: "id",

package/es/targetConditionGroup/components/targetDimension.js

@@ -27,6 +27,10 @@ var BizTargetDimension = function BizTargetDimension(props) {
     setOptions = _useState6[1];
   var _useContext = useContext(BizGlobalDataContext),
     eventGroupList = _useContext.eventGroupList;
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    visible = _useState8[0],
+    setVisible = _useState8[1];
   useEffect(function () {
     var _props$value;
     var dimensionOption = normalOptionsData;
@@ -94,6 +98,9 @@ var BizTargetDimension = function BizTargetDimension(props) {
     }
     if (props.onChange) props.onChange(result);
   };
+  var onVisibleChange = function onVisibleChange(show) {
+    setVisible(show);
+  };
   return /*#__PURE__*/React.createElement(Dropdown, {
     overlayClassName: "".concat(classPrefix, "-dropmenu"),
     placement: "bottom",
@@ -126,10 +133,13 @@ var BizTargetDimension = function BizTargetDimension(props) {
           title: item.label
         }, item.label);
       }));
-    }
+    },
+    open: visible,
+    onOpenChange: onVisibleChange
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-dimension")
   }, /*#__PURE__*/React.createElement(SelectHandle, {
+    open: visible,
     label: "".concat(dimensionParent ? dimensionParent.label : '').concat(dimension === null || dimension === void 0 ? void 0 : dimension.label)
   })));
 };

package/es/userGroup/styles/index.less

@@ -3,11 +3,14 @@
 .biz-user-group {
   position: relative;
   width: 100%;
-  min-width: 184px;
+  min-width: 208px;
+  color: @text-color;
+
   &-handle {
     .__select-handle();
     display: flex;
     flex-direction: row;
+    align-items: center;
     width: 100%;
     min-height: @height-base;
     padding: 4px 4px 4px 12px;
@@ -19,7 +22,7 @@
   }
   &-placeholder {
     flex: 1;
-    color: @text-color-secondary;
+    color: @input-placeholder-color;
     pointer-events: none;
   }
   &-val {
@@ -50,6 +53,8 @@
     display: none;
     flex: none;
     width: 16px;
+    max-height: 24px;
+    margin-left: 6px;
     text-align: center;
     border-radius: @border-radius-small;
     &:hover {

package/es/userGroupHeader/demo/index.js

@@ -11,7 +11,7 @@ export default (function () {
   }, /*#__PURE__*/React.createElement(BizUserGroupHeader, {
     max: 3,
     enableTags: true,
-    value: [['4061:679558480527360'], 786, 758],
+    value: [['4077:685001635528704'], 836, 837],
     onChange: function onChange(value) {
       console.log('>>>>>>>>回传值', value);
     }

package/es/userGroupHeader/index.js

@@ -10,7 +10,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect } from 'react';
 import './styles/index.less';
-import { Space } from 'antd';
+import { Space, Tooltip } from 'antd';
 import BizUserGroup from '../userGroup';
 import IconFont from '../icon/iconFont';
 import _ from 'lodash';
@@ -22,16 +22,8 @@ var BizUserGroupHeader = function BizUserGroupHeader(_ref) {
   var classPrefix = 'biz-user-group-header';
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    groupList = _React$useState2[0],
-    setGroupList = _React$useState2[1];
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    tempValue = _React$useState4[0],
-    setTempValue = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    showBtn = _React$useState6[0],
-    setShowBtn = _React$useState6[1];
+    tempValue = _React$useState2[0],
+    setTempValue = _React$useState2[1];
   useEffect(function () {
     var defaultValue = (value === null || value === void 0 ? void 0 : value.map(function (item) {
       return {
@@ -41,22 +33,14 @@ var BizUserGroupHeader = function BizUserGroupHeader(_ref) {
     })) || [{
       id: Math.random().toString()
     }];
-    setGroupList(defaultValue);
     setTempValue(_.cloneDeep(defaultValue));
   }, []);
   useEffect(function () {
     if (!onChange) return;
-    onChange(groupList.map(function (item) {
+    onChange(tempValue.map(function (item) {
       return item.value;
     }));
-  }, [groupList]);
-  useEffect(function () {
-    setShowBtn(!_.isEqual(groupList.map(function (item) {
-      return item.value;
-    }), tempValue.map(function (item) {
-      return item.value;
-    })));
-  }, [groupList, tempValue]);
+  }, [tempValue]);
   function onAdd() {
     if (max && tempValue.length >= max) return;
     var list = _toConsumableArray(tempValue);
@@ -65,32 +49,13 @@ var BizUserGroupHeader = function BizUserGroupHeader(_ref) {
     });
     setTempValue(list);
   }
-  function onSure() {
-    setGroupList(_.cloneDeep(tempValue));
-  }
-  function onCancel() {
-    setTempValue(_.cloneDeep(groupList).map(function (item) {
-      item.id = Math.random().toString();
-      return item;
-    }));
-  }
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
-  }, /*#__PURE__*/React.createElement(Space, {
-    direction: "vertical",
-    size: 12
-  }, /*#__PURE__*/React.createElement(Space, {
-    size: 16
-  }, /*#__PURE__*/React.createElement("label", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-title")
-  }, "\u5206\u6790\u7528\u6237\u7FA4"), showBtn && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
-    className: "".concat(classPrefix, "-sure"),
-    onClick: onSure
-  }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement("a", {
-    className: "".concat(classPrefix, "-cancel"),
-    onClick: onCancel
-  }, "\u53D6\u6D88"))), /*#__PURE__*/React.createElement(Space, {
-    size: 16
+  }, "\u5206\u6790\u7528\u6237\u7FA4"), /*#__PURE__*/React.createElement(Space, {
+    size: 16,
+    className: "".concat(classPrefix, "-container")
   }, [tempValue.map(function (item, i) {
     return /*#__PURE__*/React.createElement(BizUserGroup, {
       key: item.id,
@@ -108,7 +73,9 @@ var BizUserGroupHeader = function BizUserGroupHeader(_ref) {
         setTempValue(list);
       }
     });
-  })], /*#__PURE__*/React.createElement(IconFont, {
+  })], /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u6DFB\u52A0\u7528\u6237\u7FA4\u505A\u5BF9\u6BD4"
+  }, /*#__PURE__*/React.createElement(IconFont, {
     type: "tianjia",
     className: "".concat(classPrefix, "-add ").concat(max && tempValue.length >= max ? 'disabled' : ''),
     onClick: onAdd

package/es/userGroupHeader/styles/index.less

@@ -1,21 +1,17 @@
 @import '../../assets/styles/inner.less';
 .biz-user-group-header {
-  padding: 6px @margin-lg;
   background: #fff;
   &-title {
+    height: 20px;
+    margin-bottom: @margin-xs;
+    padding-left: @padding-lg;
     color: @text-color-secondary;
     font-weight: 500;
   }
-  &-sure {
-    display: none;
-    color: @primary-color;
-  }
-  &-cancel {
-    display: none;
-    color: @text-color-secondary;
-  }
+
   &-add {
     color: @primary-color;
+    font-size: 20px !important;
     cursor: pointer;
     &.disabled {
       display: none;
@@ -24,11 +20,12 @@
   .biz-user {
     width: 208px;
   }
-  &:hover {
-    background: #e8efff;
-    .biz-user-group-header-sure,
-    .biz-user-group-header-cancel {
-      display: inline-block;
+  &-container {
+    width: 100%;
+    padding: @padding-xss @padding-lg;
+
+    &:hover {
+      background: #e8efff;
     }
   }
 }

package/es/userTagsSelector/index.js

@@ -94,6 +94,7 @@ var UserTagsSelect = function UserTagsSelect(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-handle")
   }, /*#__PURE__*/React.createElement(SelectHandle, {
+    open: visible,
     border: false,
     value: handleValue,
     labelField: "handleText",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.1.84-panel0.2",
+  "version": "1.1.84",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "files": [
@@ -55,7 +55,7 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "31b54abacb350d2a75a3cb8e671c74a3a7ceceb5",
+  "gitHead": "ec1b767ecf3f2905264ed82beecadb3360bad72f",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }