vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #3965 - Refactor on responsive components

pull/4030/head
Tuğçe Küçükoğlu 2023-06-05 14:24:13 +03:00
parent 6693602ca3
commit dfcbf5152a
9 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/carousel/Carousel.vue
View File

@ -111,13 +111,13 @@
</template>
<script>
import BaseCarousel from './BaseCarousel.vue';
import ChevronDownIcon from 'primevue/icons/chevrondown';
import ChevronLeftIcon from 'primevue/icons/chevronleft';
import ChevronRightIcon from 'primevue/icons/chevronright';
import ChevronUpIcon from 'primevue/icons/chevronup';
import Ripple from 'primevue/ripple';
import { DomHandler, UniqueComponentId } from 'primevue/utils';
import BaseCarousel from './BaseCarousel.vue';
export default {
name: 'Carousel',
@ -553,7 +553,7 @@ export default {
}
`;
if (this.responsiveOptions) {
if (this.responsiveOptions && !this.isUnstyled) {
let _responsiveOptions = [...this.responsiveOptions];
_responsiveOptions.sort((data1, data2) => {

2
components/lib/datatable/DataTable.vue
View File

@ -408,7 +408,7 @@ export default {
mounted() {
this.$el.setAttribute(this.attributeSelector, '');
if (this.responsiveLayout === 'stack' && !this.scrollable) {
if (this.responsiveLayout === 'stack' && !this.scrollable && !this.unstyled) {
this.createResponsiveStyle();
}

4
components/lib/dialog/Dialog.vue
View File

@ -43,7 +43,6 @@
</template>
<script>
import BaseDialog from './BaseDialog.vue';
import FocusTrap from 'primevue/focustrap';
import TimesIcon from 'primevue/icons/times';
import WindowMaximizeIcon from 'primevue/icons/windowmaximize';
@ -52,6 +51,7 @@ import Portal from 'primevue/portal';
import Ripple from 'primevue/ripple';
import { DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
import { computed } from 'vue';
import BaseDialog from './BaseDialog.vue';
export default {
name: 'Dialog',
@ -250,7 +250,7 @@ export default {
this.closeButton = el;
},
createStyle() {
if (!this.styleElement) {
if (!this.styleElement && !this.isUnstyled) {
this.styleElement = document.createElement('style');
this.styleElement.type = 'text/css';
document.head.appendChild(this.styleElement);

2
components/lib/galleria/GalleriaThumbnails.vue
View File

@ -432,7 +432,7 @@ export default {
}
`;
if (this.responsiveOptions) {
if (this.responsiveOptions && !this.isUnstyled) {
this.sortedResponsiveOptions = [...this.responsiveOptions];
this.sortedResponsiveOptions.sort((data1, data2) => {
const value1 = data1.breakpoint;

2
components/lib/orderlist/OrderList.vue
View File

@ -484,7 +484,7 @@ export default {
}
},
createStyle() {
if (!this.styleElement) {
if (!this.styleElement && !this.isUnstyled) {
this.$el.setAttribute(this.attributeSelector, '');
this.styleElement = document.createElement('style');
this.styleElement.type = 'text/css';

4
components/lib/overlaypanel/OverlayPanel.vue
View File

@ -16,13 +16,13 @@
</template>
<script>
import BaseOverlayPanel from './BaseOverlayPanel.vue';
import FocusTrap from 'primevue/focustrap';
import TimesIcon from 'primevue/icons/times';
import OverlayEventBus from 'primevue/overlayeventbus';
import Portal from 'primevue/portal';
import Ripple from 'primevue/ripple';
import { ConnectedOverlayScrollHandler, DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
import BaseOverlayPanel from './BaseOverlayPanel.vue';
export default {
name: 'OverlayPanel',
@ -239,7 +239,7 @@ export default {
this.container = el;
},
createStyle() {
if (!this.styleElement) {
if (!this.styleElement && !this.isUnstyled) {
this.styleElement = document.createElement('style');
this.styleElement.type = 'text/css';
document.head.appendChild(this.styleElement);

2
components/lib/paginator/Paginator.vue
View File

@ -141,7 +141,7 @@ export default {
this.changePage(this.page);
},
createStyle() {
if (this.hasBreakpoints()) {
if (this.hasBreakpoints() && !this.isUnstyled) {
this.styleElement = document.createElement('style');
this.styleElement.type = 'text/css';
document.head.appendChild(this.styleElement);

2
components/lib/picklist/PickList.vue
View File

@ -787,7 +787,7 @@ export default {
}
},
createStyle() {
if (!this.styleElement) {
if (!this.styleElement && !this.isUnstyled) {
this.$el.setAttribute(this.attributeSelector, '');
this.styleElement = document.createElement('style');
this.styleElement.type = 'text/css';

4
components/lib/toast/Toast.vue
View File

@ -22,10 +22,10 @@
</template>
<script>
import BaseToast from './BaseToast.vue';
import Portal from 'primevue/portal';
import ToastEventBus from 'primevue/toasteventbus';
import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
import BaseToast from './BaseToast.vue';
import ToastMessage from './ToastMessage.vue';
var messageIdx = 0;
@ -111,7 +111,7 @@ export default {
}
},
createStyle() {
if (!this.styleElement) {
if (!this.styleElement && !this.isUnstyled) {
this.styleElement = document.createElement('style');
this.styleElement.type = 'text/css';
document.head.appendChild(this.styleElement);