@zgfe/business-lib 1.2.66-hxd.2 → 1.2.70-hxd.10

package/es/layout/optionTitle/components/btnMenu/index.less

@@ -1,18 +1,18 @@
-@import '~@zgfe/business-lib/es/assets/styles/variable.less';
-.btn-menu {
-  display: flex;
-  align-items: center;
-
-  &-btn {
-    margin-right: 16px;
-    border-radius: @border-radius-small;
-  }
-
-  &-divider {
-    width: 1px;
-    height: 32px;
-    margin-right: 32px;
-    margin-left: 16px;
-    background-color: #ecedf0;
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+.btn-menu {
+  display: flex;
+  align-items: center;
+
+  &-btn {
+    margin-right: 16px;
+    border-radius: @border-radius-small;
+  }
+
+  &-divider {
+    width: 1px;
+    height: 32px;
+    margin-right: 32px;
+    margin-left: 16px;
+    background-color: #ecedf0;
+  }
+}

package/es/layout/optionTitle/components/title/index.less

@@ -1,43 +1,43 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-.biz-edit-text {
-  display: flex;
-  align-items: center;
-  &-input {
-    position: relative;
-    width: 350px;
-    height: 100%;
-    .ant-input {
-      background-color: #fff !important;
-      border-color: #fff;
-      &:not(.ant-input-status-error):hover {
-        border-color: @primary-color!important;
-      }
-      &:not(.ant-input-status-error):focus {
-        border-color: @primary-color!important;
-      }
-    }
-  }
-  &-error-tip {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    color: @error-color;
-    line-height: 1.2;
-  }
-
-  &-content {
-    display: inline-block;
-    max-width: 330px;
-    height: @height-sm;
-    color: @text-color;
-    font-weight: bold;
-    font-size: 16px;
-    line-height: @height-sm;
-    .__default-overflow();
-  }
-  &-icon {
-    margin-left: @margin-xs;
-    color: @primary-color;
-    cursor: pointer;
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+.biz-edit-text {
+  display: flex;
+  align-items: center;
+  &-input {
+    position: relative;
+    width: 350px;
+    height: 100%;
+    .ant-input {
+      background-color: #fff !important;
+      border-color: #fff;
+      &:not(.ant-input-status-error):hover {
+        border-color: @primary-color!important;
+      }
+      &:not(.ant-input-status-error):focus {
+        border-color: @primary-color!important;
+      }
+    }
+  }
+  &-error-tip {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    color: @error-color;
+    line-height: 1.2;
+  }
+
+  &-content {
+    display: inline-block;
+    max-width: 330px;
+    height: @height-sm;
+    color: @text-color;
+    font-weight: bold;
+    font-size: 16px;
+    line-height: @height-sm;
+    .__default-overflow();
+  }
+  &-icon {
+    margin-left: @margin-xs;
+    color: @primary-color;
+    cursor: pointer;
+  }
+}

package/es/layout/optionTitle/styles/index.less

@@ -1,30 +1,30 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.biz-layout-panel {
-  width: 100%;
-  height: 100%;
-  & > .ant-spin-container {
-    height: 100%;
-  }
-  /*更多按钮*/
-  &-btn-more {
-    width: @height-base;
-    height: @height-base;
-    color: @text-color-secondary;
-    font-size: 16px;
-    line-height: @height-base;
-    text-align: center;
-    border-radius: @border-radius-small;
-    transform: rotate(90deg);
-
-    &:hover {
-      .__default-hover();
-    }
-  }
-
-  &-content {
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.biz-layout-panel {
+  width: 100%;
+  height: 100%;
+  & > .ant-spin-container {
+    height: 100%;
+  }
+  /*更多按钮*/
+  &-btn-more {
+    width: @height-base;
+    height: @height-base;
+    color: @text-color-secondary;
+    font-size: 16px;
+    line-height: @height-base;
+    text-align: center;
+    border-radius: @border-radius-small;
+    transform: rotate(90deg);
+
+    &:hover {
+      .__default-hover();
+    }
+  }
+
+  &-content {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+  }
+}

package/es/layout/optionTitle/styles/layout.less

@@ -1,90 +1,90 @@
-@import '~@zgfe/business-lib/es/assets/styles/variable.less';
-
-.biz-option-layout {
-  height: 100%;
-  border-radius: @border-radius-normal;
-  &-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-    height: 64px;
-    padding: 0 16px;
-    background-color: #fff;
-    border-bottom: 1px solid @border-color-base;
-
-    &-title {
-      display: flex;
-      align-items: center;
-      &-text {
-        margin-right: @margin-md;
-        color: @text-color-secondary;
-      }
-      &-btn {
-        color: @text-color-secondary;
-        &:hover {
-          color: @primary-color;
-        }
-      }
-      &-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 20px;
-        height: 20px;
-        margin-left: 8px;
-        color: #5f6085;
-        font-size: 12px;
-        background: #f2f3f4;
-        border-radius: 10px;
-      }
-      &-icon:hover {
-        color: #165dff;
-        background: #e8efff;
-      }
-    }
-    &-option {
-      display: flex;
-      flex: 1;
-      flex-direction: row-reverse;
-      align-items: center;
-      justify-content: space-between;
-    }
-  }
-
-  &-content {
-    width: 100%;
-    height: calc(100% - 64px);
-    overflow: auto;
-  }
-
-  &-panel-content {
-    z-index: 1000;
-    width: 284px;
-    max-height: 304px;
-    padding: 0;
-    overflow: auto;
-    background: #fff;
-    border-radius: 10px;
-    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
-    .ant-popover-arrow {
-      display: none !important;
-    }
-    .ant-popover-inner-content {
-      width: 100%;
-      padding: 8px;
-    }
-    .ant-tabs {
-      .ant-tabs-tab-btn {
-        font-size: 16px;
-      }
-      .ant-tabs-nav {
-        margin-bottom: 4px;
-        padding-left: 45px;
-      }
-      .ant-tabs-nav::before {
-        border: none !important;
-      }
-    }
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.biz-option-layout {
+  height: 100%;
+  border-radius: @border-radius-normal;
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    height: 64px;
+    padding: 0 16px;
+    background-color: #fff;
+    border-bottom: 1px solid @border-color-base;
+
+    &-title {
+      display: flex;
+      align-items: center;
+      &-text {
+        margin-right: @margin-md;
+        color: @text-color-secondary;
+      }
+      &-btn {
+        color: @text-color-secondary;
+        &:hover {
+          color: @primary-color;
+        }
+      }
+      &-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 20px;
+        margin-left: 8px;
+        color: #5f6085;
+        font-size: 12px;
+        background: #f2f3f4;
+        border-radius: 10px;
+      }
+      &-icon:hover {
+        color: #165dff;
+        background: #e8efff;
+      }
+    }
+    &-option {
+      display: flex;
+      flex: 1;
+      flex-direction: row-reverse;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+
+  &-content {
+    width: 100%;
+    height: calc(100% - 64px);
+    overflow: auto;
+  }
+
+  &-panel-content {
+    z-index: 1000;
+    width: 284px;
+    max-height: 304px;
+    padding: 0;
+    overflow: auto;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+    .ant-popover-arrow {
+      display: none !important;
+    }
+    .ant-popover-inner-content {
+      width: 100%;
+      padding: 8px;
+    }
+    .ant-tabs {
+      .ant-tabs-tab-btn {
+        font-size: 16px;
+      }
+      .ant-tabs-nav {
+        margin-bottom: 4px;
+        padding-left: 45px;
+      }
+      .ant-tabs-nav::before {
+        border: none !important;
+      }
+    }
+  }
+}

package/es/layout/optionTitle/styles/search.less

@@ -1,27 +1,27 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.search-title {
-  display: flex;
-  align-items: center;
-  height: 24px;
-  transition: all 0.3s;
-
-  &-title {
-    margin-right: 15px;
-  }
-
-  &-input {
-    min-width: 100px;
-    max-width: 200px;
-    height: 24px;
-    background-color: #fff !important;
-    .ant-input {
-      background-color: #fff !important;
-    }
-  }
-
-  &-icon {
-    color: #5f6085;
-    font-size: 12px;
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.search-title {
+  display: flex;
+  align-items: center;
+  height: 24px;
+  transition: all 0.3s;
+
+  &-title {
+    margin-right: 15px;
+  }
+
+  &-input {
+    min-width: 100px;
+    max-width: 200px;
+    height: 24px;
+    background-color: #fff !important;
+    .ant-input {
+      background-color: #fff !important;
+    }
+  }
+
+  &-icon {
+    color: #5f6085;
+    font-size: 12px;
+  }
+}

package/es/productCondition/conditions/order/runPeriodCondition.js

@@ -26,7 +26,7 @@ var RunPeriodCondition = function RunPeriodCondition(props) {
   }];
   function onOperatorChange(option) {
     var newData = {
-      operator: option.value
+      operator: option === null || option === void 0 ? void 0 : option.value
     };
     if (newData.operator === 'absolute') {
       var endDate = moment().format('YYYY-MM-DD');

package/es/productCondition/conditions/periodCondition.js

@@ -38,7 +38,7 @@ var PeriodCondition = function PeriodCondition(props) {
   }
   function onOperatorChange(option) {
     var newData = {
-      operator: option.value
+      operator: option === null || option === void 0 ? void 0 : option.value
     };
     if (newData.operator === 'absolute') {
       var endDate = moment().format('YYYY-MM-DD');

package/es/productCondition/conditions/runTimesCondition.js

@@ -34,7 +34,7 @@ var RunTimesCondition = function RunTimesCondition(props) {
     onChange = props.onChange;
   function onOperatorChange(data) {
     onChange(_objectSpread(_objectSpread({}, runTimes), {}, {
-      operator: data.value
+      operator: data === null || data === void 0 ? void 0 : data.value
     }));
   }
   function onValueChange(e) {

package/es/select/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["overlayWidth", "minDropdownWidth", "labelField", "aliasField", "keyField"];
+var _excluded = ["overlayWidth", "minDropdownWidth", "labelField", "aliasField", "keyField", "enableClear"];
 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; }
@@ -27,6 +27,7 @@ var BizSelect = function BizSelect(props) {
     labelField = props.labelField,
     aliasField = props.aliasField,
     keyField = props.keyField,
+    enableClear = props.enableClear,
     res = _objectWithoutProperties(props, _excluded);
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -147,6 +148,12 @@ var BizSelect = function BizSelect(props) {
     setVisible(true);
     props.onVisibleChange && props.onVisibleChange(true);
   };
+  var onSelectDelete = function onSelectDelete() {
+    if (enableClear) {
+      setCurrent(undefined);
+      if (props.onChange) props.onChange(undefined);
+    }
+  };
   return /*#__PURE__*/React.createElement(Dropdown, {
     dropdownRender: function dropdownRender() {
       return /*#__PURE__*/React.createElement(SelectOverlay, _objectSpread(_objectSpread({}, res), {}, {
@@ -197,6 +204,7 @@ var BizSelect = function BizSelect(props) {
       setSearchValue(v);
       if (props.onSearch) props.onSearch(v);
     },
+    onSelectDelete: enableClear ? onSelectDelete : undefined,
     onCreate: onCreate,
     onVisible: onVisible,
     disableItemList: props.disableItemList

package/es/select/types.d.ts

@@ -13,7 +13,7 @@ export declare namespace BizSelectTypes {
         disable?: boolean;
         placeholder?: string;
         defaultValue?: Option | Option[];
-        value?: Option | Option[];
+        value?: Option | Option[] | undefined;
         className?: string;
         type?: 'group' | 'normal';
         theme?: 'secondary' | 'borderless';
@@ -42,7 +42,8 @@ export declare namespace BizSelectTypes {
         showSelectIcon?: boolean;
         loading?: boolean;
         status?: string;
-        onChange?: (val: Option) => void;
+        enableClear?: boolean;
+        onChange?: (val: Option | any) => void;
         onVisibleChange?: (visible: boolean) => void;
         destroyPopupOnHide?: boolean;
         customLabel?: (node: ReactNode, option: Option) => ReactNode;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/subjectWrapper/demo/index.js

@@ -0,0 +1,28 @@
+import React, { useContext } from 'react';
+import { SubjectWrapper, BizGlobalDataContext, useChanged } from '@zgfe/business-lib';
+function Test() {
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp,
+    currentProject = _useContext.currentProject;
+  useChanged(function () {
+    console.log('currentApp changed', currentApp);
+  }, currentApp);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '20px',
+      padding: '20px 20px 10px 20px',
+      background: 'pink'
+    }
+  }, /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u5E94\u7528\u540D\u79F0: ", currentProject === null || currentProject === void 0 ? void 0 : currentProject.projectName), /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u5E94\u7528id: ", currentProject === null || currentProject === void 0 ? void 0 : currentProject.projectId)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '20px',
+      padding: '20px 20px 10px 20px',
+      background: '#FFEB3B'
+    }
+  }, /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u4E3B\u4F53\u540D\u79F0: ", currentApp === null || currentApp === void 0 ? void 0 : currentApp.appName), /*#__PURE__*/React.createElement("p", null, " \u5F53\u524D\u4E3B\u4F53id: ", currentApp === null || currentApp === void 0 ? void 0 : currentApp.id)));
+}
+export default (function () {
+  return /*#__PURE__*/React.createElement(SubjectWrapper, {
+    needMeta: true
+  }, /*#__PURE__*/React.createElement(Test, null));
+});

package/es/subjectWrapper/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import DemoWrapperTypes from './types';
+import './index.less';
+declare const SubjectWrapper: React.FC<DemoWrapperTypes.Props>;
+export default SubjectWrapper;

package/es/subjectWrapper/index.js

@@ -0,0 +1,98 @@
+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); }
+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 { Spin } from 'antd';
+import BizGlobalDataContext from '../context';
+import React, { useEffect, useState, useContext, Fragment } from 'react';
+import useBizStore from '../hooks/useBizStore';
+import './index.less';
+var SubjectWrapper = function SubjectWrapper(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    defaultApp = _ref.defaultApp,
+    needMeta = _ref.needMeta,
+    contextProps = _ref.contextProps;
+  if (!needMeta || defaultApp === undefined) {
+    return /*#__PURE__*/React.createElement(Fragment, null, children);
+  }
+  var globalData = useContext(BizGlobalDataContext);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(globalData.currentApp),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentApp = _useState4[0],
+    setCurrentApp = _useState4[1];
+  var _useBizStore = useBizStore({
+      currentApp: currentApp
+    }),
+    useBizStoreLoading = _useBizStore.useBizStoreLoading,
+    eventGroupList = _useBizStore.eventGroupList,
+    userPropList = _useBizStore.userPropList,
+    envPropList = _useBizStore.envPropList,
+    eventNameMap = _useBizStore.eventNameMap,
+    eventIdMap = _useBizStore.eventIdMap,
+    userGroupList = _useBizStore.userGroupList,
+    groupLoading = _useBizStore.groupLoading,
+    setUserGroupList = _useBizStore.setUserGroupList,
+    tagList = _useBizStore.tagList,
+    tagLoading = _useBizStore.tagLoading,
+    setTagList = _useBizStore.setTagList,
+    queryGroups = _useBizStore.queryGroups,
+    queryTags = _useBizStore.queryTags;
+  useEffect(function () {
+    appInfo(globalData.projectList);
+  }, [defaultApp]);
+  var appInfo = function appInfo(data) {
+    var hasDefaultApp = false;
+    if (defaultApp) {
+      data.map(function (item) {
+        item.appList.map(function (_item) {
+          if (defaultApp === _item.id) {
+            hasDefaultApp = true;
+            setCurrentApp(_item);
+          }
+        });
+      });
+    } else {
+      setCurrentApp(data[0].appList[0]);
+    }
+    if (!hasDefaultApp) {
+      setCurrentApp(data[0].appList[0]);
+    }
+    setLoading(false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lib-subjectWrapper ".concat(className, " ").concat(useBizStoreLoading ? 'lib-subjectWrapper-loading' : '')
+  }, (useBizStoreLoading || loading) && /*#__PURE__*/React.createElement(Spin, null), !(useBizStoreLoading || loading) && /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
+    value: _objectSpread(_objectSpread({}, globalData), {}, {
+      currentApp: _objectSpread(_objectSpread({}, currentApp), {}, {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.id
+      }),
+      eventGroupList: eventGroupList,
+      userPropList: userPropList,
+      eventEnvList: envPropList,
+      eventIdMap: eventIdMap,
+      eventNameMap: eventNameMap,
+      userGroupList: userGroupList,
+      groupLoading: groupLoading,
+      setUserGroupList: setUserGroupList,
+      tagList: tagList,
+      tagLoading: tagLoading,
+      setTagList: setTagList,
+      queryGroups: queryGroups,
+      queryTags: queryTags
+    }, contextProps)
+  }, children));
+};
+export default SubjectWrapper;

package/es/subjectWrapper/index.less

@@ -0,0 +1,12 @@
+@import '~antd/dist/antd.less';
+@import '../assets/iconfont/iconfont.css';
+@import '../assets/styles/resetAntd.less';
+.lib-subjectWrapper {
+  width: 100%;
+  height: 100%;
+  &-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}