Skip to content

Commit

Permalink
fix(Upload): theme page fail to render
Browse files Browse the repository at this point in the history
  • Loading branch information
eternalsky committed Sep 5, 2024
1 parent 0471a9e commit c5ba17c
Showing 1 changed file with 17 additions and 34 deletions.
51 changes: 17 additions & 34 deletions components/upload/__docs__/theme/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -121,15 +121,13 @@ class FunctionDemo extends React.Component {
valueName: 'demoFunction',
trigger: 'onFunctionChange',
})}
title="File Upload"
>
<DemoGroup label="Uploading">
<Upload
limit={1}
listType="text"
closable={
(getValue('demo1') as { closeable: { value: string } })!.closeable!
.value === 'true'
}
closable={getValue<typeof demo1>('demo1')!.closeable.value === 'true'}
value={[Object.assign({}, list, { state: 'uploading' })]}
style={style}
/>
Expand All @@ -138,16 +136,12 @@ class FunctionDemo extends React.Component {
<Upload
limit={1}
listType="text"
closable={
(getValue!('demo1') as { closeable: { value: string } })!.closeable!
.value === 'true'
}
closable={getValue<typeof demo1>('demo1')!.closeable.value === 'true'}
value={[
Object.assign({}, list, {
state: 'done',
size:
(getValue!('demo1') as { size: { value: string } })!.size!
.value === 'true'
getValue<typeof demo1>('demo1')!.size.value === 'true'
? 1000
: 0,
}),
Expand All @@ -159,16 +153,12 @@ class FunctionDemo extends React.Component {
<Upload
limit={1}
listType="text"
closable={
(getValue!('demo1') as { closeable: { value: string } })!.closeable!
.value === 'true'
}
closable={getValue<typeof demo1>('demo1')!.closeable.value === 'true'}
value={[
Object.assign({}, list, {
state: 'error',
errorMsg:
(getValue!('demo1') as { errMsg: { value: string } })!
.errMsg.value === 'true'
getValue<typeof demo1>('demo1')!.errMsg.value === 'true'
? 'Error Messgae'
: undefined,
}),
Expand All @@ -185,15 +175,15 @@ class FunctionDemo extends React.Component {
valueName: 'demoFunction',
trigger: 'onFunctionChange',
})}
title="Image Upload"
>
<Demo title="Image">
<DemoGroup label="Uploading">
<Upload
listType="image"
limit={1}
closable={
(getValue!('demo2') as { closeable: { value: string } })!
.closeable.value === 'true'
getValue<typeof demo2>('demo2')!.closeable.value === 'true'
}
defaultValue={[
{
Expand All @@ -212,16 +202,14 @@ class FunctionDemo extends React.Component {
listType="image"
limit={1}
closable={
(getValue!('demo2') as { closeable: { value: string } })!
.closeable.value === 'true'
getValue<typeof demo2>('demo2')!.closeable.value === 'true'
}
value={[
{
name: 'IMG_20140109_121958.jpg',
state: 'done',
size:
(getValue!('demo2') as { size: { value: string } })!
.size.value === 'true'
getValue<typeof demo2>('demo2')!.size.value === 'true'
? 12345
: 0,
url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
Expand All @@ -235,17 +223,15 @@ class FunctionDemo extends React.Component {
listType="image"
limit={1}
closable={
(getValue!('demo2') as { closeable: { value: string } })!
.closeable.value === 'true'
getValue<typeof demo2>('demo2')!.closeable.value === 'true'
}
value={[
{
name: 'IMG_20140109_121958.jpg',
state: 'error',
url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
errorMsg:
(getValue!('demo2') as { errMsg: { value: string } })!
.errMsg.value === 'true'
getValue<typeof demo2>('demo2')!.errMsg.value === 'true'
? 'Error Messgae'
: undefined,
},
Expand Down Expand Up @@ -311,6 +297,7 @@ class FunctionDemo extends React.Component {
valueName: 'demoFunction',
trigger: 'onFunctionChange',
})}
title="Drag to upload"
>
<DemoGroup label="Normal">
<Dragger style={style} />
Expand All @@ -325,8 +312,7 @@ class FunctionDemo extends React.Component {
<Dragger
style={style}
listType={
(getValue('demo3') as { listType: { value: string } })!.listType
.value === 'true'
getValue<typeof demo3>('demo3')!.listType.value === 'true'
? 'text'
: undefined
}
Expand All @@ -343,8 +329,7 @@ class FunctionDemo extends React.Component {
<Dragger
style={style}
listType={
(getValue('demo3') as { listType: { value: string } })!.listType
.value === 'true'
getValue<typeof demo3>('demo3')!.listType.value === 'true'
? 'text'
: undefined
}
Expand All @@ -368,8 +353,7 @@ class FunctionDemo extends React.Component {
<Dragger
style={style}
listType={
(getValue('demo3') as { listType: { value: string } })!.listType
.value === 'true'
getValue<typeof demo3>('demo3')!.listType.value === 'true'
? 'text'
: undefined
}
Expand All @@ -378,8 +362,7 @@ class FunctionDemo extends React.Component {
name: 'xxx.png',
state: 'error',
errorMsg:
(getValue('demo3') as { errMsg: { value: string } })!.errMsg
.value === 'true'
getValue<typeof demo1>('demo1')!.errMsg.value === 'true'
? 'Error Messgae'
: undefined,
},
Expand Down

0 comments on commit c5ba17c

Please sign in to comment.