gtht-miniapp-sdk/use/useIndeterminate.js

gtht-miniapp-sdk 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库

import { computed, ref, unref, watch } from 'vue';
export function useIndeterminate(value, options) {
    const filterOptions = computed(() => {
        return unref(options).filter((option) => !option.disabled);
    });
    const checkedLength = computed(() => value.value?.length || 0);
    const optionsLength = computed(() => unref(filterOptions)?.length || 0);
    const allChecked = ref(false);
    const isIndeterminate = computed(() => {
        return checkedLength.value > 0 && checkedLength.value < optionsLength.value;
    });
    const onAllChange = (checked) => {
        value.value = checked
            ? unref(filterOptions).map((option) => option.value)
            : [];
    };
    watch([checkedLength, optionsLength], () => {
        allChecked.value = checkedLength.value === optionsLength.value;
    }, {
        immediate: true,
    });
    return {
        allChecked,
        isIndeterminate,
        onAllChange,
    };
}