vue2-excel-grid 2.8.9 → 2.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-excel-grid",
-  "version": "2.8.9",
+  "version": "2.9.0",
   "description": "Excel-style grid component for Vue 2.6.14 with virtual scrolling",
   "license": "MIT",
   "author": "Fozilbek Raimberdiyev",

package/src/components/ExcelGrid.vue

@@ -244,8 +244,8 @@
                     class="eg-header-cell"
                     :class="[
                       { 'eg-header-group': cell.isGroup, 'eg-header-cell--drag-source': colDrag.active && cell._firstLeafFlatIndex >= colDrag.sourceFirstLeaf && cell._firstLeafFlatIndex < colDrag.sourceFirstLeaf + colDrag.sourceLeafCount },
-                      cell.column && cell.column.overflowTitle === 'truncate' ? 'eg-header-cell--truncate' : '',
-                      cell.column && cell.column.overflowTitle === 'wrap' ? 'eg-header-cell--wrap' : ''
+                      cell.column && (cell.column.overflowTitle || overflowTitle) === 'truncate' ? 'eg-header-cell--truncate' : '',
+                      cell.column && (cell.column.overflowTitle || overflowTitle) === 'wrap' ? 'eg-header-cell--wrap' : ''
                     ]"
                     :data-fi="!cell.isGroup ? cell.column._flatIndex : undefined"
                     :data-start="cell.isGroup ? cell._firstLeafFlatIndex : undefined"
@@ -254,7 +254,7 @@
                     @mousedown="onColHeaderMouseDown($event, cell)"
                     @dblclick="onColHeaderDblClick($event, cell)"
                     @contextmenu.prevent="onColHeaderContextMenu($event, cell)"
-                    @mouseenter="cell.column && cell.column.overflowTitle === 'truncate' ? _showTooltip(cell.column.title, $event.currentTarget) : null"
+                    @mouseenter="cell.column && (cell.column.overflowTitle || overflowTitle) === 'truncate' ? _showTooltip(cell.column.title, $event.currentTarget) : null"
                     @mouseleave="_hideTooltip"
                   >
                     <span class="eg-header-title">
@@ -342,8 +342,8 @@
                     class="eg-header-cell"
                     :class="[
                       { 'eg-header-group': cell.isGroup, 'eg-header-cell--drag-source': colDrag.active && cell._firstLeafFlatIndex >= colDrag.sourceFirstLeaf && cell._firstLeafFlatIndex < colDrag.sourceFirstLeaf + colDrag.sourceLeafCount },
-                      cell.column && cell.column.overflowTitle === 'truncate' ? 'eg-header-cell--truncate' : '',
-                      cell.column && cell.column.overflowTitle === 'wrap' ? 'eg-header-cell--wrap' : ''
+                      cell.column && (cell.column.overflowTitle || overflowTitle) === 'truncate' ? 'eg-header-cell--truncate' : '',
+                      cell.column && (cell.column.overflowTitle || overflowTitle) === 'wrap' ? 'eg-header-cell--wrap' : ''
                     ]"
                     :data-fi="!cell.isGroup ? cell.column._flatIndex : undefined"
                     :data-start="cell.isGroup ? cell._firstLeafFlatIndex : undefined"
@@ -352,7 +352,7 @@
                     @mousedown="onColHeaderMouseDown($event, cell)"
                     @dblclick="onColHeaderDblClick($event, cell)"
                     @contextmenu.prevent="onColHeaderContextMenu($event, cell)"
-                    @mouseenter="cell.column && cell.column.overflowTitle === 'truncate' ? _showTooltip(cell.column.title, $event.currentTarget) : null"
+                    @mouseenter="cell.column && (cell.column.overflowTitle || overflowTitle) === 'truncate' ? _showTooltip(cell.column.title, $event.currentTarget) : null"
                     @mouseleave="_hideTooltip"
                   >
                     <span class="eg-header-title">
@@ -437,8 +437,8 @@
                     class="eg-header-cell"
                     :class="[
                       { 'eg-header-group': cell.isGroup, 'eg-header-cell--drag-source': colDrag.active && cell._firstLeafFlatIndex >= colDrag.sourceFirstLeaf && cell._firstLeafFlatIndex < colDrag.sourceFirstLeaf + colDrag.sourceLeafCount },
-                      cell.column && cell.column.overflowTitle === 'truncate' ? 'eg-header-cell--truncate' : '',
-                      cell.column && cell.column.overflowTitle === 'wrap' ? 'eg-header-cell--wrap' : ''
+                      cell.column && (cell.column.overflowTitle || overflowTitle) === 'truncate' ? 'eg-header-cell--truncate' : '',
+                      cell.column && (cell.column.overflowTitle || overflowTitle) === 'wrap' ? 'eg-header-cell--wrap' : ''
                     ]"
                     :data-fi="!cell.isGroup ? cell.column._flatIndex : undefined"
                     :data-start="cell.isGroup ? cell._firstLeafFlatIndex : undefined"
@@ -447,7 +447,7 @@
                     @mousedown="onColHeaderMouseDown($event, cell)"
                     @dblclick="onColHeaderDblClick($event, cell)"
                     @contextmenu.prevent="onColHeaderContextMenu($event, cell)"
-                    @mouseenter="cell.column && cell.column.overflowTitle === 'truncate' ? _showTooltip(cell.column.title, $event.currentTarget) : null"
+                    @mouseenter="cell.column && (cell.column.overflowTitle || overflowTitle) === 'truncate' ? _showTooltip(cell.column.title, $event.currentTarget) : null"
                     @mouseleave="_hideTooltip"
                   >
                     <span class="eg-header-title">
@@ -1072,6 +1072,19 @@ const ExcelGridComponent = {
     /** Array of row objects keyed by columns[].key */
     data: { type: Array, default: () => [] },
 
+    /**
+     * Sarlavhalardagi matn sig'may qolganda uning qanday harakatlanishini belgilaydi
+     * (barcha ustunlar uchun umumiy qoida). Ustun (column) sozlamalarida
+     * xuddi shu nomli xususiyat mavjud bo'lsa, ustun sozlamasi inobatga olinadi.
+     * @type {String}
+     * @default 'no-overflow'
+     */
+    overflowTitle: {
+      type: String,
+      default: 'no-overflow',
+      validator: v => ['no-overflow', 'truncate', 'wrap'].includes(v)
+    },
+
     /**
      * Column definitions (may be nested via children[]).
      *
@@ -2842,7 +2855,7 @@ const ExcelGridComponent = {
     },
     _calcHeaderHeight() {
       if (!this.leafCols) return
-      const wrapCols = this.leafCols.filter(c => c.overflowTitle === 'wrap')
+      const wrapCols = this.leafCols.filter(c => (c.overflowTitle || this.overflowTitle) === 'wrap')
       if (wrapCols.length === 0) {
         if (this.calculatedHeaderHeight !== null) this.calculatedHeaderHeight = null
         return

package/src/index.js

@@ -8,7 +8,19 @@ export { ExcelGrid, EgCheckbox, EgSelect, EgTreeSelect, version }
 
 export default {
   version,
-  install(Vue) {
+  install(Vue, options = {}) {
+    if (options && typeof options === 'object') {
+      Object.keys(options).forEach(key => {
+        if (ExcelGrid.props && ExcelGrid.props[key] !== undefined) {
+          const val = options[key]
+          if (typeof ExcelGrid.props[key] !== 'object') {
+            // Convert to object notation if it was just a constructor like `props: { fitColumns: Boolean }`
+            ExcelGrid.props[key] = { type: ExcelGrid.props[key] }
+          }
+          ExcelGrid.props[key].default = (val !== null && typeof val === 'object') ? () => val : val
+        }
+      })
+    }
     Vue.component('Vue2ExcelGrid', ExcelGrid)
     Vue.component('Vue2EgCheckbox', EgCheckbox)
     Vue.component('Vue2EgSelect', EgSelect)