@zgfe/business-lib 1.0.18-esfix.0 → 1.0.18-esfix.1

package/es/assets/styles/chunks.less

@@ -50,15 +50,14 @@
     .__default-hover();
   }
 
-  &.active {
+  &.active:not(.biz-select-option-multiple) {
     color: #fff;
     background: @primary-color;
   }
 
-  &:not(.active).disabled {
+  &.disabled {
     color: @disabled-color;
     cursor: not-allowed;
-
     &:hover {
       background: none;
     }
@@ -87,7 +86,7 @@
   cursor: not-allowed;
 
   &:hover {
-    background-color: none;
+    background-color: unset;
   }
 }
 

package/es/assets/styles/resetAntd.less

@@ -144,6 +144,14 @@
   .ant-picker-active-bar {
     display: none !important;
   }
+
+  &.ant-picker-range {
+    background-color: @background-color-base;
+    border: none;
+    &.ant-picker-large {
+      height: 40px;
+    }
+  }
 }
 
 /*日历下拉框*/
@@ -297,10 +305,14 @@
   }
 
   .ant-modal-body {
+    max-height: 400px;
     max-height: 400px !important;
     padding-top: @padding-xs !important;
-    padding-bottom: 0 !important;
+    // padding-bottom: 0 !important;
     overflow: auto !important;
+    &:not(:last-child) {
+      padding-bottom: 0 !important;
+    }
   }
 }
 
@@ -370,10 +382,6 @@
       &::before {
         width: 0 !important;
       }
-
-      &.ant-table-cell-fix-left-last {
-        border-right: 1px solid @border-color-base!important;
-      }
     }
 
     .ant-table-tbody {
@@ -386,12 +394,6 @@
 
     .ant-table-tbody > tr > td {
       line-height: 15px !important;
-
-      &.ant-table-cell-fix-left {
-        &.ant-table-cell-fix-left-last {
-          border-right: 1px solid @border-color-base!important;
-        }
-      }
     }
   }
 
@@ -399,8 +401,33 @@
   .ant-table-tbody > tr > td.ant-table-cell-row-hover {
     background: color(~`colorPalette('@{primary-color}', 0.1) `) !important;
   }
+  .ant-table-thead {
+    .ant-table-cell {
+      &.ant-table-column-has-sorters {
+        .ant-table-column-sorters {
+          justify-content: flex-start;
+          .ant-table-column-title {
+            flex: none;
+          }
+          .ant-table-column-sorter {
+            margin-left: @margin-xs;
+          }
+        }
+      }
+    }
+  }
+}
+
+//气泡弹框
+.ant-popover-inner {
+  border-radius: @border-radius-small;
 }
 
+//tooltip
+.ant-tooltip-inner {
+  padding: @margin-sm @margin-md;
+  border-radius: @border-radius-normal;
+}
 /* 提示框 */
 .ant-tooltip-inner {
   padding: @padding-sm @padding-md!important;
@@ -432,3 +459,12 @@
 .ant-form-item-explain-error {
   color: @error-color!important;
 }
+
+//dropdown
+.ant-dropdown {
+  z-index: 6666 !important;
+}
+//message
+.ant-message {
+  z-index: 99999 !important;
+}

package/es/attrConditions/components/operateList.d.ts

@@ -4,5 +4,6 @@ declare const BizOperateList: React.FC<{
     attr?: AttributeSelect.Value;
     defaultValue?: string;
     onChange?: (value: string) => void;
+    theme: string;
 }>;
 export default BizOperateList;

package/es/attrConditions/components/operateList.js

@@ -67,7 +67,7 @@ var BizOperateList = function BizOperateList(props) {
   if (!props.attr || !current || !options.length) {
     return /*#__PURE__*/React.createElement(BizSelect, {
       className: "".concat(classPrefix, "-single-select"),
-      theme: "secondary",
+      theme: props.theme,
       disable: true,
       options: []
     });
@@ -79,7 +79,7 @@ var BizOperateList = function BizOperateList(props) {
     value: current,
     labelField: "name",
     keyField: "value",
-    theme: "secondary",
+    theme: props.theme,
     options: options,
     onChange: onChange
   });

package/es/attrConditions/components/stringList.d.ts

@@ -5,5 +5,6 @@ declare const StringList: React.FC<{
     operate: string;
     value?: string[];
     onChange?: (value: string[]) => void;
+    theme: string;
 }>;
 export default StringList;

package/es/attrConditions/components/stringList.js

@@ -164,7 +164,7 @@ var StringList = function StringList(props) {
     return /*#__PURE__*/React.createElement(BizSelect, {
       multiple: true,
       enableCreate: true,
-      theme: "secondary",
+      theme: props.theme,
       size: "base",
       className: "".concat(classPrefix, "-multi-select"),
       options: [],
@@ -177,7 +177,7 @@ var StringList = function StringList(props) {
     value: current,
     multiple: true,
     enableCreate: true,
-    theme: "secondary",
+    theme: props.theme,
     size: "base",
     disable: props.operate === OperateTypes.IsNull || props.operate === OperateTypes.IsNotNull,
     labelField: "name",

package/es/attrConditions/components/valuesList.d.ts

@@ -6,5 +6,6 @@ declare const ValuesList: React.FC<{
     defaultValue?: string[];
     includeToday?: boolean;
     onChange?: (value: string[]) => void;
+    theme: string;
 }>;
 export default ValuesList;

package/es/attrConditions/components/valuesList.js

@@ -27,7 +27,8 @@ var ValuesList = function ValuesList(props) {
   var attr = props.attr,
       defaultValue = props.defaultValue,
       operate = props.operate,
-      includeToday = props.includeToday;
+      includeToday = props.includeToday,
+      theme = props.theme;
   var initValue = [moment().subtract(1, 'weeks').format('YYYY-MM-DD'), moment().subtract(includeToday ? 0 : 1, 'days').format('YYYY-MM-DD')];
 
   var _useState = useState(),
@@ -119,14 +120,14 @@ var ValuesList = function ValuesList(props) {
     return /*#__PURE__*/React.createElement(BizSelect, {
       disable: true,
       className: "".concat(classPrefix, "-multi-select"),
-      theme: "secondary",
-      size: "base",
+      theme: theme,
       options: []
     });
   }
 
   if (attr.type === PropType.STRING) {
     return /*#__PURE__*/React.createElement(StringList, {
+      theme: theme,
       attr: attr,
       operate: operate,
       value: current,
@@ -139,7 +140,7 @@ var ValuesList = function ValuesList(props) {
       },
       keyField: "value",
       labelField: "label",
-      theme: "secondary",
+      theme: props.theme,
       className: "".concat(classPrefix, "-input-select"),
       onChange: onChangeUnit,
       options: propSubtype

package/es/attrConditions/index.js

@@ -28,7 +28,9 @@ var BizConditionItem = function BizConditionItem(props) {
       enableEventProp = props.enableEventProp,
       enableUserProp = props.enableUserProp,
       enableEnvProp = props.enableEnvProp,
-      disableItemList = props.disableItemList;
+      disableItemList = props.disableItemList,
+      border = props.border,
+      theme = props.theme;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -132,7 +134,7 @@ var BizConditionItem = function BizConditionItem(props) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: classPrefix
+    className: [classPrefix, border ? 'border' : ''].join(' ')
   }, /*#__PURE__*/React.createElement(Skeleton, {
     loading: ready,
     active: true,
@@ -148,10 +150,13 @@ var BizConditionItem = function BizConditionItem(props) {
     enableEnvProp: enableEnvProp,
     disableItemList: disableItemList,
     onChange: onChangeAttr,
-    onDelete: onDelete
+    onDelete: onDelete,
+    theme: theme,
+    destroyPopupOnHide: props.destroyPopupOnHide
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-panel")
   }, /*#__PURE__*/React.createElement(BizOperateList, {
+    theme: theme,
     attr: attr,
     defaultValue: operate,
     onChange: onChangeOperate
@@ -159,8 +164,13 @@ var BizConditionItem = function BizConditionItem(props) {
     attr: attr,
     operate: operate,
     defaultValue: values,
-    onChange: onChangeValues
+    onChange: onChangeValues,
+    theme: theme
   }))));
 };
 
+BizConditionItem.defaultProps = {
+  border: true,
+  theme: 'secondary'
+};
 export default BizConditionItem;

package/es/attrConditions/styles/index.less

@@ -2,8 +2,9 @@
 
 /* 筛选条件 */
 .biz-condition-item {
-  .__select-handle();
-
+  &.border {
+    .__select-handle();
+  }
   &-panel {
     display: flex;
     width: 100%;
@@ -60,15 +61,15 @@
   }
 
   &-input {
+    flex: 1;
     .ant-input-group-addon {
-      background-color: @background-color-gray !important;
+      // background-color: @background-color-gray !important;
       border: none;
     }
 
     &-select {
       width: 60px;
       border: none;
-      border-left: 1px solid @border-color-split;
     }
   }
 

package/es/attrConditions/types.d.ts

@@ -6,6 +6,7 @@ interface BasicAttrTypes {
     enableUserProp?: boolean;
     enableEnvProp?: boolean;
     disableItemList?: (EventProp | UserProp | EnvProp)[];
+    theme?: string;
 }
 export declare namespace AttrConditionTypes {
     interface ItemValue {
@@ -28,6 +29,8 @@ export declare namespace AttrConditionTypes {
         value?: ItemValue;
         onChange?: (value: ItemValue) => void;
         onDelete?: (value?: ItemValue) => void;
+        border?: boolean;
+        destroyPopupOnHide?: boolean;
     }
     interface GroupProp extends BasicAttrTypes {
         defaultValue?: GroupValue;

package/es/attrConditions/utils/operates.js

@@ -39,10 +39,10 @@ export var numberOperate = [{
   name: '<',
   value: 'lt'
 }, {
-  name: '>=',
+  name: '≥',
   value: 'ge'
 }, {
-  name: '<=',
+  name: '≤',
   value: 'le'
 }, {
   name: '≠',

package/es/attributeSelector/index.js

@@ -26,7 +26,8 @@ import SelectHandle from '../select/handle';
 
 var BizAttributeSelector = function BizAttributeSelector(props) {
   var enableDelete = props.enableDelete,
-      placeholder = props.placeholder;
+      placeholder = props.placeholder,
+      theme = props.theme;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -120,14 +121,15 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
       width: width
     },
     visible: visible,
-    onVisibleChange: onVisibleChange
+    onVisibleChange: onVisibleChange,
+    destroyPopupOnHide: props.destroyPopupOnHide
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: '100%'
     }
   }, /*#__PURE__*/React.createElement(SelectHandle, {
     ref: boxRef,
-    theme: "secondary",
+    theme: theme,
     border: false,
     label: currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.label,
     placeholder: placeholder
@@ -145,7 +147,9 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
 BizAttributeSelector.defaultProps = {
   enableDelete: false,
   placeholder: '请选择',
+  theme: 'secondary',
   propSymbol: '*',
-  optionsHeaderTip: '带＊的属性每日凌晨更新'
+  optionsHeaderTip: '带＊的属性每日凌晨更新',
+  destroyPopupOnHide: false
 };
 export default BizAttributeSelector;

package/es/attributeSelector/listPanel.js

@@ -1,3 +1,11 @@
+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."); }
@@ -11,7 +19,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { Anchor, Button } from 'antd';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { BizGlobalDataContext } from '..';
 import BizSearchInput from '../searchInput';
 import Option from './option';
@@ -46,6 +54,17 @@ var AttrListPanel = function AttrListPanel(props) {
       currentAttr = _useState6[0],
       setCurrentAttr = _useState6[1];
 
+  var eventIdMap = useMemo(function () {
+    var eventIdMap = {};
+    var eventList = (eventGroupList || []).reduce(function (pre, group) {
+      return [].concat(_toConsumableArray(pre), _toConsumableArray(group.eventList));
+    }, []);
+    eventList.forEach(function (event) {
+      if (eventIdMap[event.id]) return;
+      eventIdMap[event.id] = event;
+    });
+    return eventIdMap;
+  }, [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.name);
@@ -69,23 +88,17 @@ var AttrListPanel = function AttrListPanel(props) {
 
     if (enableEventProp) {
       var hasAnchor = false;
-      eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
-        group.eventList.forEach(function (event) {
-          if (event.isDelete || event.isStop) return;
-          if (eventIdList && eventIdList.length && !eventIdList.includes(event.id)) return;
-          var group = {
-            isEvent: true,
-            groupName: event.alias || event.name,
-            anchor: hasAnchor ? String(Math.random()) : anchor.event,
-            key: "event-".concat(event.id),
-            children: []
-          };
-          hasAnchor = true;
-          event.attrList.forEach(function (attr) {
-            group.children.push(attr);
-          });
-          list.push(group);
-        });
+      eventIdList === null || eventIdList === void 0 ? void 0 : eventIdList.forEach(function (id) {
+        var event = eventIdMap[id];
+        if (!event) return;
+        var group = {
+          isEvent: true,
+          groupName: event.alias || event.name,
+          anchor: hasAnchor ? String(Math.random()) : anchor.event,
+          key: "event-".concat(event.id),
+          children: event.attrList.slice()
+        };
+        list.push(group);
       });
     }
 
@@ -110,7 +123,7 @@ var AttrListPanel = function AttrListPanel(props) {
     }
 
     setOptionList(list);
-  }, [eventGroupList, userPropList, eventEnvList, eventIdList]);
+  }, [eventIdMap, userPropList, eventEnvList, eventIdList]);
   useEffect(function () {
     setCurrentAttr(props.value);
   }, [props.value]);

package/es/attributeSelector/styles/index.less

@@ -5,7 +5,9 @@
     flex-direction: row;
     .__select-handle();
     &:hover .biz-attr-select-del-icon {
-      display: inline-block;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
   }
   &-del-icon {
@@ -13,8 +15,6 @@
     flex: none;
     width: @icon-width;
     color: @text-color-secondary;
-    line-height: 2em;
-    text-align: center;
     border-radius: @border-radius-small;
 
     &:hover {

package/es/attributeSelector/types.d.ts

@@ -9,6 +9,10 @@ export declare enum PropCategory {
     UserProp = "userProp",
     EnvProp = "envProp"
 }
+export declare enum ShowStatus {
+    show = 0,
+    hidden = 1
+}
 export interface AnalysisEvent {
     id: number;
     name: string;
@@ -17,6 +21,7 @@ export interface AnalysisEvent {
     isDelete?: boolean;
     isStop?: boolean;
     isOverview?: boolean;
+    eventHidden?: ShowStatus;
 }
 export interface EventGroup {
     id: number;
@@ -72,6 +77,8 @@ export declare namespace AttributeSelect {
         optionsHeaderTip?: string;
         onChange?: (value: Value) => void;
         onDelete?: (value?: Value) => void;
+        theme?: string;
+        destroyPopupOnHide?: boolean;
     }
     interface Option {
         groupName: string;

package/es/attributeSelector/types.js

@@ -12,4 +12,11 @@ export var PropCategory;
   PropCategory["EventProp"] = "eventProp";
   PropCategory["UserProp"] = "userProp";
   PropCategory["EnvProp"] = "envProp";
-})(PropCategory || (PropCategory = {}));
+})(PropCategory || (PropCategory = {}));
+
+export var ShowStatus;
+
+(function (ShowStatus) {
+  ShowStatus[ShowStatus["show"] = 0] = "show";
+  ShowStatus[ShowStatus["hidden"] = 1] = "hidden";
+})(ShowStatus || (ShowStatus = {}));

package/es/attributeSelector/util.js

@@ -15,7 +15,7 @@ export default function convertAttributeData(store) {
       eventList: []
     };
     group_.eventList.forEach(function (e) {
-      if (e.is_delete || e.is_stop) return;
+      if (e.is_delete) return;
       var event = {
         alias: e.alias_name,
         attrList: e.event_attrs.map(function (item) {
@@ -35,7 +35,8 @@ export default function convertAttributeData(store) {
         id: e.event_id,
         isDelete: e.is_delete,
         isStop: e.is_stop,
-        name: e.event_name
+        name: e.event_name,
+        eventHidden: e.event_hidden
       };
       group.eventList.push(event);
     });

package/es/eventSelector/index.js

@@ -22,6 +22,8 @@ var BizEventSelector = function BizEventSelector(props) {
   var alias = props.alias,
       placeholder = props.placeholder,
       showAllEvent = props.showAllEvent,
+      border = props.border,
+      theme = props.theme,
       defaultSelectAble = props.defaultSelectAble;
 
   var _useState = useState(),
@@ -123,7 +125,7 @@ var BizEventSelector = function BizEventSelector(props) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: classPrefix
+    className: [classPrefix, border ? 'border' : ''].join(' ')
   }, /*#__PURE__*/React.createElement(Dropdown, {
     overlay: /*#__PURE__*/React.createElement(EventListPanel, {
       value: currentValue,
@@ -140,12 +142,13 @@ var BizEventSelector = function BizEventSelector(props) {
     onVisibleChange: onVisibleChange,
     getPopupContainer: props.popupContainer ? function () {
       return document.getElementById(selectId);
-    } : undefined
+    } : undefined,
+    destroyPopupOnHide: props.defaultSelectAble
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-handle"),
     id: selectId
   }, /*#__PURE__*/React.createElement(SelectHandle, {
-    theme: "secondary",
+    theme: theme,
     border: false,
     label: getLabel(),
     placeholder: placeholder
@@ -155,6 +158,9 @@ var BizEventSelector = function BizEventSelector(props) {
 BizEventSelector.defaultProps = {
   showAllEvent: true,
   defaultSelectAble: true,
-  popupContainer: true
+  popupContainer: true,
+  border: true,
+  theme: 'secondary',
+  destroyPopupOnHide: false
 };
 export default BizEventSelector;

package/es/eventSelector/listPanel.js

@@ -24,6 +24,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { classPrefix } from '.';
 import { BizGlobalDataContext } from '..';
+import { ShowStatus } from '../attributeSelector/types';
 import BizSearchInput from '../searchInput';
 import EventListOption from './option';
 
@@ -193,6 +194,7 @@ var EventListPanel = function EventListPanel(props) {
   }, showList === null || showList === void 0 ? void 0 : showList.map(function (e) {
     var _currentValue$event;
 
+    if (e.eventHidden === ShowStatus.hidden) return null;
     return /*#__PURE__*/React.createElement(EventListOption, {
       label: e.alias || e.name,
       key: "".concat(currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.id, "-").concat(e.id),

package/es/eventSelector/styles/index.less

@@ -1,12 +1,12 @@
 @import '../../assets/styles/inner.less';
 
 .biz-event-select {
-  position: relative;
-
-  &-handle {
-    .__select-handle();
+  &.border {
+    .biz-event-select-handle {
+      .__select-handle();
+    }
   }
-
+  position: relative;
   &-list-panel {
     display: flex;
     flex-direction: row;

package/es/eventSelector/types.d.ts

@@ -22,6 +22,10 @@ export declare namespace EventSelectTypes {
         showAllEvent?: boolean;
         defaultSelectAble?: boolean;
         popupContainer?: boolean;
+        onVisibleChange?: (visible: boolean) => void;
+        border?: boolean;
+        theme?: string;
+        destroyPopupOnHide?: boolean;
         onChange?: (val: Value) => void;
     }
     interface DropdownProps {

package/es/index.d.ts

@@ -19,10 +19,11 @@ import convertAttributeData from './attributeSelector/util';
 import BizGlobalDataContext from './context';
 import BizUserCondition from './userCondition';
 import BizSearchInput from './searchInput';
+import BizUserTagsSelect from './userTagsSelector';
 import BizAddToScene from './addToScene';
 import BizAddToPanel from './addToPanel';
 import setGlobalConfig from './config';
-export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, ajax, util, theme, convertAttributeData, setGlobalConfig, };
+export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, 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

@@ -18,7 +18,8 @@ import convertAttributeData from './attributeSelector/util';
 import BizGlobalDataContext from './context';
 import BizUserCondition from './userCondition';
 import BizSearchInput from './searchInput';
+import BizUserTagsSelect from './userTagsSelector';
 import BizAddToScene from './addToScene';
 import BizAddToPanel from './addToPanel';
 import setGlobalConfig from './config';
-export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, ajax, util, theme, convertAttributeData, setGlobalConfig };
+export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };