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 {
name: 'BaseInputGroup',
extends: BaseComponent,
props: {
fluid: {
type: Boolean,
default: null
}
},
style: InputGroupStyle,
provide() {
return {

View File

@ -67,11 +67,6 @@ export interface InputGroupPassThroughAttributes {
* Defines valid properties in InputGroup component.
*/
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.
*/

View File

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

View File

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