@zgfe/business-lib 1.1.34-alpha.16 → 1.1.34-alpha.18

package/es/addToPanel/index.js

@@ -165,7 +165,7 @@ var BizAddToPanel = function BizAddToPanel(props) {
     });
   }
   return /*#__PURE__*/React.createElement(BizDialog, {
-    visible: true,
+    open: true,
     title: props.type === 'edit' ? '修改当前看板指标' : '向看板添加指标',
     width: 503,
     maskClosable: false,
@@ -215,6 +215,12 @@ var BizAddToPanel = function BizAddToPanel(props) {
     hidden: props.type === 'edit',
     rules: [{
       validator: function validator(_, value) {
+        if (props.type === 'edit') {
+          notification.error({
+            message: '指标名称不能为空'
+          });
+          return Promise.reject();
+        }
         if (!value || !/\S+/.test(value)) return Promise.reject('请输入指标名称!');
         if (!/^[\S\s]{1,20}$/.test(value)) return Promise.reject('指标名称最多为20个字符!');
         return Promise.resolve();

package/es/addToScene/index.js

@@ -112,7 +112,7 @@ var BizAddToScene = function BizAddToScene(props) {
   }, []);
   return /*#__PURE__*/React.createElement(BizDialog, {
     title: "\u6DFB\u52A0\u5230\u5E38\u7528\u573A\u666F",
-    visible: true,
+    open: true,
     maskClosable: false,
     onOk: onSave,
     onCancel: onCancel,

package/es/assets/theme.js

@@ -18,7 +18,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
     'box-shadow-base': '0px 4px 10px rgba(0, 0, 0, 0.1)',
     'btn-text-hover-bg': '#cacdd4',
     'warning-color': '#FD9F41',
-    'border-color-split': '#E8EFFF',
-    'icon-color': '#5F6085'
+    'border-color-split': '#E8EFFF'
   };
 });

package/es/attrConditions/components/valuesList.js

@@ -119,6 +119,7 @@ var ValuesList = function ValuesList(props) {
       labelField: "label",
       size: "middle",
       theme: props.theme,
+      overlayWidth: 60,
       className: "".concat(classPrefix, "-input-select"),
       onChange: onChangeUnit,
       options: propSubtype

package/es/attributeSelector/index.js

@@ -87,19 +87,21 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-handle")
   }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(AttrListPanel, _objectSpread(_objectSpread({
-      id: id
-    }, props), {}, {
-      value: currentAttr,
-      onChange: onChange
-    })),
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(AttrListPanel, _objectSpread(_objectSpread({
+        id: id
+      }, props), {}, {
+        value: currentAttr,
+        onChange: onChange
+      }));
+    },
     trigger: ['click'],
     overlayStyle: {
       minWidth: 284,
       width: width
     },
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: visible,
+    onOpenChange: onVisibleChange,
     destroyPopupOnHide: props.destroyPopupOnHide
   }, /*#__PURE__*/React.createElement("div", {
     style: {

package/es/attributeSelector/types.d.ts

@@ -24,6 +24,8 @@ export interface AnalysisEvent {
     isOverview?: boolean;
     eventHidden?: ShowStatus;
     marked?: boolean;
+    isBuiltIn?: boolean;
+    type?: string;
 }
 export interface EventGroup {
     id: number;

package/es/chart/util/formatOption.js

@@ -21,7 +21,7 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params) {
     } else {
       lineLabel = util.toThousands(lineLabel);
     }
-    var name = (params.length > 1 ? item.seriesName : item.data && item.data.label ? item.data.label : item.name).trim();
+    var name = item.seriesName.trim();
     htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n          <div class=\"biz-chart-tooltip-content\">\n              <span class=\"biz-tooltip-marker\" style=\"background:".concat(item.color, "\"></span>\n              <div class=\"biz-tooltip-name\">").concat(name, "</div>\n          </div> \n          <span class=\"biz-chart-tooltip-value\">").concat(lineLabel, "</span>\n        </div>"));
   });
   return htmlArray.join('');

package/es/constants/apis.d.ts

@@ -8,5 +8,10 @@ declare const Apis: {
     queryDatasetList: string;
     queryDatasetDetail: string;
     getSocketToken: string;
+    bizDataTypeList: string;
+    orderAttributeMaster: string;
+    orderAttributeSon: string;
+    bizDataAttrList: string;
+    dataAttrValue: string;
 };
 export default Apis;

package/es/constants/apis.js

@@ -7,6 +7,11 @@ var Apis = {
   queryPanelGroup: '/apppanel/panels.jsp',
   queryDatasetList: '/zg/web/cdp/inner/dataset/list',
   queryDatasetDetail: '/zg/web/cdp/inner/dataset/detail',
-  getSocketToken: '/zg/web/v2/tracking/view/websocket/token'
+  getSocketToken: '/zg/web/v2/tracking/view/websocket/token',
+  bizDataTypeList: '/cep-console/api/v1/bizdata/type/list',
+  orderAttributeMaster: '/cep-console/api/v1/cdp/orderAttribute/master',
+  orderAttributeSon: '/cep-console/api/v1/cdp/orderAttribute/son',
+  bizDataAttrList: '/cep-console/api/v1/bizdata/attr/list',
+  dataAttrValue: '/cep-console/api/v1/es/data/attr/value'
 };
 export default Apis;

package/es/constants/common.d.ts

@@ -0,0 +1,11 @@
+export declare const BuiltinIndicators: {
+    id: number;
+    name: string;
+    eventList: {
+        name: string;
+        id: number;
+        type: string;
+        isBuiltIn: boolean;
+        attrList: never[];
+    }[];
+};

package/es/constants/common.js

@@ -0,0 +1,35 @@
+export var BuiltinIndicators = {
+  id: -2,
+  name: '整体',
+  eventList: [{
+    name: '新增用户',
+    id: -201,
+    type: 'add',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '活跃用户',
+    id: -202,
+    type: 'active',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '访问次数',
+    id: -203,
+    type: 'times',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '平均使用时长',
+    id: -204,
+    type: 'duration_avg',
+    isBuiltIn: true,
+    attrList: []
+  }, {
+    name: '使用时长分布',
+    id: -205,
+    type: 'duration',
+    isBuiltIn: true,
+    attrList: []
+  }]
+};

package/es/cycleTime/month.js

@@ -69,21 +69,23 @@ var MonthDay = function MonthDay(props) {
   }
   return /*#__PURE__*/React.createElement(Dropdown, {
     disabled: disable,
-    overlay: /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-overlay")
-    }, dayList.map(function (item) {
-      return /*#__PURE__*/React.createElement("span", {
-        key: item.value,
-        className: "".concat(classPrefix, "-day ").concat(chosenDayList.map(function (v) {
-          return v.value;
-        }).indexOf(item.value) > -1 ? 'active' : '', " ").concat(item.value === 32 ? 'lastday' : ''),
-        onClick: function onClick() {
-          onClickMonthDay(item.value);
-        }
-      }, item.label);
-    })),
-    visible: visible,
-    onVisibleChange: setVisible,
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-overlay")
+      }, dayList.map(function (item) {
+        return /*#__PURE__*/React.createElement("span", {
+          key: item.value,
+          className: "".concat(classPrefix, "-day ").concat(chosenDayList.map(function (v) {
+            return v.value;
+          }).indexOf(item.value) > -1 ? 'active' : '', " ").concat(item.value === 32 ? 'lastday' : ''),
+          onClick: function onClick() {
+            onClickMonthDay(item.value);
+          }
+        }, item.label);
+      }));
+    },
+    open: visible,
+    onOpenChange: setVisible,
     trigger: ['click']
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-wrapper")

package/es/eventSelector/demo/index.js

@@ -39,6 +39,7 @@ var EventDemo = function EventDemo() {
       eventGroupList: store.eventGroupList
     }
   }, /*#__PURE__*/React.createElement(BizEventSelector, {
+    showBuiltInTarget: true,
     defaultValue: value,
     alias: "\u522B\u540D",
     onChange: onChange

package/es/eventSelector/index.js

@@ -10,6 +10,7 @@ import SelectHandle from '../select/handle';
 import BizGlobalDataContext from '../context';
 import EventListPanel from './listPanel';
 import './styles/index.less';
+import { BuiltinIndicators } from '../constants/common';
 export var classPrefix = 'biz-event-select';
 var BizEventSelector = function BizEventSelector(props) {
   var alias = props.alias,
@@ -42,13 +43,14 @@ var BizEventSelector = function BizEventSelector(props) {
   var getValue = function getValue(param) {
     var _param$group, _param$event;
     var res = {};
+    var allEvents = props.showBuiltInTarget ? eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.concat(BuiltinIndicators) : eventGroupList;
     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) {
+          allEvents === null || allEvents === void 0 ? void 0 : allEvents.forEach(function (group) {
             list = list.concat(group.eventList);
           });
           return list;
@@ -62,7 +64,7 @@ var BizEventSelector = function BizEventSelector(props) {
         attrList: []
       };
     }
-    eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
+    allEvents === null || allEvents === void 0 ? void 0 : allEvents.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) {
@@ -100,19 +102,22 @@ var BizEventSelector = function BizEventSelector(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: [classPrefix, border ? 'border' : ''].join(' ')
   }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(EventListPanel, {
-      value: currentValue,
-      onChange: onChange,
-      showOverview: showAllEvent,
-      defaultSelectAble: defaultSelectAble
-    }),
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(EventListPanel, {
+        value: currentValue,
+        onChange: onChange,
+        showOverview: showAllEvent,
+        showBuiltInTarget: props.showBuiltInTarget,
+        defaultSelectAble: defaultSelectAble
+      });
+    },
     trigger: ['click'],
     overlayStyle: {
       minWidth: 0,
       paddingLeft: 8
     },
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: visible,
+    onOpenChange: onVisibleChange,
     getPopupContainer: props.popupContainer ? function () {
       return document.getElementById(selectId);
     } : undefined,

package/es/eventSelector/listPanel.js

@@ -15,6 +15,7 @@ import InfiniteScroll from 'react-infinite-scroll-component';
 import { classPrefix } from '.';
 import { BizGlobalDataContext } from '..';
 import { ShowStatus } from '../attributeSelector/types';
+import { BuiltinIndicators } from '../constants/common';
 import BizSearchInput from '../searchInput';
 import EventListOption from './option';
 var EventListPanel = function EventListPanel(props) {
@@ -68,15 +69,33 @@ var EventListPanel = function EventListPanel(props) {
             }
           });
         });
-        list = [].concat(markList, _toConsumableArray(list));
+        list = props.showBuiltInTarget ? [].concat(_toConsumableArray(BuiltinIndicators.eventList), markList, _toConsumableArray(list)) : [].concat(markList, _toConsumableArray(list));
         return list;
       }(),
       name: '所有分组'
     };
     setGroupList(function (list) {
-      return [group].concat(_toConsumableArray(list));
+      return props.showBuiltInTarget ? [group, BuiltinIndicators].concat(_toConsumableArray(list)) : [group].concat(_toConsumableArray(list));
+    });
+    setCurrentGroup(function () {
+      var _props$value;
+      if (props.defaultSelectAble && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.group)) {
+        if (props.showBuiltInTarget && props.value.group.id === -2) {
+          return BuiltinIndicators;
+        } else {
+          var _currentGroup = group;
+          eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (eGroup) {
+            var _props$value2, _props$value2$group;
+            if (eGroup.id === ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : (_props$value2$group = _props$value2.group) === null || _props$value2$group === void 0 ? void 0 : _props$value2$group.id)) {
+              _currentGroup = eGroup;
+              return;
+            }
+          });
+          return _currentGroup;
+        }
+      }
+      return group;
     });
-    setCurrentGroup(group);
   }, []);
   useEffect(function () {
     setCurrentValue(props.value);

package/es/eventSelector/types.d.ts

@@ -23,6 +23,7 @@ export declare namespace EventSelectTypes {
         showAllEvent?: boolean;
         defaultSelectAble?: boolean;
         popupContainer?: boolean;
+        showBuiltInTarget?: boolean;
         onVisibleChange?: (visible: boolean) => void;
         border?: boolean;
         theme?: string;
@@ -33,6 +34,7 @@ export declare namespace EventSelectTypes {
     interface DropdownProps {
         value?: Value;
         showOverview?: boolean;
+        showBuiltInTarget?: boolean;
         defaultSelectAble?: boolean;
         onChange?: (value: Value, isOverview?: boolean) => void;
     }

package/es/select/handle.js

@@ -67,7 +67,11 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [focus]);
   var searchInputWidth = useMemo(function () {
-    return textRef.current && searchValue ? textRef.current.offsetWidth : 3;
+    if (textRef.current && searchValue) {
+      textRef.current.innerText = searchValue;
+      return textRef.current.offsetWidth;
+    }
+    return 3;
   }, [searchValue]);
   var onDelete = function onDelete(data) {
     if (props.onDelete) props.onDelete(data);
@@ -122,7 +126,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(classPrefix, "-temp"),
       ref: textRef
-    }, searchValue));
+    }));
   }
   return /*#__PURE__*/React.createElement("div", {
     ref: handleRef,

package/es/select/index.js

@@ -146,15 +146,17 @@ var BizSelect = function BizSelect(props) {
     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,
-      ref: overlayRef,
-      searchPlaceholder: props.searchPlaceholder
-    })),
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(SelectOverlay, _objectSpread(_objectSpread({}, res), {}, {
+        value: current,
+        labelField: labelField,
+        keyField: keyField,
+        searchValue: searchValue,
+        onChange: onChange,
+        ref: overlayRef,
+        searchPlaceholder: props.searchPlaceholder
+      }));
+    },
     disabled: props.disable,
     destroyPopupOnHide: props.destroyPopupOnHide,
     overlayStyle: {
@@ -165,8 +167,8 @@ var BizSelect = function BizSelect(props) {
     getPopupContainer: props.popupContainer ? function () {
       return document.getElementById(selectId);
     } : undefined,
-    visible: visible,
-    onVisibleChange: onVisibleChange
+    open: visible,
+    onOpenChange: onVisibleChange
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-handle ").concat(props.className ? props.className : ''),
     ref: selectRef,

package/es/targetConditionGroup/components/targetDimension.js

@@ -97,33 +97,35 @@ var BizTargetDimension = function BizTargetDimension(props) {
     overlayClassName: "".concat(classPrefix, "-dropmenu"),
     placement: "bottom",
     trigger: ['click'],
-    overlay: /*#__PURE__*/React.createElement(Menu, null, options.map(function (item) {
-      if (item.children) {
-        return /*#__PURE__*/React.createElement(SubMenu, {
-          popupClassName: "".concat(classPrefix, "-submenu"),
-          key: item.label,
-          title: item.label,
-          className: "".concat((dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.label) === item.label ? 'active' : '')
-        }, item.children.map(function (sub) {
-          return /*#__PURE__*/React.createElement(Menu.Item, {
-            className: (dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.value) === item.value && (dimension === null || dimension === void 0 ? void 0 : dimension.value) === sub.value ? 'active' : '',
-            title: sub.label,
-            key: "".concat(item.value, "-").concat(sub.value),
-            onClick: function onClick() {
-              return onChange(sub, item);
-            }
-          }, sub.label);
-        }));
-      }
-      return /*#__PURE__*/React.createElement(Menu.Item, {
-        className: (dimension === null || dimension === void 0 ? void 0 : dimension.value) === item.value ? 'active' : '',
-        key: item.value,
-        onClick: function onClick() {
-          return onChange(item);
-        },
-        title: item.label
-      }, item.label);
-    }))
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(Menu, null, options.map(function (item) {
+        if (item.children) {
+          return /*#__PURE__*/React.createElement(SubMenu, {
+            popupClassName: "".concat(classPrefix, "-submenu"),
+            key: item.label,
+            title: item.label,
+            className: "".concat((dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.label) === item.label ? 'active' : '')
+          }, item.children.map(function (sub) {
+            return /*#__PURE__*/React.createElement(Menu.Item, {
+              className: (dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.value) === item.value && (dimension === null || dimension === void 0 ? void 0 : dimension.value) === sub.value ? 'active' : '',
+              title: sub.label,
+              key: "".concat(item.value, "-").concat(sub.value),
+              onClick: function onClick() {
+                return onChange(sub, item);
+              }
+            }, sub.label);
+          }));
+        }
+        return /*#__PURE__*/React.createElement(Menu.Item, {
+          className: (dimension === null || dimension === void 0 ? void 0 : dimension.value) === item.value ? 'active' : '',
+          key: item.value,
+          onClick: function onClick() {
+            return onChange(item);
+          },
+          title: item.label
+        }, item.label);
+      }));
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-dimension")
   }, /*#__PURE__*/React.createElement(SelectHandle, {

package/es/targetConditionGroup/data/operates.js

@@ -43,9 +43,6 @@ export var attrOptions = [{
 }, {
   label: '均值',
   value: 'avg'
-}, {
-  label: '分布',
-  value: 'duration_times'
 }, {
   label: '中位数',
   value: 'median'

package/es/targetConditionGroup/demo/index.js

@@ -51,6 +51,7 @@ export default (function () {
     max: 3
   }, /*#__PURE__*/React.createElement(BizEventSelector, {
     showAllEvent: true,
-    border: false
+    border: false,
+    showBuiltInTarget: true
   }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(target)));
 });