@zgfe/business-lib 1.1.34-alpha.2 → 1.1.34-alpha.21

package/es/attrConditions/index.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+import { AttributeSelect } from '../attributeSelector/types';
 import './styles/index.less';
-import { AttrConditionTypes } from './types';
+import { AttrConditionTypes, OperateTypes } from './types';
 export declare const classPrefix = "biz-condition-item";
+export declare function getCondition(attr: AttributeSelect.Value, operate: OperateTypes, values: string[]): AttrConditionTypes.ItemValue | undefined;
 declare const BizConditionItem: React.FC<AttrConditionTypes.ItemProp>;
 export default BizConditionItem;

package/es/attrConditions/index.js

@@ -12,6 +12,28 @@ import BizOperateList from './components/operateList';
 import ValuesList from './components/valuesList';
 import { Skeleton } from 'antd';
 export var classPrefix = 'biz-condition-item';
+export function getCondition(attr, operate, values) {
+  if (!attr) return;
+  var responseData = {
+    attrId: attr.id,
+    propCategory: attr.propCategory,
+    type: attr.type,
+    operator: operate,
+    values: values || [],
+    dimensionSub: attr.dimensionSub,
+    label: attr.label
+  };
+  if (attr.propCategory === PropCategory.EventProp) {
+    responseData.attrName = attr.label;
+  } else {
+    responseData.attrName = attr.name;
+    responseData.category = attr.category;
+    if (attr.propCategory === PropCategory.UserProp && attr.subtype) {
+      responseData.subtype = attr.subtype;
+    }
+  }
+  return responseData;
+}
 var BizConditionItem = function BizConditionItem(props) {
   var _props$defaultValue, _props$value, _props$defaultValue2, _props$value2;
   var defaultValue = props.defaultValue,
@@ -50,6 +72,7 @@ var BizConditionItem = function BizConditionItem(props) {
             propCategory: data.propCategory,
             type: data.type,
             key: data.attrId,
+            label: data.label,
             dimensionSub: data.dimensionSub || 'event_attr'
           };
         }
@@ -78,25 +101,7 @@ var BizConditionItem = function BizConditionItem(props) {
   useEffect(function () {
     if (props.onChange) {
       if (!attr) return;
-      var responseData = {
-        attrId: attr.id,
-        propCategory: attr.propCategory,
-        type: attr.type,
-        operator: operate,
-        values: values || [],
-        dimensionSub: attr.dimensionSub,
-        label: attr.label
-      };
-      if (attr.propCategory === PropCategory.EventProp) {
-        responseData.attrName = attr.label;
-      } else {
-        responseData.attrName = attr.name;
-        responseData.category = attr.category;
-        if (attr.propCategory === PropCategory.UserProp && attr.subtype) {
-          responseData.subtype = attr.subtype;
-        }
-      }
-      props.onChange(responseData);
+      props.onChange(getCondition(attr, operate, values));
     }
   }, [attr, operate, values]);
   var onChangeAttr = function onChangeAttr(attrData) {

package/es/attrConditions/types.d.ts

@@ -18,7 +18,7 @@ export declare namespace AttrConditionTypes {
         propCategory?: 'userProp' | 'eventProp' | 'envProp';
         category?: 'fixed' | 'custom';
         dimensionSub?: string;
-        operator?: string;
+        operator?: OperateTypes;
         values?: string[];
     }
     interface GroupValue {

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;
@@ -61,6 +63,8 @@ export interface PropGroups {
     eventGroupList?: EventGroup[];
     userPropList?: UserProp[];
     envPropList?: EnvProp[];
+    eventNameMap?: Record<string, AnalysisEvent>;
+    eventIdMap?: Record<number, AnalysisEvent>;
 }
 export declare namespace AttributeSelect {
     type Value = EventProp | UserProp | EnvProp | null;

package/es/attributeSelector/util.js

@@ -3,7 +3,9 @@ export default function convertAttributeData(store) {
   var res = {
     envPropList: [],
     eventGroupList: [],
-    userPropList: []
+    userPropList: [],
+    eventNameMap: {},
+    eventIdMap: {}
   };
   (_store$eventList = store.eventList) === null || _store$eventList === void 0 ? void 0 : _store$eventList.forEach(function (group_) {
     var _res$eventGroupList;
@@ -39,6 +41,8 @@ export default function convertAttributeData(store) {
         eventHidden: e.event_hidden,
         marked: Boolean(e.mark_type)
       };
+      res.eventNameMap[event.name] = event;
+      res.eventIdMap[event.id] = event;
       if (event.marked) {
         markList.push(event);
       } else {

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/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,11 @@ declare const Apis: {
     queryPanelGroup: string;
     queryDatasetList: string;
     queryDatasetDetail: string;
+    getSocketToken: string;
+    bizDataTypeList: string;
+    orderAttributeMaster: string;
+    orderAttributeSon: string;
+    bizDataAttrList: string;
+    dataAttrValue: string;
 };
 export default Apis;

package/es/constants/apis.js

@@ -6,6 +6,12 @@ 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',
+  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/context/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { EventGroup, UserProp, EnvProp } from '../attributeSelector/types';
+import { EventGroup, UserProp, EnvProp, AnalysisEvent } from '../attributeSelector/types';
 export interface AppInfoProps {
     appId?: string | number;
     platform?: string | number;
@@ -10,6 +10,7 @@ export interface UserInfo {
     username: string;
     email: string;
     companyId: number;
+    serviceType: number;
     companyName: string;
 }
 export interface Menu {
@@ -24,6 +25,8 @@ export interface Menu {
 export interface GlobalContextProps {
     userGroupList?: Array<any>;
     eventGroupList?: EventGroup[];
+    eventNameMap?: Record<string, AnalysisEvent>;
+    eventIdMap?: Record<number, AnalysisEvent>;
     userPropList?: UserProp[];
     eventEnvList?: EnvProp[];
     menuNameMap?: {

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/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,13 +169,14 @@ 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,
+      eventIdMap: store === null || store === void 0 ? void 0 : store.eventIdMap,
+      eventNameMap: store === null || store === void 0 ? void 0 : store.eventNameMap,
       userGroupList: userGroups
     }
   }, children));

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/dialog/index.js

@@ -23,7 +23,7 @@ var BizDialog = function BizDialog(props) {
 };
 BizDialog.defaultProps = {
   width: 520,
-  visible: false,
+  open: false,
   cancelText: '取消',
   okText: '确定',
   closable: false,

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