Function TaskItem

tech-study.js:5083–5116

* @description 设置任务项 * @returns

({ title, tip, checked, currentScore, dayMaxScore, onchange, immutable, })

 * @returns
 */
function TaskItem({ title, tip, checked, currentScore, dayMaxScore, onchange, immutable, }) {
    return createElementNode('div', undefined, {
        class: 'egg_task_item',
    }, [
        createElementNode('div', undefined, { class: 'egg_label_wrap' }, [
            createElementNode('div', undefined, { class: 'egg_task_title_wrap' }, [
                createElementNode('div', undefined, { class: 'egg_task_title' }, createTextNode(title)),
                createElementNode('div', undefined, { class: 'egg_task_progress_wrap' }, [
                    createElementNode('div', undefined, {
                        class: 'egg_task_current',
                    }, createTextNode(currentScore)),
                    createElementNode('div', undefined, {
                        class: 'egg_task_max',
                    }, createTextNode(watchEffectRef(() => `/${dayMaxScore.value}`))),
                ]),
            ]),
            createElementNode('div', undefined, { class: 'egg_progress' }, [
                createElementNode('div', undefined, { class: 'egg_track' }, createElementNode('div', undefined, {
                    class: 'egg_bar',
                    style: watchEffectRef(() => `width: ${((100 * currentScore.value) /
                        dayMaxScore.value).toFixed(1)}%;`),
                })),
            ]),
        ]),
        createElementNode('input', undefined, {
            title: tip,
            class: 'egg_switch',
            type: 'checkbox',
            checked,
            onchange,
            disabled: immutable,
        }),
    ]);
}
/**
 * @description 任务
 */