update all progress bars when progress value is updated
parent
81fa9b3248
commit
b4acbdf4a8
|
|
@ -6,11 +6,22 @@ import { observer } from 'mobx-react'
|
||||||
import { AStore } from '../main/astore'
|
import { AStore } from '../main/astore'
|
||||||
import { progress } from '../entry'
|
import { progress } from '../entry'
|
||||||
import './style/preview.css'
|
import './style/preview.css'
|
||||||
|
import { reaction } from 'mobx'
|
||||||
export const store = new AStore({
|
export const store = new AStore({
|
||||||
// image: '',
|
// image: '',
|
||||||
// progress_value: 0,
|
// progress_value: 0,
|
||||||
})
|
})
|
||||||
|
// update all progress bar when progress store progress_value update
|
||||||
|
reaction(
|
||||||
|
() => {
|
||||||
|
return progress.store.data.progress_value
|
||||||
|
},
|
||||||
|
(value: number) => {
|
||||||
|
document.querySelectorAll('.pProgressBars').forEach((progress: any) => {
|
||||||
|
progress.value = value?.toFixed(2)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
)
|
||||||
const Previewer = observer(() => {
|
const Previewer = observer(() => {
|
||||||
const renderImage = () => {
|
const renderImage = () => {
|
||||||
let preview_img_html
|
let preview_img_html
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue