@chaoswise/ui 3.0.8 → 3.0.9

package/lib/Antd5/card/style/index.js

@@ -190,7 +190,8 @@ var genCardStyle = function genCardStyle(token) {
     background: token.colorBgContainer,
     borderRadius: token.borderRadiusLG
   }, "&:not(".concat(componentCls, "-bordered)"), {
-    boxShadow: boxShadowTertiary
+    // boxShadow: boxShadowTertiary,
+    boxShadow: "none"
   }), "".concat(componentCls, "-head"), genCardHeadStyle(token)), "".concat(componentCls, "-extra"), {
     // https://stackoverflow.com/a/22429853/3040605
     marginInlineStart: 'auto',

package/lib/Badge/index.style.js

@@ -45,10 +45,12 @@ var genCustomBadgeStyle = function genCustomBadgeStyle(token) {
     display: "inline-block",
     height: "20px",
     lineHeight: "20px"
-  })), "".concat(badgePrefix).concat(badgePrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefix, "-multiple-words"), {
+  })), "".concat(badgePrefix).concat(badgePrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefix, "-multiple-words"), {
     padding: "0 6px"
   }), "".concat(badgePrefix, "-count"), {
     boxShadow: "none !important"
+  }), "".concat(badgePrefix, "-status-dot:only-child"), {
+    marginRight: "8px"
   }), "".concat(badgePrefix, "-dot"), {
     boxShadow: "none !important"
   }), "".concat(badgePrefix, "-scroll-number"), {

package/lib/BasicLayout/Footer.js

@@ -0,0 +1,54 @@
+var _excluded = ["children", "id"];
+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 _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, { useLayoutEffect, useRef, useEffect } from "react";
+import useConfigContext from "../useConfigContext";
+import { eventManager } from "../utils";
+import classnames from "classnames";
+import useStyle from "./style/footer";
+function Footer(_ref) {
+  var children = _ref.children,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "" : _ref$id,
+    res = _objectWithoutProperties(_ref, _excluded);
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("basic-layout");
+  var dom = useRef(null);
+  var _useStyle = useStyle("".concat(prefixCls, "-cw-layout-bottom-footer")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  useLayoutEffect(function () {
+    // 通知layout已加载 fixed 路由懒加载找不到节点
+    eventManager.emit("footerLoaded", {
+      children: children,
+      props: res,
+      dom: dom.current
+    });
+    return function () {
+      eventManager.emit("footerUnmount");
+    };
+  }, []);
+
+  // 修复属性不更新
+  useEffect(function () {
+    eventManager.emit("footerUpdate", {
+      children: children,
+      props: res
+    });
+  });
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", _extends({
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-cw-layout-bottom-footer")),
+    ref: dom
+  }, res), children));
+}
+export default Footer;

package/lib/BasicLayout/index.js

@@ -2,6 +2,7 @@ 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 _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 _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; } }
@@ -13,8 +14,10 @@ import ReactDOM from "react-dom";
 import PropTypes from "prop-types";
 import classnames from "classnames";
 import Breadcrumb from "./Breadcrumb";
+import Footer from "./Footer";
 import Sider from "./Sider";
 import Nav from "./Nav";
+import { eventManager } from '../utils';
 import { judgeIsIframe } from "./utils";
 import intl from "../locales";
 import useStyle from "./style/index";
@@ -93,6 +96,18 @@ var BasicLayout = function BasicLayout(_ref) {
     _menuOptions$resizabl = menuOptions.resizableProps,
     _menuOptions$resizabl2 = _menuOptions$resizabl === void 0 ? {} : _menuOptions$resizabl,
     siderDragWidth = _menuOptions$resizabl2.siderDragWidth;
+  // footer -- todo：删除+文档描述
+  var footerRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    cloneFooter = _useState2[0],
+    setCloneFooter = _useState2[1];
+  var isWatchFooter = useRef(false);
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasFooter = _useState4[0],
+    setHasFooter = _useState4[1];
+  // footer -- todo：删除+文档描述
   var contentRef = useRef(null);
   var layoutRef = useRef(null);
   var SIDER_WIDTH_MAP = {
@@ -101,10 +116,10 @@ var BasicLayout = function BasicLayout(_ref) {
     zh_TW: siderWidth
   };
   var defaultSiderWidth = SIDER_WIDTH_MAP[currentLocale];
-  var _useState = useState(defaultSiderWidth),
-    _useState2 = _slicedToArray(_useState, 2),
-    _siderDragWidth = _useState2[0],
-    _setSiderDragWidth = _useState2[1];
+  var _useState5 = useState(defaultSiderWidth),
+    _useState6 = _slicedToArray(_useState5, 2),
+    _siderDragWidth = _useState6[0],
+    _setSiderDragWidth = _useState6[1];
   useEffect(function () {
     onPassWidth(_siderDragWidth);
   }, [_siderDragWidth]);
@@ -124,6 +139,51 @@ var BasicLayout = function BasicLayout(_ref) {
       _setSiderDragWidth(defaultSiderWidth);
     }
   }, [currentLocale, defaultSiderWidth]);
+  // ----- footer先使用后面删除+文档描述 -----
+  var onFooterLoaded = function onFooterLoaded(args) {
+    // 移动footer到指定位置展示 统一布局
+    setTimeout(function () {
+      // 如果是portal不监听
+      var contentDom = ReactDOM.findDOMNode(contentRef.current);
+      if (!contentDom) {
+        return;
+      }
+      var footerBoxNum = contentDom.getElementsByClassName("cw-layout-footer-box").length;
+      if (footerBoxNum === 1) {
+        var _hasFooter = contentDom.getElementsByClassName("".concat(prefixCls, "-cw-layout-bottom-footer")).length > 0;
+        // fixed storybook 多个demo冲突
+        if (_hasFooter) {
+          setHasFooter(true);
+          placeFooter(args);
+        }
+      }
+    });
+  };
+  var onFooterUpdate = function onFooterUpdate(_ref2) {
+    var props = _ref2.props,
+      children = _ref2.children;
+    setCloneFooter(function (preFooter) {
+      if (preFooter) {
+        return /*#__PURE__*/React.createElement("div", _extends({
+          className: "".concat(prefixCls, "-cw-layout-bottom-footer")
+        }, props), children);
+      }
+      return null;
+    });
+  };
+  if (!isWatchFooter.current) {
+    isWatchFooter.current = true;
+    eventManager.on("footerLoaded", onFooterLoaded);
+  }
+  useEffect(function () {
+    eventManager.on("footerUnmount", onFooterUnmount);
+    eventManager.on("footerUpdate", onFooterUpdate);
+    return function () {
+      eventManager.off("footerUnmount", onFooterUnmount);
+      eventManager.off("footerLoaded", onFooterLoaded);
+      eventManager.off("footerUpdate", onFooterUpdate);
+    };
+  }, []);
   useEffect(function () {
     var contentDom = ReactDOM.findDOMNode(contentRef.current);
     // 判断是否是嵌套 隐藏子元素的header portal嵌套
@@ -133,6 +193,32 @@ var BasicLayout = function BasicLayout(_ref) {
       childHeader[0].setAttribute("style", "display: none");
     }
   });
+  var onFooterUnmount = function onFooterUnmount() {
+    setCloneFooter(null);
+    setHasFooter(false);
+  };
+  /**
+   * 移动footer
+   */
+  var placeFooter = function placeFooter(_ref3) {
+    var children = _ref3.children,
+      dom = _ref3.dom,
+      props = _ref3.props;
+    setCloneFooter( /*#__PURE__*/React.createElement("div", _extends({
+      className: "".concat(prefixCls, "-cw-layout-bottom-footer")
+    }, props), children));
+
+    // 拿到父节点 卸载掉原始
+    var parent = dom.parentElement;
+
+    // fixed storybook内多实例报错
+    if (parent) {
+      // Fixed 协助dom与react内部方法冲突
+      // parent.removeChild(dom);
+      dom.style.display = "none";
+    }
+  };
+  // ----- footer -----
   return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
     className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-cw-layout-out"), className),
     style: style,
@@ -182,7 +268,9 @@ var BasicLayout = function BasicLayout(_ref) {
     menuOptions: menuOptions
   }), /*#__PURE__*/React.createElement(Content, {
     ref: contentRef,
-    className: classnames("cw-content-wrapper", isShowNav ? "cw-content-wrapper-hasnav" : "", customContent ? "cw-content-wrapper-custom" : "" // 内容区自定义
+    className: classnames("cw-content-wrapper", hasFooter ? "cw-content-wrapper-footer" : "",
+    // footer
+    isShowNav ? "cw-content-wrapper-hasnav" : "", customContent ? "cw-content-wrapper-custom" : "" // 内容区自定义
     )
   }, /*#__PURE__*/React.createElement(Nav, {
     customContent: customContent,
@@ -203,7 +291,10 @@ var BasicLayout = function BasicLayout(_ref) {
     })
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-show-area-hack"
-  }, ErrorBoundary ? /*#__PURE__*/React.createElement(_ErrorBoundary, null, children) : children)))))));
+  }, ErrorBoundary ? /*#__PURE__*/React.createElement(_ErrorBoundary, null, children) : children)), /*#__PURE__*/React.createElement("div", {
+    className: "cw-layout-footer-box",
+    ref: footerRef
+  }, cloneFooter))))));
 };
 BasicLayout.defaultProps = {
   showSider: true,
@@ -393,4 +484,5 @@ BasicLayout.propTypes = {
    */
   topNavigationOption: PropTypes.object
 };
+BasicLayout.Footer = Footer;
 export default BasicLayout;

package/lib/BasicLayout/style/footer.js

@@ -0,0 +1,28 @@
+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 genCustomFooterStyle = function genCustomFooterStyle(token) {
+  var prefixCls = token.antCls;
+  var basicLayoutPrefixCls = "".concat(prefixCls, "-basic-layout");
+  return _defineProperty({}, "".concat(basicLayoutPrefixCls, "-cw-layout-bottom-footer"), {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    width: "100%",
+    height: "52px",
+    boxShadow: "0 -1px 2px 0 rgba(0,0,0,0.06)",
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: token.colorBgContainer,
+    // @body-background;
+    padding: "0 20px 2px"
+  });
+};
+// ============================== Export ==============================
+export default genStyleHooks(["BasicLayout", "Footer"], function (token) {
+  return [
+  //
+  genCustomFooterStyle(token)];
+});

package/lib/BasicLayout/style/index.js

@@ -6,7 +6,7 @@ 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"), {
+  return _defineProperty({}, "".concat(basicLayoutPrefixCls, "-cw-layout-out"), _defineProperty({
     height: "100%",
     width: "100%",
     overflowX: "auto",
@@ -88,10 +88,25 @@ var genCustomBasicLayoutStyle = function genCustomBasicLayoutStyle(token) {
         // 内容区自定义
         ".cw-content-wrapper-custom": {
           padding: 0
+        },
+        ".cw-content-wrapper-footer": {
+          paddingBottom: "52px"
         }
       }
     }
-  });
+  }, "".concat(basicLayoutPrefixCls, "-cw-layout-bottom-footer"), {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    width: "100%",
+    height: "52px",
+    boxShadow: "0 -1px 2px 0 rgba(0,0,0,0.06)",
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: token.colorBgContainer,
+    // @body-background;
+    padding: "0 20px 2px"
+  }));
 };
 // ============================== Export ==============================
 export default genStyleHooks("BasicLayout", function (token) {

package/lib/CWMessage/index.style.js

@@ -3,9 +3,11 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 prepareComponentToken = function prepareComponentToken(token) {
   return {
-    headerColorLayout: token.Layout.headerColor
+    headerColorLayout: token.Layout.headerColor,
+    headerHeightLayout: token.Layout.headerHeight
   };
 };
 var genCustomCWMessageStyle = function genCustomCWMessageStyle(token) {
@@ -15,9 +17,17 @@ var genCustomCWMessageStyle = function genCustomCWMessageStyle(token) {
   var drawerPrefix = "".concat(prefixCls, "-drawer");
   var emptyPrefix = "".concat(prefixCls, "-empty");
   var tabPrefix = "".concat(prefixCls, "-tabs");
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-notification"), _defineProperty(_defineProperty({}, "&:has(".concat(messagePrefixCls, "-notification-wrapper)"), {
-    margin: "0"
-  }), "".concat(messagePrefixCls, "-notification-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-notification-notice-message"), {
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-notification"), _defineProperty(_defineProperty({}, "&:has(".concat(messagePrefixCls, "-notification-wrapper)"), _defineProperty({
+    overflowX: "hidden",
+    overflowY: "auto",
+    height: "calc(100% - ".concat(unit(token.headerHeightLayout), ")"),
+    margin: "0",
+    width: "404px"
+  }, "".concat(prefixCls, "-notification-notice-wrapper"), _defineProperty({
+    boxShadow: "0 4px 12px rgba(0, 0, 0, .15) !important"
+  }, "".concat(prefixCls, "-business-message-notification-wrapper"), _defineProperty({}, "".concat(prefixCls, "-notification-notice-close"), {
+    backgroundColor: "transparent !important"
+  })))), "".concat(messagePrefixCls, "-notification-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-notification-notice-message"), {
     width: "100%",
     textOverflow: "ellipsis",
     overflow: "hidden",

package/lib/CWTable/CWTable.js

@@ -581,7 +581,8 @@ var CWTable = function CWTable(_ref, ref) {
     columns: tableColumns,
     dataSource: finalDataSource,
     rowSelection: rowSelection && _objectSpread({
-      columnWidth: 40
+      columnWidth: 40,
+      preserveSelectedRowKeys: true
     }, rowSelection),
     pagination: false,
     onExpand: onExpand,

package/lib/ConfigProvider/customTheme.js

@@ -162,6 +162,9 @@ export default {
     Notification: {
       zIndexPopup: 950
     },
+    Message: {
+      contentPadding: "9px 16px"
+    },
     // Empty: {
     //   // 组件内部需要调整符合UI规范的样式
     //   // 1.空状态默认图标替换
@@ -199,11 +202,11 @@ export default {
       headerColor: "rgba(0, 0, 0, 0.65)",
       // token变量 colorTextSecondary
       fontWeightStrong: 400,
-      rowHoverBg: "rgba(0, 0, 0, 0.02)",
+      rowHoverBg: "#fafafa",
       // token变量 colorFillQuaternary
-      rowSelectedBg: "rgba(0, 0, 0, 0.02)",
+      rowSelectedBg: "#fafafa",
       // token变量 colorFillQuaternary
-      rowSelectedHoverBg: "rgba(0, 0, 0, 0.02)",
+      rowSelectedHoverBg: "#fafafa",
       // token变量 colorFillQuaternary
       cellPaddingBlock: 12,
       cellPaddingInline: 12,

package/lib/Drawer/index.js

@@ -54,12 +54,12 @@ var CWDrawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     middle: 660,
     large: 920
   };
-  var headerHeight = useMemo(function () {
-    return title ? 52 : 0;
-  }, [title]);
+  // const headerHeight = useMemo(() => {
+  //   return title ? 52 : 0;
+  // }, [title]);
   var _bodyStyle = {
-    height: "calc(100% - ".concat(headerHeight, "px)"),
-    overflow: "auto"
+    // height: `calc(100% - ${headerHeight}px)`,
+    // overflow: "auto",
   };
   var cwExtra = useMemo(function () {
     if (title) {

package/lib/Drawer/index.style.js

@@ -32,6 +32,7 @@ var genCustomCWDrawerStyle = function genCustomCWDrawerStyle(token) {
     lineHeight: "51px",
     // UI规范
     cursor: "pointer",
+    background: "transparent !important",
     "&:focus, &:hover": {
       color: "".concat(token.colorPrimaryHover, " !important")
     }
@@ -60,7 +61,7 @@ var genCustomCWDrawerStyle = function genCustomCWDrawerStyle(token) {
     lineHeight: "51px !important",
     flex: "none !important",
     padding: "0 24px !important",
-    borderBottom: "".concat(unit(token.lineWidth), " ").concat(token.lineType).concat(token.colorBorderSecondary)
+    borderBottom: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorderSecondary)
   }, "".concat(drawerPrefix, "-close"), {
     marginRight: "0"
   }), "&-title", _defineProperty({

package/lib/Form/index.style.js

@@ -10,8 +10,8 @@ var genCustomCWFormStyle = function genCustomCWFormStyle(token) {
   var formItemPrefix = "".concat(prefixCls, "-form-item");
   return _defineProperty({}, "".concat(prefixCls, "-form").concat(prefixCls, "-form-wrapper"), _defineProperty(_defineProperty(_defineProperty({}, "&".concat(prefixCls, "-form-inline"), _defineProperty({}, "".concat(formItemPrefix), {
     marginBottom: "24px"
-  })), "".concat(formItemPrefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(formItemPrefix, "-label-horizontal"), _defineProperty({
-    display: "flex !important",
+  })), "".concat(formItemPrefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(formItemPrefix, "-label").concat(formItemPrefix, "-label-horizontal"), _defineProperty({
+    display: "flex",
     alignItems: "center",
     height: unit(token.controlHeight)
   }, "&".concat(formItemPrefix, "-label > label"), _defineProperty(_defineProperty(_defineProperty({

package/lib/IconSelect/components/CustomImg/index.js

@@ -2,6 +2,7 @@ import _Upload from "@chaoswise/ui/lib/Upload";
 import _Button from "@chaoswise/ui/lib/Button";
 import _message from "@chaoswise/ui/lib/message";
 import React from "react";
+import { UploadOutlined } from '@ant-design/icons';
 import { useIntl } from "../../../locales";
 var CustomImg = function CustomImg(_ref) {
   var onChange = _ref.onChange,
@@ -76,7 +77,7 @@ var CustomImg = function CustomImg(_ref) {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "custom-img"
   }, /*#__PURE__*/React.createElement(_Button, {
-    icon: "upload"
+    icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
   }, intl.get("1a190483-11d6-4fc7-bdd8-9ebed6dcf14e").d("上传本地图片")), /*#__PURE__*/React.createElement("div", {
     className: "custom-img-tip"
   }, intl.get("718c1df1-dba2-4e7a-a078-46c54ee4875a").d("推荐上传40*40的PNG、SVG、JPG、JGPG,⼤⼩不超过2M"))))));

package/lib/IconSelect/index.style.js

@@ -18,7 +18,7 @@ var genCustomIconSelectStyle = function genCustomIconSelectStyle(token) {
     textAlign: "left"
   }))), "".concat(iconSelectPrefix, "-dropdown"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     background: token.colorBgContainer,
-    width: "240px",
+    width: "250px",
     borderRadius: "4px",
     outline: "none",
     WebkitBoxShadow: token.boxShadow,

package/lib/LayoutBreadcrumb/index.js

@@ -0,0 +1,78 @@
+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 _Breadcrumb from "@chaoswise/ui/lib/Breadcrumb";
+var _excluded = ["formatData", "itemRender", "render", "data", "style"];
+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 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 _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 { useHistory } from 'react-router-dom';
+import { Link } from 'react-router-dom';
+function BreadcrumbShow(_ref) {
+  var _ref$routes = _ref.routes,
+    routes = _ref$routes === void 0 ? [] : _ref$routes,
+    currentPath = _ref.currentPath,
+    breadcrumbOptions = _ref.breadcrumbOptions;
+  var formatData = breadcrumbOptions.formatData,
+    itemRender = breadcrumbOptions.itemRender,
+    render = breadcrumbOptions.render,
+    breadData = breadcrumbOptions.data,
+    _breadcrumbOptions$st = breadcrumbOptions.style,
+    style = _breadcrumbOptions$st === void 0 ? {} : _breadcrumbOptions$st,
+    resP = _objectWithoutProperties(breadcrumbOptions, _excluded);
+  var _useHistory = useHistory(),
+    location = _useHistory.location;
+  var pathname = currentPath ? currentPath : location.pathname;
+  var breadcrumbData = useMemo(function () {
+    var finalData = routes;
+    var breadcrumbNameMap = {};
+    function getBreadcrumbByRoutes(routes) {
+      routes.forEach(function (item) {
+        if (item.path || item.pathName) {
+          breadcrumbNameMap[item.path || item.pathName] = item;
+        }
+        if (item.routes && item.routes.length > 0 || item.children && item.children.length > 0) {
+          getBreadcrumbByRoutes(item.routes || item.children);
+        }
+      });
+    }
+    getBreadcrumbByRoutes(finalData);
+    var pathSnippets = pathname.split('/').filter(function (i) {
+      return i;
+    });
+    var data = pathSnippets.map(function (_, index) {
+      var path = "/".concat(pathSnippets.slice(0, index + 1).join('/'));
+      return _objectSpread({
+        path: path
+      }, breadcrumbNameMap[path]);
+    });
+    if (formatData) {
+      return formatData(data);
+    }
+    return data;
+  }, [routes, pathname, formatData]);
+  if (render) {
+    return render({
+      routes: routes,
+      data: data,
+      currentPath: currentPath,
+      breadcrumbOptions: breadcrumbOptions
+    });
+  }
+  var _breadcrumbData = breadData ? breadData : breadcrumbData;
+  return /*#__PURE__*/React.createElement(_Breadcrumb, _extends({
+    style: _objectSpread({}, style)
+  }, resP), _breadcrumbData.map(function (bread, index) {
+    var item = index === _breadcrumbData.length - 1 ? bread.name : /*#__PURE__*/React.createElement(Link, {
+      to: bread.path
+    }, bread.name);
+    return /*#__PURE__*/React.createElement(_Breadcrumb.Item, {
+      key: bread.path
+    }, itemRender ? itemRender(bread, index) : item);
+  }));
+}
+export default BreadcrumbShow;

package/lib/LayoutWrapper/index.js

@@ -168,8 +168,6 @@ LayoutWrapper.defaultProps = {
     // 默认为false
     goBack: function goBack() {},
     // 默认为空函数
-    hasHeader: true,
-    // 默认为true
     className: '',
     // 默认为空字符串
     extra: null,

package/lib/SiderMenu/index.js

@@ -34,6 +34,7 @@ function CWMenu(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
+  var menuPrefixCls = getPrefixCls("menu");
   var prefixCls = getPrefixCls("sider-menu");
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -123,6 +124,15 @@ function CWMenu(_ref) {
         return true;
       }
       return false;
+    }).map(function (item) {
+      if (item.children || item.routes) {
+        var children = filterData(item.children || item.routes);
+        return _objectSpread(_objectSpread({}, item), {}, {
+          children: children,
+          routes: children
+        });
+      }
+      return item;
     });
   }, []);
   var items = useMemo(function () {
@@ -133,6 +143,7 @@ function CWMenu(_ref) {
         var omitProps = hasParent ? omit(item, ["pathName", "name", "icon"]) : omit(item, ["pathName", "name"]);
         var record = _objectSpread(_objectSpread({
           label: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(menuPrefixCls, "-title-content"),
             style: {
               paddingLeft: !hasParent ? 0 : !collapsed ? 12 : 0
             }

package/lib/Tabs/index.style.js

@@ -38,13 +38,17 @@ var genCustomCWTabsStyle = function genCustomCWTabsStyle(token) {
     borderColor: token.tabsBorderColor
   }))), "".concat(tabsPrefixCls, "-nav"), _defineProperty({}, "".concat(tabsPrefixCls, "-tab"), _defineProperty(_defineProperty({}, token.iconCls, {
     marginRight: "0"
-  }), "".concat(tabsPrefixCls, "-tab-btn"), _defineProperty({}, token.iconCls, {
+  }), "".concat(tabsPrefixCls, "-tab-btn"), _defineProperty({
+    fontSize: "inherit"
+  }, token.iconCls, {
     "&:first-of-type": {
       marginRight: "4px"
     }
-  })))), "".concat(tabsPrefixCls, "-content-holder"), {
-    flex: "1" // Fix for height issue in some versions of Google Chrome when using flex:auto in Tabs
-  }))), "".concat(tabsPrefixCls, "-popup"), _defineProperty({}, "&".concat(tabsPrefixCls, "-dropdown"), _defineProperty({
+  })))), "".concat(tabsPrefixCls, "-content-holder"), _defineProperty({
+    flex: "1"
+  }, "".concat(tabsPrefixCls, "-content"), _defineProperty({}, "".concat(tabsPrefixCls, "-tabpane"), {
+    height: "100%"
+  }))))), "".concat(tabsPrefixCls, "-popup"), _defineProperty({}, "&".concat(tabsPrefixCls, "-dropdown"), _defineProperty({
     pointerEvents: "auto !important"
   }, "&".concat(tabsPrefixCls, "-slide-up-leave"), {
     display: "none !important"

package/lib/UniversalLayout/index.js

@@ -0,0 +1,95 @@
+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 from "react";
+import PropTypes from "prop-types";
+import useStyle from "./index.style";
+import classnames from "classnames";
+var _ = require("lodash-es");
+
+/**
+ *
+ * 图表布局组件，用于规则地排列图表，可以设置展示模式，以适应不同的展示场景。
+ */
+export default function UniversalLayout(_ref) {
+  var mode = _ref.mode,
+    style = _ref.style,
+    itemStyle = _ref.itemStyle,
+    children = _ref.children;
+  var _useStyle = useStyle("cw-universal-layout"),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  if (React.Children.count(children) == 1) {
+    return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+      className: classnames(hashId, cssVarCls, "cw-universal-layout", "cw-universal-layout-one"),
+      style: style
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "cw-chart-item",
+      style: itemStyle
+    }, children)));
+  } else if (React.Children.count(children) > 1) {
+    if (mode.mode === "grid") {
+      var proportion = Number.parseInt(1 / mode.number * 100);
+      return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+        className: classnames(hashId, cssVarCls, "cw-universal-layout", "cw-universal-layout-grid"),
+        style: style
+      }, React.Children.map(children, function (child) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "cw-chart-item",
+          style: _.merge(itemStyle, {
+            flexBasis: "".concat(proportion, "%"),
+            width: "auto"
+          })
+        }, child);
+      })));
+    } else if (mode.mode === "queue") {
+      return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+        className: classnames(hashId, cssVarCls, "cw-universal-layout", "cw-universal-layout-queue"),
+        style: _.merge(style, mode.enter ? {
+          flexWrap: "wrap"
+        } : {
+          width: "max-content"
+        })
+      }, React.Children.map(children, function (child) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "cw-chart-item",
+          style: _.merge({
+            width: "100px"
+          }, itemStyle)
+        }, child);
+      })));
+    }
+  }
+}
+UniversalLayout.defaultProps = {
+  mode: {
+    mode: "grid",
+    number: 2
+  }
+};
+UniversalLayout.propTypes = {
+  /**
+   * 多个图表的展示模式。mode表示展示模式，可选参数为栅格(grid)或队列(queue);
+   * 可设置每行显示的图表个数(number);
+   * 可设置队列布局是否换行。
+   */
+  mode: PropTypes.shape({
+    mode: PropTypes.oneOf(["grid", "queue"]).isRequired,
+    number: PropTypes.number,
+    enter: PropTypes.bool
+  }),
+  /**
+   * 布局样式
+   */
+  style: PropTypes.object,
+  /**
+   * 每个布局元素样式,
+   * 栅格不支持设置固定宽度。
+   */
+  itemStyle: PropTypes.object
+};

package/lib/UniversalLayout/index.style.js

@@ -0,0 +1,32 @@
+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 genCustomUniversalLayoutStyle = function genCustomUniversalLayoutStyle() {
+  return _defineProperty({}, ".cw-universal-layout", _defineProperty(_defineProperty(_defineProperty({
+    width: "100%",
+    height: "100%",
+    overflow: "auto"
+  }, "&.cw-universal-layout-one", {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    ".cw-chart-item": {
+      width: "100%"
+    }
+  }), "&.cw-universal-layout-grid", {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    alignContent: "center",
+    flexWrap: "wrap"
+  }), "&.cw-universal-layout-queue", {
+    display: "flex",
+    alignItems: "center"
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks("UniversalLayout", function (token) {
+  return [genCustomUniversalLayoutStyle(token)];
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaoswise/ui",
   "packageName": "chaoswiseUI",
-  "version": "3.0.8",
+  "version": "3.0.9",
   "description": "公共UI库",
   "keywords": [
     "ui",