Code Format
parent
4479b202f6
commit
03c536bd6c
|
@ -445,16 +445,13 @@ const onRowUnselect = () => {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
this.lazyParams = { ...this.lazyParams, first: event?.first || this.first };
|
this.lazyParams = { ...this.lazyParams, first: event?.first || this.first };
|
||||||
|
|
||||||
setTimeout(
|
setTimeout(() => {
|
||||||
() => {
|
|
||||||
CustomerService.getCustomers({ lazyEvent: JSON.stringify(this.lazyParams) }).then((data) => {
|
CustomerService.getCustomers({ lazyEvent: JSON.stringify(this.lazyParams) }).then((data) => {
|
||||||
this.customers = data.customers;
|
this.customers = data.customers;
|
||||||
this.totalRecords = data.totalRecords;
|
this.totalRecords = data.totalRecords;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
}, Math.random() * 1000 + 250);
|
||||||
Math.random() * 1000 + 250
|
|
||||||
);
|
|
||||||
},
|
},
|
||||||
onPage(event) {
|
onPage(event) {
|
||||||
this.lazyParams = event;
|
this.lazyParams = event;
|
||||||
|
|
|
@ -294,8 +294,7 @@ const loadCarsLazy = (event) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
//simulate remote connection with a timeout
|
//simulate remote connection with a timeout
|
||||||
this.loadLazyTimeout = setTimeout(
|
this.loadLazyTimeout = setTimeout(() => {
|
||||||
() => {
|
|
||||||
let _virtualCars = [...this.virtualCars];
|
let _virtualCars = [...this.virtualCars];
|
||||||
let { first, last } = event;
|
let { first, last } = event;
|
||||||
|
|
||||||
|
@ -307,9 +306,7 @@ const loadCarsLazy = (event) => {
|
||||||
|
|
||||||
this.virtualCars = _virtualCars;
|
this.virtualCars = _virtualCars;
|
||||||
this.lazyLoading = false;
|
this.lazyLoading = false;
|
||||||
},
|
}, Math.random() * 1000 + 250);
|
||||||
Math.random() * 1000 + 250
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -19,15 +19,7 @@
|
||||||
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
||||||
<div
|
<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)">
|
||||||
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>
|
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
|
||||||
<i class="pi pi-star-fill text-yellow-500"></i>
|
<i class="pi pi-star-fill text-yellow-500"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -29,15 +29,7 @@
|
||||||
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
||||||
<div
|
<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)">
|
||||||
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>
|
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
|
||||||
<i class="pi pi-star-fill text-yellow-500"></i>
|
<i class="pi pi-star-fill text-yellow-500"></i>
|
||||||
</div>
|
</div>
|
||||||
|
@ -73,15 +65,7 @@
|
||||||
<div class="text-lg font-medium mt-1">{{ item.name }}</div>
|
<div class="text-lg font-medium mt-1">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
||||||
<div
|
<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)">
|
||||||
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>
|
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
|
||||||
<i class="pi pi-star-fill text-yellow-500"></i>
|
<i class="pi pi-star-fill text-yellow-500"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -19,15 +19,7 @@
|
||||||
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
||||||
<div
|
<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)">
|
||||||
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>
|
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
|
||||||
<i class="pi pi-star-fill text-yellow-500"></i>
|
<i class="pi pi-star-fill text-yellow-500"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -22,15 +22,7 @@
|
||||||
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
<div class="bg-surface-100 p-1" style="border-radius: 30px">
|
||||||
<div
|
<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)">
|
||||||
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>
|
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
|
||||||
<i class="pi pi-star-fill text-yellow-500"></i>
|
<i class="pi pi-star-fill text-yellow-500"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -119,8 +119,7 @@ const onLazyLoad = (event) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
//imitate delay of a backend call
|
//imitate delay of a backend call
|
||||||
this.loadLazyTimeout = setTimeout(
|
this.loadLazyTimeout = setTimeout(() => {
|
||||||
() => {
|
|
||||||
const { first, last } = event;
|
const { first, last } = event;
|
||||||
const items = [...this.items];
|
const items = [...this.items];
|
||||||
|
|
||||||
|
@ -130,9 +129,7 @@ const onLazyLoad = (event) => {
|
||||||
|
|
||||||
this.items = items;
|
this.items = items;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
},
|
}, Math.random() * 1000 + 250);
|
||||||
Math.random() * 1000 + 250
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -134,8 +134,7 @@ const onLazyLoad = (event) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
//imitate delay of a backend call
|
//imitate delay of a backend call
|
||||||
this.loadLazyTimeout = setTimeout(
|
this.loadLazyTimeout = setTimeout(() => {
|
||||||
() => {
|
|
||||||
const { first, last } = event;
|
const { first, last } = event;
|
||||||
const lazyItems = [...this.lazyItems];
|
const lazyItems = [...this.lazyItems];
|
||||||
|
|
||||||
|
@ -145,9 +144,7 @@ const onLazyLoad = (event) => {
|
||||||
|
|
||||||
this.lazyItems = lazyItems;
|
this.lazyItems = lazyItems;
|
||||||
this.lazyLoading = false;
|
this.lazyLoading = false;
|
||||||
},
|
}, Math.random() * 1000 + 250);
|
||||||
Math.random() * 1000 + 250
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -4,8 +4,7 @@ declare type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomP
|
||||||
|
|
||||||
declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
|
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> =
|
export declare type EmitFn<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = Options extends Array<infer V>
|
||||||
Options extends Array<infer V>
|
|
||||||
? (e: V, ...args: any[]) => void
|
? (e: V, ...args: any[]) => void
|
||||||
: {} extends Options
|
: {} extends Options
|
||||||
? (e: string, ...args: any[]) => void
|
? (e: string, ...args: any[]) => void
|
||||||
|
|
812
pnpm-lock.yaml
812
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue