Allow disabled items to be unchecked

I have an item set as disabled: true and checked: false but if the item is disabled it will always show the checkbox as checked.

const vegetableCategory = new TreeviewItem({
      text: 'Vegetable', value: 2, children: [
        { text: 'Salad', value: 21 },
        { text: 'Potato', value: 22, checked: false, disabled: true }
      ]
    });

I tried vegetableCategory.correctChecked(); but it seems to have no effect.

[vikashkronline]

@leovo2708 Keep disabled item unchanged and place (!) icon with hover message for the same

[leovo2708]

@jackjamieson I have a problem if checking on All checkbox, but one item is disabled & unchecked, How should I handle it? Revert All checkbox to unchecked or keep?