✨ feat: 新增全局控制 padding props

Author: arvinxx

packages/asset-gallery/demos/Demo.tsx

@@ -15,6 +15,7 @@ const Demo = () => {
       }}
       data={images}
       darkBackground={'black'}
+      coverPadding={24}
     />
   );
 };

packages/asset-gallery/demos/YAMLDemo.tsx

@@ -8,14 +8,15 @@ import { yml } from './yml';
 
 const YAMLDemo = () => {
   return (
-    <div
+    <AssetGallery
+      data={yml}
+      darkBackground={'black'}
+      coverPadding={24}
       style={{
         background: '#fafafa',
         padding: 24,
       }}
-    >
-      <AssetGallery data={yml} darkBackground={'black'} />
-    </div>
+    />
   );
 };
 

packages/asset-gallery/src/AssetGallery.tsx

@@ -23,6 +23,7 @@ const AssetGallery: FC<AssetGalleryProps> = ({
   defaultColumns,
   onColumnsChange,
   style,
+  coverPadding,
 }) => {
   const [columns, setColumn] = useMergeValue(4, {
     value: columnsProps,
@@ -56,7 +57,7 @@ const AssetGallery: FC<AssetGalleryProps> = ({
         return (
           <AssetCard
             key={index}
-            padding={padding}
+            padding={padding || coverPadding}
             url={url}
             dark={dark}
             darkBackground={backgroundColor}

packages/asset-gallery/src/components/AssetCard.tsx

@@ -18,7 +18,7 @@ import type { Asset } from '../types';
 import { copySketch } from '../utils/sketch';
 
 const AssetCard: FC<Asset> = ({
-  padding,
+  padding = 12,
   url,
   title,
   darkBackground,

packages/asset-gallery/src/style.less

@@ -31,7 +31,6 @@
 
     &-ctn {
       position: relative;
-      padding: 24px;
     }
 
     &-type {

packages/asset-gallery/src/types.ts

@@ -112,9 +112,12 @@ export interface AssetGalleryProps {
    *  @enumOptions  [{ label: '显示', value: true }, { label: '隐藏', value: false }]
    */
   showSlider?: boolean;
-
   /**
-   * 样式
+   * @title 全局图片的内边距
+   */
+  coverPadding?: number | string;
+  /**
+   * @title 样式
    */
   style?: CSSProperties;
 }