@wzyjs/antd 0.3.2 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wzyjs/antd",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "description",
   "author": "wzy",
   "main": "src/index.ts",
@@ -20,7 +20,7 @@
     "@wzyjs/utils": "^0.2.37",
     "antd": "^5.24.3"
   },
-  "gitHead": "22c3d24e9f596ff0171bf93c85d17c9615690981",
+  "gitHead": "c0a83557cdfb520becc4d5924f1b101e0bd43d1e",
   "publishConfig": {
     "access": "public"
   }

package/src/form/RadioButton/index.tsx

@@ -20,7 +20,7 @@ export const RadioButton = <V = string | number | boolean | null>(props: FilterB
       buttonStyle={buttonStyle}
       value={value}
       style={style}
-      onChange={e => onChange(e.target.value as V)}
+      onChange={e => onChange?.(e.target.value as V)}
     >
       {options.filter(item => item.label).map(item => (
         <Radio key={String(item.value)} value={item.value}>{item.label}</Radio>

package/src/form/UploadImage/index.tsx

@@ -8,6 +8,7 @@ interface UploadImageProps {
   value?: string[];
   onChange?: (value: string[]) => void;
   maxImages?: number;
+  enablePreview?: boolean;
   enableDragDrop?: boolean;
   enableFileSelect?: boolean;
   enablePaste?: boolean;
@@ -19,6 +20,7 @@ export const UploadImage = (props: UploadImageProps) => {
     value = [],
     onChange,
     maxImages = 10,
+    enablePreview = false,
     enableDragDrop = false,
     enableFileSelect = false,
     enablePaste = true,
@@ -206,47 +208,62 @@ export const UploadImage = (props: UploadImageProps) => {
   return (
     <div className='w-full space-y-4'>
       <div className='flex flex-wrap gap-3'>
-        {value.map((image, index) => (
-          <div
-            key={index}
-            className='relative'
-            style={{ width: '100px', height: '100px' }}
-          >
-            <Popover
-              trigger='hover'
-              placement='top'
-              content={(
-                <img
-                  src={image}
-                  alt={`预览图片 ${index + 1}`}
-                  style={{
-                    maxWidth: '300px',
-                    maxHeight: '300px',
-                  }}
-                />
-              )}
+        {value.map((image, index) => {
+          const imageNode = (
+            <div
+              className='rounded border overflow-hidden relative group bg-white'
+              style={{ maxWidth: 200, maxHeight: 200 }}
             >
-              <div className='rounded border overflow-hidden h-full w-full relative group'>
-                <img
-                  src={image}
-                  alt={`上传图片 ${index + 1}`}
-                  className='w-full h-full object-cover'
-                />
-                <Button
-                  type='text'
-                  icon={<DeleteOutlined />}
-                  onClick={(e) => {
-                    e.stopPropagation()
-                    handleRemoveImage(index)
-                  }}
-                  style={{ position: 'absolute', top: 0, right: 0 }}
-                  className='absolute top-0 right-0 bg-black/40 text-white border-none hover:bg-black/60'
-                  size='small'
-                />
+              <img
+                src={image}
+                alt={`图片 ${index + 1}`}
+                className='object-contain'
+                style={{ maxWidth: '100%', maxHeight: '100%', display: 'block' }}
+              />
+              <Button
+                type='text'
+                icon={<DeleteOutlined />}
+                onClick={(e) => {
+                  e.stopPropagation()
+                  handleRemoveImage(index)
+                }}
+                style={{ position: 'absolute', top: 0, right: 0 }}
+                className='absolute top-0 right-0 bg-black/40 text-white border-none hover:bg-black/60'
+                size='small'
+              />
+            </div>
+          )
+
+          if (!enablePreview) {
+            return (
+              <div key={index} className='relative'>
+                {imageNode}
               </div>
-            </Popover>
-          </div>
-        ))}
+            )
+          }
+
+          return (
+            <div key={index} className='relative'>
+              <Popover
+                trigger='hover'
+                placement='top'
+                content={(
+                  <img
+                    src={image}
+                    alt={`预览图片 ${index + 1}`}
+                    style={{
+                      maxWidth: '200px',
+                      maxHeight: '200px',
+                      objectFit: 'contain',
+                    }}
+                  />
+                )}
+              >
+                {imageNode}
+              </Popover>
+            </div>
+          )
+        })}
 
         {value.length < maxImages && (
           <Space style={{ width: '100%' }}>