@cloud-app-dev/vidc 3.2.37 → 3.2.39

package/es/Box/TwoColumnBox/index.less

@@ -1,80 +0,0 @@
-.two-column-layout-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  color: inherit;
-
-  .two-column-aside {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 9;
-    width: 30%;
-    height: 100%;
-    transition: width .1s ease-in;
-    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
-
-    .two-colum-left-wrapper {
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-    }
-
-    .two-colum-left-content {
-      width: 100%;
-      height: 100%;
-      background-color: var(--gray1);
-    }
-
-    .left-aside-slider-btn {
-      position: absolute;
-      top: 50%;
-      right: -8px;
-      z-index: 9;
-      width: 8px;
-      height: 20px;
-      margin-top: -8px;
-      font-size: var(--fs-large);
-      cursor: pointer;
-      background-color: var(--gray5);
-
-      &::before,
-      &::after {
-        position: absolute;
-        z-index: 2;
-        width: 1px;
-        height: 16px;
-        background-color: var(--gray1);
-        content: '';
-      }
-
-      &::before {
-        bottom: 2px;
-        left: 2px;
-      }
-
-      &::after {
-        top: 2px;
-        right: 2px;
-      }
-    }
-
-    &.hide-left-aside {
-      width: 0;
-
-      & + .two-column-content {
-        padding-left: 0;
-      }
-    }
-  }
-
-  .two-column-content {
-    width: 100%;
-    height: 100%;
-    padding-left: 30%;
-    overflow: hidden;
-    background-color: var(--gray2);
-    transition: padding-left .3s ease-in-out;
-    box-sizing: border-box;
-  }
-}

package/es/Box/deps/content-grid.d.ts

@@ -1,9 +0,0 @@
-declare const grid: {
-    xxl: number;
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export default grid;

package/es/Box/deps/content-grid.js

@@ -1,9 +0,0 @@
-var grid = {
-  xxl: 22,
-  xl: 22,
-  lg: 23,
-  md: 23,
-  sm: 23,
-  xs: 23
-};
-export default grid;

package/es/Box/deps/grid-factory.d.ts

@@ -1,10 +0,0 @@
-export declare function getGridClassName(grid: any): never[];
-export declare function computedGrid(grid: any): {
-    xxl: number;
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export declare function computedCuurentGrid(): "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | undefined;

package/es/Box/deps/grid-factory.js

@@ -1,72 +0,0 @@
-export function getGridClassName(grid) {
-  var classNames = [];
-
-  for (var k in grid) {
-    classNames.push("cloudapp-col-".concat(k, "-").concat(grid[k]));
-  }
-
-  return [].concat('cloudapp-col', classNames);
-}
-export function computedGrid(grid) {
-  var contentGrid = {
-    xxl: 0,
-    xl: 0,
-    lg: 0,
-    md: 0,
-    sm: 0,
-    xs: 0
-  };
-
-  if (Array.isArray(grid)) {
-    grid.forEach(function (item) {
-      for (var k in item) {
-        if (contentGrid[k]) {
-          contentGrid[k] = contentGrid[k] - item[k];
-        } else {
-          contentGrid[k] = 24 - item[k];
-        }
-      }
-    });
-  } else {
-    for (var k in grid) {
-      contentGrid[k] = 24 - grid[k];
-    }
-  }
-
-  for (var _k in contentGrid) {
-    if (contentGrid[_k] <= 0) {
-      contentGrid[_k] = 24;
-    }
-  }
-
-  return contentGrid;
-}
-export function computedCuurentGrid() {
-  var width = document.body.clientWidth;
-
-  if (width >= 1600) {
-    return 'xxl';
-  }
-
-  if (width >= 1200 && width < 1600) {
-    return 'xl';
-  }
-
-  if (width >= 992 && width < 1200) {
-    return 'lg';
-  }
-
-  if (width >= 768 && width < 992) {
-    return 'md';
-  }
-
-  if (width >= 576 && width < 768) {
-    return 'sm';
-  }
-
-  if (width < 576) {
-    return 'xs';
-  }
-
-  return undefined;
-}

package/es/Box/deps/simple-grid.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    xxl: number;
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export default _default;

package/es/Box/deps/simple-grid.js

@@ -1,8 +0,0 @@
-export default {
-  xxl: 4,
-  xl: 6,
-  lg: 6,
-  md: 7,
-  sm: 24,
-  xs: 24
-};

package/es/Box/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface ContentBoxProps {
-    className?: string;
-    contentGrid?: any;
-    children?: React.ReactNode;
-}
-declare function Box({ className, contentGrid, children }: ContentBoxProps): JSX.Element;
-declare namespace Box {
-    var TwoColumnBox: typeof import("./TwoColumnBox").default;
-    var InfoBox: typeof import("./InfoBox").default;
-    var BetweenBox: typeof import("./BetweenBox").default;
-}
-export default Box;

package/es/Box/index.js

@@ -1,39 +0,0 @@
-import "antd/lib/row/style";
-import _Row from "antd/lib/row";
-import "antd/lib/col/style";
-import _Col from "antd/lib/col";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import React from 'react';
-import TwoColumnBox from "./TwoColumnBox";
-import InfoBox from "./InfoBox";
-import defaultContentGrid from "./deps/content-grid";
-import BetweenBox from "./BetweenBox";
-import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-
-function Box(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$contentGrid = _ref.contentGrid,
-      contentGrid = _ref$contentGrid === void 0 ? defaultContentGrid : _ref$contentGrid,
-      children = _ref.children;
-  return /*#__PURE__*/_jsx(_Row, {
-    className: "single-column-layout-container ".concat(className),
-    children: /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({
-      className: "single-column-content"
-    }, contentGrid), {}, {
-      children: children
-    }))
-  });
-}
-
-Box.TwoColumnBox = TwoColumnBox;
-Box.InfoBox = InfoBox;
-Box.BetweenBox = BetweenBox;
-export default Box;

package/es/Box/index.less

@@ -1,10 +0,0 @@
-.single-column-layout-container {
-  width: 100%;
-  height: 100%;
-  background-color: var(--gray1);
-
-  .single-column-content {
-    height: 100%;
-    margin: 0 auto;
-  }
-}

package/es/Drawer/Demo.js

@@ -1,109 +0,0 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useRef, useState } from 'react';
-import Drawer from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-
-var App = function App() {
-  var drawer = Drawer.useDrawer();
-  var ref = useRef();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var showDrawer = function showDrawer() {
-    setVisible(true);
-  };
-
-  var onClose = function onClose() {
-    setVisible(false);
-  };
-
-  return /*#__PURE__*/_jsxs(_ConfigProvider, {
-    prefixCls: "cloudapp",
-    children: [/*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx(_Button, {
-        type: "primary",
-        onClick: showDrawer,
-        children: "Open"
-      }), /*#__PURE__*/_jsxs(Drawer, {
-        title: "Basic Drawer",
-        placement: "right",
-        onClose: onClose,
-        visible: visible,
-        onOk: function onOk() {
-          alert('确定！');
-          onClose();
-        },
-        children: [/*#__PURE__*/_jsx("p", {
-          children: "Some contents..."
-        }), /*#__PURE__*/_jsx("p", {
-          children: "Some contents..."
-        }), /*#__PURE__*/_jsx("p", {
-          children: "Some contents..."
-        })]
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(_Button, {
-        type: "primary",
-        onClick: function onClick() {
-          return drawer.open({
-            content: /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx("p", {
-                children: "Some contents..."
-              }), /*#__PURE__*/_jsx("p", {
-                children: "Some contents..."
-              }), /*#__PURE__*/_jsx("p", {
-                children: "Some contents..."
-              })]
-            })
-          });
-        },
-        children: "useDrawer"
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx(_Button, {
-        type: "primary",
-        onClick: function onClick() {
-          var _ref$current;
-
-          return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.open({
-            content: /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx("p", {
-                children: "Some contents..."
-              }), /*#__PURE__*/_jsx("p", {
-                children: "Some contents..."
-              }), /*#__PURE__*/_jsx("p", {
-                children: "Some contents..."
-              })]
-            })
-          });
-        },
-        children: "RefDrawer"
-      }), /*#__PURE__*/_jsx(Drawer.RefDrawer, {
-        ref: ref
-      })]
-    })]
-  });
-};
-
-export default App;

package/es/Drawer/Footer.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { IFooterProps } from './interface';
-import './index.less';
-declare function Footer({ onClose, cancelText, okText, onOk }: IFooterProps): JSX.Element;
-export default Footer;

package/es/Drawer/index.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { IDrawerProps } from './interface';
-import './index.less';
-declare function Drawer({ style, getContainer, onClose, className, onOk, cancelText, okText, children, ...props }: IDrawerProps): JSX.Element;
-declare namespace Drawer {
-    var defaultProps: {
-        getContainer: boolean;
-        className: string;
-        cancelText: string;
-        okText: string;
-    };
-    var useDrawer: (prefixCls?: string) => {
-        open: (options: IUseDrawerHookState) => void;
-        close: () => void;
-    };
-    var RefDrawer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IRefDrawerMethodsProps>>;
-}
-export interface IUseDrawerHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-export interface IUseDrawerHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-export interface IRefDrawerMethodsProps {
-    open: (options: IUseDrawerHookState) => void;
-    close: () => void;
-}
-export default Drawer;

package/es/Drawer/index.js

@@ -1,207 +0,0 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-import "antd/lib/drawer/style";
-import _Drawer from "antd/lib/drawer";
-var _excluded = ["style", "getContainer", "onClose", "className", "onOk", "cancelText", "okText", "children"];
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { useContext, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import * as ReactDOMClient from 'react-dom/client';
-import { default as CC, default as ConfigContext } from "../ConfigContext";
-import Footer from "./Footer";
-import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-
-function Drawer(_ref) {
-  var style = _ref.style,
-      getContainer = _ref.getContainer,
-      onClose = _ref.onClose,
-      className = _ref.className,
-      onOk = _ref.onOk,
-      cancelText = _ref.cancelText,
-      okText = _ref.okText,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_jsx(_Drawer, _objectSpread(_objectSpread({
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      textAlign: 'left'
-    }),
-    className: "lm-drawer-container ".concat(className),
-    onClose: onClose,
-    getContainer: getContainer,
-    footer: /*#__PURE__*/_jsx(Footer, {
-      onClose: onClose,
-      onOk: onOk,
-      cancelText: cancelText,
-      okText: okText
-    })
-  }, props), {}, {
-    children: children
-  }));
-}
-
-Drawer.defaultProps = {
-  getContainer: false,
-  className: '',
-  cancelText: '取消',
-  okText: '确定'
-};
-
-function useDrawer() {
-  var prefixCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cloudapp';
-  var context = useContext(CC.Context);
-  var container = useMemo(function () {
-    var _context$root;
-
-    return (_context$root = context === null || context === void 0 ? void 0 : context.root) !== null && _context$root !== void 0 ? _context$root : document.body;
-  }, [context === null || context === void 0 ? void 0 : context.root]);
-  var div = useMemo(function () {
-    return document.createElement('div');
-  }, []);
-
-  var _useState = useState({
-    content: null,
-    visible: false,
-    title: '',
-    onOk: undefined,
-    width: undefined,
-    className: undefined
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var root = useMemo(function () {
-    return ReactDOMClient.createRoot(div, {
-      onRecoverableError: console.error
-    });
-  }, []);
-
-  var open = function open(options) {
-    setState(function (old) {
-      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
-        visible: true
-      });
-    });
-  };
-
-  var close = function close() {
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        visible: false
-      });
-    });
-  };
-
-  useEffect(function () {
-    container.appendChild(div);
-    return function () {
-      setTimeout(function () {
-        return root.unmount(), div.remove();
-      }, 100);
-    };
-  }, []);
-  useEffect(function () {
-    root.render( /*#__PURE__*/_jsx(_ConfigProvider, {
-      prefixCls: prefixCls,
-      getPopupContainer: function getPopupContainer() {
-        return container;
-      },
-      children: /*#__PURE__*/_jsx(Drawer, {
-        visible: state.visible,
-        onOk: state.onOk,
-        onClose: close,
-        destroyOnClose: true,
-        title: state.title,
-        width: state.width,
-        className: state.className,
-        getContainer: false,
-        children: state.content
-      })
-    }));
-  }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
-  return {
-    open: open,
-    close: close
-  };
-}
-
-var RefDrawer = /*#__PURE__*/React.forwardRef(function RefDrawer(_, ref) {
-  var context = useContext(ConfigContext.Context);
-  var root = useMemo(function () {
-    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
-  }, [context === null || context === void 0 ? void 0 : context.root]);
-
-  var _useState3 = useState({
-    content: null,
-    visible: false,
-    title: '',
-    onOk: undefined,
-    width: undefined,
-    className: undefined
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      state = _useState4[0],
-      setState = _useState4[1];
-
-  var open = function open(options) {
-    setState(function (old) {
-      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
-        visible: true
-      });
-    });
-  };
-
-  var close = function close() {
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        visible: false
-      });
-    });
-  };
-
-  useImperativeHandle(ref, function () {
-    return {
-      open: open,
-      close: close
-    };
-  }, [state]);
-  return /*#__PURE__*/_jsx(Drawer, {
-    visible: state.visible,
-    onOk: state.onOk,
-    onClose: close,
-    destroyOnClose: true,
-    title: state.title,
-    width: state.width,
-    className: state.className,
-    getContainer: function getContainer() {
-      return root;
-    },
-    children: state.content
-  });
-});
-Drawer.useDrawer = useDrawer;
-Drawer.RefDrawer = RefDrawer;
-export default Drawer;

package/es/Drawer/index.less

@@ -1,42 +0,0 @@
-.lm-drawer-container.@{ant-prefix}-drawer {
-  .@{ant-prefix}-drawer-wrapper-body {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-  .@{ant-prefix}-drawer-header {
-    position: relative;
-    display: flex;
-    height: var(--drawer-title-height);
-    padding: 0 24px;
-    color: inherit;
-    background-color: var(--drawer-title-bg);
-    justify-content: space-between;
-    align-items: center;
-    border-bottom-color: var(--drawer-divider-color);
-    .@{ant-prefix}-drawer-title {
-      font-size: var(--fs-large);
-      line-height: 2em;
-      color: inherit;
-    }
-    .@{ant-prefix}-drawer-close {
-      position: absolute;
-      right: 0;
-      padding: 0;
-      color: inherit;
-    }
-  }
-  .@{ant-prefix}-drawer-body {
-    overflow: auto;
-    background: var(--drawer-content-bg);
-    flex: 1;
-  }
-  .@{ant-prefix}-drawer-footer {
-    height: var(--drawer-footer-height);
-    padding: 0 24px;
-    overflow: hidden;
-    line-height: var(--drawer-footer-height);
-    background: var(--drawer-footer-bg);
-    border-top-color: var(--drawer-divider-color);
-  }
-}