Code Format

pull/5896/head
GitHub Actions Bot 2024-06-14 14:56:05 +00:00
parent 4479b202f6
commit 03c536bd6c
28 changed files with 438 additions and 633 deletions

View File

@ -445,16 +445,13 @@ const onRowUnselect = () => {
this.loading = true;
this.lazyParams = { ...this.lazyParams, first: event?.first || this.first };
setTimeout(
() => {
CustomerService.getCustomers({ lazyEvent: JSON.stringify(this.lazyParams) }).then((data) => {
this.customers = data.customers;
this.totalRecords = data.totalRecords;
this.loading = false;
});
},
Math.random() * 1000 + 250
);
setTimeout(() => {
CustomerService.getCustomers({ lazyEvent: JSON.stringify(this.lazyParams) }).then((data) => {
this.customers = data.customers;
this.totalRecords = data.totalRecords;
this.loading = false;
});
}, Math.random() * 1000 + 250);
},
onPage(event) {
this.lazyParams = event;

View File

@ -294,22 +294,19 @@ const loadCarsLazy = (event) => {
}
//simulate remote connection with a timeout
this.loadLazyTimeout = setTimeout(
() => {
let _virtualCars = [...this.virtualCars];
let { first, last } = event;
this.loadLazyTimeout = setTimeout(() => {
let _virtualCars = [...this.virtualCars];
let { first, last } = event;
//load data of required page
const loadedCars = this.cars.slice(first, last);
//load data of required page
const loadedCars = this.cars.slice(first, last);
//populate page of virtual cars
Array.prototype.splice.apply(_virtualCars, [...[first, last - first], ...loadedCars]);
//populate page of virtual cars
Array.prototype.splice.apply(_virtualCars, [...[first, last - first], ...loadedCars]);
this.virtualCars = _virtualCars;
this.lazyLoading = false;
},
Math.random() * 1000 + 250
);
this.virtualCars = _virtualCars;
this.lazyLoading = false;
}, Math.random() * 1000 + 250);
}
}
};

View File

@ -19,15 +19,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div>
<div class="bg-surface-100 p-1" style="border-radius: 30px">
<div
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i>
</div>

View File

@ -29,15 +29,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div>
<div class="bg-surface-100 p-1" style="border-radius: 30px">
<div
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i>
</div>
@ -73,15 +65,7 @@
<div class="text-lg font-medium mt-1">{{ item.name }}</div>
</div>
<div class="bg-surface-100 p-1" style="border-radius: 30px">
<div
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i>
</div>

View File

@ -19,15 +19,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div>
<div class="bg-surface-100 p-1" style="border-radius: 30px">
<div
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i>
</div>

View File

@ -22,15 +22,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div>
<div class="bg-surface-100 p-1" style="border-radius: 30px">
<div
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i>
</div>

View File

@ -119,20 +119,17 @@ const onLazyLoad = (event) => {
}
//imitate delay of a backend call
this.loadLazyTimeout = setTimeout(
() => {
const { first, last } = event;
const items = [...this.items];
this.loadLazyTimeout = setTimeout(() => {
const { first, last } = event;
const items = [...this.items];
for (let i = first; i < last; i++) {
items[i] = { label: `Item #${i}`, value: i };
}
for (let i = first; i < last; i++) {
items[i] = { label: `Item #${i}`, value: i };
}
this.items = items;
this.loading = false;
},
Math.random() * 1000 + 250
);
this.items = items;
this.loading = false;
}, Math.random() * 1000 + 250);
}
}
};

View File

@ -134,20 +134,17 @@ const onLazyLoad = (event) => {
}
//imitate delay of a backend call
this.loadLazyTimeout = setTimeout(
() => {
const { first, last } = event;
const lazyItems = [...this.lazyItems];
this.loadLazyTimeout = setTimeout(() => {
const { first, last } = event;
const lazyItems = [...this.lazyItems];
for (let i = first; i < last; i++) {
lazyItems[i] = `Item #${i}`;
}
for (let i = first; i < last; i++) {
lazyItems[i] = `Item #${i}`;
}
this.lazyItems = lazyItems;
this.lazyLoading = false;
},
Math.random() * 1000 + 250
);
this.lazyItems = lazyItems;
this.lazyLoading = false;
}, Math.random() * 1000 + 250);
}
}
};

View File

@ -4,16 +4,15 @@ declare type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomP
declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
export declare type EmitFn<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> =
Options extends Array<infer V>
? (e: V, ...args: any[]) => void
: {} extends Options
? (e: string, ...args: any[]) => void
: UnionToIntersection<
{
[key in Event]: Options[key] extends (...args: infer Args) => any ? (e: key, ...args: Args) => void : (e: key, ...args: any[]) => void;
}[Event]
>;
export declare type EmitFn<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = Options extends Array<infer V>
? (e: V, ...args: any[]) => void
: {} extends Options
? (e: string, ...args: any[]) => void
: UnionToIntersection<
{
[key in Event]: Options[key] extends (...args: infer Args) => any ? (e: key, ...args: Args) => void : (e: key, ...args: any[]) => void;
}[Event]
>;
export type DefineComponent<P = {}, S = {}, E = {}, M = {}> = _DefineComponent<P, {}, {}, {}, M & MethodOptions, {}, {}, E & ObjectEmitsOptions, string, {}, {}, {}, S & SlotsType>;

View File

@ -24,8 +24,8 @@ const theme = ({ dt }) => `
font-weight: ${dt('accordion.header.font.weight')};
border-radius: ${dt('accordion.header.border.radius')};
transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt(
'accordion.transition.duration'
)};
'accordion.transition.duration'
)};
outline-color: transparent;
}

View File

@ -45,8 +45,8 @@ const theme = ({ dt }) => `
border-left: 0 none;
color: ${dt('autocomplete.dropdown.color')};
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(
'autocomplete.transition.duration'
)};
'autocomplete.transition.duration'
)};
outline-color: transparent;
}
@ -148,8 +148,8 @@ const theme = ({ dt }) => `
border-radius: ${dt('autocomplete.border.radius')};
width: 100%;
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(
'autocomplete.transition.duration'
)};
'autocomplete.transition.duration'
)};
outline-color: transparent;
box-shadow: ${dt('autocomplete.shadow')};
}

View File

@ -9,8 +9,8 @@ const theme = ({ dt }) => `
background: ${dt('cascadeselect.background')};
border: 1px solid ${dt('cascadeselect.border.color')};
transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, outline-color ${dt(
'cascadeselect.transition.duration'
)}, box-shadow ${dt('cascadeselect.transition.duration')};
'cascadeselect.transition.duration'
)}, box-shadow ${dt('cascadeselect.transition.duration')};
border-radius: ${dt('cascadeselect.border.radius')};
outline-color: transparent;
box-shadow: ${dt('cascadeselect.shadow')};
@ -133,8 +133,8 @@ const theme = ({ dt }) => `
color: ${dt('cascadeselect.option.color')};
background: transparent;
transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, box-shadow ${dt(
'cascadeselect.transition.duration'
)}, outline-color ${dt('cascadeselect.transition.duration')};
'cascadeselect.transition.duration'
)}, outline-color ${dt('cascadeselect.transition.duration')};
border-radius: ${dt('cascadeselect.option.border.radius')};
}

View File

@ -37,8 +37,8 @@ const theme = ({ dt }) => `
width: ${dt('checkbox.width')};
height: ${dt('checkbox.width')};
transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt(
'checkbox.transition.duration'
)};
'checkbox.transition.duration'
)};
outline-color: transparent;
box-shadow: ${dt('checkbox.shadow')};
}

View File

@ -17,8 +17,8 @@ const theme = ({ dt }) => `
border: 0 none;
border-radius: ${dt('colorpicker.preview.border.radius')};
transition: background ${dt('colorpicker.transition.duration')}, color ${dt('colorpicker.transition.duration')}, border-color ${dt('colorpicker.transition.duration')}, outline-color ${dt('colorpicker.transition.duration')}, box-shadow ${dt(
'colorpicker.transition.duration'
)};
'colorpicker.transition.duration'
)};
outline-color: transparent;
cursor: pointer;
}

View File

@ -126,8 +126,8 @@ const theme = ({ dt }) => `
cursor: pointer;
font-weight: inherit;
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}, box-shadow ${dt(
'datepicker.transition.duration'
)};
'datepicker.transition.duration'
)};
}
.p-datepicker-select-month {
@ -264,8 +264,8 @@ const theme = ({ dt }) => `
position: relative;
padding: ${dt('datepicker.date.padding')};
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
'datepicker.transition.duration'
)};
'datepicker.transition.duration'
)};
border-radius: ${dt('datepicker.month.border.radius')};
outline-color: transparent;
color: ${dt('datepicker.date.color')};
@ -301,8 +301,8 @@ const theme = ({ dt }) => `
position: relative;
padding: ${dt('datepicker.date.padding')};
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
'datepicker.transition.duration'
)};
'datepicker.transition.duration'
)};
border-radius: ${dt('datepicker.year.border.radius')};
outline-color: transparent;
color: ${dt('datepicker.date.color')};

View File

@ -21,8 +21,8 @@ const theme = ({ dt }) => `
border-radius: ${dt('inputchips.border.radius')};
width: 100%;
transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')}, border-color ${dt('inputchips.transition.duration')}, outline-color ${dt('inputchips.transition.duration')}, box-shadow ${dt(
'inputchips.transition.duration'
)};
'inputchips.transition.duration'
)};
outline-color: transparent;
box-shadow: ${dt('inputchips.shadow')};
}

View File

@ -10,8 +10,8 @@ const theme = ({ dt }) => `
padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')};
border: 1px solid ${dt('inputtext.border.color')};
transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt(
'inputtext.transition.duration'
)};
'inputtext.transition.duration'
)};
appearance: none;
border-radius: ${dt('inputtext.border.radius')};
outline-color: transparent;

View File

@ -9,8 +9,8 @@ const theme = ({ dt }) => `
background: ${dt('multiselect.background')};
border: 1px solid ${dt('multiselect.border.color')};
transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}, box-shadow ${dt(
'multiselect.transition.duration'
)};
'multiselect.transition.duration'
)};
border-radius: ${dt('multiselect.border.radius')};
outline-color: transparent;
box-shadow: ${dt('multiselect.shadow')};
@ -148,8 +148,8 @@ const theme = ({ dt }) => `
color: ${dt('multiselect.option.color')};
background: transparent;
transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt(
'multiselect.transition.duration'
)};
'multiselect.transition.duration'
)};
border-radius: ${dt('multiselect.option.border.radius')}
}

View File

@ -58,8 +58,8 @@ const theme = ({ dt }) => `
align-items: center;
outline-color: transparent;
transition: background ${dt('organizationchart.transition.duration')}, color ${dt('organizationchart.transition.duration')}, border-color ${dt('organizationchart.transition.duration')}, outline-color ${dt(
'organizationchart.transition.duration'
)}, box-shadow ${dt('organizationchart.transition.duration')};
'organizationchart.transition.duration'
)}, box-shadow ${dt('organizationchart.transition.duration')};
}
.p-organizationchart-node-toggle-button:hover {

View File

@ -37,8 +37,8 @@ const theme = ({ dt }) => `
width: ${dt('radiobutton.width')};
height: ${dt('radiobutton.height')};
transition: background ${dt('radiobutton.transition.duration')}, color ${dt('radiobutton.transition.duration')}, border-color ${dt('radiobutton.transition.duration')}, box-shadow ${dt('radiobutton.transition.duration')}, outline-color ${dt(
'radiobutton.transition.duration'
)};
'radiobutton.transition.duration'
)};
outline-color: transparent;
box-shadow: ${dt('radiobutton.shadow')};
}

View File

@ -16,8 +16,8 @@ const theme = ({ dt }) => `
border-radius: 50%;
cursor: pointer;
transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(
'rating.transition.duration'
)};
'rating.transition.duration'
)};
}
.p-rating-option.p-focus-visible {
@ -29,8 +29,8 @@ const theme = ({ dt }) => `
.p-rating-icon {
color: ${dt('rating.icon.color')};
transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(
'rating.transition.duration'
)};
'rating.transition.duration'
)};
font-size: ${dt('rating.icon.size')};
width: ${dt('rating.icon.size')};
height: ${dt('rating.icon.size')};

View File

@ -18,8 +18,8 @@ const theme = ({ dt }) => `
background: ${dt('slider.handle.background')};
border-radius: ${dt('slider.handle.border.radius')};
transition: background ${dt('slider.transition.duration')}, color ${dt('slider.transition.duration')}, border-color ${dt('slider.transition.duration')}, box-shadow ${dt('slider.transition.duration')}, outline-color ${dt(
'slider.transition.duration'
)};
'slider.transition.duration'
)};
outline-color: transparent;
}

View File

@ -32,8 +32,8 @@ const theme = ({ dt }) => `
text-decoration: none;
cursor: pointer;
transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt(
'stepper.transition.duration'
)};
'stepper.transition.duration'
)};
border-radius: ${dt('stepper.step.header.border.radius')};
outline-color: transparent;
background: transparent;
@ -60,8 +60,8 @@ const theme = ({ dt }) => `
color: ${dt('stepper.step.title.color')};
font-weight: ${dt('stepper.step.title.font.weight')};
transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(
'stepper.transition.duration'
)};
'stepper.transition.duration'
)};
}
.p-step-number {
@ -123,8 +123,8 @@ const theme = ({ dt }) => `
width: 100%;
height: ${dt('stepper.separator.size')};
transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(
'stepper.transition.duration'
)};
'stepper.transition.duration'
)};
}
.p-steppanels {

View File

@ -33,8 +33,8 @@ const theme = ({ dt }) => `
padding: ${dt('tabmenu.item.padding')};
font-weight: ${dt('tabmenu.item.font.weight')};
transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt(
'tabmenu.transition.duration'
)};
'tabmenu.transition.duration'
)};
margin: ${dt('tabmenu.item.margin')};
outline-color: transparent;
gap: ${dt('tabmenu.item.gap')};
@ -50,8 +50,8 @@ const theme = ({ dt }) => `
.p-tabmenu-item-icon {
color: ${dt('tabmenu.item.icon.color')};
transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt(
'tabmenu.transition.duration'
)};
'tabmenu.transition.duration'
)};
}
.p-tabmenu-item-label {

View File

@ -10,8 +10,8 @@ const theme = ({ dt }) => `
padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')};
border: 1px solid ${dt('textarea.border.color')};
transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt(
'textarea.transition.duration'
)};
'textarea.transition.duration'
)};
appearance: none;
border-radius: ${dt('textarea.border.radius')};
outline-color: transparent;

View File

@ -33,8 +33,8 @@ const theme = ({ dt }) => `
border-color: ${dt('toggleswitch.border.color')};
background: ${dt('toggleswitch.background')};
transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, border-color ${dt('toggleswitch.transition.duration')}, outline-color ${dt('toggleswitch.transition.duration')}, box-shadow ${dt(
'toggleswitch.transition.duration'
)};
'toggleswitch.transition.duration'
)};
border-radius: ${dt('toggleswitch.border.radius')};
outline-color: transparent;
box-shadow: ${dt('toggleswitch.shadow')};

View File

@ -9,8 +9,8 @@ const theme = ({ dt }) => `
background: ${dt('treeselect.background')};
border: 1px solid ${dt('treeselect.border.color')};
transition: background ${dt('treeselect.transition.duration')}, color ${dt('treeselect.transition.duration')}, border-color ${dt('treeselect.transition.duration')}, outline-color ${dt('treeselect.transition.duration')}, box-shadow ${dt(
'treeselect.transition.duration'
)};
'treeselect.transition.duration'
)};
border-radius: ${dt('treeselect.border.radius')};
outline-color: transparent;
box-shadow: ${dt('treeselect.shadow')};

File diff suppressed because it is too large Load Diff