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

package/es/eventSelector/index.js

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

package/es/eventSelector/listPanel.js

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

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

package/es/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';

package/es/index.js

@@ -12,6 +12,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';
@@ -27,4 +28,5 @@ 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 };

package/es/select/handle.js

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

package/es/select/index.js

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

package/es/socket/demo/demo.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/socket/demo/demo.js

@@ -0,0 +1,145 @@
+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."); }
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { SocketClient } from '@zgfe/business-lib';
+import { Button, Card, Form, Input, notification } from 'antd';
+import styles from './index.less';
+import { DemoWrapper, BizGlobalDataContext } from '@zgfe/business-lib';
+var ChatPanel = function ChatPanel(_ref) {
+  var name = _ref.name,
+    param = _ref.param;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    client = _useState2[0],
+    setClient = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    history = _useState4[0],
+    setHistory = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    online = _useState6[0],
+    setOnline = _useState6[1];
+  var formRef = useRef();
+  var historyRef = useRef();
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  useEffect(function () {
+    var socket = new SocketClient('wss://rt2.zhugeio.com/eventtracking/ws', currentApp === null || currentApp === void 0 ? void 0 : currentApp.appKey, param);
+    setClient(socket);
+    return function () {
+      console.log('销毁chat', param);
+      if (!client) return;
+      client.destroy();
+      setClient(undefined);
+    };
+  }, []);
+  useEffect(function () {
+    var _historyRef$current;
+    if (historyRef.current) historyRef.current.scrollTop = (_historyRef$current = historyRef.current) === null || _historyRef$current === void 0 ? void 0 : _historyRef$current.scrollHeight;
+  }, [history]);
+  useEffect(function () {
+    if (!client) return;
+    client.openLog(true);
+    client.onConnected(onConnected);
+    client.onError(onError);
+    client.on('offline', function () {
+      setHistory(function (list) {
+        return [].concat(_toConsumableArray(list), [{
+          type: 'he',
+          message: '对方已下线'
+        }]);
+      });
+    });
+    client.on('exist', function () {
+      console.log('连接已存在');
+    });
+    client.on('message', function (message) {
+      setHistory(function (list) {
+        return [].concat(_toConsumableArray(list), [{
+          type: 'he',
+          message: message
+        }]);
+      });
+    });
+  }, [client]);
+  function onConnected() {
+    notification.success({
+      message: '连接成功'
+    });
+  }
+  function onError(err) {
+    notification.error({
+      message: '连接失败',
+      description: err.message
+    });
+  }
+  return /*#__PURE__*/React.createElement(Card, {
+    title: name
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.history,
+    ref: historyRef
+  }, history.map(function (item, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles[item.type],
+      key: i
+    }, item.type, ": ", item.message);
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.footer
+  }, /*#__PURE__*/React.createElement(Form, {
+    ref: formRef,
+    autoComplete: "off",
+    onFinish: function onFinish(_ref2) {
+      var _formRef$current;
+      var message = _ref2.message;
+      client.emit('message', message);
+      setHistory(function (list) {
+        return [].concat(_toConsumableArray(list), [{
+          type: 'me',
+          message: message
+        }]);
+      });
+      (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.resetFields();
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "message"
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u56DE\u8F66\u53D1\u9001\u4FE1\u606F",
+    autoFocus: true
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      if (online) {
+        client.close();
+      } else {
+        client.open();
+      }
+      setOnline(!online);
+    }
+  }, online ? '下线' : '上线')))));
+};
+export default (function () {
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    defaultApp: 334
+  }, /*#__PURE__*/React.createElement(BizGlobalDataContext.Consumer, null, function (_ref3) {
+    var currentApp = _ref3.currentApp;
+    console.log('当前应用', currentApp.id);
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.container,
+      key: currentApp.id
+    }, /*#__PURE__*/React.createElement(ChatPanel, {
+      name: "\u5F20\u4E09",
+      param: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id,
+        origin: 3
+      }
+    }));
+  }));
+});

package/es/socket/demo/index.less

@@ -0,0 +1,27 @@
+@import '../../assets/styles/inner.less';
+.container {
+  display: flex;
+  flex-direction: row;
+  border: 1px solid red;
+  & > :global(.ant-card) {
+    flex: 1;
+    margin: @margin-md;
+  }
+}
+.history {
+  height: 400px;
+  overflow: auto;
+}
+.he,
+.me {
+  margin-bottom: @margin-sm;
+  padding: @padding-sm;
+  line-height: 24px;
+  background: @background-color-base;
+}
+.he {
+  text-align: left;
+}
+.me {
+  text-align: right;
+}

package/es/socket/index.d.ts

@@ -0,0 +1,33 @@
+import SocketClientTypes from './types';
+declare class SocketClient {
+    private client?;
+    private url;
+    private params?;
+    private listeners;
+    private catch;
+    private showLog;
+    private pingTimer?;
+    private appkey?;
+    private token?;
+    constructor(url: string, appkey: string, params?: Record<string, any>);
+    emit(event: string, payload?: SocketClientTypes.Message['data']['payload']): void;
+    on<T>(type: SocketClientTypes.EventType | string, handle: (data?: T) => void): void;
+    onConnected(handle: (data?: any) => void): void;
+    onDisconnected(handle: (data?: any) => void): void;
+    onError(handle: (data?: Error) => void): void;
+    private _onError;
+    private _onClose;
+    private _onOpen;
+    private onMessage;
+    private ping;
+    removeAllListeners(): void;
+    removeListener(event: string, handle?: (data?: any) => void): void;
+    private _getToken;
+    open(url?: string, params?: Record<string, any>): void;
+    close(): void;
+    destroy(): void;
+    private log;
+    openLog(open: boolean): void;
+    getToken(): string | undefined;
+}
+export default SocketClient;