Code Format
parent
4479b202f6
commit
03c536bd6c
|
@ -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;
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
@ -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>;
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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')};
|
||||
}
|
||||
|
|
|
@ -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')};
|
||||
}
|
||||
|
||||
|
|
|
@ -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')};
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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')};
|
||||
|
|
|
@ -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')};
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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')}
|
||||
}
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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')};
|
||||
}
|
||||
|
|
|
@ -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')};
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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')};
|
||||
|
|
|
@ -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')};
|
||||
|
|
812
pnpm-lock.yaml
812
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue