fix(comp:carousel): when items is dynamically reduced to 1, layout error

[liuzaijiang]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines
• Tests for the changes have been added/updated or not needed
• Docs and demo have been added/updated or not needed

What is the current behavior?

<template>
  <IxCarousel>
    <div v-for="page in pageSizes">
      <div class="card-item">远看泰山黑糊糊</div>
    </div>
  </IxCarousel>
  <IxButton @click="pageSizes = 1">减少数量</IxButton>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const pageSizes = ref(3)

</script>

<style lang="less" scoped>
.card-item {
  height: 160px;
  line-height: 160px;
  background-color: #364d79;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
</style>

What is the new behavior?

Other information

新增getCssDimensions精确获取元素宽高

[idux-bot]

This preview will be available after the AzureCI is passed.

[codecov]

Codecov Report

Merging #1450 (6d3a26f) into main (388da6a) will decrease coverage by 0.06%.
The diff coverage is 18.18%.

❗ Current head 6d3a26f differs from pull request most recent head 7d06e0f. Consider uploading reports for the commit 7d06e0f to get more accurate results

@@            Coverage Diff             @@
##             main    #1450      +/-   ##
==========================================
- Coverage   92.98%   92.93%   -0.06%     
==========================================
  Files         327      327              
  Lines       30350    30372      +22     
  Branches     2560     2560              
==========================================
+ Hits        28221    28225       +4     
- Misses       2129     2147      +18     

Impacted Files	Coverage Δ
packages/cdk/utils/src/dom.ts	78.97% <18.18%> (-8.69%)	⬇️

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.