amotify 0.2.174 → 0.2.176
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/esbuild/app.tsx +10 -76
- package/demo/esbuild/public/index.js +192 -390
- package/demo/next/package.json +2 -2
- package/demo/next/src/app/(router)/page.tsx +16 -87
- package/dist/fn/Input/TextField.js +3 -3
- package/dist/fn/Input/Time/index.js +1 -1
- package/dist/fn/Input/core.d.ts +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/package.json +2 -2
package/demo/esbuild/app.tsx
CHANGED
|
@@ -34,84 +34,18 @@ import {
|
|
|
34
34
|
|
|
35
35
|
let Test = () => {
|
|
36
36
|
useEffect( () => {
|
|
37
|
-
let sheetID = 'passwordChangeSheet'
|
|
38
|
-
let formName = 'passwordChangeForm'
|
|
39
|
-
Sheet.open( 'topCenter',{
|
|
40
|
-
sheetID,
|
|
41
|
-
size: 'S',
|
|
42
|
-
content: () => {
|
|
43
|
-
console.log( 'AAAAA' )
|
|
44
|
-
// Hkvwtxky73n84
|
|
45
|
-
return <Sheet.Body>
|
|
46
|
-
<Column padding={ 2 } gap={ 2 }>
|
|
47
|
-
<Column>
|
|
48
|
-
<Row.Separate>
|
|
49
|
-
<Literal isSemiBoldFont>パスワードを変更</Literal>
|
|
50
|
-
<Button.Sub
|
|
51
|
-
ssSphere={ 3 }
|
|
52
|
-
color='cloud'
|
|
53
|
-
onClick={ () => {
|
|
54
|
-
Sheet.close( sheetID )
|
|
55
|
-
} }
|
|
56
|
-
>
|
|
57
|
-
<FAI.X />
|
|
58
|
-
</Button.Sub>
|
|
59
|
-
</Row.Separate>
|
|
60
|
-
<Box>
|
|
61
|
-
<Literal.Supplement fontColor='nega'>
|
|
62
|
-
※送信後サインアウトされます。
|
|
63
|
-
</Literal.Supplement>
|
|
64
|
-
</Box>
|
|
65
|
-
</Column>
|
|
66
|
-
|
|
67
|
-
<Column gap={ 1.5 }>
|
|
68
|
-
<Input.TextField.Password
|
|
69
|
-
label='現在のパスワード'
|
|
70
|
-
required
|
|
71
|
-
form={ formName }
|
|
72
|
-
name='currentPassword'
|
|
73
|
-
/>
|
|
74
|
-
<Input.TextField.Password
|
|
75
|
-
label='新しいパスワード'
|
|
76
|
-
required
|
|
77
|
-
form={ formName }
|
|
78
|
-
name='newPassword'
|
|
79
|
-
id='newPassword'
|
|
80
|
-
/>
|
|
81
|
-
<Input.TextField.Password
|
|
82
|
-
label='新しいパスワード(確認)'
|
|
83
|
-
required
|
|
84
|
-
form={ formName }
|
|
85
|
-
name='newPasswordConfirm'
|
|
86
|
-
onValidate={ async value => {
|
|
87
|
-
let newPassword = $$( '#newPassword' ).getAttribute( 'value' )
|
|
88
|
-
if ( value != newPassword ) {
|
|
89
|
-
return {
|
|
90
|
-
ok: false,notice: [ { type: 'invalid',label: 'パスワードが一致しません' } ]
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
return { ok: true,notice: [] }
|
|
94
|
-
} }
|
|
95
|
-
/>
|
|
96
|
-
</Column>
|
|
97
|
-
<Row.Right>
|
|
98
|
-
<Button.Prime
|
|
99
|
-
submitOption={ {
|
|
100
|
-
formName,
|
|
101
|
-
callback: ( form ) => {
|
|
102
|
-
console.log( form )
|
|
103
|
-
}
|
|
104
|
-
} }
|
|
105
|
-
>
|
|
106
|
-
<Literal>変更する</Literal>
|
|
107
|
-
</Button.Prime>
|
|
108
|
-
</Row.Right>
|
|
109
|
-
</Column>
|
|
110
|
-
</Sheet.Body>
|
|
111
|
-
}
|
|
112
|
-
} )
|
|
113
37
|
},[] )
|
|
114
38
|
return <Box padding={ 4 }>
|
|
39
|
+
<Input.TextField.DigitNumber
|
|
40
|
+
allowDecimals={ 5 }
|
|
41
|
+
// value={ -222222.222 }
|
|
42
|
+
// min={ 1 }
|
|
43
|
+
// max={ 1000.5 }
|
|
44
|
+
onUpdateValidValue={ value => {
|
|
45
|
+
console.log( "value",value )
|
|
46
|
+
} }
|
|
47
|
+
/>
|
|
48
|
+
|
|
115
49
|
{/* <DesignBook
|
|
116
50
|
/> */}
|
|
117
51
|
</Box>
|