@coreui/vue-pro 5.0.0-alpha.1 → 5.0.0-beta.0

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

@@ -0,0 +1,269 @@
+import { PropType } from 'vue';
+import type { Column, FooterItem, Item } from './types';
+declare const CTable: import("vue").DefineComponent<{
+    /**
+     * Set the vertical aligment.
+     *
+     * @values 'bottom', 'middle', 'top'
+     */
+    align: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the border color of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    borderColor: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add borders on all sides of the table and cells.
+     */
+    bordered: BooleanConstructor;
+    /**
+     * Remove borders on all sides of the table and cells.
+     */
+    borderless: BooleanConstructor;
+    /**
+     * Put the `<caption>` on the top of the table.
+     *
+     * @values 'top' | string
+     */
+    caption: StringConstructor;
+    /**
+     * Set the text of the table caption and the caption on the top of the table.
+     *
+     * @since 4.5.0
+     */
+    captionTop: StringConstructor;
+    /**
+     * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
+     *
+     * In columns prop each array item represents one column. Item might be specified in two ways:
+     * String: each item define column name equal to item value.
+     * Object: item is object with following keys available as column configuration:
+     * - key (required)(String) - define column name equal to item key.
+     * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
+     * - _props (Object) - adds classes to all cels in column, ex. _props: { scope: 'col', className: 'custom-class' },
+     * - _style (Object) - adds styles to the column header (useful for defining widths)
+     *
+     * @since 4.5.0
+     */
+    columns: {
+        type: PropType<(string | Column)[]>;
+    };
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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' }, ...]
+     *
+     * @since 4.5.0
+     */
+    footer: {
+        type: PropType<(string | FooterItem)[]>;
+    };
+    /**
+     * Enable a hover state on table rows within a `<CTableBody>`.
+     */
+    hover: BooleanConstructor;
+    /**
+     * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'.
+     *
+     * Example item:
+     * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}
+     *
+     * @since 4.5.0
+     */
+    items: {
+        type: PropType<Item[]>;
+    };
+    responsive: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Make table more compact by cutting all cell `padding` in half.
+     */
+    small: BooleanConstructor;
+    /**
+     * Add zebra-striping to any table row within the `<CTableBody>`.
+     */
+    striped: BooleanConstructor;
+    /**
+     * Add zebra-striping to any table column.
+     *
+     * @since 4.4.0
+     */
+    stripedColumns: BooleanConstructor;
+    /**
+     * Properties that will be passed to the table footer component.
+     *
+     * Properties to [CTableFoot](#ctablefoot) component.
+     * @since 4.5.0
+     */
+    tableFootProps: {
+        type: ObjectConstructor;
+    };
+    /**
+     * Properties that will be passed to the table head component.
+     *
+     *  Properties to [CTableHead](#ctablehead) component.
+     * @since 4.5.0
+     */
+    tableHeadProps: {
+        type: ObjectConstructor;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Set the vertical aligment.
+     *
+     * @values 'bottom', 'middle', 'top'
+     */
+    align: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the border color of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    borderColor: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add borders on all sides of the table and cells.
+     */
+    bordered: BooleanConstructor;
+    /**
+     * Remove borders on all sides of the table and cells.
+     */
+    borderless: BooleanConstructor;
+    /**
+     * Put the `<caption>` on the top of the table.
+     *
+     * @values 'top' | string
+     */
+    caption: StringConstructor;
+    /**
+     * Set the text of the table caption and the caption on the top of the table.
+     *
+     * @since 4.5.0
+     */
+    captionTop: StringConstructor;
+    /**
+     * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
+     *
+     * In columns prop each array item represents one column. Item might be specified in two ways:
+     * String: each item define column name equal to item value.
+     * Object: item is object with following keys available as column configuration:
+     * - key (required)(String) - define column name equal to item key.
+     * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
+     * - _props (Object) - adds classes to all cels in column, ex. _props: { scope: 'col', className: 'custom-class' },
+     * - _style (Object) - adds styles to the column header (useful for defining widths)
+     *
+     * @since 4.5.0
+     */
+    columns: {
+        type: PropType<(string | Column)[]>;
+    };
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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' }, ...]
+     *
+     * @since 4.5.0
+     */
+    footer: {
+        type: PropType<(string | FooterItem)[]>;
+    };
+    /**
+     * Enable a hover state on table rows within a `<CTableBody>`.
+     */
+    hover: BooleanConstructor;
+    /**
+     * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'.
+     *
+     * Example item:
+     * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}
+     *
+     * @since 4.5.0
+     */
+    items: {
+        type: PropType<Item[]>;
+    };
+    responsive: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Make table more compact by cutting all cell `padding` in half.
+     */
+    small: BooleanConstructor;
+    /**
+     * Add zebra-striping to any table row within the `<CTableBody>`.
+     */
+    striped: BooleanConstructor;
+    /**
+     * Add zebra-striping to any table column.
+     *
+     * @since 4.4.0
+     */
+    stripedColumns: BooleanConstructor;
+    /**
+     * Properties that will be passed to the table footer component.
+     *
+     * Properties to [CTableFoot](#ctablefoot) component.
+     * @since 4.5.0
+     */
+    tableFootProps: {
+        type: ObjectConstructor;
+    };
+    /**
+     * Properties that will be passed to the table head component.
+     *
+     *  Properties to [CTableHead](#ctablehead) component.
+     * @since 4.5.0
+     */
+    tableHeadProps: {
+        type: ObjectConstructor;
+    };
+}>>, {
+    small: boolean;
+    hover: boolean;
+    striped: boolean;
+    bordered: boolean;
+    borderless: boolean;
+    stripedColumns: boolean;
+}, {}>;
+export { CTable };

package/dist/esm/components/table/CTable.js

@@ -0,0 +1,253 @@
+import { defineComponent, computed, h } from 'vue';
+import { CTableBody } from './CTableBody.js';
+import { CTableCaption } from './CTableCaption.js';
+import { CTableDataCell } from './CTableDataCell.js';
+import { CTableFoot } from './CTableFoot.js';
+import { CTableHead } from './CTableHead.js';
+import { CTableHeaderCell } from './CTableHeaderCell.js';
+import { CTableRow } from './CTableRow.js';
+import { Color } from '../../props.js';
+import { getColumnNames, getColumnLabel } from './utils.js';
+
+const CTable = defineComponent({
+    name: 'CTable',
+    props: {
+        /**
+         * Set the vertical aligment.
+         *
+         * @values 'bottom', 'middle', 'top'
+         */
+        align: {
+            type: String,
+            validator: (value) => {
+                return ['bottom', 'middle', 'top'].includes(value);
+            },
+        },
+        /**
+         * Sets the border color of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        borderColor: Color,
+        /**
+         * Add borders on all sides of the table and cells.
+         */
+        bordered: Boolean,
+        /**
+         * Remove borders on all sides of the table and cells.
+         */
+        borderless: Boolean,
+        /**
+         * Put the `<caption>` on the top of the table.
+         *
+         * @values 'top' | string
+         */
+        caption: String,
+        /**
+         * Set the text of the table caption and the caption on the top of the table.
+         *
+         * @since 4.5.0
+         */
+        captionTop: String,
+        /**
+         * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
+         *
+         * In columns prop each array item represents one column. Item might be specified in two ways:
+         * String: each item define column name equal to item value.
+         * Object: item is object with following keys available as column configuration:
+         * - key (required)(String) - define column name equal to item key.
+         * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
+         * - _props (Object) - adds classes to all cels in column, ex. _props: { scope: 'col', className: 'custom-class' },
+         * - _style (Object) - adds styles to the column header (useful for defining widths)
+         *
+         * @since 4.5.0
+         */
+        columns: {
+            type: Array,
+        },
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+         */
+        color: Color,
+        /**
+         * 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' }, ...]
+         *
+         * @since 4.5.0
+         */
+        footer: {
+            type: Array,
+        },
+        /**
+         * Enable a hover state on table rows within a `<CTableBody>`.
+         */
+        hover: Boolean,
+        /**
+         * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'.
+         *
+         * Example item:
+         * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}
+         *
+         * @since 4.5.0
+         */
+        items: {
+            type: Array,
+        },
+        responsive: {
+            type: [Boolean, String],
+            validator: (value) => {
+                if (typeof value == 'string') {
+                    return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value);
+                }
+                if (typeof value == 'boolean') {
+                    return true;
+                }
+                return false;
+            },
+        },
+        /**
+         * Make table more compact by cutting all cell `padding` in half.
+         */
+        small: Boolean,
+        /**
+         * Add zebra-striping to any table row within the `<CTableBody>`.
+         */
+        striped: Boolean,
+        /**
+         * Add zebra-striping to any table column.
+         *
+         * @since 4.4.0
+         */
+        stripedColumns: Boolean,
+        /**
+         * Properties that will be passed to the table footer component.
+         *
+         * Properties to [CTableFoot](#ctablefoot) component.
+         * @since 4.5.0
+         */
+        tableFootProps: {
+            type: Object,
+        },
+        /**
+         * Properties that will be passed to the table head component.
+         *
+         *  Properties to [CTableHead](#ctablehead) component.
+         * @since 4.5.0
+         */
+        tableHeadProps: {
+            type: Object,
+        },
+    },
+    setup(props, { slots, attrs }) {
+        const columnNames = computed(() => getColumnNames(props.columns, props.items));
+        //   props.columns
+        //     ? props.columns.map((column: Column | string) => {
+        //         if (typeof column === 'object') return column.key
+        //         else return column
+        //       })
+        //     : Object.keys((props.items && props.items[0]) || {}).filter((el) => el.charAt(0) !== '_'),
+        // )
+        const table = () => h('table', {
+            class: [
+                'table',
+                {
+                    [`align-${props.align}`]: props.align,
+                    [`caption-top`]: props.captionTop || props.caption === 'top',
+                    [`border-${props.borderColor}`]: props.borderColor,
+                    'table-bordered': props.bordered,
+                    'table-borderless': props.borderless,
+                    [`table-${props.color}`]: props.color,
+                    'table-hover': props.hover,
+                    'table-sm': props.small,
+                    'table-striped': props.striped,
+                    'table-striped-columns': props.stripedColumns,
+                },
+                attrs.class,
+            ],
+        }, {
+            default: () => [
+                ((props.caption && props.caption !== 'top') || props.captionTop) &&
+                    h(CTableCaption, {}, {
+                        default: () => props.caption || props.captionTop,
+                    }),
+                props.columns &&
+                    h(CTableHead, {
+                        ...props.tableHeadProps,
+                    }, {
+                        default: () => h(CTableRow, {}, {
+                            default: () => [
+                                props.columns &&
+                                    props.columns.map((column) => h(CTableHeaderCell, {
+                                        ...(typeof column === 'object' &&
+                                            column._props && { ...column._props }),
+                                        ...(typeof column === 'object' &&
+                                            column._style && { style: { ...column._style } }),
+                                    }, {
+                                        default: () => getColumnLabel(column),
+                                    })),
+                            ],
+                        }),
+                    }),
+                props.items &&
+                    h(CTableBody, {}, {
+                        default: () => [
+                            props.items &&
+                                props.items.map((item) => h(CTableRow, {
+                                    ...(item._props && { ...item._props }),
+                                }, {
+                                    default: () => [
+                                        columnNames.value &&
+                                            columnNames.value.map((colName) => item[colName] !== undefined &&
+                                                h(CTableDataCell, {
+                                                    ...(item._cellProps &&
+                                                        item._cellProps['all'] && { ...item._cellProps['all'] }),
+                                                    ...(item._cellProps &&
+                                                        item._cellProps[colName] && {
+                                                        ...item._cellProps[colName],
+                                                    }),
+                                                }, {
+                                                    default: () => item[colName],
+                                                })),
+                                    ],
+                                })),
+                        ],
+                    }),
+                slots.default && slots.default(),
+                props.footer &&
+                    h(CTableFoot, {
+                        ...props.tableFootProps,
+                    }, {
+                        default: () => h(CTableRow, {}, {
+                            default: () => [
+                                props.footer &&
+                                    props.footer.map((item) => h(CTableDataCell, {
+                                        ...(typeof item === 'object' &&
+                                            item._props && { ...item._props }),
+                                    }, {
+                                        default: () => (typeof item === 'object' ? item.label : item),
+                                    })),
+                            ],
+                        }),
+                    }),
+            ],
+        });
+        return () => [
+            props.responsive
+                ? h('div', {
+                    class: typeof props.responsive === 'boolean'
+                        ? 'table-responsive'
+                        : `table-responsive-${props.responsive}`,
+                }, table())
+                : table(),
+        ];
+    },
+});
+
+export { CTable };
+//# sourceMappingURL=CTable.js.map

package/dist/esm/components/table/CTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTable.js","sources":["../../../../src/components/table/CTable.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/table/CTableBody.d.ts

@@ -0,0 +1,24 @@
+declare const CTableBody: import("vue").DefineComponent<{
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}>>, {}, {}>;
+export { CTableBody };

package/dist/esm/components/table/CTableBody.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from 'vue';
+import { Color } from '../../props.js';
+
+const CTableBody = defineComponent({
+    name: 'CTableBody',
+    props: {
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+         */
+        color: Color,
+    },
+    setup(props, { slots }) {
+        return () => h('tbody', {
+            class: [
+                {
+                    [`table-${props.color}`]: props.color,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+export { CTableBody };
+//# sourceMappingURL=CTableBody.js.map

package/dist/esm/components/table/CTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableBody.js","sources":["../../../../src/components/table/CTableBody.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,UAAU,GAAG,eAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAE,KAAK;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,OAAO,EACP;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;oBACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACtC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/table/CTableCaption.d.ts

@@ -0,0 +1,4 @@
+declare const CTableCaption: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CTableCaption };

package/dist/esm/components/table/CTableCaption.js

@@ -0,0 +1,11 @@
+import { defineComponent, h } from 'vue';
+
+const CTableCaption = defineComponent({
+    name: 'CTableCaption',
+    setup(_, { slots }) {
+        return () => h('caption', {}, slots.default && slots.default());
+    },
+});
+
+export { CTableCaption };
+//# sourceMappingURL=CTableCaption.js.map

package/dist/esm/components/table/CTableCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableCaption.js","sources":["../../../../src/components/table/CTableCaption.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,aAAa,GAAG,eAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,OAAO,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAChE;AACF,CAAA;;;;"}

package/dist/esm/components/table/CTableDataCell.d.ts

@@ -0,0 +1,60 @@
+declare const CTableDataCell: import("vue").DefineComponent<{
+    /**
+     * Highlight a table row or cell.
+     */
+    active: BooleanConstructor;
+    /**
+     * Set the vertical aligment.
+     *
+     * @values 'bottom', 'middle', 'top'
+     */
+    align: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * @ignore
+     */
+    scope: StringConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Highlight a table row or cell.
+     */
+    active: BooleanConstructor;
+    /**
+     * Set the vertical aligment.
+     *
+     * @values 'bottom', 'middle', 'top'
+     */
+    align: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * @ignore
+     */
+    scope: StringConstructor;
+}>>, {
+    active: boolean;
+}, {}>;
+export { CTableDataCell };