@zgfe/business-lib 1.1.31-alpha.2 → 1.1.31

package/es/assets/styles/resetAntd.less

@@ -16,12 +16,8 @@
     border-color: @primary-color!important;
   }
 
-  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-      .ant-input-affix-wrapper-borderless
-    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper,
-  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-      .ant-input-affix-wrapper-borderless
-    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper:hover {
+  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper,
+  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper:hover {
     background-color: @background-color-base!important;
   }
 }
@@ -35,12 +31,8 @@
   }
 }
 
-.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-    .ant-input-affix-wrapper-borderless
-  ).ant-input-affix-wrapper,
-.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-    .ant-input-affix-wrapper-borderless
-  ).ant-input-affix-wrapper:hover {
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
   border-color: @error-color!important;
 }
 // 输入框
@@ -70,9 +62,7 @@
   background-color: @background-color-base!important;
 }
 
-.ant-select:not(.ant-select-customize-input):not(.ant-pagination-size-changer):not(
-    .ant-select-status-error
-  )
+.ant-select:not(.ant-select-customize-input):not(.ant-pagination-size-changer):not(.ant-select-status-error)
   .ant-select-selector {
   background: #fafafb;
   border-color: rgba(0, 0, 0, 0);
@@ -239,9 +229,7 @@
     /*日期hover*/
     &:hover {
       &:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
-      &:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(
-          .ant-picker-cell-range-end
-        ):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
+      &:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
         .ant-picker-cell-inner {
         background-color: transparent !important;
         border: 1px solid @primary-color!important;
@@ -251,13 +239,9 @@
 
   /*选中的日期范围*/
   /* 日期范围的起始时间radius */
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(
-      .ant-picker-cell-range-end
-    )
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end)
     .ant-picker-cell-inner,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(
-      .ant-picker-cell-range-start
-    )
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start)
     .ant-picker-cell-inner {
     border-radius: 50% !important;
   }
@@ -288,12 +272,8 @@
   .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
   .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
   .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
-      .ant-picker-cell-range-start-single
-    ).ant-picker-cell-range-hover-start::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
-      .ant-picker-cell-range-end-single
-    ).ant-picker-cell-range-hover-end::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
   .ant-picker-panel
     > :not(.ant-picker-date-panel)
     .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
@@ -316,12 +296,8 @@
       }
     }
   }
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
-      .ant-picker-cell-range-start-single
-    )::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
-      .ant-picker-cell-range-end-single
-    )::before {
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
     background: @primary-color-hover !important;
   }
 }

package/es/attrConditions/utils/operates.d.ts

@@ -6,56 +6,6 @@ export declare const numberOperate: {
     name: string;
     value: string;
 }[];
-export declare const computeTypeList: {
-    value: string;
-    name: string;
-}[];
-export declare const typeList: {
-    'cont-string': {
-        name: string;
-        value: string;
-    }[];
-    'cont-date': {
-        name: string;
-        value: string;
-    }[];
-    'cont-num': {
-        name: string;
-        value: string;
-    }[];
-};
-export declare const timeDimensionType: {
-    name: string;
-    value: number;
-}[];
-export declare const orderTypeList: {
-    name: string;
-    value: string;
-}[];
-export declare const skyTimeOperatorType: {
-    name: string;
-    value: string;
-}[];
-export declare const weekTimeOperatorType: {
-    name: string;
-    value: string;
-}[];
-export declare const monthTimeOperatorType: {
-    name: string;
-    value: string;
-}[];
-export declare const timeValuesType: {
-    name: string;
-    value: any;
-}[];
-export declare const weekValuesType: {
-    name: string;
-    value: number;
-}[];
-export declare const monthValuesType: {
-    name: string;
-    value: any;
-}[];
 export declare const dateOperate: {
     name: string;
     value: string;

package/es/attrConditions/utils/operates.js

@@ -1,4 +1,3 @@
-var _Array$from, _Array$from2;
 export var stringOperate = [{
   name: '是',
   value: 'equal'
@@ -49,131 +48,6 @@ export var numberOperate = [{
   name: '≠',
   value: 'not equal'
 }];
-export var computeTypeList = [{
-  value: 'origin',
-  name: '原值'
-}, {
-  value: 'max',
-  name: '最大值'
-}, {
-  value: 'min',
-  name: '最小值'
-}, {
-  value: 'sum',
-  name: '累计值'
-}, {
-  value: 'avg',
-  name: '平均值'
-}];
-export var typeList = {
-  'cont-string': stringOperate,
-  'cont-date': [{
-    name: '最近',
-    value: 'relative'
-  }, {
-    name: '最近区间',
-    value: 'relativeInterval'
-  }, {
-    name: '未来',
-    value: 'future'
-  }, {
-    name: '未来区间',
-    value: 'futureInterval'
-  }, {
-    name: '固定时段',
-    value: 'absolute'
-  }],
-  'cont-num': [{
-    name: '>',
-    value: '>'
-  }, {
-    name: '=',
-    value: '='
-  }, {
-    name: '<',
-    value: '<'
-  }, {
-    name: '>=',
-    value: '>='
-  }, {
-    name: '<=',
-    value: '<='
-  }, {
-    name: '≠',
-    value: 'not equal'
-  }, {
-    name: '区间',
-    value: 'between'
-  }]
-};
-export var timeDimensionType = [{
-  name: '每天',
-  value: 1
-}, {
-  name: '每周',
-  value: 2
-}, {
-  name: '每月',
-  value: 3
-}];
-export var orderTypeList = [{
-  name: '主订单',
-  value: 'master'
-}, {
-  name: '子订单',
-  value: 'son'
-}];
-export var skyTimeOperatorType = [{
-  name: '整天',
-  value: 'all'
-}, {
-  name: '在',
-  value: 'in'
-}, {
-  name: '在区间',
-  value: 'between'
-}];
-export var weekTimeOperatorType = [{
-  name: '整周',
-  value: 'all'
-}, {
-  name: '在',
-  value: 'in'
-}, {
-  name: '在区间',
-  value: 'between'
-}];
-export var monthTimeOperatorType = [{
-  name: '整月',
-  value: 'all'
-}, {
-  name: '在',
-  value: 'in'
-}, {
-  name: '在区间',
-  value: 'between'
-}];
-var arr1 = new Array(24).keys();
-export var timeValuesType = (_Array$from = Array.from(arr1)) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {
-  return {
-    name: item + '时',
-    value: item
-  };
-});
-var arr2 = ['一', '二', '三', '四', '五', '六', '日'];
-export var weekValuesType = arr2.map(function (item, index) {
-  return {
-    name: '周' + item,
-    value: index + 1
-  };
-});
-var arr3 = new Array(31).keys();
-export var monthValuesType = (_Array$from2 = Array.from(arr3)) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.map(function (item) {
-  return {
-    name: item + 1 + '号',
-    value: item + 1
-  };
-});
 export var dateOperate = [{
   name: '最近',
   value: 'relative'

package/es/colorIcon/demo/index.d.ts

@@ -0,0 +1,3 @@
+import '../../assets/colorIcon/iconfont.js';
+declare const _default: () => JSX.Element;
+export default _default;

package/es/colorIcon/demo/index.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ColorIcon } from '@zgfe/business-lib';
+import '../../assets/colorIcon/iconfont.js';
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ColorIcon, {
+    width: 50,
+    height: 50,
+    type: "icon-caidan-guanggaojiance"
+  }));
+});

package/es/colorIcon/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    type: string;
+    width?: number;
+    height?: number;
+    className?: string;
+}
+declare const ColorIcon: React.FC<Props>;
+export default ColorIcon;

package/es/colorIcon/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+var ColorIcon = function ColorIcon(props) {
+  var className = props.className,
+    type = props.type;
+  return /*#__PURE__*/React.createElement("svg", {
+    className: className,
+    "aria-hidden": "true",
+    style: {
+      width: props.width ? "".concat(props.width, "px") : 'auto',
+      height: props.height ? "".concat(props.height, "px") : 'auto'
+    }
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: "#".concat(type)
+  }));
+};
+ColorIcon.defaultProps = {
+  className: ''
+};
+export default ColorIcon;

package/es/constants/apis.d.ts

@@ -7,5 +7,6 @@ declare const Apis: {
     queryPanelGroup: string;
     queryDatasetList: string;
     queryDatasetDetail: string;
+    getSocketToken: string;
 };
 export default Apis;

package/es/constants/apis.js

@@ -6,6 +6,7 @@ var Apis = {
   updatePanelTarget: '/apppanel/updateElemet.jsp',
   queryPanelGroup: '/apppanel/panels.jsp',
   queryDatasetList: '/zg/web/cdp/inner/dataset/list',
-  queryDatasetDetail: '/zg/web/cdp/inner/dataset/detail'
+  queryDatasetDetail: '/zg/web/cdp/inner/dataset/detail',
+  getSocketToken: '/zg/web/v2/tracking/view/websocket/token'
 };
 export default Apis;

package/es/datePicker/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DatePickerTypes } from './types';
 import './styles/index.less';
-export declare const classPrefix = "biz-date-picker";
+export declare const classPrefix = "biz-date-picker-wrap";
 declare const BizDatePicker: React.FC<DatePickerTypes.Props>;
 export default BizDatePicker;

package/es/datePicker/index.js

@@ -16,7 +16,7 @@ import BizSelect from '../select';
 import BizDate from './datePicker';
 import './styles/index.less';
 import { Skeleton } from 'antd';
-export var classPrefix = 'biz-date-picker';
+export var classPrefix = 'biz-date-picker-wrap';
 var BizDatePicker = function BizDatePicker(props) {
   var dateList = getDateList(props.mode, props.dateTypeList);
   var _useState = useState(dateList[0]),

package/es/datePicker/styles/index.less

@@ -1,6 +1,6 @@
 @import '../../assets/styles/inner.less';
 
-.biz-date-picker {
+.biz-date-picker-wrap {
   display: flex;
 
   &-type {

package/es/demoWrapper/content.d.ts

@@ -1,7 +1,8 @@
 import React, { ReactNode } from 'react';
+import { AppInfoProps } from '../context';
 declare const DemoContent: React.FC<{
     children?: ReactNode;
     needMeta?: boolean;
-    currentApp?: number;
+    currentApp?: AppInfoProps;
 }>;
 export default DemoContent;

package/es/demoWrapper/content.js

@@ -1,3 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -82,10 +88,16 @@ var DemoContent = function DemoContent(_ref3) {
     setStore = _useState18[1];
   useEffect(function () {
     if (!needMeta || !currentApp) return;
-    loadUserProps();
-    loadEvents();
-    loadEnvList();
-    loadUserGroup();
+    if (currentApp.appsHasData && currentApp.appsHasData.length) {
+      loadUserProps();
+      loadEvents();
+      loadEnvList();
+      loadUserGroup();
+    } else {
+      setLoadEnv(false);
+      setLoadEvent(false);
+      setLoadUsers(false);
+    }
   }, [currentApp, needMeta]);
   useEffect(function () {
     if (loadEnv || loadEvent || loadUsers || loadUserGroups) return;
@@ -100,7 +112,7 @@ var DemoContent = function DemoContent(_ref3) {
     ajax('/analysis/api/common/proxy/usergroup/getAll.jsp', {
       method: 'post',
       params: {
-        appId: currentApp,
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id,
         platform: 0,
         includeDefault: true,
         includeToday: true
@@ -115,7 +127,7 @@ var DemoContent = function DemoContent(_ref3) {
     ajax('/analysis/api/common/proxy/appusergroup/getUserPropMeta.jsp', {
       method: 'post',
       params: {
-        app_id: currentApp,
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id,
         platform: 0
       }
     }).then(function (res) {
@@ -128,7 +140,7 @@ var DemoContent = function DemoContent(_ref3) {
     ajax('/analysis/api/common/proxy/data/queryEventMetasOfGroup.jsp', {
       method: 'post',
       params: {
-        app_id: currentApp,
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id,
         platform: 0,
         is_all: true
       }
@@ -142,7 +154,7 @@ var DemoContent = function DemoContent(_ref3) {
     ajax('/analysis/api/common/proxy/appusergroup/getEventEnvData.jsp', {
       method: 'post',
       params: {
-        app_id: currentApp,
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id,
         platform: 0
       }
     }).then(function (res) {
@@ -157,10 +169,9 @@ var DemoContent = function DemoContent(_ref3) {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
     value: {
-      currentApp: {
-        appId: currentApp,
-        platform: 0
-      },
+      currentApp: _objectSpread(_objectSpread({}, currentApp), {}, {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id
+      }),
       eventGroupList: store === null || store === void 0 ? void 0 : store.eventGroupList,
       userPropList: store === null || store === void 0 ? void 0 : store.userPropList,
       eventEnvList: store === null || store === void 0 ? void 0 : store.envPropList,

package/es/demoWrapper/demo/index.js

@@ -1,8 +1,10 @@
 import React from 'react';
-import { DemoWrapper } from '@zgfe/business-lib';
+import { DemoWrapper, BizGlobalDataContext } from '@zgfe/business-lib';
 export default (function () {
   return /*#__PURE__*/React.createElement(DemoWrapper, {
-    defaultApp: 3,
     needMeta: true
-  }, "xxx");
+  }, /*#__PURE__*/React.createElement(BizGlobalDataContext.Consumer, null, function (_ref) {
+    var currentApp = _ref.currentApp;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, "\u5F53\u524D\u5E94\u7528\uFF1A", currentApp.appName, "(id: ", currentApp.id, ")");
+  }));
 });

package/es/demoWrapper/head.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+import { AppInfoProps } from '../context';
 declare const DemoHeader: React.FC<{
     defaultApp?: number;
-    onChangeApp?: (appId: number) => void;
+    onChangeApp?: (app: AppInfoProps) => void;
+    onLoading?: (loading: boolean) => void;
 }>;
 export default DemoHeader;

package/es/demoWrapper/head.js

@@ -9,7 +9,8 @@ import React, { useEffect, useState } from 'react';
 import request from '../utils/ajax';
 var DemoHeader = function DemoHeader(_ref) {
   var defaultApp = _ref.defaultApp,
-    onChangeApp = _ref.onChangeApp;
+    onChangeApp = _ref.onChangeApp,
+    onLoading = _ref.onLoading;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     appList = _useState2[0],
@@ -21,17 +22,25 @@ var DemoHeader = function DemoHeader(_ref) {
   useEffect(function () {
     queryAppList();
   }, []);
+  useEffect(function () {
+    if (onLoading) onLoading(loading);
+  }, [loading, appList]);
   function queryAppList() {
     setLoading(true);
     request('/analysis/api/common/proxy/data/v2ajaxGetDataByApp.jsp').then(function (res) {
       setAppList(res.applist);
-      if (!defaultApp && res.applist.length) onChange(res.applist[0].id);
+      if (defaultApp) {
+        _onChange(res.applist.find(function (item) {
+          return item.id === defaultApp;
+        }));
+      }
+      if (!defaultApp && res.applist.length) _onChange(res.applist[0]);
     }).finally(function () {
       setLoading(false);
     });
   }
-  function onChange(id) {
-    if (onChangeApp) onChangeApp(id);
+  function _onChange(item) {
+    if (onChangeApp) onChangeApp(item);
   }
   if (loading) return /*#__PURE__*/React.createElement(Skeleton.Input, null);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
@@ -41,7 +50,10 @@ var DemoHeader = function DemoHeader(_ref) {
       label: 'appName',
       value: 'id'
     },
-    onChange: onChange,
+    onChange: function onChange(_id, app) {
+      console.log('默认应用', app);
+      _onChange(app);
+    },
     style: {
       width: '200px'
     }

package/es/demoWrapper/index.js

@@ -20,14 +20,18 @@ var DemoWrapper = function DemoWrapper(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
-    notLogin = _useState4[0],
-    setNotLogin = _useState4[1];
-  var _useState5 = useState(defaultApp),
+    appListLoading = _useState4[0],
+    setAppListLoading = _useState4[1];
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    appId = _useState6[0],
-    setAppId = _useState6[1];
+    notLogin = _useState6[0],
+    setNotLogin = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    app = _useState8[0],
+    setApp = _useState8[1];
   useEffect(function () {
     getCurrentUser();
   }, []);
@@ -53,15 +57,19 @@ var DemoWrapper = function DemoWrapper(_ref) {
   return /*#__PURE__*/React.createElement(Card, {
     title: /*#__PURE__*/React.createElement(DemoHeader, {
       defaultApp: defaultApp,
-      onChangeApp: setAppId
+      onChangeApp: setApp,
+      onLoading: setAppListLoading
     }),
     className: className,
     bodyStyle: {
       background: '#FAFAFB'
     }
-  }, /*#__PURE__*/React.createElement(DemoContent, {
-    currentApp: appId,
-    needMeta: needMeta
+  }, appListLoading ? /*#__PURE__*/React.createElement(Spin, {
+    tip: "\u5E94\u7528\u4FE1\u606F\u521D\u59CB\u5316\u4E2D"
+  }) : /*#__PURE__*/React.createElement(DemoContent, {
+    currentApp: app,
+    needMeta: needMeta,
+    key: app === null || app === void 0 ? void 0 : app.appId
   }, children));
 };
 export default DemoWrapper;

package/es/eventSelector/listPanel.js

@@ -166,18 +166,26 @@ var InfiniteScrollList = function InfiniteScrollList(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     showList = _useState12[0],
     setShowList = _useState12[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    canShowList = _useState14[0],
+    setCanShowList = _useState14[1];
   useEffect(function () {
-    setShowList(searchEventList.slice(0, 10));
+    var data = searchEventList.filter(function (item) {
+      return item.eventHidden !== ShowStatus.hidden;
+    });
+    setCanShowList(data);
+    setShowList(data.slice(0, 10));
   }, [searchEventList]);
   var loadMoreData = function loadMoreData() {
-    var moreData = searchEventList.slice(showList.length, showList.length + 10);
+    var moreData = canShowList.slice(showList.length, showList.length + 10);
     setShowList(function (list) {
       return [].concat(_toConsumableArray(list), _toConsumableArray(moreData));
     });
   };
   return /*#__PURE__*/React.createElement(InfiniteScroll, {
     dataLength: showList.length,
-    hasMore: showList.length < searchEventList.length,
+    hasMore: showList.length < canShowList.length,
     loader: /*#__PURE__*/React.createElement(Skeleton, {
       paragraph: {
         rows: 1
@@ -190,7 +198,6 @@ var InfiniteScrollList = function InfiniteScrollList(_ref) {
     key: Math.random()
   }, showList.map(function (e) {
     var _currentValue$event2;
-    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/index.d.ts

@@ -13,6 +13,7 @@ import BizDialog from './dialog';
 import BizChart from './chart';
 import BizTable from './table';
 import IconFont from './icon/iconFont';
+import ColorIcon from './colorIcon';
 import { util, ajax } from './utils';
 import theme from './assets/theme.js';
 import convertAttributeData from './attributeSelector/util';
@@ -28,7 +29,8 @@ import BizDnd from './dnd';
 import BizDetailLayout from './layout/detail';
 import BizLoginForm from './loginForm';
 import DemoWrapper from './demoWrapper';
-export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
+import SocketClient from './socket';
+export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
 export type { UserGroupTypes } from './userGroup/types';
 export type { BizSelectTypes } from './select/types';
 export type { AttributeSelect } from './attributeSelector/types';