Closed James-9696 closed 3 days ago
The changes introduce a new height
property to the drawer component, enhancing its configuration options. This property is defined in various files, including a new computed function for height calculation and adjustments in existing components to utilize this property. The updates also include modifications to the rendering logic of the drawer based on its placement, ensuring that the component can adapt its dimensions and content dynamically.
File Path | Change Summary |
---|---|
examples/sites/demos/apis/drawer.js |
Added a new height property with type string , default value '500px' , and descriptions in Chinese and English. |
examples/sites/demos/pc/app/drawer/placement-composition-api.vue |
Implemented conditional rendering for tiny-drawer components based on the placement property. |
examples/sites/demos/pc/app/drawer/placement.vue |
Introduced conditional rendering for tiny-drawer components and replaced :visible binding with v-model:visible . |
packages/renderless/src/drawer/index.ts |
Added a new function computedHeight to compute the drawer height based on various states and properties. |
packages/renderless/src/drawer/vue.ts |
Introduced a new computed property computedHeight in the renderless function. |
packages/vue/src/drawer/src/index.ts |
Added a constant DEFAULT_HEIGHT with value '500px' and a new height property of type String to drawerProps . |
packages/vue/src/drawer/src/pc.vue |
Modified height style binding logic and added height to the exported properties. |
packages/vue/src/drawer/src/service.ts |
Introduced a new height property initialized to null in the defaultConfigs object. |
height
property to the drawer's exported object.enhancement
In a drawer snug and tight,
A new height shines so bright.
With placements left and right,
Our components dance in light.
Hopping high, we celebrate,
Changes here, oh, isn't it great? 🐇✨
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
PR
PR Checklist
Please check if your PR fulfills the following requirements:
PR Type
What kind of change does this PR introduce?
What is the current behavior?
Issue Number: N/A
What is the new behavior?
Does this PR introduce a breaking change?
Other information
Summary by CodeRabbit
New Features
height
property for the drawer component, allowing users to customize the drawer's height.tiny-drawer
component based on its placement, improving layout flexibility.computedHeight
for dynamic height calculation based on user-defined settings.Bug Fixes
Chores