dowjones/react-dropdown-tree-select

the following nodes cannot be displayed normally

stan-chenliecan opened this issue · 2 comments

version:2.7.1
node version:“14.8.0”
desc: When there are more than 25 children, the following nodes cannot be displayed normally;
image

image

const data = {
label: 'All',
value: 'all',
expanded: true,
children: [
{
label: 'Team',
value: 'Team',
expanded: true,
checked: true,
children: [
{
label: 'Team:Read',
value: 'Team:Read',

            },
            {
                label: 'Team:View',
                value: 'Team:View',
               
            },
            {
                label: 'Team:Edit',
                value: 'Team:Edit',
               
            },
            {
                label: 'Team:Delete',
                value: 'Team:Delete',
               
            },
        ],
    },
    {
        label: 'Company',
        value: 'Company',
        expanded: true,
        children: [
            {
                label: 'Company:Read',
                value: 'Company:Read',
               
            },
            {
                label: 'Company:View',
                value: 'Company:View',
               
            },
            {
                label: 'Company:Edit',
                value: 'Company:Edit',
               
            },
            {
                label: 'Company:Delete',
                value: 'Company:Delete',
               
            },
        ],
    },
    {
        label: 'User',
        value: 'User',
        expanded: true,
        children: [
            {
                label: 'User:Read',
                value: 'User:Read',
               
            },
            {
                label: 'User:View',
                value: 'User:View',
               
            },
            {
                label: 'User:Edit',
                value: 'User:Edit',
               
            },
            {
                label: 'User:Delete',
                value: 'User:Delete',
               
            },
        ],
    },
    {
        label: 'Role',
        value: 'Role',
        expanded: true,
        children: [
            {
                label: 'Role:Read',
                value: 'Role:Read',
               
            },
            {
                label: 'Role:View',
                value: 'Role:View',
               
            },
            {
                label: 'Role:Edit',
                value: 'Role:Edit',
               
            },
            {
                label: 'Role:Delete',
                value: 'Role:Delete',
               
            },
        ],
    },
    {
        label: 'Prepayment',
        value: 'Prepayment',
        expanded: true,
        children: [
            {
                label: 'Prepayment:Read',
                value: 'Prepayment:Read',
               
            },
            {
                label: 'Prepayment:View',
                value: 'Prepayment:View',
               
            },
            {
                label: 'Prepayment:Edit',
                value: 'Prepayment:Edit',
               
            },
            {
                label: 'Prepayment:Delete',
                value: 'Prepayment:Delete',
               
            },
        ],
    },
    {
        label: 'RateCard',
        value: 'RateCard',
        expanded: true,
        children: [
            {
                label: 'RateCard:Read',
                value: 'RateCard:Read',
               
            },
            {
                label: 'RateCard:View',
                value: 'RateCard:View',
               
            },
            {
                label: 'RateCard:Edit',
                value: 'RateCard:Edit',
               
            },
            {
                label: 'RateCard:Delete',
                value: 'RateCard:Delete',
               
            },
        ],
    },
    {
        label: 'Credit',
        value: 'Credit',
        expanded: true,
        children: [
            {
                label: 'Credit:Read',
                value: 'Credit:Read',
               
            },
            {
                label: 'Credit:View',
                value: 'Credit:View',
               
            },
            {
                label: 'Credit:Edit',
                value: 'Credit:Edit',
               
            },
            {
                label: 'Credit:Delete',
                value: 'Credit:Delete',
               
            },
        ],
    },
    {
        label: 'CouponD',
        value: 'CouponD',
        expanded: true,
        children: [
            {
                label: 'CouponD:Read',
                value: 'CouponD:Read',
               
            },
            {
                label: 'CouponD:View',
                value: 'CouponD:View',
               
            },
            {
                label: 'CouponD:Edit',
                value: 'CouponD:Edit',
               
            },
            {
                label: 'CouponD:Delete',
                value: 'CouponD:Delete',
               
            },
        ],
    },
    {
        label: 'CouponF',
        value: 'CouponF',
        expanded: true,
        children: [
            {
                label: 'CouponF:Read',
                value: 'CouponF:Read',
               
            },
            {
                label: 'CouponF:View',
                value: 'CouponF:View',
               
            },
            {
                label: 'CouponF:Edit',
                value: 'CouponF:Edit',
               
            },
            {
                label: 'CouponF:Delete',
                value: 'CouponF:Delete',
               
            },
        ],
    },
    {
        label: 'PackageCampaign',
        value: 'PackageCampaign',
        expanded: true,
        children: [
            {
                label: 'PackageCampaign:Read',
                value: 'PackageCampaign:Read',
               
            },
            {
                label: 'PackageCampaign:View',
                value: 'PackageCampaign:View',
               
            },
            {
                label: 'PackageCampaign:Edit',
                value: 'PackageCampaign:Edit',
               
            },
            {
                label: 'PackageCampaign:Delete',
                value: 'PackageCampaign:Delete',
               
            },
        ],
    },
    {
        label: 'FestivalAdFormatCampaign',
        value: 'FestivalAdFormatCampaign',
        expanded: true,
        children: [
            {
                label: 'FestivalAdFormatCampaign:Read',
                value: 'FestivalAdFormatCampaign:Read',
               
            },
            {
                label: 'FestivalAdFormatCampaign:View',
                value: 'FestivalAdFormatCampaign:View',
               
            },
            {
                label: 'FestivalAdFormatCampaign:Edit',
                value: 'FestivalAdFormatCampaign:Edit',
               
            },
            {
                label: 'FestivalAdFormatCampaign:Delete',
                value: 'FestivalAdFormatCampaign:Delete',
               
            },
        ],
    },
    {
        label: 'RebateCampaign',
        value: 'RebateCampaign',
        expanded: true,
        children: [
            {
                label: 'RebateCampaign:Read',
                value: 'RebateCampaign:Read',
               
            },
            {
                label: 'RebateCampaign:View',
                value: 'RebateCampaign:View',
               
            },
            {
                label: 'RebateCampaign:Edit',
                value: 'RebateCampaign:Edit',
               
            },
            {
                label: 'RebateCampaign:Approve',
                value: 'RebateCampaign:Approve',
               
            },
            {
                label: 'RebateCampaign:Delete',
                value: 'RebateCampaign:Delete',
               
            },
        ],
    },
    {
        label: 'Settings',
        value: 'Settings',
        expanded: true,
        children: [
            {
                label: 'Settings:Read',
                value: 'Settings:Read',
               
            },
            {
                label: 'Settings:View',
                value: 'Settings:View',
               
            },
            {
                label: 'Settings:Edit',
                value: 'Settings:Edit',
               
            },
            {
                label: 'Settings:Delete',
                value: 'Settings:Delete',
               
            },
        ],
    },
    {
        label: 'Instream',
        value: 'Instream',
        expanded: true,
        children: [
            {
                label: 'Instream:Read',
                value: 'Instream:Read',
               
            },
            {
                label: 'Instream:View',
                value: 'Instream:View',
               
            },
            {
                label: 'Instream:Edit',
                value: 'Instream:Edit',
               
            },
            {
                label: 'Instream:Delete',
                value: 'Instream:Delete',
               
            },
            {
                label: 'Instream:SoPass',
                value: 'Instream:SoPass',
               
            },
            {
                label: 'Instream:Approve',
                value: 'Instream:Approve',
               
            },
        ],
    },
    {
        label: 'SalesmenGroups',
        value: 'SalesmenGroups',
        expanded: true,
        children: [
            {
                label: 'SalesmenGroups:Read',
                value: 'SalesmenGroups:Read',
               
            },
            {
                label: 'SalesmenGroups:View',
                value: 'SalesmenGroups:View',
               
            },
            {
                label: 'SalesmenGroups:Edit',
                value: 'SalesmenGroups:Edit',
               
            },
            {
                label: 'SalesmenGroups:Delete',
                value: 'SalesmenGroups:Delete',
               
            },
        ],
    },
    {
        label: 'Order',
        value: 'Order',
        expanded: true,
        children: [
            {
                label: 'Order:Read',
                value: 'Order:Read',
               
            },
            {
                label: 'Order:View',
                value: 'Order:View',
               
            },
            {
                label: 'Order:Edit',
                value: 'Order:Edit',
               
            },
            {
                label: 'Order:Delete',
                value: 'Order:Delete',
               
            },
            {
                label: 'Order:Approve',
                value: 'Order:Approve',
               
            },
            {
                label: 'Order:RequestAmendment',
                value: 'Order:RequestAmendment',
               
            }
        ],
    },
    {
        label: 'RedeemCode',
        value: 'RedeemCode',
        expanded: true,
        children: [
            {
                label: 'RedeemCode:Read',
                value: 'RedeemCode:Read',
               
            },
            {
                label: 'RedeemCode:View',
                value: 'RedeemCode:View',
               
            },
            {
                label: 'RedeemCode:Edit',
                value: 'RedeemCode:Edit',
               
            },
            {
                label: 'RedeemCode:Delete',
                value: 'RedeemCode:Delete',
               
            },
        ],
    },
    {
        label: 'PromoCode',
        value: 'PromoCode',
        expanded: true,
        children: [
            {
                label: 'PromoCode:Read',
                value: 'PromoCode:Read',
               
            },
            {
                label: 'PromoCode:View',
                value: 'PromoCode:View',
               
            },
            {
                label: 'PromoCode:Edit',
                value: 'PromoCode:Edit',
               
            },
            {
                label: 'PromoCode:Delete',
                value: 'PromoCode:Delete',
               
            },
        ],
    },
    {
        label: 'LineItem',
        value: 'LineItem',
        expanded: true,
        children: [
            {
                label: 'LineItem:Read',
                value: 'LineItem:Read',
               
            },
            {
                label: 'LineItem:View',
                value: 'LineItem:View',
               
            },
            {
                label: 'LineItem:Edit',
                value: 'LineItem:Edit',
               
            },
            {
                label: 'LineItem:Delete',
                value: 'LineItem:Delete',
               
            },
        ],
    },
    {
        label: 'CommitmentMapping',
        value: 'CommitmentMapping',
        expanded: true,
        children: [
            {
                label: 'CommitmentMapping:Read',
                value: 'CommitmentMapping:Read',
               
            },
            {
                label: 'CommitmentMapping:View',
                value: 'CommitmentMapping:View',
               
            },
            {
                label: 'CommitmentMapping:Edit',
                value: 'CommitmentMapping:Edit',
               
            },
            {
                label: 'CommitmentMapping:Delete',
                value: 'CommitmentMapping:Delete',
               
            },
        ],
    },
    {
        label: 'Creative',
        value: 'Creative',
        expanded: true,
        children: [
            {
                label: 'Creative:Read',
                value: 'Creative:Read',
               
            },
            {
                label: 'Creative:View',
                value: 'Creative:View',
               
            },
            {
                label: 'Creative:Edit',
                value: 'Creative:Edit',
               
            },
            {
                label: 'Creative:Delete',
                value: 'Creative:Delete',
               
            },
        ],
    },
    {
        label: 'Payment',
        value: 'Payment',
        expanded: true,
        children: [
            {
                label: 'Payment:Read',
                value: 'Payment:Read',
               
            },
            {
                label: 'Payment:View',
                value: 'Payment:View',
               
            }
        ],
    },
],

}

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 10 days if no further activity occurs. Thank you for your contributions.