@wzyjs/antd 0.3.2 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wzyjs/antd",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "description",
   "author": "wzy",
   "main": "src/index.ts",
@@ -20,7 +20,7 @@
     "@wzyjs/utils": "^0.2.37",
     "antd": "^5.24.3"
   },
-  "gitHead": "22c3d24e9f596ff0171bf93c85d17c9615690981",
+  "gitHead": "759abaadc6f778c5a1b4ddb5b16f7753d45f37f9",
   "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/Upload/index.tsx

@@ -2,7 +2,7 @@
 
 import { Upload } from 'antd'
 import { InboxOutlined } from '@ant-design/icons'
-import { generateUniqueFileName } from '@wzyjs/utils'
+import { generateUniqueFileName } from '@wzyjs/utils/web'
 
 interface item {
   name: string

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%' }}>

package/src/pro/Button/components/Confirm.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React from 'react'
-import { _ } from '@wzyjs/utils'
+import { _ } from '@wzyjs/utils/web'
 import { Button, Popconfirm, PopconfirmProps, ButtonProps } from 'antd'
 
 export interface ConfirmProps extends PopconfirmProps {

package/src/pro/Button/components/Copy.tsx

@@ -5,8 +5,8 @@ import React, { useState, ReactNode } from 'react'
 import { Button, ButtonProps, message } from 'antd'
 import { CheckOutlined } from '@ant-design/icons'
 
-import { copy, readClipboard } from '@wzyjs/utils'
-import { useControllableValue } from '@wzyjs/hooks'
+import { copy, readClipboard } from '@wzyjs/utils/web'
+import { useControllableValue } from '@wzyjs/hooks/web'
 
 export interface CopyProps extends ButtonProps {
   value?: string,

package/src/pro/Button/components/Drawer.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React, { useState } from 'react'
-import { _ } from '@wzyjs/utils'
+import { _ } from '@wzyjs/utils/web'
 import { Button, Drawer as AntdDrawer, DrawerProps as AntdDrawerProps, ButtonProps } from 'antd'
 
 export interface DrawerProps extends AntdDrawerProps {

package/src/pro/Input/components/Range.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react'
 import { InputNumber, InputNumberProps, Space } from 'antd'
-import { _ } from '@wzyjs/utils'
+import { _ } from '@wzyjs/utils/web'
 
 export interface RangeProps extends Omit<InputNumberProps, 'value' | 'onChange'> {
   value?: number[];

package/src/pro/Input/index.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState, useEffect, useMemo } from 'react'
 import { Input, InputProps } from 'antd'
-import { getStrLength } from '@wzyjs/utils'
+import { getStrLength } from '@wzyjs/utils/web'
 import { Range } from './components/Range'
 
 export interface InputProProps extends Omit<InputProps, 'onChange'> {

package/src/pro/Typography/components/String.tsx

@@ -5,7 +5,7 @@ import React, { useMemo } from 'react'
 import { Typography } from 'antd'
 import { TextProps } from 'antd/lib/typography/Text'
 
-import { replaceByRules } from '@wzyjs/utils'
+import { replaceByRules } from '@wzyjs/utils/web'
 
 export interface StringProps extends TextProps {
   isCopy?: boolean;