mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 00:42:36 +00:00
Fixed #3802 - Improve folder structure for nuxt configurations
This commit is contained in:
mertsincan
parent
851950270b
commit
f5fe822afb
563 changed files with 1703 additions and 1095 deletions
512
components/lib/column/Column.d.ts
vendored
Executable file
512
components/lib/column/Column.d.ts
vendored
Executable file
|
|
@ -0,0 +1,512 @@
|
|||
/**
|
||||
*
|
||||
* Column component defines various options to specify corresponding features.
|
||||
* It is a helper component for DataTable and TreeTable.
|
||||
*
|
||||
* [Live Demo](https://www.primevue.org/datatable/)
|
||||
*
|
||||
* @module column
|
||||
*
|
||||
*/
|
||||
|
||||
import { VNode } from 'vue';
|
||||
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
||||
import { VirtualScrollerLoaderOptions } from '../virtualscroller';
|
||||
|
||||
/**
|
||||
* Filter model metadata.
|
||||
*/
|
||||
export interface ColumnFilterModelType {
|
||||
/**
|
||||
* Value of filterModel.
|
||||
*/
|
||||
value: any;
|
||||
/**
|
||||
* Match mode of filterModel.
|
||||
*/
|
||||
matchMode: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Filter match modes for specific columns.
|
||||
*/
|
||||
export interface ColumnFilterMatchModeOptions {
|
||||
[key: string]: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Custom column loading metadata.
|
||||
*/
|
||||
export interface ColumnLoadingOptions extends VirtualScrollerLoaderOptions {
|
||||
/**
|
||||
* Cell index
|
||||
*/
|
||||
cellIndex: number;
|
||||
/**
|
||||
* Whether the cell is first.
|
||||
*/
|
||||
cellFirst: boolean;
|
||||
/**
|
||||
* Whether the cell is last.
|
||||
*/
|
||||
cellLast: boolean;
|
||||
/**
|
||||
* Whether the cell is even.
|
||||
*/
|
||||
cellEven: boolean;
|
||||
/**
|
||||
* Whether the item is odd.
|
||||
*/
|
||||
cellOdd: boolean;
|
||||
/**
|
||||
* Column instance
|
||||
*/
|
||||
column: Column;
|
||||
/**
|
||||
* Column field
|
||||
*/
|
||||
field: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Defines valid properties in Column component.
|
||||
*/
|
||||
export interface ColumnProps {
|
||||
/**
|
||||
* Identifier of a column if field property is not defined.
|
||||
*/
|
||||
columnKey?: string | undefined;
|
||||
/**
|
||||
* Property represented by the column.
|
||||
*/
|
||||
field?: string | ((item: any) => string) | undefined;
|
||||
/**
|
||||
* Property name to use in sorting, defaults to field.
|
||||
*/
|
||||
sortField?: string | ((item: any) => string) | undefined;
|
||||
/**
|
||||
* Property name to use in filtering, defaults to field.
|
||||
*/
|
||||
filterField?: string | ((item: any) => string) | undefined;
|
||||
/**
|
||||
* Type of data. It's value is related to PrimeVue.filterMatchModeOptions config.
|
||||
*/
|
||||
dataType?: string | undefined;
|
||||
/**
|
||||
* Defines if a column is sortable.
|
||||
* @defaultValue false
|
||||
*/
|
||||
sortable?: boolean | undefined;
|
||||
/**
|
||||
* Header content of the column.
|
||||
*/
|
||||
header?: string | undefined;
|
||||
/**
|
||||
* Footer content of the column.
|
||||
*/
|
||||
footer?: string | undefined;
|
||||
/**
|
||||
* Inline style of header, body and footer cells.
|
||||
*/
|
||||
style?: any;
|
||||
/**
|
||||
* Style class of header, body and footer cells.
|
||||
*/
|
||||
class?: any;
|
||||
/**
|
||||
* Inline style of the column header.
|
||||
*/
|
||||
headerStyle?: any;
|
||||
/**
|
||||
* Style class of the column header.
|
||||
*/
|
||||
headerClass?: any;
|
||||
/**
|
||||
* Inline style of the column body.
|
||||
*/
|
||||
bodyStyle?: any;
|
||||
/**
|
||||
* Style class of the column body.
|
||||
*/
|
||||
bodyClass?: any;
|
||||
/**
|
||||
* Inline style of the column footer.
|
||||
*/
|
||||
footerStyle?: any;
|
||||
/**
|
||||
* Style class of the column footer.
|
||||
*/
|
||||
footerClass?: any;
|
||||
/**
|
||||
* Whether to display the filter overlay.
|
||||
* @defaultValue true
|
||||
*/
|
||||
showFilterMenu?: boolean | undefined;
|
||||
/**
|
||||
* When enabled, match all and match any operator selector is displayed.
|
||||
* @defaultValue true
|
||||
*/
|
||||
showFilterOperator?: boolean | undefined;
|
||||
/**
|
||||
* Displays a button to clear the column filtering.
|
||||
* @defaultValue true
|
||||
*/
|
||||
showClearButton?: boolean | undefined;
|
||||
/**
|
||||
* Displays a button to apply the column filtering.
|
||||
* @defaultValue true
|
||||
*/
|
||||
showApplyButton?: boolean | undefined;
|
||||
/**
|
||||
* Whether to show the match modes selector.
|
||||
* @defaultValue true
|
||||
*/
|
||||
showFilterMatchModes?: boolean | undefined;
|
||||
/**
|
||||
* When enabled, a button is displayed to add more rules.
|
||||
* @defaultValue true
|
||||
*/
|
||||
showAddButton?: boolean | undefined;
|
||||
/**
|
||||
* An array of label-value pairs to override the global match mode options.
|
||||
*/
|
||||
filterMatchModeOptions?: ColumnFilterMatchModeOptions[];
|
||||
/**
|
||||
* Maximum number of constraints for a column filter.
|
||||
* @defaultValue 2
|
||||
*/
|
||||
maxConstraints?: number | undefined;
|
||||
/**
|
||||
* Whether to exclude from global filtering or not.
|
||||
* @defaultValue false
|
||||
*/
|
||||
excludeGlobalFilter?: boolean | undefined;
|
||||
/**
|
||||
* Inline style of the column filter header in row filter display.
|
||||
*/
|
||||
filterHeaderStyle?: any;
|
||||
/**
|
||||
* Style class of the column filter header in row filter display.
|
||||
*/
|
||||
filterHeaderClass?: any;
|
||||
/**
|
||||
* Inline style of the column filter overlay.
|
||||
*/
|
||||
filterMenuStyle?: any;
|
||||
/**
|
||||
* Style class of the column filter overlay.
|
||||
*/
|
||||
filterMenuClass?: any;
|
||||
/**
|
||||
* Defines column based selection mode.
|
||||
*/
|
||||
selectionMode?: 'single' | 'multiple' | undefined;
|
||||
/**
|
||||
* Displays an icon to toggle row expansion.
|
||||
* @defaultValue false
|
||||
*/
|
||||
expander?: boolean | undefined;
|
||||
/**
|
||||
* Number of columns to span for grouping.
|
||||
*/
|
||||
colspan?: number | undefined;
|
||||
/**
|
||||
* Number of rows to span for grouping.
|
||||
*/
|
||||
rowspan?: number | undefined;
|
||||
/**
|
||||
* Whether this column displays an icon to reorder the rows.
|
||||
* @defaultValue false
|
||||
*/
|
||||
rowReorder?: boolean | undefined;
|
||||
/**
|
||||
* Icon of the drag handle to reorder rows.
|
||||
* @defaultValue pi pi-bars
|
||||
*/
|
||||
rowReorderIcon?: string | undefined;
|
||||
/**
|
||||
* Defines if the column itself can be reordered with dragging.
|
||||
* @defaultValue false
|
||||
*/
|
||||
reorderableColumn?: boolean | undefined;
|
||||
/**
|
||||
* When enabled, column displays row editor controls.
|
||||
* @defaultValue false
|
||||
*/
|
||||
rowEditor?: boolean | undefined;
|
||||
/**
|
||||
* Whether the column is fixed in horizontal scrolling.
|
||||
* @defaultValue false
|
||||
*/
|
||||
frozen?: boolean | undefined;
|
||||
/**
|
||||
* Position of a frozen column, valid values are left and right.
|
||||
* @defaultValue left
|
||||
*/
|
||||
alignFrozen?: 'left' | 'right' | undefined;
|
||||
/**
|
||||
* Whether the column is included in data export.
|
||||
* @defaultValue false
|
||||
*/
|
||||
exportable?: boolean | undefined;
|
||||
/**
|
||||
* Custom export header of the column to be exported as CSV.
|
||||
*/
|
||||
exportHeader?: string | undefined;
|
||||
/**
|
||||
* Custom export footer of the column to be exported as CSV.
|
||||
*/
|
||||
exportFooter?: string | undefined;
|
||||
/**
|
||||
* Defines the filtering algorithm to use when searching the options.
|
||||
*/
|
||||
filterMatchMode?: string | undefined;
|
||||
/**
|
||||
* Whether the column is rendered.
|
||||
* @defaultValue false
|
||||
*/
|
||||
hidden?: boolean | undefined;
|
||||
}
|
||||
|
||||
/**
|
||||
* Defines valid slots in Column component.
|
||||
*/
|
||||
export interface ColumnSlots {
|
||||
/**
|
||||
* Custom body template.
|
||||
* @param {Object} scope - body slot's params.
|
||||
*/
|
||||
body(scope: {
|
||||
/**
|
||||
* Row data.
|
||||
*/
|
||||
data: any;
|
||||
/**
|
||||
* Row node data.
|
||||
*/
|
||||
node: any;
|
||||
/**
|
||||
* Column node.
|
||||
*/
|
||||
column: Column;
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Row index.
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* Whether the row is frozen.
|
||||
*/
|
||||
frozenRow: boolean;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
editorInitCallback(): void;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom header template.
|
||||
* @param {Object} scope - header slot's params.
|
||||
*/
|
||||
header(scope: {
|
||||
/**
|
||||
* Column node.
|
||||
*/
|
||||
column: Column;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom footer template.
|
||||
* @param {Object} scope - footer slot's params.
|
||||
*/
|
||||
footer(scope: {
|
||||
/**
|
||||
* Column node.
|
||||
*/
|
||||
column: Column;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom editor template.
|
||||
* @param {Object} scope - editor slot's params.
|
||||
*/
|
||||
editor(scope: {
|
||||
/**
|
||||
* Row data.
|
||||
*/
|
||||
data: any;
|
||||
/**
|
||||
* Column node.
|
||||
*/
|
||||
column: Column;
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Row index.
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* Whether the row is frozen.
|
||||
*/
|
||||
frozenRow: boolean;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
editorSaveCallback(): void;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
editorCancelCallback(): void;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom filter template.
|
||||
* @param {Object} scope - filter slot's params.
|
||||
*/
|
||||
filter(scope: {
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Filter metadata
|
||||
* @see ColumnFilterModelType
|
||||
*/
|
||||
filterModel: ColumnFilterModelType;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
filterCallback(): void;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom filter header template.
|
||||
* @param {Object} scope - filter header slot's params.
|
||||
*/
|
||||
filterheader(scope: {
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Filter metadata
|
||||
* @see ColumnFilterModelType
|
||||
*/
|
||||
filterModel: ColumnFilterModelType;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
filterCallback(): void;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom filter footer template.
|
||||
* @param {Object} scope - filter footer slot's params.
|
||||
*/
|
||||
filterfooter(scope: {
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Filter metadata
|
||||
* @see ColumnFilterModelType
|
||||
*/
|
||||
filterModel: ColumnFilterModelType;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
filterCallback(): void;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom filter clear template.
|
||||
* @param {Object} scope - filter clear slot's params.
|
||||
*/
|
||||
filterclear(scope: {
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Filter metadata
|
||||
* @see ColumnFilterModelType
|
||||
*/
|
||||
filterModel: ColumnFilterModelType;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
filterCallback(): void;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom filter apply template.
|
||||
* @param {Object} scope - filter apply slot's params.
|
||||
*/
|
||||
filterapply(scope: {
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Filter metadata
|
||||
* @see ColumnFilterModelType
|
||||
*/
|
||||
filterModel: ColumnFilterModelType;
|
||||
/**
|
||||
* Callback function
|
||||
*/
|
||||
filterCallback(): void;
|
||||
}): VNode[];
|
||||
/**
|
||||
* Custom loading template.
|
||||
* @param {Object} scope - loading slot's params.
|
||||
*/
|
||||
loading(scope: {
|
||||
/**
|
||||
* Row data.
|
||||
*/
|
||||
data: any;
|
||||
/**
|
||||
* Column node.
|
||||
*/
|
||||
column: Column;
|
||||
/**
|
||||
* Column field.
|
||||
*/
|
||||
field: string;
|
||||
/**
|
||||
* Row index.
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* Whether the row is frozen.
|
||||
*/
|
||||
frozenRow: boolean;
|
||||
/**
|
||||
* Loading options.
|
||||
* @see ColumnLoadingOptions
|
||||
*/
|
||||
loadingOptions: ColumnLoadingOptions;
|
||||
}): VNode[];
|
||||
}
|
||||
|
||||
export interface ColumnEmits {}
|
||||
|
||||
/**
|
||||
* **PrimeVue - Column**
|
||||
*
|
||||
* _Column is a helper component for DataTable and TreeTable._
|
||||
*
|
||||
* [Live Demo](https://www.primevue.org/datatable/)
|
||||
* --- ---
|
||||
* 
|
||||
*
|
||||
* @group Component
|
||||
*/
|
||||
declare class Column extends ClassComponent<ColumnProps, ColumnSlots, ColumnEmits> {}
|
||||
|
||||
declare module '@vue/runtime-core' {
|
||||
interface GlobalComponents {
|
||||
Column: GlobalComponentConstructor<Column>;
|
||||
}
|
||||
}
|
||||
|
||||
export default Column;
|
||||
186
components/lib/column/Column.vue
Executable file
186
components/lib/column/Column.vue
Executable file
|
|
@ -0,0 +1,186 @@
|
|||
<script>
|
||||
export default {
|
||||
name: 'Column',
|
||||
props: {
|
||||
columnKey: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
field: {
|
||||
type: [String, Function],
|
||||
default: null
|
||||
},
|
||||
sortField: {
|
||||
type: [String, Function],
|
||||
default: null
|
||||
},
|
||||
filterField: {
|
||||
type: [String, Function],
|
||||
default: null
|
||||
},
|
||||
dataType: {
|
||||
type: String,
|
||||
default: 'text'
|
||||
},
|
||||
sortable: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
header: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
footer: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
style: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
class: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
headerStyle: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
headerClass: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
bodyStyle: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
bodyClass: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
footerStyle: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
footerClass: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
showFilterMenu: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showFilterOperator: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showClearButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showApplyButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showFilterMatchModes: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showAddButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
filterMatchModeOptions: {
|
||||
type: Array,
|
||||
default: null
|
||||
},
|
||||
maxConstraints: {
|
||||
type: Number,
|
||||
default: 2
|
||||
},
|
||||
excludeGlobalFilter: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
filterHeaderClass: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
filterHeaderStyle: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
filterMenuClass: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
filterMenuStyle: {
|
||||
type: null,
|
||||
default: null
|
||||
},
|
||||
selectionMode: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
expander: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
colspan: {
|
||||
type: Number,
|
||||
default: null
|
||||
},
|
||||
rowspan: {
|
||||
type: Number,
|
||||
default: null
|
||||
},
|
||||
rowReorder: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
rowReorderIcon: {
|
||||
type: String,
|
||||
default: 'pi pi-bars'
|
||||
},
|
||||
reorderableColumn: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
rowEditor: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
frozen: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
alignFrozen: {
|
||||
type: String,
|
||||
default: 'left'
|
||||
},
|
||||
exportable: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
exportHeader: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
exportFooter: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
filterMatchMode: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
hidden: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
render() {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
</script>
|
||||
9
components/lib/column/package.json
Normal file
9
components/lib/column/package.json
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"main": "./column.cjs.js",
|
||||
"module": "./column.esm.js",
|
||||
"unpkg": "./column.min.js",
|
||||
"types": "./Column.d.ts",
|
||||
"browser": {
|
||||
"./sfc": "./Column.vue"
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue