@zgfe/business-lib 1.2.70-hxd.11 → 1.2.70-hxd.19

package/es/datePickerV2/styles/index.less

@@ -1,194 +1,194 @@
-@import '../../assets/styles/inner.less';
-
-.biz-date-picker-old-wrap {
-  display: flex;
-
-  &-type {
-    width: 88px;
-  }
-
-  &-shortcut {
-    display: flex;
-  }
-
-  &-list {
-    display: flex;
-    // margin: 0 16px 0 0;
-
-    &-relative {
-      display: flex;
-      gap: 24px;
-      align-items: center;
-      margin-left: 16px;
-
-      &-content {
-        display: flex;
-        align-items: center;
-        span {
-          margin: 0 8px;
-        }
-
-        .ant-input-number {
-          background-color: #fff !important;
-          border: 1px solid var(---, #ecedf0);
-          border-radius: 4px;
-        }
-      }
-    }
-  }
-
-  .biz-select-handle {
-    margin-right: 8px;
-    padding: 0;
-  }
-
-  &-item {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 58px;
-    height: @height-base;
-    color: @text-color-secondary;
-    border: 1px solid @border-color-base;
-    cursor: pointer;
-
-    &:first-child {
-      border-radius: @border-radius-small 0px 0px @border-radius-small;
-    }
-
-    &:last-child {
-      border-radius: 0px @border-radius-small @border-radius-small 0px;
-    }
-
-    &:not(:last-child) {
-      border-right: none;
-    }
-
-    &:hover {
-      .__default-hover();
-      border-color: @border-color-base;
-    }
-
-    &.active {
-      color: @primary-color;
-      background: @primary-color-hover;
-      border: 1px solid @primary-color;
-    }
-  }
-
-  &-input {
-    display: flex;
-    flex-shrink: 0;
-    gap: 4px;
-    align-items: center;
-    justify-content: space-between;
-    width: 262px;
-    padding: 0px 12px;
-    font-size: 14px;
-    background: #fff;
-    border: 1px solid var(---, #ecedf0);
-    border-radius: 4px;
-
-    &-label {
-      display: flex;
-      gap: 4px;
-      align-items: center;
-    }
-
-    &:hover {
-      // color: #165dff;
-      border-color: @primary-color;
-      cursor: pointer;
-    }
-
-    &:focus {
-      border-color: @primary-color;
-    }
-
-    &:active {
-      border-color: @primary-color;
-    }
-
-    &-active {
-      border-color: @primary-color;
-      box-shadow: 0 0 0 4px #f0f7ff;
-    }
-
-    &-popover {
-      padding-top: 0 !important;
-      .ant-popover-arrow {
-        display: none;
-      }
-
-      .ant-popover-inner-content {
-        padding: 0 16px 16px;
-      }
-
-      .ant-picker-dropdown {
-        padding-top: 0;
-
-        .ant-picker-range-arrow {
-          display: none;
-        }
-      }
-
-      .ant-tabs-top > .ant-tabs-nav::before {
-        border-bottom: 1px solid #fafafb;
-      }
-
-      .ant-tabs-tab {
-        padding: 12px 0 !important;
-        font-size: 14px !important;
-      }
-
-      .ant-popover-inner {
-        background: #fff;
-        border-radius: 8px;
-        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
-      }
-    }
-
-    &-error {
-      position: relative;
-      border: 1px solid var(--io-Error-E-, #fb5547) !important;
-
-      &::after {
-        position: absolute;
-        width: 67px;
-        color: red;
-        font-size: 12px;
-        content: '请输入内容';
-      }
-    }
-  }
-
-  &-panel {
-    & div:last-of-type {
-      position: relative !important;
-    }
-    .biz-date-picker-old-wrap-drop {
-      top: 0 !important;
-      margin-top: 12px;
-      padding: 0;
-    }
-    .ant-picker-panel-container {
-      background: #fff;
-      border: 1px solid var(--io-n-02, #f2f3f4);
-      border-radius: 10px;
-      box-shadow: none;
-    }
-
-    .ant-picker-panel-container .ant-picker-panel-focused {
-      border-color: var(--io-n-02, #f2f3f4);
-    }
-  }
-
-  &-popoverContent-btns {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: flex;
-    gap: 16px;
-    justify-content: flex-end;
-  }
-}
+@import '../../assets/styles/inner.less';
+
+.biz-date-picker-old-wrap {
+  display: flex;
+
+  &-type {
+    width: 88px;
+  }
+
+  &-shortcut {
+    display: flex;
+  }
+
+  &-list {
+    display: flex;
+    // margin: 0 16px 0 0;
+
+    &-relative {
+      display: flex;
+      gap: 24px;
+      align-items: center;
+      margin-left: 16px;
+
+      &-content {
+        display: flex;
+        align-items: center;
+        span {
+          margin: 0 8px;
+        }
+
+        .ant-input-number {
+          background-color: #fff !important;
+          border: 1px solid var(---, #ecedf0);
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+
+  .biz-select-handle {
+    margin-right: 8px;
+    padding: 0;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 58px;
+    height: @height-base;
+    color: @text-color-secondary;
+    border: 1px solid @border-color-base;
+    cursor: pointer;
+
+    &:first-child {
+      border-radius: @border-radius-small 0px 0px @border-radius-small;
+    }
+
+    &:last-child {
+      border-radius: 0px @border-radius-small @border-radius-small 0px;
+    }
+
+    &:not(:last-child) {
+      border-right: none;
+    }
+
+    &:hover {
+      .__default-hover();
+      border-color: @border-color-base;
+    }
+
+    &.active {
+      color: @primary-color;
+      background: @primary-color-hover;
+      border: 1px solid @primary-color;
+    }
+  }
+
+  &-input {
+    display: flex;
+    flex-shrink: 0;
+    gap: 4px;
+    align-items: center;
+    justify-content: space-between;
+    width: 262px;
+    padding: 0px 12px;
+    font-size: 14px;
+    background: #fff;
+    border: 1px solid var(---, #ecedf0);
+    border-radius: 4px;
+
+    &-label {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+    }
+
+    &:hover {
+      // color: #116ACC;
+      border-color: @primary-color;
+      cursor: pointer;
+    }
+
+    &:focus {
+      border-color: @primary-color;
+    }
+
+    &:active {
+      border-color: @primary-color;
+    }
+
+    &-active {
+      border-color: @primary-color;
+      box-shadow: 0 0 0 4px #f0f7ff;
+    }
+
+    &-popover {
+      padding-top: 0 !important;
+      .ant-popover-arrow {
+        display: none;
+      }
+
+      .ant-popover-inner-content {
+        padding: 0 16px 16px;
+      }
+
+      .ant-picker-dropdown {
+        padding-top: 0;
+
+        .ant-picker-range-arrow {
+          display: none;
+        }
+      }
+
+      .ant-tabs-top > .ant-tabs-nav::before {
+        border-bottom: 1px solid #fafafb;
+      }
+
+      .ant-tabs-tab {
+        padding: 12px 0 !important;
+        font-size: 14px !important;
+      }
+
+      .ant-popover-inner {
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+      }
+    }
+
+    &-error {
+      position: relative;
+      border: 1px solid var(--io-Error-E-, #fb5547) !important;
+
+      &::after {
+        position: absolute;
+        width: 67px;
+        color: red;
+        font-size: 12px;
+        content: '请输入内容';
+      }
+    }
+  }
+
+  &-panel {
+    & div:last-of-type {
+      position: relative !important;
+    }
+    .biz-date-picker-old-wrap-drop {
+      top: 0 !important;
+      margin-top: 12px;
+      padding: 0;
+    }
+    .ant-picker-panel-container {
+      background: #fff;
+      border: 1px solid var(--io-n-02, #f2f3f4);
+      border-radius: 10px;
+      box-shadow: none;
+    }
+
+    .ant-picker-panel-container .ant-picker-panel-focused {
+      border-color: var(--io-n-02, #f2f3f4);
+    }
+  }
+
+  &-popoverContent-btns {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    gap: 16px;
+    justify-content: flex-end;
+  }
+}

package/es/datePickerV2/types.d.ts

@@ -27,6 +27,7 @@ export declare namespace DatePickerTypes {
         dateTypeList?: Unit[];
         hiddenUnitType?: boolean;
         shortcuts?: DatePickerTypes.Option[];
+        openComparison?: boolean;
     }
     interface Option {
         label: string;

package/es/datePickerV2/utils.js

@@ -45,6 +45,9 @@ export var getTypeList = function getTypeList(currentType, includeToday, shortcu
     label: '按小时',
     value: DatePickerTypes.Unit.hour,
     children: [{
+      value: '今天',
+      count: 0
+    }, {
       value: '昨天',
       count: 1
     }, {
@@ -55,6 +58,9 @@ export var getTypeList = function getTypeList(currentType, includeToday, shortcu
     label: '按天',
     value: DatePickerTypes.Unit.day,
     children: [{
+      value: '今天',
+      count: 0
+    }, {
       value: '7天',
       count: 7
     }, {
@@ -107,8 +113,8 @@ export var getTypeList = function getTypeList(currentType, includeToday, shortcu
   var list = (((_find = (shortcuts ? shortcuts : defaultShortcuts).find(function (item) {
     return item.value === currentType;
   })) === null || _find === void 0 ? void 0 : _find.children) || []).filter(function (item) {
-    if (currentType === 'day') {
-      if (!includeToday && (item.count === 0 || item.count === 1)) return false;
+    if (currentType === 'day' || currentType === 'hour') {
+      if (!includeToday && item.count === 0) return false;
       return true;
     }
     return true;

package/es/demoWrapper/content.js

@@ -250,7 +250,12 @@ var DemoContent = function DemoContent(_ref3) {
       tagLoading: tagLoading,
       setTagList: setTagList,
       queryGroups: queryGroups,
-      queryTags: queryTags
+      queryTags: queryTags,
+      envs: {
+        staticFilePath: function staticFilePath(src) {
+          return 'https://demo.zhugeio.com/zg-analysis/' + src;
+        }
+      }
     }, contextProps)
   }, children));
 };

package/es/demoWrapper/innerDemo.js

@@ -5,7 +5,7 @@ var InnerDemo = function InnerDemo(_ref) {
     contextProps = _ref.contextProps;
   return /*#__PURE__*/React.createElement(DemoWrapper, {
     needMeta: true,
-    defaultApp: 461,
+    defaultApp: 163,
     contextProps: contextProps
   }, /*#__PURE__*/React.createElement("div", {
     style: {

package/es/dialog/index.d.ts

@@ -2,5 +2,8 @@ import React from 'react';
 import { DialogTypes } from './types';
 import './styles/index.less';
 export declare const classPrefix = "biz-dialog";
-declare const BizDialog: React.FC<DialogTypes.Props>;
+type FCWithDefaultProps<P> = React.FC<P> & {
+    defaultProps?: Partial<P>;
+};
+declare const BizDialog: FCWithDefaultProps<DialogTypes.Props>;
 export default BizDialog;

package/es/dnd/demo/index.js

@@ -19,8 +19,12 @@ export default (function () {
     tempClassName: styles.temp,
     draddingClassName: styles.doing,
     itemRender: function itemRender(data) {
+      var _data = data.label;
       return /*#__PURE__*/React.createElement("div", {
-        key: data.id
+        key: data.id,
+        onClick: function onClick() {
+          return console.log(_data);
+        }
       }, data.label);
     },
     onChange: function onChange(list) {

package/es/dnd/index.d.ts

@@ -2,5 +2,8 @@ import React from 'react';
 import { DndTypes } from './types';
 import './styles/index.less';
 export declare const classPrefix = "biz-dnd";
-declare const BizDnd: React.FC<DndTypes.ContainerProps>;
+type FCWithDefaultProps<P> = React.FC<P> & {
+    defaultProps?: Partial<P>;
+};
+declare const BizDnd: FCWithDefaultProps<DndTypes.ContainerProps>;
 export default BizDnd;

package/es/dnd/item.js

@@ -26,7 +26,15 @@ var BizDndItem = function BizDndItem(props) {
     isDragging = _useState2[0],
     setIsDragging = _useState2[1];
   var ref = useRef();
+  var startPos = useRef({
+    x: 0,
+    y: 0
+  });
   function onMousedown(e) {
+    startPos.current = {
+      x: e.clientX,
+      y: e.clientY
+    };
     var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
       top = _e$currentTarget$getB.top,
       left = _e$currentTarget$getB.left;
@@ -51,6 +59,12 @@ var BizDndItem = function BizDndItem(props) {
     }
   }
   function onMouseMove(e) {
+    var dx = e.clientX - startPos.current.x;
+    var dy = e.clientY - startPos.current.y;
+    var distance = Math.sqrt(dx * dx + dy * dy);
+    if (distance <= 10) {
+      return;
+    }
     var computedStyle = window.getComputedStyle(ref.current);
     style.position = 'fixed';
     style.top += e.clientY - (preMouse.y || 0);

package/es/eventSelector/index.d.ts

@@ -2,5 +2,8 @@ import React from 'react';
 import './styles/index.less';
 import { EventSelectTypes } from './types';
 export declare const classPrefix = "biz-event-select";
-declare const BizEventSelector: React.FC<EventSelectTypes.Props>;
+type FCWithDefaultProps<P> = React.FC<P> & {
+    defaultProps?: Partial<P>;
+};
+declare const BizEventSelector: FCWithDefaultProps<EventSelectTypes.Props>;
 export default BizEventSelector;

package/es/eventSelector/index.js

@@ -10,7 +10,7 @@ import SelectHandle from '../select/handle';
 import BizGlobalDataContext from '../context';
 import EventListPanel from './listPanel';
 import './styles/index.less';
-import { BuiltinIndicators } from '../constants/common';
+import { BuiltinIndicators, RetentionTarget } from '../constants/common';
 import _ from 'lodash';
 import useChanged from '../hooks/useChanged';
 import BizTargetOptionIcon from '../targetSelector/optionIcon';
@@ -68,7 +68,7 @@ var BizEventSelector = function BizEventSelector(props) {
   }
   var getValue = function getValue(param) {
     var res = {};
-    var allEvents = props.showBuiltInTarget ? eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.concat(BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type)) : eventGroupList;
+    var allEvents = props.showRetentionTarget ? eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.concat(RetentionTarget(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type, props.showRetentionTarget)) : props.showBuiltInTarget ? eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.concat(BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type)) : eventGroupList;
     if (props.multiple) {
       var params = param;
       return params.filter(function (item) {
@@ -166,6 +166,7 @@ var BizEventSelector = function BizEventSelector(props) {
         multiple: props.multiple,
         maxEventCount: props.maxEventCount,
         showBuiltInTarget: props.showBuiltInTarget,
+        showRetentionTarget: props.showRetentionTarget,
         defaultSelectAble: defaultSelectAble,
         selectList: props.selectList,
         disableList: props.disableList,

package/es/eventSelector/listPanel.js

@@ -21,7 +21,7 @@ import InfiniteScroll from 'react-infinite-scroll-component';
 import { classPrefix } from '.';
 import { BizGlobalDataContext, useChanged } from '..';
 import { ShowStatus } from '../attributeSelector/types';
-import { BuiltinIndicators } from '../constants/common';
+import { BuiltinIndicators, RetentionTarget } from '../constants/common';
 import BizSearchInput from '../searchInput';
 import EventListOption from './option';
 var EventListPanel = function EventListPanel(props) {
@@ -108,7 +108,7 @@ var EventListPanel = function EventListPanel(props) {
             }
           });
         });
-        list = props.showBuiltInTarget ? [].concat(_toConsumableArray(BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type).eventList), markList, _toConsumableArray(list)) : [].concat(markList, _toConsumableArray(list));
+        list = props.showRetentionTarget ? [].concat(_toConsumableArray(RetentionTarget(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type, props.showRetentionTarget).eventList), markList, _toConsumableArray(list)) : props.showBuiltInTarget ? [].concat(_toConsumableArray(BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type).eventList), markList, _toConsumableArray(list)) : [].concat(markList, _toConsumableArray(list));
         if (props.extendEvents) {
           list = [].concat(_toConsumableArray(props.extendEvents), _toConsumableArray(list));
         }
@@ -117,7 +117,7 @@ var EventListPanel = function EventListPanel(props) {
       name: '所有分组'
     };
     setGroupList(function (list) {
-      var result = props.showBuiltInTarget ? [group, BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type)].concat(_toConsumableArray(list)) : [group].concat(_toConsumableArray(list));
+      var result = props.showRetentionTarget ? [group, RetentionTarget(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type, props.showRetentionTarget)].concat(_toConsumableArray(list)) : props.showBuiltInTarget ? [group, BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type)].concat(_toConsumableArray(list)) : [group].concat(_toConsumableArray(list));
       if (!props.filter) return result;
       var finalList = [];
       result.forEach(function (group) {
@@ -141,8 +141,10 @@ var EventListPanel = function EventListPanel(props) {
       if (!props.multiple) {
         var _props$value;
         if (props.defaultSelectAble && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.group)) {
-          var _props$value$group;
-          if (props.showBuiltInTarget && ((_props$value$group = props.value.group) === null || _props$value$group === void 0 ? void 0 : _props$value$group.id) === -2) {
+          var _props$value$group, _props$value$group2;
+          if (props.showRetentionTarget && ((_props$value$group = props.value.group) === null || _props$value$group === void 0 ? void 0 : _props$value$group.id) === -2) {
+            resultGroup = RetentionTarget(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type, props.showRetentionTarget);
+          } else if (props.showBuiltInTarget && ((_props$value$group2 = props.value.group) === null || _props$value$group2 === void 0 ? void 0 : _props$value$group2.id) === -2) {
             resultGroup = BuiltinIndicators(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type);
           } else {
             var _currentGroup = group;
@@ -166,13 +168,6 @@ var EventListPanel = function EventListPanel(props) {
     });
     setReady(true);
   }, [eventGroupListData]);
-  useChanged(function () {
-    if (props.multiple) {
-      setCheckedEventList(_.cloneDeep(props.value) || []);
-    } else {
-      setCurrentValue(_.cloneDeep(props.value));
-    }
-  }, props.value);
   useEffect(function () {
     var list = [];
     currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.eventList.forEach(function (event) {
@@ -355,7 +350,8 @@ export var InfiniteScrollList = function InfiniteScrollList(_ref) {
       },
       multiple: multiple,
       data: e,
-      onClick: onClick
+      onClick: onClick,
+      showTip: e.id === -205
     });
   }));
 };

package/es/eventSelector/option.d.ts

@@ -14,5 +14,6 @@ declare const EventListOption: React.FC<{
     };
     data?: EventGroup | AnalysisEvent;
     onClick?: (data: any) => void;
+    showTip?: boolean;
 }>;
 export default EventListOption;

package/es/eventSelector/option.js

@@ -1,4 +1,4 @@
-import { Badge, Checkbox } from 'antd';
+import { Badge, Checkbox, Tooltip } from 'antd';
 import React from 'react';
 import { classPrefix } from '.';
 import IconFont from '../icon/iconFont';
@@ -11,7 +11,8 @@ var EventListOption = function EventListOption(props) {
     highlight = props.highlight,
     onClick = props.onClick,
     data = props.data,
-    disable = props.disable;
+    disable = props.disable,
+    showTip = props.showTip;
   var _onClick = function _onClick(e) {
     if (disable) return;
     e.stopPropagation();
@@ -45,7 +46,17 @@ var EventListOption = function EventListOption(props) {
     className: "".concat(classPrefix, "-like")
   }, data.marked ? /*#__PURE__*/React.createElement(IconFont, {
     type: "shoucang"
-  }) : null), getLabel(label || '')), showCount && /*#__PURE__*/React.createElement(Badge, {
+  }) : null), getLabel(label || '')), showTip && /*#__PURE__*/React.createElement(Tooltip, {
+    overlayInnerStyle: {
+      width: '402px'
+    },
+    title: "\u4F7F\u7528\u65F6\u957F\u4E3A\u4F1A\u8BDD\u65F6\u957F\uFF0C\u5047\u8BBE\u4E00\u4E2A\u7528\u6237\u4EA7\u751F\u4E86\u591A\u6B21\u4F1A\u8BDD\uFF0C\u7B2C\u4E00\u6B21\u4F1A\u8BDD\u65F6\u957F3\u79D2\uFF0C\u7B2C\u4E8C\u6B2145\u79D2\uFF0C\u90A3\u4E48\u8FD9\u4E2A\u7528\u6237\u4F1A\u5206\u522B\u843D\u52301-5\u79D2\uFF0C31-60\u79D2\u7684\u533A\u95F4\u5185\u3002",
+    placement: "right",
+    zIndex: 999999
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "tishi",
+    className: "".concat(classPrefix, "-tip")
+  })), showCount && /*#__PURE__*/React.createElement(Badge, {
     count: count
   }));
 };