InputGroup fluid updates

pull/6537/head
tugcekucukoglu 2024-10-07 12:13:08 +03:00
parent ba9cec60f9
commit 2dc69dd5a5
4 changed files with 2 additions and 27 deletions

View File

@ -5,12 +5,6 @@ import InputGroupStyle from 'primevue/inputgroup/style';
export default { export default {
name: 'BaseInputGroup', name: 'BaseInputGroup',
extends: BaseComponent, extends: BaseComponent,
props: {
fluid: {
type: Boolean,
default: null
}
},
style: InputGroupStyle, style: InputGroupStyle,
provide() { provide() {
return { return {

View File

@ -67,11 +67,6 @@ export interface InputGroupPassThroughAttributes {
* Defines valid properties in InputGroup component. * Defines valid properties in InputGroup component.
*/ */
export interface InputGroupProps { export interface InputGroupProps {
/**
* Spans 100% width of the container when enabled.
* @defaultValue null
*/
fluid?: boolean | undefined;
/** /**
* It generates scoped CSS variables using design tokens for the component. * It generates scoped CSS variables using design tokens for the component.
*/ */

View File

@ -5,20 +5,11 @@
</template> </template>
<script> <script>
import { isEmpty } from '@primeuix/utils/object';
import BaseInputGroup from './BaseInputGroup.vue'; import BaseInputGroup from './BaseInputGroup.vue';
export default { export default {
name: 'InputGroup', name: 'InputGroup',
extends: BaseInputGroup, extends: BaseInputGroup,
inheritAttrs: false, inheritAttrs: false
inject: {
$pcFluid: { default: null }
},
computed: {
hasFluid() {
return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
}
}
}; };
</script> </script>

View File

@ -83,12 +83,7 @@ const theme = ({ dt }) => `
`; `;
const classes = { const classes = {
root: ({ instance }) => [ root: 'p-inputgroup'
'p-inputgroup',
{
'p-inputgroup-fluid': instance.hasFluid
}
]
}; };
export default BaseStyle.extend({ export default BaseStyle.extend({