@chaoswise/ui 3.0.6 → 3.0.7

package/lib/Antd5/divider/index.js

@@ -0,0 +1,85 @@
+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 = ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "plain", "style"];
+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; }
+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 { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import useStyle from './style';
+var Divider = function Divider(props) {
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    divider = _React$useContext.divider;
+  var customizePrefixCls = props.prefixCls,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'horizontal' : _props$type,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'center' : _props$orientation,
+    orientationMargin = props.orientationMargin,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    children = props.children,
+    dashed = props.dashed,
+    plain = props.plain,
+    style = props.style,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var prefixCls = getPrefixCls('divider', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
+  var hasChildren = !!children;
+  var hasCustomMarginLeft = orientation === 'left' && orientationMargin != null;
+  var hasCustomMarginRight = orientation === 'right' && orientationMargin != null;
+  var classString = classNames(prefixCls, divider === null || divider === void 0 ? void 0 : divider.className, hashId, cssVarCls, "".concat(prefixCls, "-").concat(type), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-with-text"), hasChildren), "".concat(prefixCls, "-with-text").concat(orientationPrefix), hasChildren), "".concat(prefixCls, "-dashed"), !!dashed), "".concat(prefixCls, "-plain"), !!plain), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-no-default-orientation-margin-left"), hasCustomMarginLeft), "".concat(prefixCls, "-no-default-orientation-margin-right"), hasCustomMarginRight), className, rootClassName);
+  var memoizedOrientationMargin = React.useMemo(function () {
+    if (typeof orientationMargin === 'number') {
+      return orientationMargin;
+    }
+    if (/^\d+$/.test(orientationMargin)) {
+      return Number(orientationMargin);
+    }
+    return orientationMargin;
+  }, [orientationMargin]);
+  var innerStyle = _objectSpread(_objectSpread({}, hasCustomMarginLeft && {
+    marginLeft: memoizedOrientationMargin
+  }), hasCustomMarginRight && {
+    marginRight: memoizedOrientationMargin
+  });
+  // Warning children not work in vertical mode
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Divider');
+    warning(!children || type !== 'vertical', 'usage', '`children` not working in `vertical` mode.');
+  }
+  return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({
+    className: classString,
+    style: _objectSpread(_objectSpread({}, divider === null || divider === void 0 ? void 0 : divider.style), style)
+  }, restProps), {}, {
+    role: "separator",
+    children: children && type !== 'vertical' && _jsx("span", {
+      className: "".concat(prefixCls, "-inner-text"),
+      style: innerStyle,
+      children: children
+    })
+  })));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Divider.displayName = 'Divider';
+}
+export default Divider;

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

@@ -0,0 +1,136 @@
+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); }
+import { unit } from '@ant-design/cssinjs';
+import { resetComponent } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+// ============================== Shared ==============================
+var genSharedDividerStyle = function genSharedDividerStyle(token) {
+  var componentCls = token.componentCls,
+    sizePaddingEdgeHorizontal = token.sizePaddingEdgeHorizontal,
+    colorSplit = token.colorSplit,
+    lineWidth = token.lineWidth,
+    textPaddingInline = token.textPaddingInline,
+    orientationMargin = token.orientationMargin,
+    verticalMarginInline = token.verticalMarginInline;
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    borderBlockStart: "".concat(unit(lineWidth), " solid ").concat(colorSplit),
+    // vertical
+    '&-vertical': {
+      position: 'relative',
+      top: '-0.06em',
+      display: 'inline-block',
+      height: '0.9em',
+      marginInline: verticalMarginInline,
+      marginBlock: 0,
+      verticalAlign: 'middle',
+      borderTop: 0,
+      borderInlineStart: "".concat(unit(lineWidth), " solid ").concat(colorSplit)
+    },
+    '&-horizontal': {
+      display: 'flex',
+      clear: 'both',
+      width: '100%',
+      minWidth: '100%',
+      // Fix https://github.com/ant-design/ant-design/issues/10914
+      margin: "".concat(unit(token.dividerHorizontalGutterMargin), " 0")
+    }
+  }, "&-horizontal".concat(componentCls, "-with-text"), {
+    display: 'flex',
+    alignItems: 'center',
+    margin: "".concat(unit(token.dividerHorizontalWithTextGutterMargin), " 0"),
+    color: token.colorTextHeading,
+    fontWeight: 500,
+    fontSize: token.fontSizeLG,
+    whiteSpace: 'nowrap',
+    textAlign: 'center',
+    borderBlockStart: "0 ".concat(colorSplit),
+    '&::before, &::after': {
+      position: 'relative',
+      width: '50%',
+      borderBlockStart: "".concat(unit(lineWidth), " solid transparent"),
+      // Chrome not accept `inherit` in `border-top`
+      borderBlockStartColor: 'inherit',
+      borderBlockEnd: 0,
+      transform: 'translateY(50%)',
+      content: "''"
+    }
+  }), "&-horizontal".concat(componentCls, "-with-text-left"), {
+    '&::before': {
+      width: "calc(".concat(orientationMargin, " * 100%)")
+    },
+    '&::after': {
+      width: "calc(100% - ".concat(orientationMargin, " * 100%)")
+    }
+  }), "&-horizontal".concat(componentCls, "-with-text-right"), {
+    '&::before': {
+      width: "calc(100% - ".concat(orientationMargin, " * 100%)")
+    },
+    '&::after': {
+      width: "calc(".concat(orientationMargin, " * 100%)")
+    }
+  }), "".concat(componentCls, "-inner-text"), {
+    display: 'inline-block',
+    paddingBlock: 0,
+    paddingInline: textPaddingInline
+  }), '&-dashed', {
+    background: 'none',
+    borderColor: colorSplit,
+    borderStyle: 'dashed',
+    borderWidth: "".concat(unit(lineWidth), " 0 0")
+  }), "&-horizontal".concat(componentCls, "-with-text").concat(componentCls, "-dashed"), {
+    '&::before, &::after': {
+      borderStyle: 'dashed none none'
+    }
+  }), "&-vertical".concat(componentCls, "-dashed"), {
+    borderInlineStartWidth: lineWidth,
+    borderInlineEnd: 0,
+    borderBlockStart: 0,
+    borderBlockEnd: 0
+  }), "&-plain".concat(componentCls, "-with-text"), {
+    color: token.colorText,
+    fontWeight: 'normal',
+    fontSize: token.fontSize
+  }), "&-horizontal".concat(componentCls, "-with-text-left").concat(componentCls, "-no-default-orientation-margin-left"), _defineProperty({
+    '&::before': {
+      width: 0
+    },
+    '&::after': {
+      width: '100%'
+    }
+  }, "".concat(componentCls, "-inner-text"), {
+    paddingInlineStart: sizePaddingEdgeHorizontal
+  })), "&-horizontal".concat(componentCls, "-with-text-right").concat(componentCls, "-no-default-orientation-margin-right"), _defineProperty({
+    '&::before': {
+      width: '100%'
+    },
+    '&::after': {
+      width: 0
+    }
+  }, "".concat(componentCls, "-inner-text"), {
+    paddingInlineEnd: sizePaddingEdgeHorizontal
+  }))));
+};
+export var prepareComponentToken = function prepareComponentToken(token) {
+  return {
+    textPaddingInline: '1em',
+    orientationMargin: 0.05,
+    verticalMarginInline: token.marginXS
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks('Divider', function (token) {
+  var dividerToken = mergeToken(token, {
+    dividerHorizontalWithTextGutterMargin: token.margin,
+    dividerHorizontalGutterMargin: token.marginLG,
+    sizePaddingEdgeHorizontal: 0
+  });
+  return [genSharedDividerStyle(dividerToken)];
+}, prepareComponentToken, {
+  unitless: {
+    orientationMargin: true
+  }
+});

package/lib/Antd5/drawer/DrawerPanel.js

@@ -0,0 +1,107 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import useClosable, { pickClosable } from '../_util/hooks/useClosable';
+import { ConfigContext } from '../config-provider';
+import Spin from '../spin';
+var DrawerPanel = function DrawerPanel(props) {
+  var _spinProps, _drawerContext$classN3, _drawerContext$styles3;
+  var prefixCls = props.prefixCls,
+    title = props.title,
+    footer = props.footer,
+    extra = props.extra,
+    loading = props.loading,
+    onClose = props.onClose,
+    headerStyle = props.headerStyle,
+    bodyStyle = props.bodyStyle,
+    footerStyle = props.footerStyle,
+    children = props.children,
+    drawerClassNames = props.classNames,
+    drawerStyles = props.styles;
+  var _React$useContext = React.useContext(ConfigContext),
+    drawerContext = _React$useContext.drawer;
+  var customCloseIconRender = React.useCallback(function (icon) {
+    return _jsx("button", {
+      type: "button",
+      onClick: onClose,
+      "aria-label": "Close",
+      className: "".concat(prefixCls, "-close"),
+      children: icon
+    });
+  }, [onClose]);
+  var _useClosable = useClosable(pickClosable(props), pickClosable(drawerContext), {
+      closable: true,
+      closeIconRender: customCloseIconRender
+    }),
+    _useClosable2 = _slicedToArray(_useClosable, 2),
+    mergedClosable = _useClosable2[0],
+    mergedCloseIcon = _useClosable2[1];
+  // >>>>>>>>> Spinning
+  var spinProps;
+  if (typeof loading === 'boolean') {
+    spinProps = {
+      spinning: loading
+    };
+  } else if (_typeof(loading) === 'object') {
+    spinProps = _objectSpread({
+      spinning: true
+    }, loading);
+  }
+  var headerNode = React.useMemo(function () {
+    var _drawerContext$styles, _drawerContext$classN;
+    if (!title && !mergedClosable) {
+      return null;
+    }
+    return _jsxs("div", {
+      style: _objectSpread(_objectSpread(_objectSpread({}, drawerContext === null || drawerContext === void 0 || (_drawerContext$styles = drawerContext.styles) === null || _drawerContext$styles === void 0 ? void 0 : _drawerContext$styles.header), headerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.header),
+      className: classNames("".concat(prefixCls, "-header"), _defineProperty({}, "".concat(prefixCls, "-header-close-only"), mergedClosable && !title && !extra), drawerContext === null || drawerContext === void 0 || (_drawerContext$classN = drawerContext.classNames) === null || _drawerContext$classN === void 0 ? void 0 : _drawerContext$classN.header, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.header),
+      children: [_jsxs("div", {
+        className: "".concat(prefixCls, "-header-title"),
+        children: [mergedCloseIcon, title && _jsx("div", {
+          className: "".concat(prefixCls, "-title"),
+          children: title
+        })]
+      }), extra && _jsx("div", {
+        className: "".concat(prefixCls, "-extra"),
+        children: extra
+      })]
+    });
+  }, [mergedClosable, mergedCloseIcon, extra, headerStyle, prefixCls, title]);
+  var footerNode = React.useMemo(function () {
+    var _drawerContext$classN2, _drawerContext$styles2;
+    if (!footer) {
+      return null;
+    }
+    var footerClassName = "".concat(prefixCls, "-footer");
+    return _jsx("div", {
+      className: classNames(footerClassName, drawerContext === null || drawerContext === void 0 || (_drawerContext$classN2 = drawerContext.classNames) === null || _drawerContext$classN2 === void 0 ? void 0 : _drawerContext$classN2.footer, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.footer),
+      style: _objectSpread(_objectSpread(_objectSpread({}, drawerContext === null || drawerContext === void 0 || (_drawerContext$styles2 = drawerContext.styles) === null || _drawerContext$styles2 === void 0 ? void 0 : _drawerContext$styles2.footer), footerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.footer),
+      children: footer
+    });
+  }, [footer, footerStyle, prefixCls]);
+  if ((_spinProps = spinProps) !== null && _spinProps !== void 0 && _spinProps.spinning) {
+    return _jsx(Spin, _objectSpread(_objectSpread({}, spinProps), {}, {
+      className: classNames(spinProps.className, "".concat(prefixCls, "-content-spin"))
+    }));
+  }
+  return _jsxs(_Fragment, {
+    children: [headerNode, _jsx("div", {
+      className: classNames("".concat(prefixCls, "-body"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.body, drawerContext === null || drawerContext === void 0 || (_drawerContext$classN3 = drawerContext.classNames) === null || _drawerContext$classN3 === void 0 ? void 0 : _drawerContext$classN3.body),
+      style: _objectSpread(_objectSpread(_objectSpread({}, drawerContext === null || drawerContext === void 0 || (_drawerContext$styles3 = drawerContext.styles) === null || _drawerContext$styles3 === void 0 ? void 0 : _drawerContext$styles3.body), bodyStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.body),
+      children: children
+    }), footerNode]
+  });
+};
+export default DrawerPanel;

package/lib/Antd5/drawer/index.js

@@ -0,0 +1,206 @@
+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 = ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "style", "className", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle"],
+  _excluded2 = ["prefixCls", "style", "className", "placement"];
+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; }
+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 { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import RcDrawer from 'rc-drawer';
+import { useZIndex } from '../_util/hooks/useZIndex';
+import { getTransitionName } from '../_util/motion';
+import { devUseWarning } from '../_util/warning';
+import zIndexContext from '../_util/zindexContext';
+import { ConfigContext } from '../config-provider';
+import { NoFormStyle } from '../form/context';
+import { NoCompactStyle } from '../space/Compact';
+import { usePanelRef } from '../watermark/context';
+import DrawerPanel from './DrawerPanel';
+import useStyle from './style';
+var SizeTypes = ['default', 'large'];
+var defaultPushState = {
+  distance: 180
+};
+var Drawer = function Drawer(props) {
+  var rootClassName = props.rootClassName,
+    width = props.width,
+    height = props.height,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size,
+    _props$mask = props.mask,
+    mask = _props$mask === void 0 ? true : _props$mask,
+    _props$push = props.push,
+    push = _props$push === void 0 ? defaultPushState : _props$push,
+    open = props.open,
+    afterOpenChange = props.afterOpenChange,
+    onClose = props.onClose,
+    customizePrefixCls = props.prefixCls,
+    customizeGetContainer = props.getContainer,
+    style = props.style,
+    className = props.className,
+    visible = props.visible,
+    afterVisibleChange = props.afterVisibleChange,
+    maskStyle = props.maskStyle,
+    drawerStyle = props.drawerStyle,
+    contentWrapperStyle = props.contentWrapperStyle,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(ConfigContext),
+    getPopupContainer = _React$useContext.getPopupContainer,
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    drawer = _React$useContext.drawer;
+  var prefixCls = getPrefixCls('drawer', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var getContainer =
+  // 有可能为 false，所以不能直接判断
+  customizeGetContainer === undefined && getPopupContainer ? function () {
+    return getPopupContainer(document.body);
+  } : customizeGetContainer;
+  var drawerClassName = classNames(_defineProperty({
+    'no-mask': !mask
+  }, "".concat(prefixCls, "-rtl"), direction === 'rtl'), rootClassName, hashId, cssVarCls);
+  // ========================== Warning ===========================
+  if (process.env.NODE_ENV !== 'production') {
+    var _props$style;
+    var warning = devUseWarning('Drawer');
+    [['visible', 'open'], ['afterVisibleChange', 'afterOpenChange'], ['headerStyle', 'styles.header'], ['bodyStyle', 'styles.body'], ['footerStyle', 'styles.footer'], ['contentWrapperStyle', 'styles.wrapper'], ['maskStyle', 'styles.mask'], ['drawerStyle', 'styles.content']].forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        deprecatedName = _ref2[0],
+        newName = _ref2[1];
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+    if (getContainer !== undefined && ((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.position) === 'absolute') {
+      warning(false, 'breaking', '`style` is replaced by `rootStyle` in v5. Please check that `position: absolute` is necessary.');
+    }
+  }
+  // ============================ Size ============================
+  var mergedWidth = React.useMemo(function () {
+    return width !== null && width !== void 0 ? width : size === 'large' ? 736 : 378;
+  }, [width, size]);
+  var mergedHeight = React.useMemo(function () {
+    return height !== null && height !== void 0 ? height : size === 'large' ? 736 : 378;
+  }, [height, size]);
+  // =========================== Motion ===========================
+  var maskMotion = {
+    motionName: getTransitionName(prefixCls, 'mask-motion'),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  };
+  var panelMotion = function panelMotion(motionPlacement) {
+    return {
+      motionName: getTransitionName(prefixCls, "panel-motion-".concat(motionPlacement)),
+      motionAppear: true,
+      motionEnter: true,
+      motionLeave: true,
+      motionDeadline: 500
+    };
+  };
+  // ============================ Refs ============================
+  // Select `ant-modal-content` by `panelRef`
+  var panelRef = usePanelRef();
+  // ============================ zIndex ============================
+  var _useZIndex = useZIndex('Drawer', rest.zIndex),
+    _useZIndex2 = _slicedToArray(_useZIndex, 2),
+    zIndex = _useZIndex2[0],
+    contextZIndex = _useZIndex2[1];
+  // =========================== Render ===========================
+  var _rest$classNames = rest.classNames,
+    propClassNames = _rest$classNames === void 0 ? {} : _rest$classNames,
+    _rest$styles = rest.styles,
+    propStyles = _rest$styles === void 0 ? {} : _rest$styles;
+  var _ref3 = drawer || {},
+    _ref3$classNames = _ref3.classNames,
+    contextClassNames = _ref3$classNames === void 0 ? {} : _ref3$classNames,
+    _ref3$styles = _ref3.styles,
+    contextStyles = _ref3$styles === void 0 ? {} : _ref3$styles;
+  return wrapCSSVar(_jsx(NoCompactStyle, {
+    children: _jsx(NoFormStyle, {
+      status: true,
+      override: true,
+      children: _jsx(zIndexContext.Provider, {
+        value: contextZIndex,
+        children: _jsx(RcDrawer, _objectSpread(_objectSpread({
+          prefixCls: prefixCls,
+          onClose: onClose,
+          maskMotion: maskMotion,
+          motion: panelMotion
+        }, rest), {}, {
+          classNames: {
+            mask: classNames(propClassNames.mask, contextClassNames.mask),
+            content: classNames(propClassNames.content, contextClassNames.content),
+            wrapper: classNames(propClassNames.wrapper, contextClassNames.wrapper)
+          },
+          styles: {
+            mask: _objectSpread(_objectSpread(_objectSpread({}, propStyles.mask), maskStyle), contextStyles.mask),
+            content: _objectSpread(_objectSpread(_objectSpread({}, propStyles.content), drawerStyle), contextStyles.content),
+            wrapper: _objectSpread(_objectSpread(_objectSpread({}, propStyles.wrapper), contentWrapperStyle), contextStyles.wrapper)
+          },
+          open: open !== null && open !== void 0 ? open : visible,
+          mask: mask,
+          push: push,
+          width: mergedWidth,
+          height: mergedHeight,
+          style: _objectSpread(_objectSpread({}, drawer === null || drawer === void 0 ? void 0 : drawer.style), style),
+          className: classNames(drawer === null || drawer === void 0 ? void 0 : drawer.className, className),
+          rootClassName: drawerClassName,
+          getContainer: getContainer,
+          afterOpenChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
+          panelRef: panelRef,
+          zIndex: zIndex,
+          children: _jsx(DrawerPanel, _objectSpread(_objectSpread({
+            prefixCls: prefixCls
+          }, rest), {}, {
+            onClose: onClose
+          }))
+        }))
+      })
+    })
+  }));
+};
+/** @private Internal Component. Do not use in your production. */
+var PurePanel = function PurePanel(props) {
+  var customizePrefixCls = props.prefixCls,
+    style = props.style,
+    className = props.className,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'right' : _props$placement,
+    restProps = _objectWithoutProperties(props, _excluded2);
+  var _React$useContext2 = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext2.getPrefixCls;
+  var prefixCls = getPrefixCls('drawer', customizePrefixCls);
+  var _useStyle3 = useStyle(prefixCls),
+    _useStyle4 = _slicedToArray(_useStyle3, 3),
+    wrapCSSVar = _useStyle4[0],
+    hashId = _useStyle4[1],
+    cssVarCls = _useStyle4[2];
+  var cls = classNames(prefixCls, "".concat(prefixCls, "-pure"), "".concat(prefixCls, "-").concat(placement), hashId, cssVarCls, className);
+  return wrapCSSVar(_jsx("div", {
+    className: cls,
+    style: style,
+    children: _jsx(DrawerPanel, _objectSpread({
+      prefixCls: prefixCls
+    }, restProps))
+  }));
+};
+Drawer._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+if (process.env.NODE_ENV !== 'production') {
+  Drawer.displayName = 'Drawer';
+}
+export default Drawer;