Code Format

primefaces · Jun 14, 2024 · 03c536b · 03c536b
1 parent 4479b20
commit 03c536b
Show file tree

Hide file tree

Showing 28 changed files with 442 additions and 637 deletions.
diff --git a/apps/showcase/doc/datatable/LazyLoadDoc.vue b/apps/showcase/doc/datatable/LazyLoadDoc.vue
@@ -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;

diff --git a/apps/showcase/doc/datatable/virtualscroll/LazyVirtualScrollDoc.vue b/apps/showcase/doc/datatable/virtualscroll/LazyVirtualScrollDoc.vue
@@ -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);
         }
     }
 };

diff --git a/apps/showcase/doc/dataview/BasicDoc.vue b/apps/showcase/doc/dataview/BasicDoc.vue
@@ -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>

diff --git a/apps/showcase/doc/dataview/LayoutDoc.vue b/apps/showcase/doc/dataview/LayoutDoc.vue
@@ -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>

diff --git a/apps/showcase/doc/dataview/PaginationDoc.vue b/apps/showcase/doc/dataview/PaginationDoc.vue
@@ -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>

diff --git a/apps/showcase/doc/dataview/SortingDoc.vue b/apps/showcase/doc/dataview/SortingDoc.vue
@@ -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>

diff --git a/apps/showcase/doc/select/LazyVirtualScrollDoc.vue b/apps/showcase/doc/select/LazyVirtualScrollDoc.vue
@@ -119,20 +119,17 @@ const onLazyLoad = (event) => {
             }
 
             //imitate delay of a backend call
-            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 };
-                    }
-
-                    this.items = items;
-                    this.loading = false;
-                },
-                Math.random() * 1000 + 250
-            );
+            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 };
+                }
+
+                this.items = items;
+                this.loading = false;
+            }, Math.random() * 1000 + 250);
         }
     }
 };

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

diff --git a/packages/core/src/index.d.ts b/packages/core/src/index.d.ts
@@ -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>;
 

diff --git a/packages/primevue/src/accordion/style/AccordionStyle.js b/packages/primevue/src/accordion/style/AccordionStyle.js
@@ -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;
 }
 

diff --git a/packages/primevue/src/autocomplete/style/AutoCompleteStyle.js b/packages/primevue/src/autocomplete/style/AutoCompleteStyle.js
@@ -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')};
 }

diff --git a/packages/primevue/src/cascadeselect/style/CascadeSelectStyle.js b/packages/primevue/src/cascadeselect/style/CascadeSelectStyle.js
@@ -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')};
 }
 

diff --git a/packages/primevue/src/checkbox/style/CheckboxStyle.js b/packages/primevue/src/checkbox/style/CheckboxStyle.js
@@ -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')};
 }

diff --git a/packages/primevue/src/colorpicker/style/ColorPickerStyle.js b/packages/primevue/src/colorpicker/style/ColorPickerStyle.js
@@ -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;
 }

diff --git a/packages/primevue/src/datepicker/style/DatePickerStyle.js b/packages/primevue/src/datepicker/style/DatePickerStyle.js
@@ -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')};

diff --git a/packages/primevue/src/inputchips/style/InputChipsStyle.js b/packages/primevue/src/inputchips/style/InputChipsStyle.js
@@ -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')};
 }

diff --git a/packages/primevue/src/inputtext/style/InputTextStyle.js b/packages/primevue/src/inputtext/style/InputTextStyle.js
@@ -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;