hc-busin-components 1.0.2 → 1.0.4

package/dist/HCDrawer/index.js

@@ -0,0 +1,307 @@
+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 = ["footer", "showFooter", "onOk", "onClose", "okText", "cancelText", "resizable", "minWidth", "maxWidth", "width", "size", "placement", "rootClassName", "open", "styles", "classNames"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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(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(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(arr) { if (Array.isArray(arr)) return arr; }
+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 classNames from 'classnames';
+import { Button, Drawer, Space } from 'antd';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import "./index.less";
+var DEFAULT_WIDTH = 378;
+var DEFAULT_LARGE_WIDTH = 736;
+var RESIZE_EDGE_WIDTH = 8;
+var drawerId = 0;
+function getDefaultWidth(size) {
+  return size === 'large' ? DEFAULT_LARGE_WIDTH : DEFAULT_WIDTH;
+}
+function getDefaultMaxWidth(minWidth) {
+  if (typeof window === 'undefined') {
+    return minWidth;
+  }
+  return Math.max(minWidth, window.innerWidth - 48);
+}
+function clampWidth(width, minWidth, maxWidth) {
+  return Math.min(Math.max(width, minWidth), Math.max(minWidth, maxWidth));
+}
+var HCDrawer = function HCDrawer(props) {
+  var footer = props.footer,
+    _props$showFooter = props.showFooter,
+    showFooter = _props$showFooter === void 0 ? true : _props$showFooter,
+    onOk = props.onOk,
+    onClose = props.onClose,
+    _props$okText = props.okText,
+    okText = _props$okText === void 0 ? '确认' : _props$okText,
+    _props$cancelText = props.cancelText,
+    cancelText = _props$cancelText === void 0 ? '取消' : _props$cancelText,
+    _props$resizable = props.resizable,
+    resizable = _props$resizable === void 0 ? false : _props$resizable,
+    _props$minWidth = props.minWidth,
+    minWidth = _props$minWidth === void 0 ? DEFAULT_WIDTH : _props$minWidth,
+    maxWidth = props.maxWidth,
+    width = props.width,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'right' : _props$placement,
+    rootClassName = props.rootClassName,
+    open = props.open,
+    styles = props.styles,
+    drawerClassNames = props.classNames,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var supportsResize = resizable && (placement === 'left' || placement === 'right');
+  var resolvedMinWidth = Math.max(0, minWidth);
+  var resolvedMaxWidth = maxWidth === undefined ? getDefaultMaxWidth(resolvedMinWidth) : Math.max(resolvedMinWidth, maxWidth);
+  var hasCustomFooter = Object.prototype.hasOwnProperty.call(props, 'footer');
+  var instanceClassNameRef = useRef('');
+  var dragStateRef = useRef(null);
+  var innerWidthRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerWidth = _useState2[0],
+    setInnerWidth = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    okLoading = _useState4[0],
+    setOkLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    edgeHovered = _useState6[0],
+    setEdgeHovered = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isResizing = _useState8[0],
+    setIsResizing = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    footerDividerVisible = _useState10[0],
+    setFooterDividerVisible = _useState10[1];
+  if (!instanceClassNameRef.current) {
+    drawerId += 1;
+    instanceClassNameRef.current = "hc-drawer-instance-".concat(drawerId);
+  }
+  var syncInnerWidth = function syncInnerWidth() {
+    if (!supportsResize) {
+      setInnerWidth(null);
+      return;
+    }
+    if (typeof width === 'number') {
+      setInnerWidth(clampWidth(width, resolvedMinWidth, resolvedMaxWidth));
+      return;
+    }
+    if (width === undefined) {
+      setInnerWidth(clampWidth(getDefaultWidth(size), resolvedMinWidth, resolvedMaxWidth));
+      return;
+    }
+    setInnerWidth(null);
+  };
+  useEffect(function () {
+    innerWidthRef.current = innerWidth;
+  }, [innerWidth]);
+  useEffect(function () {
+    syncInnerWidth();
+  }, [width, size, supportsResize, resolvedMinWidth, resolvedMaxWidth]);
+  useEffect(function () {
+    if (!supportsResize || !open || typeof width !== 'string' || typeof document === 'undefined') {
+      return;
+    }
+    var frameId = window.requestAnimationFrame(function () {
+      var rootElement = document.querySelector(".".concat(instanceClassNameRef.current));
+      var contentElement = rootElement === null || rootElement === void 0 ? void 0 : rootElement.querySelector('.ant-drawer-content');
+      if (!contentElement) {
+        return;
+      }
+      var nextWidth = clampWidth(Math.round(contentElement.getBoundingClientRect().width), resolvedMinWidth, resolvedMaxWidth);
+      setInnerWidth(nextWidth);
+    });
+    return function () {
+      window.cancelAnimationFrame(frameId);
+    };
+  }, [width, open, resolvedMinWidth, resolvedMaxWidth, supportsResize]);
+  useEffect(function () {
+    if (!open || hasCustomFooter || !showFooter || typeof document === 'undefined') {
+      setFooterDividerVisible(false);
+      return;
+    }
+    var rootElement = document.querySelector(".".concat(instanceClassNameRef.current));
+    var bodyElement = rootElement === null || rootElement === void 0 ? void 0 : rootElement.querySelector('.ant-drawer-body');
+    if (!bodyElement) {
+      return;
+    }
+    var updateFooterDivider = function updateFooterDivider() {
+      setFooterDividerVisible(bodyElement.scrollHeight > bodyElement.clientHeight);
+    };
+    updateFooterDivider();
+    var resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(function () {
+      updateFooterDivider();
+    });
+    resizeObserver === null || resizeObserver === void 0 || resizeObserver.observe(bodyElement);
+    if (bodyElement.firstElementChild instanceof HTMLElement) {
+      resizeObserver === null || resizeObserver === void 0 || resizeObserver.observe(bodyElement.firstElementChild);
+    }
+    bodyElement.addEventListener('scroll', updateFooterDivider);
+    window.addEventListener('resize', updateFooterDivider);
+    return function () {
+      resizeObserver === null || resizeObserver === void 0 || resizeObserver.disconnect();
+      bodyElement.removeEventListener('scroll', updateFooterDivider);
+      window.removeEventListener('resize', updateFooterDivider);
+    };
+  }, [hasCustomFooter, open, showFooter, innerWidth]);
+  useEffect(function () {
+    if (!supportsResize || !open || typeof document === 'undefined') {
+      setEdgeHovered(false);
+      return;
+    }
+    var rootElement = document.querySelector(".".concat(instanceClassNameRef.current));
+    var contentElement = rootElement === null || rootElement === void 0 ? void 0 : rootElement.querySelector('.ant-drawer-content');
+    if (!contentElement) {
+      return;
+    }
+    var isInResizeEdge = function isInResizeEdge(clientX) {
+      var rect = contentElement.getBoundingClientRect();
+      if (placement === 'right') {
+        return clientX >= rect.left && clientX <= rect.left + RESIZE_EDGE_WIDTH;
+      }
+      return clientX <= rect.right && clientX >= rect.right - RESIZE_EDGE_WIDTH;
+    };
+    var handleMouseMove = function handleMouseMove(event) {
+      if (dragStateRef.current) {
+        return;
+      }
+      setEdgeHovered(isInResizeEdge(event.clientX));
+    };
+    var handleMouseLeave = function handleMouseLeave() {
+      if (!dragStateRef.current) {
+        setEdgeHovered(false);
+      }
+    };
+    var cleanupDraggingStyle = function cleanupDraggingStyle() {
+      document.body.style.userSelect = '';
+      document.body.style.cursor = '';
+    };
+    var handleMouseUp = function handleMouseUp() {
+      dragStateRef.current = null;
+      setIsResizing(false);
+      setEdgeHovered(false);
+      cleanupDraggingStyle();
+      window.removeEventListener('mousemove', handleWindowMouseMove);
+      window.removeEventListener('mouseup', handleMouseUp);
+    };
+    var handleWindowMouseMove = function handleWindowMouseMove(event) {
+      var dragState = dragStateRef.current;
+      if (!dragState) {
+        return;
+      }
+      var delta = event.clientX - dragState.startX;
+      var nextWidth = placement === 'right' ? dragState.startWidth - delta : dragState.startWidth + delta;
+      setInnerWidth(clampWidth(nextWidth, resolvedMinWidth, resolvedMaxWidth));
+    };
+    var handleMouseDown = function handleMouseDown(event) {
+      var _ref, _innerWidthRef$curren;
+      if (event.button !== 0 || !isInResizeEdge(event.clientX)) {
+        return;
+      }
+      var currentWidth = (_ref = (_innerWidthRef$curren = innerWidthRef.current) !== null && _innerWidthRef$curren !== void 0 ? _innerWidthRef$curren : Math.round(contentElement.getBoundingClientRect().width)) !== null && _ref !== void 0 ? _ref : getDefaultWidth(size);
+      dragStateRef.current = {
+        startX: event.clientX,
+        startWidth: currentWidth
+      };
+      document.body.style.userSelect = 'none';
+      document.body.style.cursor = 'col-resize';
+      setIsResizing(true);
+      setEdgeHovered(true);
+      window.addEventListener('mousemove', handleWindowMouseMove);
+      window.addEventListener('mouseup', handleMouseUp);
+      event.preventDefault();
+    };
+    contentElement.addEventListener('mousemove', handleMouseMove);
+    contentElement.addEventListener('mouseleave', handleMouseLeave);
+    contentElement.addEventListener('mousedown', handleMouseDown);
+    return function () {
+      contentElement.removeEventListener('mousemove', handleMouseMove);
+      contentElement.removeEventListener('mouseleave', handleMouseLeave);
+      contentElement.removeEventListener('mousedown', handleMouseDown);
+      cleanupDraggingStyle();
+      window.removeEventListener('mousemove', handleWindowMouseMove);
+      window.removeEventListener('mouseup', handleMouseUp);
+      dragStateRef.current = null;
+      setIsResizing(false);
+    };
+  }, [open, resolvedMinWidth, placement, resolvedMaxWidth, size, supportsResize]);
+  var mergedFooter = useMemo(function () {
+    if (hasCustomFooter) {
+      return footer;
+    }
+    if (!showFooter) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('hc-drawer-footer', {
+        'hc-drawer-footer-divider': footerDividerVisible
+      })
+    }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick(event) {
+        return onClose === null || onClose === void 0 ? void 0 : onClose(event);
+      }
+    }, cancelText), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      loading: okLoading,
+      onClick: function onClick() {
+        if (!onOk) {
+          return;
+        }
+        var result = onOk();
+        if (result && typeof result.then === 'function') {
+          setOkLoading(true);
+          void result.catch(function () {
+            return undefined;
+          }).finally(function () {
+            setOkLoading(false);
+          });
+        }
+      }
+    }, okText)));
+  }, [cancelText, footer, footerDividerVisible, hasCustomFooter, okLoading, okText, onClose, onOk, showFooter]);
+  var mergedRootClassName = classNames('hc-drawer', instanceClassNameRef.current, {
+    'hc-drawer-resizable': supportsResize,
+    'hc-drawer-resize-hover': supportsResize && edgeHovered,
+    'hc-drawer-resizing': supportsResize && isResizing,
+    'hc-drawer-resizable-left': supportsResize && placement === 'left',
+    'hc-drawer-resizable-right': supportsResize && placement === 'right',
+    'hc-drawer-footer-divider-visible': footerDividerVisible && !hasCustomFooter && showFooter
+  }, rootClassName);
+  var mergedWidth = supportsResize ? innerWidth !== null && innerWidth !== void 0 ? innerWidth : width : width;
+  var mergedStyles = useMemo(function () {
+    if (!supportsResize) {
+      return styles;
+    }
+    return _objectSpread(_objectSpread({}, styles), {}, {
+      wrapper: _objectSpread(_objectSpread({}, styles === null || styles === void 0 ? void 0 : styles.wrapper), {}, {
+        minWidth: resolvedMinWidth,
+        maxWidth: resolvedMaxWidth
+      })
+    });
+  }, [resolvedMaxWidth, resolvedMinWidth, styles, supportsResize]);
+  return /*#__PURE__*/React.createElement(Drawer, _extends({}, restProps, {
+    open: open,
+    onClose: onClose,
+    placement: placement,
+    size: size,
+    width: mergedWidth,
+    footer: mergedFooter,
+    rootClassName: mergedRootClassName,
+    classNames: drawerClassNames,
+    styles: mergedStyles
+  }));
+};
+export default HCDrawer;

package/dist/HCDrawer/index.less

@@ -0,0 +1,30 @@
+:root {
+  .hc-drawer-footer {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    border-top: 0;
+  }
+
+  .hc-drawer .ant-drawer-footer {
+    border-top: 0;
+  }
+
+  .hc-drawer-footer-divider-visible .ant-drawer-footer {
+    border-top: 1px solid #f0f0f0;
+  }
+
+  .hc-drawer-resizable-right .ant-drawer-content,
+  .hc-drawer-resizable-left .ant-drawer-content {
+    position: relative;
+  }
+
+  .hc-drawer-resize-hover.hc-drawer-resizable-right .ant-drawer-content,
+  .hc-drawer-resize-hover.hc-drawer-resizable-left .ant-drawer-content {
+    cursor: col-resize;
+  }
+
+  .hc-drawer-resizing .ant-drawer-content-wrapper {
+    transition: none;
+  }
+}

package/dist/HCModal/index.d.ts

@@ -0,0 +1,9 @@
+import { Modal } from 'antd';
+import type { ModalProps } from 'antd';
+import React from 'react';
+import './index.less';
+export interface HCModalProps extends ModalProps {
+}
+type HCModalType = React.FC<HCModalProps> & Pick<typeof Modal, 'useModal' | 'destroyAll' | 'config' | 'info' | 'success' | 'error' | 'warning' | 'warn' | 'confirm' | '_InternalPanelDoNotUseOrYouWillBeFired'>;
+declare const HCModal: HCModalType;
+export default HCModal;

package/dist/HCModal/index.js

@@ -0,0 +1,50 @@
+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"];
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 classNames from 'classnames';
+import { Modal } from 'antd';
+import React from 'react';
+import "./index.less";
+var HCModalBase = function HCModalBase(_ref) {
+  var rootClassName = _ref.rootClassName,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Modal, _extends({}, restProps, {
+    rootClassName: classNames('hc-modal', rootClassName)
+  }));
+};
+var withStaticClassName = function withStaticClassName(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    className: classNames('hc-modal', config.className)
+  });
+};
+var HCModal = HCModalBase;
+HCModal.useModal = Modal.useModal;
+HCModal.destroyAll = Modal.destroyAll;
+HCModal.config = Modal.config;
+HCModal.info = function (config) {
+  return Modal.info(withStaticClassName(config));
+};
+HCModal.success = function (config) {
+  return Modal.success(withStaticClassName(config));
+};
+HCModal.error = function (config) {
+  return Modal.error(withStaticClassName(config));
+};
+HCModal.warning = function (config) {
+  return Modal.warning(withStaticClassName(config));
+};
+HCModal.warn = function (config) {
+  return Modal.warn(withStaticClassName(config));
+};
+HCModal.confirm = function (config) {
+  return Modal.confirm(withStaticClassName(config));
+};
+HCModal._InternalPanelDoNotUseOrYouWillBeFired = Modal._InternalPanelDoNotUseOrYouWillBeFired;
+export default HCModal;

package/dist/HCModal/index.less

@@ -0,0 +1,29 @@
+:root {
+  .hc-modal {
+    .ant-modal-content {
+      padding: 0;
+      overflow: hidden;
+      border-radius: 4px;
+    }
+
+    .ant-modal-header {
+      margin-bottom: 0;
+      padding: 16px 24px;
+      background: #fff;
+      border-bottom: 1px solid #f0f0f0;
+      border-radius: 4px 4px 0 0;
+    }
+
+    .ant-modal-body {
+      padding: 24px;
+    }
+
+    .ant-modal-footer {
+      margin-top: 0;
+      padding: 10px 16px;
+      background: #fff;
+      border-top: 1px solid #f0f0f0;
+      border-radius: 0 0 4px 4px;
+    }
+  }
+}

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export type { ResourceProgressProps } from './ResourceProgress';
 export { default as ShowMore } from './showMore';
 export { default as BasicFilesRead } from './BasicFilesRead';
 export { default as DateRangePicker } from './DateRangePicker';
-export type { DateRangePickerProps, QuickTimeOption, TimeRangeInfo, } from './DateRangePicker';
+export type { DateRangePickerLocale, DateRangePickerProps, DateRangePickerValue, QuickTimeOption, TimeRangeInfo, } from './DateRangePicker';
 export { Actions, LinkButton } from './Actions';
 export type { ActionElementProps, ActionsProps, LinkButtonProps, } from './Actions';
 export { default as TextCopy } from './TextCopy';
@@ -30,6 +30,10 @@ export { default as Yaml } from './Yaml';
 export type { YamlProps, YamlTexts, YamlValidateResult } from './Yaml';
 export { default as PageHeader } from './PageHeader';
 export type { PageHeaderProps } from './PageHeader';
+export { default as HCModal } from './HCModal';
+export type { HCModalProps } from './HCModal';
+export { default as HCDrawer } from './HCDrawer';
+export type { HCDrawerProps } from './HCDrawer';
 export { default as MetadataForm } from './MetadataForm';
 export type { MetadataFormProps, MetadataFormRef } from './MetadataForm';
 export { default as MetadataTags } from './MetadataTags';

package/dist/index.js

@@ -19,6 +19,8 @@ export { logCenterLocaleZhCN, LOG_CENTER_API, createLogCenterServices } from "./
 export { default as Terminal } from "./Terminal";
 export { default as Yaml } from "./Yaml";
 export { default as PageHeader } from "./PageHeader";
+export { default as HCModal } from "./HCModal";
+export { default as HCDrawer } from "./HCDrawer";
 export { default as MetadataForm } from "./MetadataForm";
 export { default as MetadataTags } from "./MetadataTags";
 export { default as MetadataCount } from "./MetadataCount";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hc-busin-components",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",