@platforma-sdk/ui-vue 1.22.4 → 1.22.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/lib.js +186 -183
- package/dist/lib.js.map +1 -1
- package/dist/lib.umd.cjs +4 -4
- package/dist/lib.umd.cjs.map +1 -1
- package/dist/src/components/PlAgDataTable/PlAgDataTable.vue.d.ts +4 -0
- package/dist/src/components/PlAgDataTable/PlAgDataTable.vue.d.ts.map +1 -1
- package/dist/src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue.d.ts +4 -0
- package/dist/src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/PlAgDataTable/PlAgDataTable.vue +5 -1
- package/src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue +6 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@platforma-sdk/ui-vue",
|
|
3
|
-
"version": "1.22.
|
|
3
|
+
"version": "1.22.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/lib.umd.cjs",
|
|
6
6
|
"module": "dist/lib.js",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"canonicalize": "^2.0.0",
|
|
24
24
|
"ag-grid-enterprise": "^33.0.4",
|
|
25
25
|
"ag-grid-vue3": "^33.0.4",
|
|
26
|
-
"@
|
|
27
|
-
"@
|
|
26
|
+
"@platforma-sdk/model": "^1.22.2",
|
|
27
|
+
"@milaboratories/uikit": "^2.2.50"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@faker-js/faker": "^9.2.0",
|
|
@@ -61,6 +61,10 @@ const props = defineProps<{
|
|
|
61
61
|
* This component serves as the target for teleporting the button.
|
|
62
62
|
*/
|
|
63
63
|
showColumnsPanel?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Css width of the Column Manager (Panel) modal (default value is `368px`)
|
|
66
|
+
*/
|
|
67
|
+
columnsPanelWidth?: string;
|
|
64
68
|
/**
|
|
65
69
|
* The showExportButton prop controls the display of a button that allows
|
|
66
70
|
* to export table data in CSV format. To make the button functional
|
|
@@ -451,7 +455,7 @@ watch(
|
|
|
451
455
|
|
|
452
456
|
<template>
|
|
453
457
|
<div class="ap-ag-data-table-container">
|
|
454
|
-
<PlAgGridColumnManager v-if="gridApi && showColumnsPanel" :api="gridApi" />
|
|
458
|
+
<PlAgGridColumnManager v-if="gridApi && showColumnsPanel" :api="gridApi" :width="columnsPanelWidth" />
|
|
455
459
|
<PlAgCsvExporter v-if="gridApi && showExportButton" :api="gridApi" />
|
|
456
460
|
<div
|
|
457
461
|
v-if="settings?.sourceType === 'ptable' && !!settings.sheets && settings.sheets.length > 0"
|
|
@@ -13,7 +13,12 @@ const props = defineProps<{
|
|
|
13
13
|
* trigger specific actions.
|
|
14
14
|
*/
|
|
15
15
|
api: GridApi;
|
|
16
|
+
/**
|
|
17
|
+
* Css Column Manager (Panel) modal width (default value is `368px`)
|
|
18
|
+
*/
|
|
19
|
+
width?: string;
|
|
16
20
|
}>();
|
|
21
|
+
|
|
17
22
|
const { api: gridApi } = toRefs(props);
|
|
18
23
|
|
|
19
24
|
const columns = ref<Column[]>([]);
|
|
@@ -60,7 +65,7 @@ watch(
|
|
|
60
65
|
</PlBtnGhost>
|
|
61
66
|
</Teleport>
|
|
62
67
|
|
|
63
|
-
<PlSlideModal v-model="slideModal" :width="
|
|
68
|
+
<PlSlideModal v-model="slideModal" :width="width" close-on-outside-click>
|
|
64
69
|
<template #title>Manage Columns</template>
|
|
65
70
|
|
|
66
71
|
<div ref="listRef" :key="listKey" class="pl-ag-columns pl-2 pr-2">
|