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

Refactor #4504

pull/4556/head
Tuğçe Küçükoğlu 2023-09-26 09:40:02 +03:00
parent 0a8cf13a33
commit 01753ac08a
73 changed files with 73 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/accordion/BaseAccordion.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-accordion-header-action {
cursor: pointer;
display: flex;

2
components/lib/autocomplete/BaseAutoComplete.vue
View File

@ -4,7 +4,7 @@ import { useStyle } from 'primevue/usestyle';
import { ObjectUtils } from 'primevue/utils';
const styles = `
@layer primevue {
@layer primevue.core {
.p-autocomplete {
display: inline-flex;
}

2
components/lib/avatar/BaseAvatar.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-avatar {
display: inline-flex;
align-items: center;

2
components/lib/avatargroup/BaseAvatarGroup.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-avatar-group .p-avatar + .p-avatar {
margin-left: -1rem;
}

2
components/lib/badge/BaseBadge.vue
View File

@ -4,7 +4,7 @@ import { useStyle } from 'primevue/usestyle';
import { ObjectUtils } from 'primevue/utils';
const styles = `
@layer primevue {
@layer primevue.core {
.p-badge {
display: inline-block;
border-radius: 10px;

2
components/lib/badgedirective/BaseBadgeDirective.js
View File

@ -2,7 +2,7 @@ import BaseDirective from 'primevue/basedirective';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-badge {
display: inline-block;
border-radius: 10px;

2
components/lib/basecomponent/BaseComponent.vue
View File

@ -231,7 +231,7 @@ const radioButtonStyles = `
}
`;
const styles = `
@layer primevue {
@layer primevue.core {
.p-component, .p-component * {
box-sizing: border-box;
}

2
components/lib/blockui/BaseBlockUI.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-blockui-container {
position: relative;
}

2
components/lib/breadcrumb/BaseBreadcrumb.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-breadcrumb {
overflow-x: auto;
}

2
components/lib/calendar/BaseCalendar.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-calendar {
display: inline-flex;
max-width: 100%;

2
components/lib/carousel/BaseCarousel.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-carousel {
display: flex;
flex-direction: column;

2
components/lib/cascadeselect/BaseCascadeSelect.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-cascadeselect {
display: inline-flex;
cursor: pointer;

2
components/lib/chart/BaseChart.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-chart {
position: relative;
}

2
components/lib/chip/BaseChip.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-chip {
display: inline-flex;
align-items: center;

2
components/lib/chips/BaseChips.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-chips {
display: inline-flex;
}

2
components/lib/colorpicker/BaseColorPicker.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-colorpicker-panel .p-colorpicker-color {
background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)
}

2
components/lib/confirmpopup/BaseConfirmPopup.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-confirm-popup {
position: absolute;
margin-top: 10px;

2
components/lib/contextmenu/BaseContextMenu.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-contextmenu ul {
margin: 0;
padding: 0;

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

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-datatable {
position: relative;
}

2
components/lib/dialog/BaseDialog.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}

2
components/lib/divider/BaseDivider.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-divider-horizontal {
display: flex;
width: 100%;

2
components/lib/dock/BaseDock.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-dock {
position: absolute;
z-index: 1;

2
components/lib/dropdown/BaseDropdown.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-dropdown {
display: inline-flex;
cursor: pointer;

2
components/lib/fieldset/BaseFieldset.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-fieldset-legend > a,
.p-fieldset-legend > span {
display: flex;

2
components/lib/fileupload/BaseFileUpload.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-fileupload-content {
position: relative;
}

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

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-galleria-content {
display: flex;
flex-direction: column;

2
components/lib/image/BaseImage.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-image-mask {
display: flex;
align-items: center;

2
components/lib/inlinemessage/BaseInlineMessage.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-inline-message {
display: inline-flex;
align-items: center;

2
components/lib/inplace/BaseInplace.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-inplace .p-inplace-display {
display: inline;
cursor: pointer;

2
components/lib/inputnumber/BaseInputNumber.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-inputnumber {
display: inline-flex;
}

2
components/lib/inputswitch/BaseInputSwitch.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-inputswitch {
display: inline-block;
}

2
components/lib/knob/BaseKnob.vue
View File

@ -8,7 +8,7 @@ const styles = `
stroke-dashoffset: 0;
}
}
@layer primevue {
@layer primevue.core {
.p-knob-range {
fill: none;
transition: stroke 0.1s ease-in;

2
components/lib/listbox/BaseListbox.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-listbox-list-wrapper {
overflow: auto;
}

2
components/lib/megamenu/BaseMegaMenu.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-megamenu {
display: flex;
}

2
components/lib/menu/BaseMenu.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-menu ul {
margin: 0;
padding: 0;

2
components/lib/menubar/BaseMenubar.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-menubar {
display: flex;
align-items: center;

2
components/lib/message/BaseMessage.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-message-wrapper {
display: flex;
align-items: center;

2
components/lib/multiselect/BaseMultiSelect.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-multiselect {
display: inline-flex;
cursor: pointer;

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

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-orderlist {
display: flex;
}

2
components/lib/organizationchart/BaseOrganizationChart.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-organizationchart-table {
border-spacing: 0;
border-collapse: separate;

2
components/lib/overlaypanel/BaseOverlayPanel.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-overlaypanel {
margin-top: 10px;
}

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

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-paginator-default {
display: flex;
}

2
components/lib/panel/BasePanel.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-panel-header {
display: flex;
justify-content: space-between;

2
components/lib/panelmenu/BasePanelMenu.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-panelmenu .p-panelmenu-header-action {
display: flex;
align-items: center;

2
components/lib/password/BasePassword.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-password {
display: inline-flex;
}

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

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-picklist {
display: flex;
}

2
components/lib/progressbar/BaseProgressBar.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-progressbar {
position: relative;
overflow: hidden;

2
components/lib/progressspinner/BaseProgressSpinner.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-progress-spinner {
position: relative;
margin: 0 auto;

2
components/lib/rating/BaseRating.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-rating {
position: relative;
display: flex;

2
components/lib/ripple/BaseRipple.js
View File

@ -9,7 +9,7 @@ const styles = `
}
}
@layer primevue {
@layer primevue.core {
.p-ripple {
overflow: hidden;
position: relative;

2
components/lib/scrollpanel/BaseScrollPanel.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-scrollpanel-wrapper {
overflow: hidden;
width: 100%;

2
components/lib/scrolltop/BaseScrollTop.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-scrolltop {
position: fixed;
bottom: 20px;

2
components/lib/sidebar/BaseSidebar.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-sidebar-mask {
display: none;
pointer-events: none;

2
components/lib/skeleton/BaseSkeleton.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-skeleton {
overflow: hidden;
}

2
components/lib/slider/BaseSlider.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-slider {
position: relative;
}

2
components/lib/speeddial/BaseSpeedDial.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-speeddial {
position: absolute;
display: flex;

2
components/lib/splitbutton/BaseSplitButton.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-splitbutton {
display: inline-flex;
position: relative;

2
components/lib/splitter/BaseSplitter.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-splitter {
display: flex;
flex-wrap: nowrap;

2
components/lib/splitterpanel/BaseSplitterPanel.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-splitter-panel {
flex-grow: 1;
}

2
components/lib/steps/BaseSteps.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-steps {
position: relative;
}

2
components/lib/tabmenu/BaseTabMenu.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-tabmenu {
overflow-x: auto;
}

2
components/lib/tabview/BaseTabView.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-tabview-nav-container {
position: relative;
}

2
components/lib/tag/BaseTag.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-tag {
display: inline-flex;
align-items: center;

2
components/lib/terminal/BaseTerminal.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-terminal {
height: 18rem;
overflow: auto;

2
components/lib/textarea/BaseTextarea.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-inputtextarea-resizable {
overflow: hidden;
resize: none;

2
components/lib/tieredmenu/BaseTieredMenu.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-tieredmenu ul {
margin: 0;
padding: 0;

2
components/lib/timeline/BaseTimeline.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-timeline {
display: flex;
flex-grow: 1;

2
components/lib/toast/BaseToast.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-toast {
width: 25rem;
white-space: pre-line;

2
components/lib/toolbar/BaseToolbar.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-toolbar {
display: flex;
align-items: center;

2
components/lib/tooltip/BaseTooltip.js
View File

@ -2,7 +2,7 @@ import BaseDirective from 'primevue/basedirective';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-tooltip {
position:absolute;
display:none;

2
components/lib/tree/BaseTree.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-tree-container {
margin: 0;
padding: 0;

2
components/lib/treeselect/BaseTreeSelect.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-treeselect {
display: inline-flex;
cursor: pointer;

2
components/lib/treetable/BaseTreeTable.vue
View File

@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
@layer primevue.core {
.p-treetable {
position: relative;
}