primevue 2.8.0 → 2.9.2

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "PrimeVue",
-  "version": "2.8.0",
+  "version": "2.9.2",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -36,6 +36,26 @@
                 "kind": "expression",
                 "type": "number|array"
               }
+            },
+            {
+              "name": "expandIcon",
+              "default": "pi-chevron-right",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/accordion",
+              "description": "Icon of a collapsed tab.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "collapseIcon",
+              "default": "pi-chevron-down",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/accordion",
+              "description": "Icon of a expanded tab.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "events": [
@@ -2453,6 +2473,26 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "exportable",
+              "default": "true",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/datatable",
+              "description": "Whether the column is included in data export.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "exportHeader",
+              "default": "null",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/datatable",
+              "description": "Custom export header of the column to be exported as CSV.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "slots": [
@@ -4412,6 +4452,16 @@
                 "type": "string"
               }
             },
+            {
+              "name": "containerStyle",
+              "default": "null",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/dialog",
+              "description": "Inline style of the component.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "contentStyle",
               "default": "null",
@@ -7449,6 +7499,16 @@
                 "kind": "expression",
                 "type": "object"
               }
+            },
+            {
+              "name": "stripedRows",
+              "default": "false",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/orderlist",
+              "description": "Whether to displays rows with alternating colors.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ],
           "events": [
@@ -8154,6 +8214,16 @@
                 "kind": "expression",
                 "type": "object"
               }
+            },
+            {
+              "name": "stripedRows",
+              "default": "false",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/picklist",
+              "description": "Whether to displays rows with alternating colors.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ],
           "events": [
@@ -10738,6 +10808,16 @@
                 "kind": "expression",
                 "type": "number"
               }
+            },
+            {
+              "name": "showGridlines",
+              "default": "false",
+              "doc-url": "https://primefaces.org/primevue/showcase-v2/#/treetable",
+              "description": "Whether to show grid lines between cells.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ],
           "events": [

package/treetable/BodyCell.vue

@@ -1,162 +0,0 @@
-<template>
-    <td :style="containerStyle" :class="containerClass">
-        <button type="button" class="p-treetable-toggler p-link" @click="toggle" v-if="columnProp('expander')" :style="togglerStyle" tabindex="-1" v-ripple>
-            <i :class="togglerIcon"></i>
-        </button>
-        <div class="p-checkbox p-treetable-checkbox p-component" @click="toggleCheckbox" v-if="checkboxSelectionMode && columnProp('expander')" role="checkbox" :aria-checked="checked">
-            <div class="p-hidden-accessible">
-                <input type="checkbox" @focus="onCheckboxFocus" @blur="onCheckboxBlur" />
-            </div>
-            <div ref="checkboxEl" :class="checkboxClass">
-                <span :class="checkboxIcon"></span>
-            </div>
-        </div>
-        <TTColumnSlot :node="node" :column="column" v-if="column.children && column.children.body" />
-        <template v-else><span>{{resolveFieldData(node.data, columnProp('field'))}}</span></template>
-    </td>
-</template>
-
-<script>
-import DomHandler from '../utils/DomHandler';
-import ObjectUtils from '../utils/ObjectUtils';
-import TreeTableColumnSlot from './TreeTableColumnSlot.vue';
-import Ripple from '../ripple/Ripple';
-
-export default {
-    props: {
-        node: {
-            type: Object,
-            default: null
-        },
-        column: {
-            type: Object,
-            default: null
-        },
-        level: {
-            type: Number,
-            default: 0
-        },
-        indentation: {
-            type: Number,
-            default: 1
-        },
-        leaf: {
-            type: Boolean,
-            default: false
-        },
-        expanded: {
-            type: Boolean,
-            default: false
-        },
-        selectionMode: {
-            type: String,
-            default: null
-        },
-        checked: {
-            type: Boolean,
-            default: false
-        },
-        partialChecked: {
-            type: Boolean,
-            default: false
-        }
-    },
-    data() {
-        return {
-            styleObject: {
-                left: '',
-                right: ''
-            },
-            checkboxFocused: false
-        }
-    },
-    mounted() {
-        if (this.columnProp('frozen')) {
-            this.updateStickyPosition();
-        }
-    },
-    updated() {
-        if (this.columnProp('frozen')) {
-            this.updateStickyPosition();
-        }
-    },
-    methods: {
-        toggle() {
-            this.$emit('node-toggle', this.node);
-        },
-        columnProp(prop) {
-            return ObjectUtils.getVNodeProp(this.column, prop);
-        },
-        updateStickyPosition() {
-            if (this.columnProp('frozen')) {
-                let align = this.columnProp('alignFrozen');
-                if (align === 'right') {
-                    let right = 0;
-                    let next = this.$el.nextElementSibling;
-                    if (next) {
-                        right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right);
-                    }
-                    this.styleObject.right = right + 'px';
-                }
-                else {
-                    let left = 0;
-                    let prev = this.$el.previousElementSibling;
-                    if (prev) {
-                        left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left);
-                    }
-                    this.styleObject.left = left + 'px';
-                }
-            }
-        },
-        resolveFieldData(rowData, field) {
-            return ObjectUtils.resolveFieldData(rowData, field);
-        },
-        toggleCheckbox() {
-            this.$emit('checkbox-toggle');
-        },
-        onCheckboxFocus() {
-            this.checkboxFocused = true;
-        },
-        onCheckboxBlur() {
-            this.checkboxFocused = false;
-        }
-    },
-    computed: {
-        containerClass() {
-            return [this.columnProp('bodyClass'), this.columnProp('className'), {
-                'p-frozen-column': this.columnProp('frozen')
-            }];
-        },
-        containerStyle() {
-            let bodyStyle = this.columnProp('bodyStyle');
-            let columnStyle = this.columnProp('styles');
-
-            return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject]: [columnStyle, bodyStyle];
-        },
-        togglerStyle() {
-            return {
-                marginLeft: this.level * this.indentation + 'rem',
-                visibility: this.leaf ? 'hidden' : 'visible'
-            };
-        },
-        togglerIcon() {
-            return ['p-treetable-toggler-icon pi', {'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded}];
-        },
-        checkboxSelectionMode() {
-            return this.selectionMode === 'checkbox';
-        },
-        checkboxClass() {
-            return ['p-checkbox-box', {'p-highlight': this.checked, 'p-focus': this.checkboxFocused, 'p-indeterminate': this.partialChecked}];
-        },
-        checkboxIcon() {
-            return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}];
-        }
-    },
-    components: {
-        'TTColumnSlot': TreeTableColumnSlot
-    },
-    directives: {
-        'ripple': Ripple
-    }
-}
-</script>