@chaoswise/ui 3.0.6 → 3.0.8

package/lib/BasicLayout/index.js

@@ -0,0 +1,396 @@
+import _Icon from "@chaoswise/ui/lib/Icon";
+import _ErrorBoundary from "@chaoswise/ui/lib/ErrorBoundary";
+import _Header from "@chaoswise/ui/lib/Header";
+import _Layout from "@chaoswise/ui/lib/Layout";
+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, { useState, useEffect, useRef } from "react";
+import ReactDOM from "react-dom";
+import PropTypes from "prop-types";
+import classnames from "classnames";
+import Breadcrumb from "./Breadcrumb";
+import Sider from "./Sider";
+import Nav from "./Nav";
+import { judgeIsIframe } from "./utils";
+import intl from "../locales";
+import useStyle from "./style/index";
+import useConfigContext from "../useConfigContext";
+var Content = _Layout.Content,
+  AntHeader = _Layout.Header;
+
+/**
+ *
+ * 基于antd的Layout二次封装的页面结构，定义了页面结构，支持自定义页头、sider菜单和页面内容、sider宽度和收缩宽度
+ */
+var BasicLayout = function BasicLayout(_ref) {
+  var logo = _ref.logo,
+    headerTitle = _ref.headerTitle,
+    headerExtra = _ref.headerExtra,
+    showHome = _ref.showHome,
+    onClickHome = _ref.onClickHome,
+    showTopNavigation = _ref.showTopNavigation,
+    topNavigation = _ref.topNavigation,
+    topNavigationClassName = _ref.topNavigationClassName,
+    topNavigationTrigger = _ref.topNavigationTrigger,
+    onClickTopNavigation = _ref.onClickTopNavigation,
+    siderMenu = _ref.siderMenu,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    siderWidth = _ref.siderWidth,
+    siderCollapsedWidth = _ref.siderCollapsedWidth,
+    collapsed = _ref.collapsed,
+    onCollapse = _ref.onCollapse,
+    showHead = _ref.showHead,
+    showBreadcrumb = _ref.showBreadcrumb,
+    showBack = _ref.showBack,
+    onClickBack = _ref.onClickBack,
+    backNavigationTitle = _ref.backNavigationTitle,
+    backIcon = _ref.backIcon,
+    showSider = _ref.showSider,
+    breadcrumbOptions = _ref.breadcrumbOptions,
+    menuOptions = _ref.menuOptions,
+    contentClassName = _ref.contentClassName,
+    currentPath = _ref.currentPath,
+    className = _ref.className,
+    version = _ref.version,
+    versionTooltip = _ref.versionTooltip,
+    customContent = _ref.customContent,
+    allProductsTitle = _ref.allProductsTitle,
+    logoText = _ref.logoText,
+    localeSwitcherOption = _ref.localeSwitcherOption,
+    messageOption = _ref.messageOption,
+    documentOption = _ref.documentOption,
+    userSetingOption = _ref.userSetingOption,
+    logoSize = _ref.logoSize,
+    renderSetting = _ref.renderSetting,
+    homeIcon = _ref.homeIcon,
+    _ref$contentOption = _ref.contentOption,
+    contentOption = _ref$contentOption === void 0 ? {} : _ref$contentOption,
+    _ref$ErrorBoundary = _ref.ErrorBoundary,
+    ErrorBoundary = _ref$ErrorBoundary === void 0 ? true : _ref$ErrorBoundary,
+    _ref$onPassWidth = _ref.onPassWidth,
+    onPassWidth = _ref$onPassWidth === void 0 ? function () {} : _ref$onPassWidth,
+    _ref$topNavigationOpt = _ref.topNavigationOption,
+    topNavigationOption = _ref$topNavigationOpt === void 0 ? {} : _ref$topNavigationOpt,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  var isInIrame = judgeIsIframe();
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("basic-layout");
+  var _useStyle = useStyle("".concat(prefixCls, "-cw-layout-out")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _intl$getInitOptions = intl.getInitOptions(),
+    currentLocale = _intl$getInitOptions.currentLocale;
+  var menuData = menuOptions.menuData,
+    _menuOptions$resizabl = menuOptions.resizableProps,
+    _menuOptions$resizabl2 = _menuOptions$resizabl === void 0 ? {} : _menuOptions$resizabl,
+    siderDragWidth = _menuOptions$resizabl2.siderDragWidth;
+  var contentRef = useRef(null);
+  var layoutRef = useRef(null);
+  var SIDER_WIDTH_MAP = {
+    en_US: siderWidth + 40,
+    zh_CN: siderWidth,
+    zh_TW: siderWidth
+  };
+  var defaultSiderWidth = SIDER_WIDTH_MAP[currentLocale];
+  var _useState = useState(defaultSiderWidth),
+    _useState2 = _slicedToArray(_useState, 2),
+    _siderDragWidth = _useState2[0],
+    _setSiderDragWidth = _useState2[1];
+  useEffect(function () {
+    onPassWidth(_siderDragWidth);
+  }, [_siderDragWidth]);
+
+  // 介于Header和MainContent区域之间的内容配置
+  var specialContent = contentOption.specialContent,
+    specialContentClassName = contentOption.specialContentClassName;
+  // 是否显示导航区 面包屑 返回
+  var isShowNav = (showBack || showBreadcrumb) && !customContent;
+  useEffect(function () {
+    if (siderDragWidth !== undefined) {
+      _setSiderDragWidth(siderDragWidth);
+    }
+  }, [siderDragWidth]);
+  useEffect(function () {
+    if (!siderDragWidth) {
+      _setSiderDragWidth(defaultSiderWidth);
+    }
+  }, [currentLocale, defaultSiderWidth]);
+  useEffect(function () {
+    var contentDom = ReactDOM.findDOMNode(contentRef.current);
+    // 判断是否是嵌套 隐藏子元素的header portal嵌套
+    var childHeader = contentDom.getElementsByClassName("layout-header-check-repeat");
+    var allHeader = layoutRef.current.getElementsByClassName("layout-header-check-repeat");
+    if (childHeader[0] && allHeader.length > 1) {
+      childHeader[0].setAttribute("style", "display: none");
+    }
+  });
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-cw-layout-out"), className),
+    style: style,
+    ref: layoutRef
+  }, /*#__PURE__*/React.createElement(_Layout, {
+    className: "cw-content-layout",
+    style: {
+      minWidth: isInIrame ? "auto" : 1280
+    }
+  }, showHead && /*#__PURE__*/React.createElement(AntHeader, {
+    className: "cw-layout-header-box"
+  }, /*#__PURE__*/React.createElement(_Header, {
+    logo: logo,
+    logoSize: logoSize,
+    logoText: logoText,
+    title: headerTitle,
+    extra: headerExtra,
+    showHome: showHome,
+    onClickHome: onClickHome,
+    showTopNavigation: showTopNavigation,
+    topNavigation: topNavigation,
+    topNavigationClassName: topNavigationClassName,
+    topNavigationTrigger: topNavigationTrigger,
+    onClickTopNavigation: onClickTopNavigation,
+    allProductsTitle: allProductsTitle || "所有产品",
+    localeSwitcherOption: localeSwitcherOption,
+    messageOption: messageOption,
+    documentOption: documentOption,
+    userSetingOption: userSetingOption,
+    homeIcon: homeIcon,
+    topNavigationOption: topNavigationOption
+  })), specialContent && /*#__PURE__*/React.createElement("div", {
+    className: classnames(specialContentClassName)
+  }, specialContent), /*#__PURE__*/React.createElement(_Layout, {
+    className: "cw-content-box"
+  }, showSider && /*#__PURE__*/React.createElement(Sider, {
+    siderMenu: siderMenu,
+    collapsed: collapsed,
+    siderCollapsedWidth: siderCollapsedWidth,
+    onCollapse: onCollapse,
+    version: version,
+    versionTooltip: versionTooltip,
+    siderWidth: siderWidth,
+    renderSetting: renderSetting,
+    _siderDragWidth: _siderDragWidth,
+    _setSiderDragWidth: _setSiderDragWidth,
+    menuOptions: menuOptions
+  }), /*#__PURE__*/React.createElement(Content, {
+    ref: contentRef,
+    className: classnames("cw-content-wrapper", isShowNav ? "cw-content-wrapper-hasnav" : "", customContent ? "cw-content-wrapper-custom" : "" // 内容区自定义
+    )
+  }, /*#__PURE__*/React.createElement(Nav, {
+    customContent: customContent,
+    showBreadcrumb: showBreadcrumb,
+    showBack: showBack,
+    backIcon: backIcon,
+    backNavigationTitle: backNavigationTitle,
+    onClickBack: onClickBack,
+    breadCrumb: /*#__PURE__*/React.createElement(Breadcrumb, {
+      routes: menuData,
+      currentPath: currentPath,
+      breadcrumbOptions: breadcrumbOptions
+    })
+  }), /*#__PURE__*/React.createElement(Content, {
+    className: classnames("cw-content-show-area", contentClassName, {
+      "cw-content-show-area-hasnav": isShowNav,
+      "cw-content-show-area-custom": customContent
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-show-area-hack"
+  }, ErrorBoundary ? /*#__PURE__*/React.createElement(_ErrorBoundary, null, children) : children)))))));
+};
+BasicLayout.defaultProps = {
+  showSider: true,
+  siderMenu: "",
+  siderWidth: 184,
+  siderCollapsedWidth: 48,
+  showHead: true,
+  showHome: false,
+  showBreadcrumb: false,
+  showBack: false,
+  breadcrumbOptions: {},
+  menuOptions: {},
+  customContent: true,
+  backIcon: /*#__PURE__*/React.createElement(_Icon, {
+    type: "left"
+  })
+};
+BasicLayout.propTypes = {
+  /**
+   * 自定义所有产品的文字
+   */
+  allProductsTitle: PropTypes.string,
+  /**
+   * 内容区自定义，无padding、背景色、面包屑等预设
+   */
+  customContent: PropTypes.bool,
+  /**
+   * 侧边栏宽度
+   */
+  siderWidth: PropTypes.number,
+  /**
+   * 菜单配置
+   * resizableProps : { // 菜单拖拽配置项
+   *      canDrag = false,
+   *      maxDragWidth = 264,
+   *      resizeBarColor = "#40A9FF",
+   *      onResizeStart = () => {},
+   *      onResize = () => {},
+   *      onResizeStop = (回传的宽度) => {},
+   *      siderDragWidth, // 受控的拖拽结果值 number类型在基础宽度到maxDragWidth之间
+   *      ...rest }
+   */
+  menuOptions: PropTypes.shape({
+    menuData: PropTypes.array,
+    onClick: PropTypes.func,
+    selectedKeys: PropTypes.array,
+    resizableProps: PropTypes.object
+  }),
+  /**
+   * 面包屑配置 默认通过menuOptions的menuData生成，可以自定义data以及格式
+   */
+  breadcrumbOptions: PropTypes.shape({
+    data: PropTypes.array,
+    formatData: PropTypes.func
+  }),
+  /**
+   * 侧边栏收缩后的宽度
+   */
+  siderCollapsedWidth: PropTypes.number,
+  /**
+   * 是否显示侧边栏
+   */
+  showSider: PropTypes.bool,
+  /**
+   * 自定义侧边栏菜单
+   */
+  siderMenu: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * 侧边栏是否收缩(受控)
+   */
+  collapsed: PropTypes.bool,
+  /**
+   * 点击侧边栏收缩（展开）按钮触发的回调事件
+   */
+  onCollapse: PropTypes.func,
+  /**
+   * 是否显示页头
+   */
+  showHead: PropTypes.bool,
+  /**
+   * 页头logo
+   */
+  logo: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * logo的大小，默认为头部高度的50%
+   */
+  logoSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * logo文案
+   */
+  logoText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * 页头标题文字
+   */
+  headerTitle: PropTypes.string,
+  /**
+   * 自定义页头右侧操作区
+   */
+  headerExtra: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * 是否展示页头home图标
+   */
+  showHome: PropTypes.bool,
+  /**
+   * 点击页头home图标触发的事件
+   */
+  onClickHome: PropTypes.func,
+  /**
+   * 开启顶部导航菜单
+   */
+  showTopNavigation: PropTypes.bool,
+  /**
+   * 顶部导航菜单内容
+   */
+  topNavigation: PropTypes.arrayOf(PropTypes.shape({
+    icon: PropTypes.node,
+    name: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.string
+  })),
+  /**
+   * 顶部导航菜单根元素的类名称
+   */
+  topNavigationClassName: PropTypes.string,
+  /**
+   * 顶部导航菜单触发下拉的行为
+   */
+  topNavigationTrigger: PropTypes.arrayOf(PropTypes.oneOf(["hover", "click", "contextMenu"])),
+  /**
+   * 点击顶部导航菜单，function(value,name,item){}
+   */
+  onClickTopNavigation: PropTypes.func,
+  /**
+   * 显示面包屑导航
+   */
+  showBreadcrumb: PropTypes.bool,
+  /**
+   * 显示返回导航
+   */
+  showBack: PropTypes.bool,
+  /**
+   * 返回导航的文字
+   */
+  backNavigationTitle: PropTypes.string,
+  /**
+   * 当点击返回导航的返回按钮,func(e,history)
+   */
+  onClickBack: PropTypes.func,
+  /**
+   * 返回导航的标题,自定义返回icon，不需要Icon可以设为false
+   */
+  backIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.bool]),
+  /**
+   * 内容区根元素类名
+   */
+  contentClassName: PropTypes.string,
+  /**
+   * 版本号 显示在侧边栏底部
+   */
+  version: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  /**
+   * 版本号提示信息 可用来展示完整版本号 有该属性时版本号后面出现信息图标 鼠标放入显示提示信息
+   */
+  versionTooltip: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  /**
+   * 自定义setting按钮
+   */
+  renderSetting: PropTypes.func,
+  /**
+   * 介于Header和MainContent区域之间的内容配置
+   */
+  contentOption: PropTypes.shape({
+    specialContent: PropTypes.node,
+    specialContentClassName: PropTypes.string
+  }),
+  /**
+   * 左侧菜单展开宽度值
+   */
+  onPassWidth: PropTypes.func,
+  /**
+   * 顶部导航配置(主要针对unfold类型)：{
+   *  topNavigationType: PropTypes.oneOf(["fold", "unfold"]), // 默认为fold，fold会将所有产品折叠收纳，unfold会将所有产品平铺
+   *  activeKey: PropTypes.string, // 受控的活跃的key
+   *  unfoldMaxCount: PropTypes.number // 默认值为4，topNavigationType为unfold类型时，超过unfoldMaxCount数目将会展示到更多中
+   *  moreOverlayClassName: PropTypes.string // 更多浮层类名
+   *  topNavigationWrapperClassName: PropTypes.string // 导航外壳容器类名
+   * }
+   */
+  topNavigationOption: PropTypes.object
+};
+export default BasicLayout;

package/lib/BasicLayout/locale/en_US.js

@@ -0,0 +1,4 @@
+export default {
+  back: 'Back',
+  allProductsTitle: 'Products'
+};

package/lib/BasicLayout/locale/index.js

@@ -0,0 +1,11 @@
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
+};

package/lib/BasicLayout/locale/zh_CN.js

@@ -0,0 +1,4 @@
+export default {
+  back: '返回',
+  allProductsTitle: '所有产品'
+};

package/lib/BasicLayout/locale/zh_TW.js

@@ -0,0 +1,4 @@
+export default {
+  back: '返回',
+  allProductsTitle: '所有產品'
+};

package/lib/BasicLayout/style/index.js

@@ -0,0 +1,101 @@
+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 genCustomBasicLayoutStyle = function genCustomBasicLayoutStyle(token) {
+  var prefixCls = token.antCls;
+  var basicLayoutPrefixCls = "".concat(prefixCls, "-basic-layout");
+  return _defineProperty({}, "".concat(basicLayoutPrefixCls, "-cw-layout-out"), {
+    height: "100%",
+    width: "100%",
+    overflowX: "auto",
+    ".cw-content-layout": {
+      height: "100%",
+      width: "100%",
+      // min-width: 1280px;
+      // 头部
+      ".cw-layout-header-box": {
+        height: "auto",
+        padding: 0,
+        background: "none"
+      },
+      // 内容box
+      ".cw-content-box": {
+        position: "relative",
+        flex: 1,
+        // 内容wrapper
+        ".cw-content-wrapper": {
+          /* width: 100%; */
+          height: "100%",
+          // padding: @padding-lg;
+          position: "relative",
+          flex: 1,
+          // fixed: ie10宽度被撑开
+          // 导航区
+          ".cw-content-nav-box": {
+            width: "100%",
+            height: "38px",
+            lineHeight: "38px",
+            paddingLeft: "20px",
+            display: "flex",
+            backgroundColor: token.colorBgContainer,
+            // @body-background;
+            alignItems: "center",
+            ".cw-content-nav-back": {
+              cursor: "default",
+              ".cw-content-nav-back-left": {
+                // padding: 8px 0;
+                "> div": {
+                  display: "inline-block",
+                  cursor: "pointer"
+                },
+                ".cw-content-nav-back-btn": {
+                  paddingRight: "4px"
+                },
+                "&:hover": {
+                  color: token.colorPrimary
+                }
+              }
+            }
+          },
+          // 内容区
+          ".cw-content-show-area": {
+            height: "100%",
+            width: "100%",
+            background: token.colorBgContainer,
+            // overflow: auto; // Fixed chrome 66版本内核解析卡顿bug
+            borderRadius: token.borderRadius,
+            ".cw-show-area-hack": {
+              overflow: "auto",
+              // Fixed chrome 66版本内核解析卡顿bug
+              height: "100%"
+            }
+          },
+          // 内容区有导航
+          ".cw-content-show-area-hasnav": {
+            height: "calc(100% - 38px)"
+          },
+          // 内容区自定义
+          ".cw-content-show-area-custom": {
+            background: "none"
+          }
+        },
+        // 带导航区
+        ".cw-content-wrapper-hasnav": {
+          paddingTop: 0
+        },
+        // 内容区自定义
+        ".cw-content-wrapper-custom": {
+          padding: 0
+        }
+      }
+    }
+  });
+};
+// ============================== Export ==============================
+export default genStyleHooks("BasicLayout", function (token) {
+  return [
+  //
+  genCustomBasicLayoutStyle(token)];
+});

package/lib/BasicLayout/style/sider.js

@@ -0,0 +1,73 @@
+import { genStyleHooks } from "../../Antd5/theme/internal";
+var prepareComponentToken = function prepareComponentToken(token) {
+  return {
+    siderBtnColor: token.BasicLayout.siderBtnColor,
+    siderBtnHoverColor: token.BasicLayout.siderBtnHoverColor,
+    collapsedBtnBg: token.BasicLayout.collapsedBtnBg,
+    versionColor: token.BasicLayout.versionColor
+  };
+};
+var genCustomSiderStyle = function genCustomSiderStyle(token) {
+  return {
+    ".cw-side": {
+      fontSize: "14px",
+      height: "100%",
+      boxShadow: "none",
+      overflow: "auto",
+      overflowX: "hidden",
+      ".cw-side-menu-box": {
+        height: "100%",
+        width: "100%",
+        ".cw-side-menu": {
+          height: "calc(100% - 40px)",
+          width: "100%",
+          overflow: "auto"
+        },
+        ".cw-sider-bottom-box": {
+          position: "relative",
+          borderTop: "1px solid transparent",
+          height: "40px",
+          width: "100%",
+          backgroundColor: "#fff",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          padding: "0 12px",
+          ".cw-sider-setting": {
+            color: token.siderBtnColor,
+            "&:hover": {
+              color: token.siderBtnHoverColor
+            }
+          },
+          ".cw-sider-collapsed-btn": {
+            background: token.collapsedBtnBg,
+            display: "inline-block",
+            width: "24px",
+            height: "24px",
+            cursor: "pointer",
+            lineHeight: "24px",
+            fontSize: "16px",
+            textAlign: "center",
+            color: token.siderBtnColor,
+            "&:hover": {
+              color: token.siderBtnHoverColor
+            }
+          },
+          ".cw-sider-version": {
+            fontSize: "12px",
+            color: token.versionColor,
+            "&:hover": {
+              color: token.siderBtnHoverColor
+            }
+          }
+        }
+      }
+    }
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks(["BasicLayout", "Sider"], function (token) {
+  return [
+  //
+  genCustomSiderStyle(token)];
+}, prepareComponentToken);

package/lib/BasicLayout/utils.js

@@ -0,0 +1,7 @@
+// 判断是否再iframe内显示
+export var judgeIsIframe = function judgeIsIframe() {
+  if (window.frames.length != parent.frames.length) {
+    return true;
+  }
+  return false;
+};

package/lib/Breadcrumb/index.js

@@ -0,0 +1,2 @@
+import Breadcrumb from '../Antd5/breadcrumb';
+export default Breadcrumb;

package/lib/Button/index.js

@@ -0,0 +1,53 @@
+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); }
+var _excluded = ["mainType", "className", "type"];
+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 _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; }
+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, { forwardRef } from "react";
+import Button from "../Antd5/button";
+import PropTypes from "prop-types";
+import classnames from "classnames";
+import useConfigContext from "../useConfigContext";
+import { cloneComProps } from "../utils";
+import useStyle from "./index.style";
+var CWButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$mainType = props.mainType,
+    mainType = _props$mainType === void 0 ? false : _props$mainType,
+    className = props.className,
+    type = props.type,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("btn");
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(Button, _extends({
+    className: classnames("".concat(prefixCls, "-wrapper"), _defineProperty({}, "".concat(prefixCls, "-main"), mainType), className),
+    ref: ref,
+    type: type === "danger" || type === "warn" ? undefined : type,
+    danger: type === "danger" || type === "warn"
+  }, rest)));
+});
+CWButton.defaultProps = {
+  mainType: false
+};
+CWButton.propTypes = {
+  /**
+   * 设置是否为主操作按钮，默认为false
+   */
+  mainType: PropTypes.bool
+};
+cloneComProps(Button, CWButton);
+export default CWButton;