@coreui/vue-pro 4.7.0-alpha.1 → 4.7.0

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.3.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.7.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/components/element-cover/CElementCover.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 declare const CElementCover: import("vue").DefineComponent<{
     /**
      * Array of custom boundaries. Use to create custom cover area (instead of parent element area). Area is defined by four sides: 'top', 'bottom', 'right', 'left'. If side is not defined by any custom boundary it is equal to parent element boundary. Each custom boundary is object with keys:
@@ -6,10 +7,10 @@ declare const CElementCover: import("vue").DefineComponent<{
      *
      * @type {sides: string[], query: string}[]
      */
-    boundaries: {
-        type: ArrayConstructor;
-        require: boolean;
-    };
+    boundaries: PropType<{
+        sides: string[];
+        query: string;
+    }[]>;
     /**
      * Opacity of the cover. [docs]
      *
@@ -17,7 +18,7 @@ declare const CElementCover: import("vue").DefineComponent<{
      */
     opacity: {
         type: NumberConstructor;
-        require: boolean;
+        default: number;
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -29,10 +30,10 @@ declare const CElementCover: import("vue").DefineComponent<{
      *
      * @type {sides: string[], query: string}[]
      */
-    boundaries: {
-        type: ArrayConstructor;
-        require: boolean;
-    };
+    boundaries: PropType<{
+        sides: string[];
+        query: string;
+    }[]>;
     /**
      * Opacity of the cover. [docs]
      *
@@ -40,7 +41,9 @@ declare const CElementCover: import("vue").DefineComponent<{
      */
     opacity: {
         type: NumberConstructor;
-        require: boolean;
+        default: number;
     };
-}>>, {}>;
+}>>, {
+    opacity: number;
+}>;
 export { CElementCover };

package/dist/components/smart-table/CSmartTable.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Column, ColumnFilter, ColumnFilterValue, Item, ItemsPerPageSelect, Pagination, Sorter, SorterValue, TableFilter } from './CSmartTableInterface';
+import { Column, ColumnFilter, ColumnFilterValue, Item, ItemsPerPageSelect, FooterItem, Pagination, Sorter, SorterValue, TableFilter } from './CSmartTableInterface';
 declare const CSmartTable: import("vue").DefineComponent<{
     /**
      * Sets active page. If 'pagination' prop is enabled, activePage is set only initially.
@@ -58,7 +58,7 @@ declare const CSmartTable: import("vue").DefineComponent<{
      * - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
      */
     columns: {
-        type: PropType<string[] | Column[]>;
+        type: PropType<(string | Column)[]>;
         required: false;
     };
     /**
@@ -74,10 +74,16 @@ declare const CSmartTable: import("vue").DefineComponent<{
         required: false;
     };
     /**
-     * Displays table footer, which mirrors table header. (without column filter).
+     * If `true` Displays table footer, which mirrors table header. (without column filter).
+     * Or Array of objects or strings, where each element represents one cell in the table footer.
+     *
+     * Example items:
+     * `['FooterCell', 'FooterCell', 'FooterCell']`
+     * or
+     * `[{ label: 'FooterCell', _props: { color: 'success' }, ...]`
      */
     footer: {
-        type: BooleanConstructor;
+        type: PropType<boolean | (string | FooterItem)[]>;
         required: false;
     };
     /**
@@ -305,7 +311,7 @@ declare const CSmartTable: import("vue").DefineComponent<{
      * - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
      */
     columns: {
-        type: PropType<string[] | Column[]>;
+        type: PropType<(string | Column)[]>;
         required: false;
     };
     /**
@@ -321,10 +327,16 @@ declare const CSmartTable: import("vue").DefineComponent<{
         required: false;
     };
     /**
-     * Displays table footer, which mirrors table header. (without column filter).
+     * If `true` Displays table footer, which mirrors table header. (without column filter).
+     * Or Array of objects or strings, where each element represents one cell in the table footer.
+     *
+     * Example items:
+     * `['FooterCell', 'FooterCell', 'FooterCell']`
+     * or
+     * `[{ label: 'FooterCell', _props: { color: 'success' }, ...]`
      */
     footer: {
-        type: BooleanConstructor;
+        type: PropType<boolean | (string | FooterItem)[]>;
         required: false;
     };
     /**
@@ -503,7 +515,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
     onTableFilterChange?: ((...args: any[]) => any) | undefined;
 }, {
     items: Item[];
-    footer: boolean;
     header: boolean;
     cleaner: boolean;
     loading: boolean;

package/dist/components/smart-table/CSmartTableHead.d.ts

@@ -25,7 +25,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
         require: boolean;
     };
     columns: {
-        type: PropType<string[] | Column[]>;
+        type: PropType<(string | Column)[]>;
         default: () => never[];
         required: false;
     };
@@ -68,7 +68,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
         require: boolean;
     };
     columns: {
-        type: PropType<string[] | Column[]>;
+        type: PropType<(string | Column)[]>;
         default: () => never[];
         required: false;
     };
@@ -93,7 +93,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
 }, {
     component: string;
     items: Item[];
-    columns: string[] | Column[];
+    columns: (string | Column)[];
     selectable: boolean;
     clearSorterAndFilter: string;
     columnSorter: boolean | Sorter;

package/dist/components/smart-table/CSmartTableInterface.d.ts

@@ -17,6 +17,10 @@ export interface ColumnFilter {
 export interface ColumnFilterValue {
     [key: string]: number | string | any;
 }
+export type FooterItem = {
+    label?: string;
+    _props?: any;
+};
 export type Item = {
     [key: string]: number | string | any;
     _id: number;

package/dist/components/table/CTable.d.ts

@@ -82,7 +82,7 @@ declare const CTable: import("vue").DefineComponent<{
      * @since 4.5.0
      */
     columns: {
-        type: PropType<string[] | Column[]>;
+        type: PropType<(string | Column)[]>;
         required: false;
     };
     /**
@@ -105,8 +105,7 @@ declare const CTable: import("vue").DefineComponent<{
      * @since 4.5.0
      */
     footer: {
-        type: PropType<FooterItem[]>;
-        default: () => never[];
+        type: PropType<(string | FooterItem)[]>;
         required: false;
     };
     /**
@@ -126,7 +125,6 @@ declare const CTable: import("vue").DefineComponent<{
      */
     items: {
         type: PropType<Item[]>;
-        default: () => never[];
         required: false;
     };
     responsive: {
@@ -251,7 +249,7 @@ declare const CTable: import("vue").DefineComponent<{
      * @since 4.5.0
      */
     columns: {
-        type: PropType<string[] | Column[]>;
+        type: PropType<(string | Column)[]>;
         required: false;
     };
     /**
@@ -274,8 +272,7 @@ declare const CTable: import("vue").DefineComponent<{
      * @since 4.5.0
      */
     footer: {
-        type: PropType<FooterItem[]>;
-        default: () => never[];
+        type: PropType<(string | FooterItem)[]>;
         required: false;
     };
     /**
@@ -295,7 +292,6 @@ declare const CTable: import("vue").DefineComponent<{
      */
     items: {
         type: PropType<Item[]>;
-        default: () => never[];
         required: false;
     };
     responsive: {
@@ -352,8 +348,6 @@ declare const CTable: import("vue").DefineComponent<{
 }>>, {
     small: boolean;
     hover: boolean;
-    items: Item[];
-    footer: FooterItem[];
     caption: string;
     align: string;
     striped: boolean;