quasar 2.17.6 → 2.18.0

package/dist/types/index.d.ts

@@ -4086,6 +4086,10 @@ export interface QBtnDropdownProps {
    * Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it
    */
   persistent?: boolean | undefined;
+  /**
+   * User cannot dismiss the popup by hitting ESC key; No need to set it if 'persistent' prop is also set
+   */
+  noEscDismiss?: boolean | undefined;
   /**
    * Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set
    */
@@ -4094,6 +4098,14 @@ export interface QBtnDropdownProps {
    * Allows any click/tap in the menu to close it; Useful instead of attaching events to each menu item that should close the menu on click/tap
    */
   autoClose?: boolean | undefined;
+  /**
+   * (Accessibility) When the dropdown gets hidden, do not refocus on the DOM element that previously had focus
+   */
+  noRefocus?: boolean | undefined;
+  /**
+   * (Accessibility) When the dropdown gets shown, do not switch focus on it
+   */
+  noFocus?: boolean | undefined;
   /**
    * Two values setting the starting position or anchor point of the menu relative to its target
    * Default value: 'bottom end'
@@ -5730,7 +5742,7 @@ export interface QDialogProps {
    */
   onShake?: () => void;
   /**
-   * Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-key' set
+   * Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-dismiss' set
    */
   onEscapeKey?: () => void;
 }
@@ -8830,6 +8842,10 @@ export interface QMenuProps {
    * Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it
    */
   persistent?: boolean | undefined;
+  /**
+   * User cannot dismiss the popup by hitting ESC key; No need to set it if 'persistent' prop is also set
+   */
+  noEscDismiss?: boolean | undefined;
   /**
    * Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set
    */
@@ -8890,7 +8906,7 @@ export interface QMenuProps {
    */
   onBeforeHide?: (evt: Event) => void;
   /**
-   * Emitted when ESC key is pressed; Does not get emitted if Menu is 'persistent'
+   * Emitted when ESC key is pressed; Does not get emitted if Menu is 'persistent' or it has 'no-esc-dismiss' set
    */
   onEscapeKey?: () => void;
 }
@@ -8967,22 +8983,10 @@ export interface QOptionGroupProps {
    */
   modelValue: any;
   /**
-   * Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
+   * Array of objects that the binary components will be created from. For best performance reference a variable in your scope. Canonical form of each object is with 'label' (String), 'value' (Any) and optional 'disable' (Boolean) props (can be customized with options-value/option-label/option-disable props) along with any other props from QToggle, QCheckbox, or QRadio.
    * Default value: []
    */
   options?: {
-    /**
-     * Label to display along the component
-     */
-    label: string;
-    /**
-     * Value of the option that will be used by the component model
-     */
-    value: any;
-    /**
-     * If true, the option will be disabled
-     */
-    disable?: boolean;
     /**
      * Any other props from QToggle, QCheckbox, or QRadio
      */
@@ -10796,7 +10800,7 @@ export interface QSelectProps {
    */
   displayValueHtml?: boolean | undefined;
   /**
-   * Available options that the user can select from. For best performance freeze the list of options.
+   * Array of objects with available options that the user can select from. For best performance freeze the list of options. Canonical form of each object is with 'label' (String), 'value' (Any) and optional 'disable' (Boolean) props (can be customized with options-value/option-label/option-disable props).
    * Default value: []
    */
   options?: readonly any[] | undefined;
@@ -10931,7 +10935,7 @@ export interface QSelectProps {
    */
   maxlength?: string | number | undefined;
   /**
-   * Fills the input with current value; Useful along with 'hide-selected'; Does NOT works along with 'multiple' selection
+   * Fills the input with current value; Useful along with 'hide-selected'; Does NOT work along with 'multiple' selection
    */
   fillInput?: boolean | undefined;
   /**
@@ -13039,6 +13043,18 @@ export interface QTableProps {
    * CSS classes to apply to header of native HTML <table> (which is a TR)
    */
   tableHeaderClass?: VueClassProp | undefined;
+  /**
+   * CSS style to apply to the table rows (which are TR elements); For best performance, reference it from your scope and do not define it inline
+   * @param row The current row being processed
+   * @returns CSS style to apply to the row
+   */
+  tableRowStyleFn?: ((row: any) => string) | undefined;
+  /**
+   * CSS class(es) to apply the table rows (which are TR elements); For best performance, reference it from your scope and do not define it inline
+   * @param row The current row being processed
+   * @returns CSS class(es) to apply to the row, space separated
+   */
+  tableRowClassFn?: ((row: any) => string) | undefined;
   /**
    * CSS style to apply to the cards container (when in grid mode)
    */
@@ -13055,6 +13071,18 @@ export interface QTableProps {
    * CSS classes to apply to the card (when in grid mode) or container card (when not in grid mode)
    */
   cardClass?: VueClassProp | undefined;
+  /**
+   * (Grid mode only) CSS style to apply to the row/record card; Has no effect when the 'item' slot is used; For best performance, reference it from your scope and do not define it inline
+   * @param row The current row/record being processed
+   * @returns CSS style to apply to the row/record
+   */
+  cardStyleFn?: ((row: any) => string) | undefined;
+  /**
+   * (Grid mode only) CSS class(es) to apply the row/record card; Has no effect when the 'item' slot is used; For best performance, reference it from your scope and do not define it inline
+   * @param row The current row/record being processed
+   * @returns CSS class(es) to apply to the row, space separated
+   */
+  cardClassFn?: ((row: any) => string) | undefined;
   /**
    * CSS classes to apply to the title (if using 'title' prop)
    */
@@ -13195,6 +13223,10 @@ export interface QTableProps {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     };
     /**
      * String/Object to filter table with (the 'filter' prop)
@@ -13414,6 +13446,10 @@ export interface QTableSlots {
      * Internal prop passed down to QTr (if used)
      */
     __trClass: string;
+    /**
+     * Internal prop passed down to QTr (if used)
+     */
+    __trStyle?: string;
   }) => VNode[];
   /**
    * Slot to define how all body cells look like; Suggestion: QTd
@@ -13820,6 +13856,10 @@ export interface QTableSlots {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     };
     /**
      * Number of pages available
@@ -13883,6 +13923,10 @@ export interface QTableSlots {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     };
     /**
      * Number of pages available
@@ -13946,6 +13990,10 @@ export interface QTableSlots {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     };
     /**
      * Number of pages available
@@ -14009,6 +14057,10 @@ export interface QTableSlots {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     };
     /**
      * Number of pages available
@@ -14072,6 +14124,10 @@ export interface QTableSlots {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     };
     /**
      * Number of pages available
@@ -14135,6 +14191,10 @@ export interface QTableSlots {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     };
     /**
      * Number of pages available
@@ -14186,6 +14246,10 @@ export interface QTableSlots {
      * The suggested icon name (following Quasar convention)
      */
     icon: string;
+    /**
+     * String/Object to filter table with (the 'filter' prop)
+     */
+    filter: string | any;
   }) => VNode[];
 }
 
@@ -14270,6 +14334,10 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
        * How many rows per page? 0 means Infinite
        */
       rowsPerPage?: number;
+      /**
+       * For server-side fetching only. How many total database rows are there to be added to the table.
+       */
+      rowsNumber?: number;
     },
     forceServerRequest?: boolean,
   ) => void;
@@ -17637,6 +17705,7 @@ declare module "./lang" {
     tr: true;
     ug: true;
     uk: true;
+    "ur-PK": true;
     "uz-Cyrl": true;
     "uz-Latn": true;
     vi: true;