@jiaozhiye/qm-design-react 1.8.0 → 1.8.2

package/lib/drawer/src/drawer.d.ts

@@ -7,6 +7,7 @@ type IProps = Omit<AntDrawerProps, 'size'> & {
     visible?: boolean;
     size?: ComponentSize;
     loading?: boolean;
+    showHeader?: boolean;
     showFullScreen?: boolean;
     onClose?: (e: EventType) => void;
     onClosed?: () => void;
@@ -26,6 +27,7 @@ declare class QmDrawer extends Component<IProps, IState> {
     };
     static defaultProps: {
         width: string;
+        showHeader: boolean;
         showFullScreen: boolean;
         destroyOnClose: boolean;
         footer: null;

package/lib/drawer/style/index.less

@@ -9,6 +9,20 @@
 @prefix-drawer: ~'@{qm-prefix}-drawer';
 
 .@{prefix-drawer} {
+  &.no-header {
+    .ant-drawer-header {
+      height: 0;
+      border: 0;
+      .ant-drawer-close {
+        top: 4px;
+        right: 0;
+      }
+      .full-screen {
+        top: 4px;
+        right: 42px;
+      }
+    }
+  }
   .ant-drawer-header {
     display: flex;
     align-items: center;
@@ -19,28 +33,33 @@
     border-bottom: 1px solid @--border-color-secondary;
     .ant-drawer-title {
       display: flex;
-      flex: 1;
       align-items: center;
-      justify-content: space-between;
-      padding-right: 20px;
-      .full-screen {
-        padding: @--padding-md 5px @--padding-md @--padding-md;
-        color: @--text-color-secondary;
-        line-height: 1;
-        font-size: @--font-size-lg;
-        transition: all 0.3s ease;
-        cursor: pointer;
-        &:hover {
-          color: @--text-color;
-        }
-      }
     }
     .ant-drawer-close {
       position: absolute;
       right: -8px;
-      font-size: 17px;
       padding: @--padding-md @--padding-md @--padding-md 5px;
     }
+    .full-screen {
+      display: inline-block;
+      text-align: center;
+      text-transform: none;
+      text-decoration: none;
+      background: transparent;
+      border: 0;
+      outline: 0;
+      position: absolute;
+      right: 34px;
+      padding: @--padding-md 5px @--padding-md @--padding-md;
+      color: @--text-color-secondary;
+      line-height: 1;
+      font-size: @--font-size-lg;
+      transition: all 0.3s ease;
+      cursor: pointer;
+      &:hover {
+        color: @--text-color;
+      }
+    }
   }
   .ant-drawer-body {
     padding: @--padding-md;

package/lib/index.d.ts

@@ -62,6 +62,8 @@ export type { GuideTrackerProps as QmGuideTrackerProps } from './guide-tracker';
 export { default as QmGuideTracker } from './guide-tracker';
 export type { WatermarkProps as QmWatermarkProps } from './watermark';
 export { default as QmWatermark } from './watermark';
+export type { LazyLoadProps as QmLazyLoadProps } from './lazy-load';
+export { default as QmLazyLoad } from './lazy-load';
 export type { ConfigProviderProps as DcpConfigProviderProps } from './config-provider';
 export { default as DcpConfigProvider } from './config-provider';
 export type { ButtonProps as DcpButtonProps } from './button';
@@ -126,6 +128,8 @@ export type { GuideTrackerProps as DcpGuideTrackerProps } from './guide-tracker'
 export { default as DcpGuideTracker } from './guide-tracker';
 export type { WatermarkProps as DcpWatermarkProps } from './watermark';
 export { default as DcpWatermark } from './watermark';
+export type { LazyLoadProps as DcpLazyLoadProps } from './lazy-load';
+export { default as DcpLazyLoad } from './lazy-load';
 export { default as pinyin } from './pinyin';
 export { default as version } from './version';
 export * from './antd';