@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Header/Document/icon.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>question-circle</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="消息-未读备份" transform="translate(-1200.000000, -20.000000)" fill-rule="nonzero">
+            <g id="编组-6" transform="translate(1160.000000, 14.000000)">
+                <g id="question-circle" transform="translate(40.000000, 6.000000)">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                    <path d="M8,1 C11.865625,1 15,4.134375 15,8 C15,11.865625 11.865625,15 8,15 C4.134375,15 1,11.865625 1,8 C1,4.134375 4.134375,1 8,1 Z M8,2.1875 C4.790625,2.1875 2.1875,4.790625 2.1875,8 C2.1875,11.209375 4.790625,13.8125 8,13.8125 C11.209375,13.8125 13.8125,11.209375 13.8125,8 C13.8125,4.790625 11.209375,2.1875 8,2.1875 Z M8,10.8125 C8.34517797,10.8125 8.625,11.092322 8.625,11.4375 C8.625,11.782678 8.34517797,12.0625 8,12.0625 C7.65482203,12.0625 7.375,11.782678 7.375,11.4375 C7.375,11.092322 7.65482203,10.8125 8,10.8125 Z M8,4.3125 C8.65625,4.3125 9.275,4.5375 9.74375,4.9484375 C10.23125,5.375 10.5,5.9484375 10.4984443,6.5625 C10.4984443,7.465625 9.903125,8.278125 8.98125,8.6328125 C8.6921875,8.74375 8.4984375,9.025 8.4984375,9.3328125 L8.4984375,9.3328125 L8.4984375,9.6875 C8.4984375,9.75625 8.4421875,9.8125 8.3734375,9.8125 L8.3734375,9.8125 L7.6234375,9.8125 C7.5546875,9.8125 7.4984375,9.75625 7.4984375,9.6875 L7.4984375,9.6875 L7.4984375,9.3515625 C7.4984375,8.990625 7.6046875,8.634375 7.809375,8.3375 C8.0109375,8.046875 8.2921875,7.825 8.6234375,7.6984375 C9.15625,7.49375 9.5,7.0484375 9.5,6.5625 C9.5,5.8734375 8.8265625,5.3125 8,5.3125 C7.1734375,5.3125 6.5,5.8734375 6.5,6.5625 L6.5,6.5625 L6.5,6.68125 C6.5,6.75 6.44375,6.80625 6.375,6.80625 L6.375,6.80625 L5.625,6.80625 C5.55625,6.80625 5.5,6.75 5.5,6.68125 L5.5,6.68125 L5.5,6.5625 C5.5,5.9484375 5.76875,5.375 6.25625,4.9484375 C6.725,4.5390625 7.34375,4.3125 8,4.3125 Z" id="形状结合" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/Header/Document/index.js

@@ -0,0 +1,29 @@
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import React from "react";
+import CommonIcon from "../CommonIcon";
+import icon from "./icon.svg";
+import { useIntl } from "../../locales";
+function index(_ref) {
+  var option = _ref.option;
+  if (!option) {
+    return null;
+  }
+  var _option$onClick = option.onClick,
+    onClick = _option$onClick === void 0 ? function () {} : _option$onClick;
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement(_Tooltip, {
+    title: intl.get("7bf67185-0725-4307-9bc2-a285ef3e3601").d("在线文档中心"),
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: 24
+    }
+  }, /*#__PURE__*/React.createElement(CommonIcon, {
+    img: icon,
+    onClick: onClick,
+    style: {
+      marginLeft: 0
+    }
+  })));
+}
+export default index;

package/lib/Header/LocaleSwitcher.js

@@ -0,0 +1,41 @@
+var _excluded = ["defaultLocale", "data", "locale", "onChange"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import React, { useMemo } from 'react';
+import CommonDropMenu from './CommonDropMenu';
+function LocaleSwitcher(_ref) {
+  var option = _ref.option;
+  if (!option) {
+    return null;
+  }
+  var _option$defaultLocale = option.defaultLocale,
+    defaultLocale = _option$defaultLocale === void 0 ? 'zh' : _option$defaultLocale,
+    data = option.data,
+    locale = option.locale,
+    _option$onChange = option.onChange,
+    onChange = _option$onChange === void 0 ? function () {} : _option$onChange,
+    resP = _objectWithoutProperties(option, _excluded);
+  var languageConfig = useMemo(function () {
+    if (data && data.length) {
+      return data;
+    }
+    return [{
+      key: 'zh',
+      title: '简体中文'
+    }, {
+      key: 'en',
+      title: '英文'
+    }];
+  }, [data]);
+  var onLanguageChange = function onLanguageChange(currentKey, e) {
+    onChange && onChange(currentKey, e);
+  };
+  return /*#__PURE__*/React.createElement(CommonDropMenu, _extends({
+    data: languageConfig,
+    defaultKey: defaultLocale,
+    currentKey: locale,
+    onChange: onLanguageChange
+  }, resP));
+}
+export default LocaleSwitcher;

package/lib/Header/Message/index.js

@@ -0,0 +1,21 @@
+var _excluded = ["option"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import React from "react";
+function Message(props) {
+  var option = props.option,
+    rest = _objectWithoutProperties(props, _excluded);
+  if (!option) {
+    return null;
+  }
+  var _option$content = option.content,
+    content = _option$content === void 0 ? null : _option$content;
+  if (!content) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "inline-flex",
+      marginLeft: "24px"
+    }
+  }, content);
+}
+export default Message;

package/lib/Header/TopNavigationMenu/index.js

@@ -0,0 +1,73 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _Dropdown from "@chaoswise/ui/lib/Dropdown";
+import _Menu from "@chaoswise/ui/lib/Menu";
+import _TooltipText from "@chaoswise/ui/lib/TooltipText";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useMemo } from "react";
+import { EllipsisOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+import useConfigContext from "../../useConfigContext";
+import useStyle from "./index.style";
+// 产品直接在头部容器中展示
+var TopNavigationMenu = function TopNavigationMenu(props) {
+  var topNavigation = props.topNavigation,
+    onClickTopNavigationSelf = props.onClickTopNavigationSelf,
+    topNavigationOption = props.topNavigationOption;
+  var _topNavigationOption$ = topNavigationOption.unfoldMaxCount,
+    unfoldMaxCount = _topNavigationOption$ === void 0 ? 4 : _topNavigationOption$,
+    _topNavigationOption$2 = topNavigationOption.activeKey,
+    activeKey = _topNavigationOption$2 === void 0 ? "" : _topNavigationOption$2,
+    moreOverlayClassName = topNavigationOption.moreOverlayClassName,
+    topNavigationWrapperClassName = topNavigationOption.topNavigationWrapperClassName;
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("top-navigation-menu");
+  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _activeKey = useMemo(function () {
+    return activeKey;
+  }, [activeKey]);
+  if (!topNavigation || !topNavigation.length) {
+    return null;
+  }
+  var menu = /*#__PURE__*/React.createElement(_Menu, {
+    selectable: true,
+    selectedKeys: [_activeKey]
+  }, topNavigation.slice(unfoldMaxCount).map(function (item) {
+    return /*#__PURE__*/React.createElement(_Menu.Item, {
+      onClick: function onClick(_ref) {
+        var domEvent = _ref.domEvent;
+        onClickTopNavigationSelf(domEvent, item);
+      },
+      key: item.value
+    }, /*#__PURE__*/React.createElement(_TooltipText, null, item.name));
+  }));
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-wrapper"), topNavigationWrapperClassName)
+  }, topNavigation.slice(0, unfoldMaxCount).map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.value,
+      onClick: function onClick(e) {
+        return onClickTopNavigationSelf(e, item);
+      },
+      className: classnames("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-seleted"), _activeKey === item.value))
+    }, item.name);
+  }), (topNavigation === null || topNavigation === void 0 ? void 0 : topNavigation.length) > unfoldMaxCount && /*#__PURE__*/React.createElement(_Dropdown, {
+    overlay: menu,
+    overlayClassName: classnames(moreOverlayClassName)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-more-wrapper")
+  }, /*#__PURE__*/React.createElement(EllipsisOutlined, null)))));
+};
+export default TopNavigationMenu;

package/lib/Header/TopNavigationMenu/index.style.js

@@ -0,0 +1,47 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../../Antd5/theme/internal";
+var genCustomCWHeaderTopNavigationMenuStyle = function genCustomCWHeaderTopNavigationMenuStyle(token) {
+  var prefixCls = token.antCls;
+  var topNavigationMenuPrefix = "".concat(prefixCls, "-top-navigation-menu");
+  return _defineProperty({}, "".concat(topNavigationMenuPrefix, "-wrapper"), _defineProperty(_defineProperty({
+    marginLeft: "16px",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    height: "20px",
+    fontSize: "12px"
+  }, "".concat(topNavigationMenuPrefix, "-item"), _defineProperty(_defineProperty(_defineProperty({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    height: "20px",
+    lineHeight: "20px",
+    padding: "0 12px",
+    "&:hover": {
+      cursor: "pointer"
+    }
+  }, "&:not(".concat(topNavigationMenuPrefix, "-item-seleted):hover"), {
+    color: token.colorPrimaryHover
+  }), "&:not(:first-child)", {
+    marginLeft: "8px"
+  }), "&".concat(topNavigationMenuPrefix, "-item-seleted"), {
+    backgroundColor: token.colorPrimary,
+    fontWeight: "500",
+    borderRadius: "10px"
+  })), "".concat(topNavigationMenuPrefix, "-more-wrapper"), {
+    marginLeft: "20px",
+    "&:hover": {
+      cursor: "pointer",
+      color: token.colorPrimaryHover
+    }
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks(["CWHeader", "TopNavigationMenu"], function (token) {
+  return [
+  //
+  genCustomCWHeaderTopNavigationMenuStyle(token)];
+});

package/lib/Header/UserSetting/TenantList.js

@@ -0,0 +1,26 @@
+import _Menu from "@chaoswise/ui/lib/Menu";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from "react";
+function TenantList(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    currentKey = _ref.currentKey,
+    defaultKey = _ref.defaultKey,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+  var menuProps = currentKey ? {
+    selectedKeys: [currentKey + ""]
+  } : {};
+  var onMenuClick = function onMenuClick(props) {
+    onClick(props.key, props.item.props);
+  };
+  return /*#__PURE__*/React.createElement(_Menu, _extends({
+    defaultSelectedKeys: [defaultKey],
+    onClick: onMenuClick
+  }, menuProps), data.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Menu.Item, _extends({
+      key: item.id + ""
+    }, item), item.name);
+  }));
+}
+export default TenantList;

package/lib/Header/UserSetting/TenantTree.js

@@ -0,0 +1,33 @@
+import _CWTree from "@chaoswise/ui/lib/CWTree";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from "react";
+import { formatTree } from "./utils";
+function TenantTree(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    defaultKey = _ref.defaultKey,
+    currentKey = _ref.currentKey;
+  var onTreeClick = function onTreeClick(keys, props) {
+    onClick(keys[0], props.node.props);
+  };
+  var treeProps = currentKey ? {
+    selectedKeys: [currentKey]
+  } : {};
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "320px",
+      height: "260px",
+      overflow: "auto",
+      padding: "10px"
+    }
+  }, /*#__PURE__*/React.createElement(_CWTree, _extends({
+    // switcherIcon={<Icon type="down" />}
+    defaultSelectedKeys: [defaultKey],
+    onSelect: onTreeClick,
+    defaultExpandAll: true,
+    treeData: formatTree(data)
+  }, treeProps)));
+}
+export default TenantTree;

package/lib/Header/UserSetting/index.js

@@ -0,0 +1,202 @@
+import _Popover from "@chaoswise/ui/lib/Popover";
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useEffect, useState } from "react";
+import { SettingOutlined, LockOutlined, SwapOutlined, LoginOutlined, PoweroffOutlined, RightOutlined } from "@ant-design/icons";
+import classnames from 'classnames';
+import TenantList from "./TenantList";
+import TenantTree from "./TenantTree";
+import axios from "axios";
+import useConfigContext from "../../useConfigContext";
+import { useIntl } from "../../locales";
+import useStyle from "./index.style";
+var localOptionsMap = {
+  zh: "title",
+  zh_CN: "title",
+  zh_TW: "zh_TW_Title",
+  en: "enTitle",
+  en_US: "enTitle"
+};
+function UserSetting(_ref) {
+  var option = _ref.option;
+  if (!option) {
+    return null;
+  }
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("user-setting");
+  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var intl = useIntl();
+  var _ref2 = (intl === null || intl === void 0 ? void 0 : intl.options) || {},
+    _ref2$currentLocale = _ref2.currentLocale,
+    locale = _ref2$currentLocale === void 0 ? "zh_CN" : _ref2$currentLocale;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    myTenantList = _useState2[0],
+    setMyTenantList = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    myTenantTree = _useState4[0],
+    setMyTenantTree = _useState4[1];
+  var fName = option.fName,
+    name = option.name,
+    tenant = option.tenant,
+    _option$showLock = option.showLock,
+    showLock = _option$showLock === void 0 ? false : _option$showLock,
+    tenantList = option.tenantList,
+    tenantTree = option.tenantTree,
+    _option$onClick = option.onClick,
+    onClick = _option$onClick === void 0 ? function () {} : _option$onClick,
+    defaultTenant = option.defaultTenant,
+    defaultSubTenant = option.defaultSubTenant,
+    currentTenant = option.currentTenant,
+    currentSubTenant = option.currentSubTenant,
+    onTenantChange = option.onTenantChange,
+    onSubTenantChange = option.onSubTenantChange;
+  useEffect(function () {
+    if (tenantList) {
+      return;
+    }
+    axios.get("/douc/api/v1/sso/getEnableAccounts").then(function (res) {
+      if (res.status === 200) {
+        if (res.data) {
+          if (res.data.code === 100000) {
+            var _data = res.data.data;
+            setMyTenantList(_data);
+          }
+        }
+      }
+    });
+  }, [tenantList]);
+  useEffect(function () {
+    if (tenantTree) {
+      return;
+    }
+    axios.get("/douc/api/v1/sso/getEnableChildAccounts").then(function (res) {
+      if (res.status === 200) {
+        if (res.data) {
+          if (res.data.code === 100000) {
+            var _data2 = res.data.data;
+            setMyTenantTree(_data2);
+          }
+        }
+      }
+    });
+  }, [tenantTree]);
+  var onItemClick = function onItemClick(eventKey, currentKey, props) {
+    if (eventKey === "switch-tenant" && !onTenantChange) {
+      var url = "/douc/api/v1/sso/switchAccount?switchAccountId=".concat(currentKey, "&service=").concat(encodeURIComponent(window.location.href), "&type=switchAccount");
+      window.location.href = url;
+    }
+    if (eventKey === "sub-tenant" && !onSubTenantChange) {
+      var _url = "/douc/api/v1/sso/switchAccount?switchAccountId=".concat(currentKey, "&service=").concat(encodeURIComponent(window.location.href), "&type=enterChildAccount");
+      window.location.href = _url;
+    }
+    onClick(eventKey, currentKey, props);
+  };
+  var data = [{
+    key: "user-setting",
+    title: "个人设置",
+    enTitle: "Personal settings",
+    zh_TW_Title: "個人設置",
+    icon: /*#__PURE__*/React.createElement(SettingOutlined, null)
+  }, {
+    key: "lock-screen",
+    title: "开启锁屏",
+    enTitle: "Enable screen lock",
+    zh_TW_Title: "開啓鎖屏",
+    icon: /*#__PURE__*/React.createElement(LockOutlined, null)
+  }, {
+    key: "switch-tenant",
+    title: "切换租户",
+    enTitle: "Switch tenant",
+    zh_TW_Title: "切換租戶",
+    icon: /*#__PURE__*/React.createElement(SwapOutlined, null),
+    showRight: true,
+    noEvent: true,
+    popContent: /*#__PURE__*/React.createElement(TenantList, {
+      data: tenantList ? tenantList : myTenantList,
+      onClick: function onClick(currentKey, props) {
+        return onItemClick("switch-tenant", currentKey, props);
+      },
+      currentKey: currentTenant,
+      defaultKey: defaultTenant
+    })
+  }, {
+    key: "sub-tenant",
+    title: "子租户",
+    enTitle: "Go to subtenant",
+    zh_TW_Title: "子租戶",
+    icon: /*#__PURE__*/React.createElement(LoginOutlined, null),
+    showRight: true,
+    noEvent: true,
+    popContent: /*#__PURE__*/React.createElement(TenantTree, {
+      data: tenantTree ? tenantTree : myTenantTree,
+      onClick: function onClick(currentKey, props) {
+        return onItemClick("sub-tenant", currentKey, props);
+      },
+      currentKey: currentSubTenant,
+      defaultKey: defaultSubTenant
+    })
+  }, {
+    key: "logout",
+    title: "退出",
+    enTitle: "Logout",
+    zh_TW_Title: "退出",
+    icon: /*#__PURE__*/React.createElement(PoweroffOutlined, null)
+  }];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(_Popover, {
+    placement: "bottomRight",
+    overlayClassName: "".concat(prefixCls, "-pop-overlay"),
+    content: /*#__PURE__*/React.createElement("div", {
+      className: prefixCls
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-info-name")
+    }, name), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-info-tenant")
+    }, tenant), /*#__PURE__*/React.createElement("ul", null, data.map(function (item) {
+      if (item.key === "lock-screen" && !showLock) {
+        return null;
+      }
+      var listItme = /*#__PURE__*/React.createElement("li", {
+        key: item.key,
+        onClick: function onClick() {
+          if (item.noEvent) {
+            return;
+          }
+          onItemClick(item.key);
+        }
+      }, item.icon, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-item")
+      }, item[localOptionsMap[locale]]), item.showRight && /*#__PURE__*/React.createElement(RightOutlined, {
+        style: {
+          marginLeft: 4,
+          fontSize: 12
+        }
+      }));
+      if (item.popContent) {
+        return /*#__PURE__*/React.createElement(_Popover, {
+          key: item.key,
+          placement: "left",
+          overlayClassName: "".concat(prefixCls, "-pop-overlay"),
+          content: item.popContent
+        }, listItme);
+      }
+      return listItme;
+    })))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-wrapper")),
+    onClick: function onClick(e) {
+      return e.preventDefault();
+    }
+  }, fName)));
+}
+export default UserSetting;

package/lib/Header/UserSetting/index.style.js

@@ -0,0 +1,60 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../../Antd5/theme/internal";
+import { unit } from '@ant-design/cssinjs';
+var genCustomCWHeaderUserSettingStyle = function genCustomCWHeaderUserSettingStyle(token) {
+  var prefixCls = token.antCls;
+  var userSettingPrefix = "".concat(prefixCls, "-user-setting");
+  return _defineProperty(_defineProperty({}, "".concat(userSettingPrefix, "-pop-overlay"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-popover-inner"), {
+    padding: "0"
+  }), userSettingPrefix, _defineProperty(_defineProperty({
+    background: token.colorBgContainer,
+    ul: {
+      padding: "0",
+      borderTop: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorderSecondary),
+      margin: "0",
+      listStyle: "none"
+    },
+    li: _defineProperty({
+      padding: "5px 12px",
+      listStyle: "none",
+      display: "flex",
+      alignItems: "center",
+      cursor: "pointer",
+      lineHeight: "32px",
+      whiteSpace: "nowrap",
+      "&:hover": {
+        background: token.colorPrimaryBg
+      }
+    }, "".concat(userSettingPrefix, "-item"), {
+      marginLeft: "4px",
+      flex: "1"
+    })
+  }, "".concat(userSettingPrefix, "-info-name, ").concat(userSettingPrefix, "-info-tenant"), {
+    lineHeight: "32px",
+    padding: "5px 12px"
+  }), "".concat(userSettingPrefix, "-info-name"), {
+    fontWeight: "500"
+  }))), "".concat(userSettingPrefix, "-wrapper"), {
+    cursor: "pointer",
+    marginLeft: "24px",
+    background: token.colorPrimary,
+    borderRadius: "50%",
+    color: token.colorWhite,
+    width: "28px",
+    height: "28px",
+    lineHeight: "28px",
+    textAlign: "center",
+    "&:hover": {
+      background: token.colorPrimaryActive
+    }
+  });
+};
+// ============================== Export ==============================
+export default genStyleHooks(["CWHeader", "UserSetting"], function (token) {
+  return [
+  //
+  genCustomCWHeaderUserSettingStyle(token)];
+});

package/lib/Header/UserSetting/utils.js

@@ -0,0 +1,30 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+export var formatTree = function formatTree(tree) {
+  return tree.map(function (item) {
+    if (item.children || item.ifChildren) {
+      if (item.children && _typeof(item.children) === 'object') {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          key: item.key || item.id + '',
+          title: item.title || item.name + '',
+          children: formatTree(item.children)
+        });
+      }
+    }
+    if (item.childrenList) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        key: item.key || item.id + '',
+        title: item.title || item.name + '',
+        children: formatTree(item.childrenList)
+      });
+    }
+    return _objectSpread(_objectSpread({}, item), {}, {
+      title: item.title || item.name + '',
+      key: item.key || item.id + ''
+    });
+  });
+};

package/lib/Header/assets/home.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>形状</title>
+    <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="交行-header" transform="translate(-208.000000, -19.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="编组-7" transform="translate(208.000000, 18.000000)">
+                <g id="home" transform="translate(0.000000, 1.000000)">
+                    <path d="M8.47346547,1.33175009 L15.0520643,7.3451772 C14.7170716,7.3862806 14.4026306,7.52397698 14.1518999,7.74388016 L14.1477896,7.7479905 L14.1436792,7.75210084 C13.9011692,7.96789368 13.6134454,8.34810011 13.6134454,8.94615455 L13.6134454,14.5464925 L11.2047863,14.5464925 L11.2047863,12.1666058 C11.2047863,11.2726069 10.4649251,10.5471319 9.55448484,10.5471319 L7.38422543,10.5471319 C6.47378517,10.5471319 5.733924,11.274662 5.733924,12.1666058 L5.733924,14.5444373 L3.35403727,14.5444373 L3.35403727,8.93382353 C3.35403727,8.11175557 2.72721045,7.42943917 1.91747351,7.32668067 L8.47346547,1.33175009 M8.47346547,0 C8.24328645,0 8.01310742,0.078096456 7.84869383,0.232234198 L0.279503106,7.15199123 C0.00822067958,7.38422543 -0.0698757764,7.73360431 0.0760412861,8.05215564 C0.221958349,8.3624863 0.532289003,8.54539642 0.889888564,8.54539642 L1.70373584,8.54539642 C1.93597004,8.54539642 2.12093533,8.72008586 2.12093533,8.93176836 L2.12093533,14.9616368 C2.12093533,15.4076087 2.51758312,15.7754841 3.00260322,15.7754841 L6.08535806,15.7754841 C6.57037815,15.7754841 6.96702594,15.4076087 6.96702594,14.9616368 L6.96702594,12.1666058 C6.96702594,11.9528681 7.15199123,11.7802338 7.38422543,11.7802338 L9.55448484,11.7802338 C9.78671904,11.7802338 9.97168433,11.9549233 9.97168433,12.1666058 L9.97168433,14.963692 C9.97168433,15.4096639 10.3683321,15.7775393 10.8636281,15.7775393 L13.9463829,15.7775393 C14.4416788,15.7775393 14.8486025,15.4096639 14.8486025,14.963692 L14.8486025,8.94204421 C14.8486025,8.82695469 14.8773749,8.74885824 14.9657472,8.67076178 C15.0438436,8.60294118 15.1507125,8.56389295 15.265802,8.56389295 L16.0303252,8.56389295 C16.3899799,8.56389295 16.6982554,8.37070698 16.8441725,8.07065217 C17.008586,7.75210084 16.9304896,7.39244611 16.6797589,7.16021191 L9.10029229,0.232234198 C8.9358787,0.078096456 8.7036445,0 8.47346547,0 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/Header/assets/logo.svg

@@ -0,0 +1,20 @@
+
+    <svg width="153px" height="26px" viewBox="0 0 153 26" version="1.1"  >
+        <title>编组 4</title>
+        <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="交行-header" transform="translate(-24.000000, -15.000000)" fill="#FFFFFF">
+                <g id="编组-4" transform="translate(24.000000, 15.000000)">
+                    <g id="编组-2">
+                        <path d="M13.8196393,22.4294364 C12.5313316,23.5328792 10.7820061,25.3255194 7.553386,25.3255194 C5.65110001,25.3255194 3.74838676,24.5580697 2.3318999,23.2196563 C0.827717115,21.7996766 -1.64829966e-13,19.8709501 -1.64829966e-13,17.7883915 C-1.64829966e-13,14.9309002 1.338618,13.139329 2.46264268,12.1392605 C3.86876838,10.8877583 5.71946224,10.1698043 7.54120897,10.1698043 C9.47073304,10.1698043 11.2157859,10.8288553 12.8158894,12.2583493 C12.8158894,12.2583493 12.9559252,12.400529 13.0104013,12.4555836 L13.0258897,12.4673428 L13.028026,12.4735431 C13.2563986,12.7136451 13.3816937,13.0279371 13.3816937,13.3594403 C13.3816937,14.0659558 12.8067033,14.620136 12.1013973,14.6415164 C11.6617426,14.6559481 11.2791278,14.3976728 11.2791278,14.3976728 C10.314793,13.4799189 9.10147015,12.7983115 7.553386,12.7983115 C5.18207099,12.7983115 2.62404164,14.6898361 2.62404164,17.7427444 C2.62404164,20.472274 4.83427813,22.6919878 7.553386,22.6919878 C9.84245269,22.6919878 10.9484255,21.4504276 12.6239411,19.5716244 C12.934562,19.2231237 13.2576804,18.8585878 13.6151935,18.473206 C14.122249,17.9293953 15.6145752,16.379102 16.5060615,15.4545063 C16.7272774,15.2232772 17.5433999,14.4662866 17.5027624,14.6415164 C16.571099,18.6588698 14.0035764,22.2732526 13.8196393,22.4294364 Z" id="Fill-35"></path>
+                        <path d="M23.6171225,24.652678 C22.6402902,24.2024067 21.9278276,23.6708898 21.1428368,22.8040212 C20.7187773,22.3354695 20.6558627,21.9575709 20.6558627,21.8426512 C20.6558627,20.9843347 21.2782795,20.4481141 21.9788856,20.4481141 C22.665392,20.4481141 23.0640292,20.977493 23.0640292,20.977493 C23.6821734,21.8153912 25.1808017,22.6838633 26.7649897,22.6838633 C29.8952323,22.6838633 31.7417604,20.1387397 31.7417604,17.7427444 C31.7417604,15.2629379 29.7272108,12.8036566 26.7998117,12.8036566 C24.6473627,12.8036566 23.3292534,14.2686421 23.1206417,14.4508031 C22.3947202,15.0896497 14.0035764,22.2732526 13.8196393,22.4294364 C12.5313316,23.5328792 10.9484255,21.4504276 12.6239411,19.5716244 C12.934562,19.2231237 13.2576804,18.8585878 13.6151935,18.473206 C14.122249,17.9293953 15.6145752,16.379102 16.5060615,15.4545063 C16.7272774,15.2232772 16.8792672,15.0106869 17.0440936,14.8934845 C19.9831014,12.8036566 21.1428368,12.2241407 24.1846358,10.606606 L24.8095094,10.4060578 C25.4570279,10.2218656 26.1451365,10.1424374 26.8296134,10.1424374 C28.7502717,10.1424374 30.6168812,10.9211118 32.0161706,12.2241407 C32.7471125,12.9020065 33.3179371,13.7027027 33.7164676,14.6043145 C34.1430907,15.5692122 34.3966718,16.6282907 34.3966718,17.7446686 C34.3966718,19.7968669 33.5882884,21.6952333 32.191883,23.0967189 C30.7572374,24.5336961 28.8738578,25.35 26.7477923,25.35 C25.7579285,25.35 24.5873321,25.0991009 23.6171225,24.652678 Z" id="Fill-35备份"></path>
+                        <path d="M13.8196393,22.4294364 C12.5313316,23.5328792 10.9484255,21.4504276 12.6239411,19.5716244 C12.934562,19.2231237 13.2576804,18.8585878 13.6151935,18.473206 C14.122249,17.9293953 15.6145752,16.379102 16.5060615,15.4545063 C16.7272774,15.2232772 16.9138849,15.0291431 17.0440936,14.8934845 C19.8973624,11.9221424 20.852511,10.9692177 20.852511,10.9692177 C22.2535095,9.36985637 22.5505648,7.3320898 21.7312861,5.51828299 C20.9207664,3.73366044 19.1353371,2.60787512 17.179109,2.60787512 C14.3984752,2.60787512 12.7437886,4.68562305 12.3766621,6.66181405 L12.3641646,6.66833507 C12.1994543,7.22294282 11.6826786,7.60875226 11.1052313,7.60875226 C10.3830484,7.60875226 9.7657588,7.07039362 9.7657588,6.34655995 C9.7657588,6.1076339 9.80763067,5.88880544 9.80763067,5.88880544 C10.1433533,4.28591634 10.997454,2.88656872 12.3096884,1.78066718 C13.6251274,0.673482813 15.3433694,9.48013597e-15 17.179109,9.48013597e-15 C19.2829568,9.48013597e-15 21.20949,0.83992928 22.5842118,2.2178965 C24.3472098,3.98274217 24.8095094,6.22982293 24.8095094,7.38158544 C24.8095094,9.02082123 24.5195039,9.76133162 24.1846358,10.606606 C17.3972629,18.3843704 13.9422641,22.3253139 13.8196393,22.4294364 Z" id="Fill-35备份-2"></path>
+                    </g>
+                    <text id="智能业务运维" font-family="PingFangSC-Regular, PingFang SC" font-size="18" font-weight="normal" letter-spacing="0.4">
+                        <tspan x="42" y="20">智能业务运维</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </svg>
+
+