@chaoswise/ui 3.0.6 → 3.0.7

package/lib/Antd5/watermark/useWatermark.js

@@ -0,0 +1,61 @@
+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 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 _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 * as React from 'react';
+import { getStyleStr } from './utils';
+/**
+ * Base size of the canvas, 1 for parallel layout and 2 for alternate layout
+ * Only alternate layout is currently supported
+ */
+export var BaseSize = 2;
+export var FontGap = 3;
+// Prevent external hidden elements from adding accent styles
+var emphasizedStyle = {
+  visibility: 'visible !important'
+};
+export default function useWatermark(markStyle) {
+  var _React$useState = React.useState(function () {
+      return new Map();
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    watermarkMap = _React$useState2[0];
+  var appendWatermark = function appendWatermark(base64Url, markWidth, container) {
+    if (container) {
+      if (!watermarkMap.get(container)) {
+        var newWatermarkEle = document.createElement('div');
+        watermarkMap.set(container, newWatermarkEle);
+      }
+      var watermarkEle = watermarkMap.get(container);
+      watermarkEle.setAttribute('style', getStyleStr(_objectSpread(_objectSpread({}, markStyle), {}, {
+        backgroundImage: "url('".concat(base64Url, "')"),
+        backgroundSize: "".concat(Math.floor(markWidth), "px")
+      }, emphasizedStyle)));
+      // Prevents using the browser `Hide Element` to hide watermarks
+      watermarkEle.removeAttribute('class');
+      if (watermarkEle.parentElement !== container) {
+        container.append(watermarkEle);
+      }
+    }
+    return watermarkMap.get(container);
+  };
+  var removeWatermark = function removeWatermark(container) {
+    var watermarkEle = watermarkMap.get(container);
+    if (watermarkEle && container) {
+      container.removeChild(watermarkEle);
+    }
+    watermarkMap["delete"](container);
+  };
+  var isWatermarkEle = function isWatermarkEle(ele) {
+    return Array.from(watermarkMap.values()).includes(ele);
+  };
+  return [appendWatermark, removeWatermark, isWatermarkEle];
+}

package/lib/Antd5/watermark/utils.js

@@ -0,0 +1,28 @@
+/** converting camel-cased strings to be lowercase and link it with Separato */
+export function toLowercaseSeparator(key) {
+  return key.replace(/([A-Z])/g, '-$1').toLowerCase();
+}
+export function getStyleStr(style) {
+  return Object.keys(style).map(function (key) {
+    return "".concat(toLowercaseSeparator(key), ": ").concat(style[key], ";");
+  }).join(' ');
+}
+/** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */
+export function getPixelRatio() {
+  return window.devicePixelRatio || 1;
+}
+/** Whether to re-render the watermark */
+export var reRendering = function reRendering(mutation, isWatermarkEle) {
+  var flag = false;
+  // Whether to delete the watermark node
+  if (mutation.removedNodes.length) {
+    flag = Array.from(mutation.removedNodes).some(function (node) {
+      return isWatermarkEle(node);
+    });
+  }
+  // Whether the watermark dom property value has been modified
+  if (mutation.type === 'attributes' && isWatermarkEle(mutation.target)) {
+    flag = true;
+  }
+  return flag;
+};

package/lib/App/index.js

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

package/lib/AutoComplete/index.js

@@ -0,0 +1,2 @@
+import AutoComplete from '../Antd5/auto-complete';
+export default AutoComplete;

package/lib/Avatar/index.js

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

package/lib/BackTop/index.js

@@ -0,0 +1,2 @@
+import BackTop from '../Antd5/back-top';
+export default BackTop;

package/lib/Badge/index.js

@@ -0,0 +1,48 @@
+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; }
+import React, { forwardRef } from "react";
+import { Badge } from "../Antd5";
+import PropTypes from "prop-types";
+import { cloneComProps } from "../utils";
+import { useTheme } from "../antd-style";
+import classnames from "classnames";
+import useConfigContext from "../useConfigContext";
+import useStyle from "./index.style";
+var CWBadge = /*#__PURE__*/forwardRef(function (props, ref) {
+  var status = props.status,
+    text = props.text,
+    className = props.className;
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("badge");
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var theme = useTheme();
+  if (status == "processing") {
+    return wrapCSSVar( /*#__PURE__*/React.createElement("span", {
+      className: classnames(prefixCls, hashId, cssVarCls, "".concat(prefixCls, "-processing-wrapper"))
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-processing")
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-processing-text")
+    }, text)));
+  }
+  return wrapCSSVar( /*#__PURE__*/React.createElement(Badge, _extends({
+    ref: ref,
+    color: status == "active" ? theme["colorPrimary"] : undefined,
+    className: classnames("".concat(prefixCls, "-wrapper"), className)
+  }, props)));
+});
+CWBadge.propTypes = {
+  status: PropTypes.oneOf(["default", "active", "success", "error", "warning", "processing"])
+};
+cloneComProps(Badge, CWBadge);
+export default CWBadge;

package/lib/Badge/index.style.js

@@ -0,0 +1,65 @@
+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 _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+import { keyframes } from "../antd-style";
+var k_loadingK = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n      left: 0;\n      transform: scale(1.1)\n  }\n\n  50% {\n      left: 100%;\n      transform: scale(1)\n  }\n\n  100% {\n      left: 0;\n      transform: scale(1.1)\n  }\n"])));
+var k_loadingM = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n      z-index: 0\n  }\n\n  50% {\n      z-index: 1\n  }\n\n  100% {\n      z-index: 0\n  }\n"])));
+var k_loadingL = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0% {\n      left: 100%;\n      transform: scale(1.1)\n  }\n\n  50% {\n      left: 0;\n      transform: scale(1)\n  }\n\n  100% {\n      left: 100%;\n      transform: scale(1.1)\n  }\n"])));
+var k_loadingN = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  0% {\n      z-index: 1\n  }\n\n  50% {\n      z-index: 0\n  }\n\n  100% {\n      z-index: 1\n  }\n"])));
+var genCustomBadgeStyle = function genCustomBadgeStyle(token) {
+  var prefixCls = token.antCls;
+  var badgePrefix = "".concat(prefixCls, "-badge");
+  return _defineProperty(_defineProperty({}, "".concat(badgePrefix, "-processing-wrapper"), _defineProperty(_defineProperty({
+    display: "inline-flex",
+    alignItems: "center",
+    height: "20px",
+    lineHeight: "20px",
+    marginRight: "8px"
+  }, "".concat(badgePrefix, "-processing"), {
+    display: "inline-block",
+    position: "relative",
+    width: "8px",
+    height: "8px",
+    marginRight: "12px",
+    "&::before, &::after": {
+      display: "inline-block",
+      content: '""',
+      width: "8px",
+      height: "8px",
+      position: "absolute",
+      borderRadius: "50%"
+    },
+    "&::before": {
+      background: token.colorPrimary,
+      animation: "".concat(k_loadingK, " 1s ease-in-out infinite, ").concat(k_loadingM, " 0.33s ease-in-out infinite")
+    },
+    "&:after": {
+      background: token.colorSuccess,
+      animation: "".concat(k_loadingL, " 1s ease-in-out infinite, ").concat(k_loadingN, " 0.33s ease-in-out infinite")
+    }
+  }), "".concat(badgePrefix, "-processing-text"), {
+    display: "inline-block",
+    height: "20px",
+    lineHeight: "20px"
+  })), "".concat(badgePrefix).concat(badgePrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefix, "-multiple-words"), {
+    padding: "0 6px"
+  }), "".concat(badgePrefix, "-count"), {
+    boxShadow: "none !important"
+  }), "".concat(badgePrefix, "-dot"), {
+    boxShadow: "none !important"
+  }), "".concat(badgePrefix, "-scroll-number"), {
+    "&-only-unit:not(.current)": {
+      visibility: "hidden"
+    }
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks("CWBadge", function (token) {
+  return [
+  // 
+  genCustomBadgeStyle(token)];
+});

package/lib/BasicLayout/Breadcrumb.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/BasicLayout/Nav.js

@@ -0,0 +1,37 @@
+import React from 'react';
+function Nav(_ref) {
+  var customContent = _ref.customContent,
+    showBreadcrumb = _ref.showBreadcrumb,
+    showBack = _ref.showBack,
+    backIcon = _ref.backIcon,
+    backNavigationTitle = _ref.backNavigationTitle,
+    _ref$onClickBack = _ref.onClickBack,
+    onClickBack = _ref$onClickBack === void 0 ? function () {} : _ref$onClickBack,
+    breadCrumb = _ref.breadCrumb;
+  if (customContent) {
+    return null;
+  }
+  if (showBack) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "cw-content-nav-box"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "cw-content-nav-back"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "cw-content-nav-back-left",
+      onClick: function onClick(e) {
+        return onClickBack(e, history);
+      }
+    }, backIcon && /*#__PURE__*/React.createElement("div", {
+      className: "cw-content-nav-back-btn"
+    }, backIcon), /*#__PURE__*/React.createElement("div", {
+      className: "cw-content-nav-back-title"
+    }, backNavigationTitle || '返回'))));
+  }
+  if (showBreadcrumb) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "cw-content-nav-box"
+    }, breadCrumb);
+  }
+  return null;
+}
+export default Nav;

package/lib/BasicLayout/Sider.js

@@ -0,0 +1,159 @@
+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 _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _SiderMenu from "@chaoswise/ui/lib/SiderMenu";
+import _Layout from "@chaoswise/ui/lib/Layout";
+var _excluded = ["canDrag", "enable", "maxDragWidth", "resizeBarColor", "onResizeStart", "onResizeStop", "onResize", "siderDragWidth"],
+  _excluded2 = ["menuData", "resizableProps"];
+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; }
+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 } from "react";
+import { Resizable } from "re-resizable";
+import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
+import { useTheme } from '../antd-style';
+import classnames from 'classnames';
+import useStyle from "./style/sider";
+var AntSider = _Layout.Sider;
+function Sider(_ref) {
+  var siderMenu = _ref.siderMenu,
+    collapsed = _ref.collapsed,
+    siderCollapsedWidth = _ref.siderCollapsedWidth,
+    version = _ref.version,
+    versionTooltip = _ref.versionTooltip,
+    siderWidth = _ref.siderWidth,
+    renderSetting = _ref.renderSetting,
+    _siderDragWidth = _ref._siderDragWidth,
+    _setSiderDragWidth = _ref._setSiderDragWidth,
+    menuOptions = _ref.menuOptions,
+    onCollapse = _ref.onCollapse;
+  var _useStyle = useStyle("cw-side"),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    enableResizable = _useState2[0],
+    setEnableResizable = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selfCollapsed = _useState4[0],
+    setSelfCollapsed = _useState4[1];
+  var token = useTheme();
+  useEffect(function () {
+    if (collapsed !== undefined) {
+      setSelfCollapsed(collapsed);
+    }
+  }, [collapsed]);
+  var onCollapseChange = function onCollapseChange() {
+    if (onCollapse) {
+      onCollapse(!selfCollapsed);
+    }
+    if (collapsed === undefined) {
+      setSelfCollapsed(function (preCollapsed) {
+        return !preCollapsed;
+      });
+    }
+  };
+  var menuData = menuOptions.menuData,
+    _menuOptions$resizabl = menuOptions.resizableProps,
+    _menuOptions$resizabl2 = _menuOptions$resizabl === void 0 ? {} : _menuOptions$resizabl,
+    _menuOptions$resizabl3 = _menuOptions$resizabl2.canDrag,
+    canDrag = _menuOptions$resizabl3 === void 0 ? true : _menuOptions$resizabl3,
+    enable = _menuOptions$resizabl2.enable,
+    _menuOptions$resizabl4 = _menuOptions$resizabl2.maxDragWidth,
+    maxDragWidth = _menuOptions$resizabl4 === void 0 ? 264 : _menuOptions$resizabl4,
+    _menuOptions$resizabl5 = _menuOptions$resizabl2.resizeBarColor,
+    resizeBarColor = _menuOptions$resizabl5 === void 0 ? "#40A9FF" : _menuOptions$resizabl5,
+    _menuOptions$resizabl6 = _menuOptions$resizabl2.onResizeStart,
+    _onResizeStart = _menuOptions$resizabl6 === void 0 ? function () {} : _menuOptions$resizabl6,
+    _menuOptions$resizabl7 = _menuOptions$resizabl2.onResizeStop,
+    _onResizeStop = _menuOptions$resizabl7 === void 0 ? function () {} : _menuOptions$resizabl7,
+    _menuOptions$resizabl8 = _menuOptions$resizabl2.onResize,
+    _onResize = _menuOptions$resizabl8 === void 0 ? function () {} : _menuOptions$resizabl8,
+    siderDragWidth = _menuOptions$resizabl2.siderDragWidth,
+    _resizableProps = _objectWithoutProperties(_menuOptions$resizabl2, _excluded),
+    _resMenuProps = _objectWithoutProperties(menuOptions, _excluded2);
+  return wrapCSSVar( /*#__PURE__*/React.createElement(Resizable, _extends({}, _resizableProps, {
+    minWidth: selfCollapsed ? siderCollapsedWidth : siderWidth,
+    maxWidth: selfCollapsed ? siderCollapsedWidth : maxDragWidth,
+    onResizeStart: function onResizeStart() {
+      setEnableResizable(true);
+      _onResizeStart.apply(void 0, arguments);
+    },
+    onResizeStop: function onResizeStop(e, direction, ref, d) {
+      setEnableResizable(false);
+      var newWidth = Number.parseInt(_siderDragWidth) + d.width;
+      _onResizeStop(newWidth);
+      if (siderDragWidth === undefined) {
+        _setSiderDragWidth(newWidth);
+      }
+    },
+    onResize: function onResize(e, direction, ref, d) {
+      _onResize(d.width);
+    },
+    enable: _objectSpread({
+      top: false,
+      bottom: false,
+      topRight: false,
+      bottomRight: false,
+      bottomLeft: false,
+      topLeft: false,
+      right: canDrag && !selfCollapsed
+    }, enable || {}),
+    size: {
+      width: selfCollapsed ? siderCollapsedWidth : _siderDragWidth
+    }
+  }), /*#__PURE__*/React.createElement(AntSider, {
+    className: classnames(hashId, cssVarCls, "cw-side"),
+    width: canDrag ? "100%" : _siderDragWidth,
+    collapsed: selfCollapsed,
+    collapsedWidth: siderCollapsedWidth,
+    style: {
+      borderRight: "1px solid ".concat(canDrag && enableResizable ? resizeBarColor : token.BasicLayout.siderBorderColor),
+      background: token.Menu.itemBg
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-side-menu-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-side-menu"
+  }, siderMenu ? ( /*#__PURE__*/React.cloneElement(siderMenu, {
+    collapsed: selfCollapsed
+  }) // 自定义传入的Menu注入collapsed属性
+  ) : /*#__PURE__*/React.createElement(_SiderMenu, _extends({
+    menuData: menuData,
+    collapsed: selfCollapsed
+  }, _resMenuProps))), /*#__PURE__*/React.createElement("div", {
+    className: "cw-sider-bottom-box"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cw-sider-setting"
+  }, !selfCollapsed && renderSetting && renderSetting()), !selfCollapsed && version && /*#__PURE__*/React.createElement(_Tooltip, {
+    title: versionTooltip,
+    placement: "topLeft",
+    arrow: {
+      pointAtCenter: true
+    },
+    overlayStyle: {
+      whiteSpace: "nowrap",
+      maxWidth: "none",
+      marginBottom: 4
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cw-sider-version"
+  }, version)), /*#__PURE__*/React.createElement("span", {
+    className: "cw-sider-collapsed-btn",
+    onClick: onCollapseChange
+  }, selfCollapsed ? /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(MenuFoldOutlined, null)))))));
+}
+export default Sider;