@fe-free/core 3.0.14 → 3.0.15

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @fe-free/core
 
+## 3.0.15
+
+### Patch Changes
+
+- feat: uploader
+  - @fe-free/tool@3.0.15
+
 ## 3.0.14
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/core",
-  "version": "3.0.14",
+  "version": "3.0.15",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -41,7 +41,7 @@
     "safe-stable-stringify": "^2.5.0",
     "vanilla-jsoneditor": "^0.23.1",
     "zustand": "^4.5.4",
-    "@fe-free/tool": "3.0.14"
+    "@fe-free/tool": "3.0.15"
   },
   "peerDependencies": {
     "@ant-design/pro-components": "2.8.9",

package/src/form/form.stories.tsx

@@ -228,7 +228,11 @@ export const ProFormUploadComponent: Story = {
       <ProFormUploadDragger
         label="file_dragger"
         name="file_dragger"
-        fieldProps={{ customRequest }}
+        fieldProps={{
+          title: '这是标题',
+          description: '这是描述',
+          customRequest,
+        }}
       />
       <ProFormUploadDragger
         label="files_dragger"

package/src/upload/index.tsx

@@ -19,8 +19,6 @@ interface UploadBaseProps {
 interface UploadProps extends UploadBaseProps {
   showCount?: boolean;
 }
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-interface UploadDraggerProps extends UploadBaseProps {}
 
 function useUpload(props: ImageUploadProps) {
   const { value, onChange, multiple, maxCount } = props;
@@ -115,8 +113,12 @@ function Upload(props: ImageUploadProps) {
   );
 }
 
-function UploadDragger(props: ImageUploadDraggerProps) {
-  const { multiple, maxCount, action, customRequest, listType, accept } = props;
+interface UploadDraggerProps extends UploadBaseProps {
+  title?: string;
+  description?: string;
+}
+function UploadDragger(props: UploadDraggerProps) {
+  const { multiple, maxCount, action, customRequest, listType, accept, title, description } = props;
   const { onChange, beforeUpload, isDisabled, fileList } = useUpload(props);
 
   return (
@@ -150,8 +152,9 @@ function UploadDragger(props: ImageUploadDraggerProps) {
             '!text-03': isDisabled,
           })}
         >
-          点击或拖拽到此区域进行上传
+          {title || '点击或拖拽到此区域进行上传'}
         </p>
+        {description && <p className={classNames('ant-upload-hint')}>{description}</p>}
       </div>
     </AntdUpload.Dragger>
   );