InputGroup fluid updates
parent
ba9cec60f9
commit
2dc69dd5a5
|
@ -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 {
|
||||
|
|
|
@ -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.
|
||||
*/
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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({
|
||||
|
|
Loading…
Reference in New Issue