@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Modal/Modal.js

@@ -0,0 +1,176 @@
+var _excluded = ["children", "wrapClassName", "open", "visible"];
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, 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 React, { Component } from "react";
+import { Modal as AntdModal } from "../Antd5";
+import configHoc from "../configHoc";
+import CloseSvg from "./assets/Close";
+var AntDraggableModal = /*#__PURE__*/function (_Component) {
+  function AntDraggableModal(props) {
+    var _this;
+    _classCallCheck(this, AntDraggableModal);
+    _this = _callSuper(this, AntDraggableModal, [props]);
+    _defineProperty(_this, "handleMove", function (event) {
+      var deltaX = event.pageX - _this.mouseDownX;
+      var deltaY = event.pageY - _this.mouseDownY;
+      _this.deltaX = deltaX;
+      _this.deltaY = deltaY;
+      var x = deltaX + _this.sumX;
+      var y = deltaY + _this.sumY;
+      var xy = _this.boundaryOfXY({
+        x: x,
+        y: y
+      });
+      x = xy.x;
+      y = xy.y;
+      _this.modalContent.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
+    });
+    _defineProperty(_this, "initialEvent", function (visible) {
+      if (!_this.props.draggable) return;
+      var title = _this.props.title;
+      if (title && visible) {
+        setTimeout(function () {
+          window.removeEventListener("mouseup", _this.removeUp, false);
+          _this.contain = document.getElementsByClassName(_this.simpleClass)[0];
+          var antPrifix = _this.props.getPrefixCls();
+          _this.header = _this.contain.getElementsByClassName("".concat(antPrifix, "-modal-header"))[0];
+          _this.modalContent = _this.contain.getElementsByClassName("".concat(antPrifix, "-modal-content"))[0];
+          _this.header.style.cursor = "all-scroll";
+          _this.header.onmousedown = function (e) {
+            _this.mouseDownX = e.pageX;
+            _this.mouseDownY = e.pageY;
+            document.body.onselectstart = function () {
+              return false;
+            };
+            window.addEventListener("mousemove", _this.handleMove, false);
+            _this.pageInfo = _this.contain.getBoundingClientRect();
+            _this.modalInfo = _this.modalContent.getBoundingClientRect();
+          };
+          window.addEventListener("mouseup", _this.removeUp, false);
+        });
+      }
+    });
+    _defineProperty(_this, "removeMove", function () {
+      window.removeEventListener("mousemove", _this.handleMove, false);
+    });
+    _defineProperty(_this, "removeUp", function () {
+      document.body.onselectstart = function () {
+        return true;
+      };
+      var sumX = _this.sumX + _this.deltaX;
+      var sumY = _this.sumY + _this.deltaY;
+      var xy = _this.boundaryOfXY({
+        x: sumX,
+        y: sumY
+      });
+      _this.sumX = xy.x;
+      _this.sumY = xy.y;
+      _this.removeMove();
+    });
+    _this.mouseDownX = 0;
+    _this.mouseDownY = 0;
+    _this.deltaX = 0;
+    _this.deltaY = 0;
+    _this.sumX = 0;
+    _this.sumY = 0;
+    _this.pageInfo = {};
+    _this.modalInfo = {};
+    _this.simpleClass = Math.random().toString(36).substring(2);
+    return _this;
+  }
+  _inherits(AntDraggableModal, _Component);
+  return _createClass(AntDraggableModal, [{
+    key: "boundaryOfXY",
+    value: function boundaryOfXY(_ref) {
+      var x = _ref.x,
+        y = _ref.y;
+      var pageInfo = this.pageInfo;
+      var modalInfo = this.modalInfo;
+      var sumX = this.sumX;
+      var sumY = this.sumY;
+      var maxX = pageInfo.right - modalInfo.right + sumX;
+      x = Math.min(maxX, x);
+      var minX = pageInfo.left - modalInfo.left + sumX;
+      x = Math.max(minX, x);
+      var maxY = pageInfo.bottom - modalInfo.bottom + sumY;
+      y = Math.min(maxY, y);
+      var minY = pageInfo.top - modalInfo.top + sumY;
+      y = Math.max(minY, y);
+      return {
+        x: x,
+        y: y
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props$visible = this.props.visible,
+        visible = _this$props$visible === void 0 ? false : _this$props$visible;
+      if (visible) {
+        this.initialEvent(visible);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(props) {
+      var _this2 = this;
+      var _this$props$visible2 = this.props.visible,
+        visible = _this$props$visible2 === void 0 ? false : _this$props$visible2;
+      var preVisible = props.visible;
+      if (preVisible !== visible && visible) {
+        this.initialEvent(visible);
+      }
+      if (!visible && this.props.draggable) {
+        this.mouseDownX = 0;
+        this.mouseDownY = 0;
+        this.deltaX = 0;
+        this.deltaY = 0;
+        this.sumX = 0;
+        this.sumY = 0;
+        setTimeout(function () {
+          if (_this2.modalContent) {
+            _this2.modalContent.style.transform = "translate(0px, 0px)";
+          }
+        }, 500);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.removeMove();
+      window.removeEventListener("mouseup", this.removeUp, false);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        wrapClassName = _this$props.wrapClassName,
+        open = _this$props.open,
+        visible = _this$props.visible,
+        other = _objectWithoutProperties(_this$props, _excluded);
+      var wrapModalClassName = wrapClassName ? "".concat(wrapClassName, " ").concat(this.simpleClass) : "".concat(this.simpleClass);
+      return /*#__PURE__*/React.createElement(AntdModal, _extends({
+        wrapClassName: wrapModalClassName,
+        closeIcon: /*#__PURE__*/React.createElement(CloseSvg, null),
+        open: open !== null && open !== void 0 ? open : visible
+      }, other), children);
+    }
+  }]);
+}(Component);
+export default configHoc(AntDraggableModal);

package/lib/Modal/assets/Close.js

@@ -0,0 +1,22 @@
+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); }
+/*
+ * @Author: andrew.qiao andrew.qiao@cloudwise.com
+ * @Date: 2022-07-21 14:34:16
+ * @LastEditors: andrew.qiao andrew.qiao@cloudwise.com
+ * @LastEditTime: 2022-07-21 14:34:34
+ * @FilePath: /change_01/aops_web_commons/packages/ui/components/Modal/assets/Close.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import * as React from "react";
+var SvgClose = function SvgClose(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 10,
+    height: 11,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9.713 10.547a.667.667 0 0 1-.943 0L5 6.777l-3.77 3.77a.667.667 0 1 1-.943-.944l3.77-3.77-3.77-3.77a.667.667 0 0 1 .943-.943L5 4.89l3.77-3.77a.667.667 0 0 1 .943.943l-3.77 3.77 3.77 3.77a.667.667 0 0 1 0 .944Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgClose;

package/lib/Modal/confirmGlobalStyle.js

@@ -0,0 +1,37 @@
+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 { unit } from "@ant-design/cssinjs";
+var genModalConfirmStyle = function genModalConfirmStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls,
+    iconCls = token.iconCls;
+  var confirmComponentCls = "".concat(componentCls, "-confirm");
+  return _defineProperty({}, componentCls, _defineProperty({}, "&".concat(confirmComponentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-content"), {
+    padding: 0,
+    borderRadius: token.borderRadius
+  }), "".concat(componentCls, "-body"), {
+    padding: "24px 32px"
+  }), "".concat(confirmComponentCls, "-body"), _defineProperty(_defineProperty({}, iconCls, {
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: "18px !important",
+    marginRight: "10px",
+    marginTop: "1px"
+  }), "".concat(confirmComponentCls, "-paragraph"), _defineProperty(_defineProperty({}, "".concat(confirmComponentCls, "-title"), {
+    fontSize: "14px",
+    lineHeight: "22px"
+  }), "".concat(confirmComponentCls, "-content"), {
+    fontSize: token.fontSize
+  }))), "".concat(confirmComponentCls, "-btns"), _defineProperty({
+    marginTop: "24px !important"
+  }, "".concat(antCls, "-btn"), {
+    padding: "0 11px",
+    borderRadius: token.borderRadius,
+    fontSize: token.fontSize,
+    height: unit(token.controlHeight)
+  }))));
+};
+export default genModalConfirmStyle;

package/lib/Modal/custom-backup/entiretyDrag.js

@@ -0,0 +1,142 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/icon/style";
+import _Icon from "antd/es/icon";
+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 _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); }
+import React, { useEffect } from 'react';
+import ReactDraggable from 'react-draggable';
+import classnames from 'classnames';
+import './index.less';
+var EntiretyDrag = function EntiretyDrag(_ref) {
+  var title = _ref.title,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$okText = _ref.okText,
+    okText = _ref$okText === void 0 ? 'OK' : _ref$okText,
+    _ref$cancelText = _ref.cancelText,
+    cancelText = _ref$cancelText === void 0 ? 'Cancel' : _ref$cancelText,
+    _ref$okType = _ref.okType,
+    okType = _ref$okType === void 0 ? 'primary' : _ref$okType,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable,
+    _ref$confirmLoading = _ref.confirmLoading,
+    confirmLoading = _ref$confirmLoading === void 0 ? false : _ref$confirmLoading,
+    footer = _ref.footer,
+    _ref$keyboard = _ref.keyboard,
+    keyboard = _ref$keyboard === void 0 ? true : _ref$keyboard,
+    _ref$okButtonProps = _ref.okButtonProps,
+    okButtonProps = _ref$okButtonProps === void 0 ? {} : _ref$okButtonProps,
+    _ref$cancelButtonProp = _ref.cancelButtonProps,
+    cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp,
+    _ref$maskClosable = _ref.maskClosable,
+    maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
+    _ref$onOk = _ref.onOk,
+    onOk = _ref$onOk === void 0 ? function () {} : _ref$onOk,
+    _ref$onCancel = _ref.onCancel,
+    onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
+    _ref$mask = _ref.mask,
+    mask = _ref$mask === void 0 ? true : _ref$mask,
+    width = _ref.width,
+    className = _ref.className,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
+    children = _ref.children,
+    bodyStyle = _ref.bodyStyle,
+    size = _ref.size;
+  var fullScreenStyle = {
+    width: width,
+    zIndex: zIndex
+  };
+  var maskStyle = {};
+  if (size === 'fullScreen') {
+    fullScreenStyle = _objectSpread(_objectSpread({}, fullScreenStyle), {}, {
+      top: 0,
+      height: '100%'
+    });
+    maskStyle = {
+      padding: '16px'
+    };
+  }
+  //点击蒙层是否允许关闭，默认为可关闭
+  var clickMask = function clickMask() {
+    if (maskClosable) {
+      onCancel();
+    }
+  };
+
+  //键盘点击事件
+  var onEscEnter = function onEscEnter(e) {
+    if (keyboard) {
+      if (e.keyCode === 27) {
+        onCancel();
+      }
+    }
+  };
+  useEffect(function () {
+    //监听键盘按下的事件
+    document.addEventListener('keydown', onEscEnter);
+    return function () {
+      document.removeEventListener('keydown', onEscEnter);
+    };
+  }, []);
+  if (visible) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "cw-draggable-mask",
+      style: mask ? maskStyle : {
+        background: 'rgba(0, 0, 0, 0.15)',
+        padding: size === 'fullScreen' && '16px'
+      },
+      onClick: clickMask
+    }, /*#__PURE__*/React.createElement(ReactDraggable, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames('cw-draggable-content', className),
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      style: fullScreenStyle
+    }, closable && /*#__PURE__*/React.createElement(_Icon, {
+      type: "close",
+      className: "cw-draggable-close-btn",
+      onClick: onCancel
+    }), title && /*#__PURE__*/React.createElement("div", {
+      className: "cw-draggable-header"
+    }, title), /*#__PURE__*/React.createElement("div", {
+      className: "cw-draggable-body",
+      style: bodyStyle
+    }, children), footer === null ? null : !footer ? /*#__PURE__*/React.createElement(_Row, {
+      type: "flex",
+      justify: "end",
+      className: "cw-draggable-footer"
+    }, /*#__PURE__*/React.createElement(_Button, _extends({
+      type: "default",
+      onClick: onCancel
+    }, cancelButtonProps), cancelText), /*#__PURE__*/React.createElement(_Button, _extends({
+      type: okType,
+      style: {
+        marginLeft: 8
+      },
+      loading: confirmLoading,
+      onClick: onOk
+    }, okButtonProps), okText)) : /*#__PURE__*/React.createElement(_Row, {
+      type: "flex",
+      justify: "end",
+      className: "cw-draggable-footer"
+    }, footer.constructor === Array ? footer.map(function (value, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          margin: '0 4px 0'
+        },
+        key: value.key ? value.key : index
+      }, value);
+    }) : footer))));
+  }
+  return null;
+};
+export default EntiretyDrag;

package/lib/Modal/custom-backup/index.less

@@ -0,0 +1,76 @@
+.cw-draggable-mask{
+  position: fixed;
+  z-index: 999;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  cursor: move;
+  overflow: auto;
+  background: @text-color-secondary;
+  .cw-draggable-content{
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    right: 0;
+    top: 100px;
+    bottom: 0;
+    margin: auto;
+    display: flex;
+    background: @white;
+    flex-direction: column;
+    position: relative;
+    border-radius: @border-radius-base;
+    .cw-draggable-close-btn{
+      position: absolute;
+      right: 24px;
+      top: 20px;
+      cursor: pointer;
+    }
+    .cw-draggable-header{
+      cursor: move;
+      color: @heading-color;
+      font-weight: @pagination-font-weight-active;
+      font-size: @font-size-base;
+      padding: 16px 24px;
+      // position: relative;
+      background: @white;
+      border-bottom: @border-width-base solid @border-color-split;
+      border-radius: @border-radius-base @border-radius-base 0 0;
+
+    }
+    .cw-draggable-body{
+      padding: @padding-lg;
+      overflow: auto;
+      font-size: @font-size-base;
+      line-height: @line-height-base;
+    }
+    .cw-draggable-footer{
+    padding: 10px 24px;
+    text-align: right;
+    background: transparent;
+    border-top: @border-width-base solid @border-color-split;
+    border-radius: 0 0 @border-radius-base @border-radius-base;
+    }
+  }
+}
+.cw-wrapper-modal{
+  .@{ant-prefix}-modal-content{
+    height: 100%;
+  }
+  .@{ant-prefix}-modal-close{
+    right: 2px;
+  }
+  .@{ant-prefix}-modal-footer{
+    padding: 10px 24px;
+    border-radius: 0 0 2px 2px;
+    border-top: 1px solid @modal-border-color;
+  }
+  .@{ant-prefix}-modal-header{
+    border-bottom: 1px solid @modal-border-color;
+    border-radius: 2px 2px 0 0;
+  }
+  .@{ant-prefix}-modal-content{
+    border-radius: 2px;
+  }
+}