Skip to content

Commit 221b579

Browse files
Miles-hxyMiles-hxy
authored
fix(uploader): 修复官网蒙层层级、demo中ListItem类型的引入并更新文档 (#3239)
* fix: 修复demo中ListItem类型的引入 * chore: update docs * fix: 修复官网蒙层
1 parent 1ff0221 commit 221b579

File tree

16 files changed

+53
-34
lines changed

16 files changed

+53
-34
lines changed

‎src/packages/uploader/demos/h5/demo1.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React, { useState } from 'react'
2-
import { Uploader, Cell, FileItem, Space } from '@nutui/nutui-react'
2+
import { Uploader, Cell, UploaderFileItem, Space } from '@nutui/nutui-react'
33
import { Dongdong } from '@nutui/icons-react'
44

55
const Demo1 = () => {
6-
const [list, setList] = useState<FileItem[]>([
6+
const [list, setList] = useState<UploaderFileItem[]>([
77
{
88
url: 'https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif',
99
uid: 133,
@@ -23,7 +23,7 @@ const Demo1 = () => {
2323
url: URL.createObjectURL(file),
2424
}
2525
}
26-
async function uploadFail(file: File): Promise<FileItem> {
26+
async function uploadFail(file: File): Promise<UploaderFileItem> {
2727
await sleep(2000)
2828
throw new Error('Fail to upload')
2929
}

‎src/packages/uploader/demos/h5/demo10.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React, { useState } from 'react'
22
import { Loading, Star } from '@nutui/icons-react'
3-
import { Uploader, Button, FileItem } from '@nutui/nutui-react'
3+
import { Uploader, Button, UploaderFileItem } from '@nutui/nutui-react'
44

55
const Demo10 = () => {
6-
const [list, setList] = useState<FileItem[]>([
6+
const [list, setList] = useState<UploaderFileItem[]>([
77
{
88
name: '文件文件文件文件1文件文件文件文件1文件文件文件文件1.png',
99
url: 'https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif',

‎src/packages/uploader/demos/h5/demo2.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from 'react'
2-
import { Uploader, FileItem } from '@nutui/nutui-react'
2+
import { Uploader, UploaderFileItem } from '@nutui/nutui-react'
33
import { Dongdong, Loading, Star } from '@nutui/icons-react'
44

55
const Demo2 = () => {
6-
const defaultList: FileItem[] = [
6+
const defaultList: UploaderFileItem[] = [
77
{
88
uid: 111,
99
name: '文件文件文件文件1文件文件文件文件1文件文件文件文件1.png',
@@ -44,7 +44,7 @@ const Demo2 = () => {
4444
loadingIcon: <Loading className="nut-icon-Loading" color="#fff" />,
4545
},
4646
]
47-
const onDelete = (file: FileItem, fileList: FileItem[]) => {
47+
const onDelete = (file: UploaderFileItem, fileList: UploaderFileItem[]) => {
4848
console.log('delete事件触发', file, fileList)
4949
}
5050
return (

‎src/packages/uploader/demos/h5/demo3.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import React, { useState } from 'react'
2-
import { Uploader, Cell, FileItem, Space } from '@nutui/nutui-react'
2+
import { Uploader, Cell, UploaderFileItem, Space } from '@nutui/nutui-react'
33

44
const Demo3 = () => {
5-
const [list, setList] = useState<FileItem[]>([])
5+
const [list, setList] = useState<UploaderFileItem[]>([])
66
function sleep(time: number) {
77
return new Promise<void>((resolve) => {
88
setTimeout(() => {

‎src/packages/uploader/demos/h5/demo4.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import React, { useState } from 'react'
2-
import { Uploader, Cell, FileItem } from '@nutui/nutui-react'
2+
import { Uploader, Cell, UploaderFileItem } from '@nutui/nutui-react'
33

44
const Demo4 = () => {
5-
const [list, setList] = useState<FileItem[]>([])
5+
const [list, setList] = useState<UploaderFileItem[]>([])
66
const onOversize = (files: File[]) => {
77
console.log('oversize 触发 文件大小不能超过 50kb', files)
88
}

‎src/packages/uploader/demos/h5/demo5.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import React, { useState } from 'react'
2-
import { Uploader, Cell, FileItem } from '@nutui/nutui-react'
2+
import { Uploader, Cell, UploaderFileItem } from '@nutui/nutui-react'
33

44
const Demo5 = () => {
5-
const [list, setList] = useState<FileItem[]>([])
5+
const [list, setList] = useState<UploaderFileItem[]>([])
66
const beforeUpload = async (files: File[]) => {
77
const allowedTypes = ['image/png']
88
const filteredFiles = Array.from(files).filter((file) =>

‎src/packages/uploader/demos/h5/demo7.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import React from 'react'
2-
import { Uploader, Cell, FileItem } from '@nutui/nutui-react'
2+
import { Uploader, Cell, UploaderFileItem } from '@nutui/nutui-react'
33
import { Dongdong, Star } from '@nutui/icons-react'
44

5-
const defaultFileList: FileItem[] = [
5+
const defaultFileList: UploaderFileItem[] = [
66
{
77
name: '文件文件文件文件1文件文件文件文件1文件文件文件文件1.png',
88
url: 'https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif',

‎src/packages/uploader/demos/taro/demo1.tsx‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,17 @@
11
import React, { useState } from 'react'
2-
import { Uploader, Cell, FileItem, Space } from '@nutui/nutui-react-taro'
2+
import {
3+
Uploader,
4+
Cell,
5+
UploaderFileItem,
6+
Space,
7+
} from '@nutui/nutui-react-taro'
38
import { Dongdong } from '@nutui/icons-react-taro'
49

510
const Demo1 = () => {
611
const demoUrl =
712
'https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif'
813

9-
const [list, setList] = useState<FileItem[]>([
14+
const [list, setList] = useState<UploaderFileItem[]>([
1015
{
1116
url: demoUrl,
1217
uid: 133,
@@ -24,7 +29,7 @@ const Demo1 = () => {
2429
await sleep(2000)
2530
return { url: demoUrl }
2631
}
27-
async function uploadFail(file: File): Promise<FileItem> {
32+
async function uploadFail(file: File): Promise<UploaderFileItem> {
2833
await sleep(2000)
2934
throw new Error('Fail to upload')
3035
}

‎src/packages/uploader/demos/taro/demo10.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React, { useState } from 'react'
22
import { Loading, Star } from '@nutui/icons-react'
3-
import { Uploader, Button, FileItem } from '@nutui/nutui-react-taro'
3+
import { Uploader, Button, UploaderFileItem } from '@nutui/nutui-react-taro'
44

55
const Demo10 = () => {
6-
const [list, setList] = useState<FileItem[]>([
6+
const [list, setList] = useState<UploaderFileItem[]>([
77
{
88
name: '文件文件文件文件1文件文件文件文件1文件文件文件文件1.png',
99
url: 'https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif',

‎src/packages/uploader/demos/taro/demo2.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from 'react'
2-
import { Uploader, FileItem } from '@nutui/nutui-react-taro'
2+
import { Uploader, UploaderFileItem } from '@nutui/nutui-react-taro'
33
import { Dongdong, Loading, Star } from '@nutui/icons-react-taro'
44

55
const Demo2 = () => {
6-
const defaultList: FileItem[] = [
6+
const defaultList: UploaderFileItem[] = [
77
{
88
uid: 111,
99
name: '文件文件文件文件1文件文件文件文件1文件文件文件文件1.png',
@@ -44,7 +44,7 @@ const Demo2 = () => {
4444
loadingIcon: <Loading className="nut-icon-Loading" color="#fff" />,
4545
},
4646
]
47-
const onDelete = (file: FileItem, fileList: FileItem[]) => {
47+
const onDelete = (file: UploaderFileItem, fileList: UploaderFileItem[]) => {
4848
console.log('delete事件触发', file, fileList)
4949
}
5050
return (

0 commit comments

Comments
 (0)