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