vue2-excel-grid 1.1.84 → 1.1.86

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.
Files changed (5) hide show
  1. package/README.md +30 -28
  2. package/dist/vue2-excel-grid.esm.js +14 -10
  3. package/dist/vue2-excel-grid.umd.js +1 -1
  4. package/package.json +1 -1
  5. package/src/components/ExcelGrid.vue +11 -7
package/README.md CHANGED
@@ -1,14 +1,16 @@
1
1
  # vue2-excel-grid
2
2
 
3
- Vue 2.6.14 uchun Excel-uslubidagi Grid komponenti — virtual scrolling, freeze panes, merge cells, export/import va boshqa 12 ta funksional bilan.
3
+ Excel-style grid component for Vue 2.6.14 — virtual scrolling, freeze panes, merge cells, export/import, and more.
4
4
 
5
- ## O'rnatish
5
+ Repository: [https://gitlab.com/fl.raimberdiyev/vue2-excel-grid](https://gitlab.com/fl.raimberdiyev/vue2-excel-grid)
6
+
7
+ ## Install
6
8
 
7
9
  ```bash
8
10
  npm install vue2-excel-grid
9
11
  ```
10
12
 
11
- ## Asosiy ishlatish
13
+ ## Basic usage
12
14
 
13
15
  ```js
14
16
  import Vue from 'vue'
@@ -23,7 +25,7 @@ Vue.use(Vue2ExcelGrid)
23
25
  v-model="myData"
24
26
  :columns="columns"
25
27
  :height="400"
26
- locale="uz"
28
+ locale="en"
27
29
  />
28
30
  </template>
29
31
 
@@ -33,12 +35,12 @@ export default {
33
35
  return {
34
36
  columns: [
35
37
  { key: 'id', title: '#', width: 50 },
36
- { key: 'name', title: 'Ism', width: 150 },
37
- { key: 'city', title: 'Shahar', width: 120 }
38
+ { key: 'name', title: 'Name', width: 150 },
39
+ { key: 'city', title: 'City', width: 120 }
38
40
  ],
39
41
  myData: [
40
- { id: 1, name: 'Ali', city: 'Toshkent' },
41
- { id: 2, name: 'Bobur', city: 'Samarqand' }
42
+ { id: 1, name: 'Ali', city: 'Tashkent' },
43
+ { id: 2, name: 'Bobur', city: 'Samarkand' }
42
44
  ]
43
45
  }
44
46
  }
@@ -46,32 +48,32 @@ export default {
46
48
  </script>
47
49
  ```
48
50
 
49
- ## Asosiy imkoniyatlar
51
+ ## Key features
50
52
 
51
- - Virtual scrolling (50 000+ qator)
53
+ - Virtual scrolling (50,000+ rows)
52
54
  - Freeze panes, merge cells, grouping/outline
53
55
  - Copy/Paste + Paste Special (Excel-style tiling)
54
- - Fill handle (raqam, sana, hafta kuni, oy ketma-ketligi)
55
- - Drag-and-drop qatorlar
56
+ - Fill handle (number, date, weekday, month sequences)
57
+ - Drag-and-drop rows and columns
56
58
  - Excel export/import (.xlsx, .xls, .csv, nested headers)
57
59
  - Undo/Redo (Ctrl+Z / Ctrl+Y)
58
- - Select (dropdown) ustun tipi — `type: 'select'` bilan
59
- - Tree select (ierarxik dropdown) — `type: 'treeSelect'`, `children` orqali, maydon nomlari konfiguratsiya qilinadi
60
- - Dinamik cell editability — `cellEditable` prop yoki `col.editable` funksiyasi
60
+ - Select (dropdown) column type — `type: 'select'`
61
+ - Tree select (hierarchical dropdown) — `type: 'treeSelect'`, via `children`, with configurable field names
62
+ - Dynamic cell editability — `cellEditable` prop or `col.editable` function
61
63
  - i18n: `en` | `ru` | `uz` | `uz-Cyrl`
62
- - Ctrl+click row header — bir-biriga tutashmaydigan qatorlarni tanlash
63
- - Footer (jami) qatori — `col.showTotal: true` bo'lsa, son ustunlar uchun avtomatik yig'indi ko'rsatiladi
64
- - Custom cell slots — `#cell-{key}` (ko'rsatish), `#edit-{key}` (tahrirlash), `#header-{key}` (sarlavha)
65
- - `size` prop — `'small'` | `'middle'` | `'large'`: qator balandligi, shrift o'lchami va padding birga sozlanadi
66
- - `autoWidth` prop — barcha ustunlar kengligini mazmun uzunligiga avtomatik moslaydi
67
- - `transitionEnabled` prop — qatorlar kirish/chiqishda animatsiya; scroll paytida avtomatik o'chadi
68
- - `col.onSelect` callback — `select`/`treeSelect` ustunlarda qiymat tanlanganida ishga tushadi
69
- - `col.enableSearch` — `select`/`treeSelect` dropdownida qidiruv maydoni; treeSelect da barcha darajalar bo'yicha qidiradi
70
- - Toolbar — `toolbar` prop: Undo/Redo, Export/Import, Lock (butun gridni qulflash) va Fullscreen tugmalari, custom tugmalar uchun `toolbarButtons` prop yoki `#toolbar-extra` slot
64
+ - Ctrl+click on a row header — select non-contiguous rows
65
+ - Footer (total) row — `col.showTotal: true` shows an automatic sum for numeric columns
66
+ - Custom cell slots — `#cell-{key}` (display), `#edit-{key}` (editing), `#header-{key}` (header)
67
+ - `size` prop — `'small'` | `'middle'` | `'large'`: row height, font size, and padding tuned together
68
+ - `autoWidth` prop — auto-fits every column's width to its content
69
+ - `transitionEnabled` prop — row enter/leave animation; automatically disabled during scroll
70
+ - `col.onSelect` callback — fires when a value is picked in a `select`/`treeSelect` column
71
+ - `col.enableSearch` — search box in the `select`/`treeSelect` dropdown; treeSelect searches every level
72
+ - Toolbar — `toolbar` prop: Undo/Redo, Export/Import, theme picker, size switcher, Lock (read-only mode), and Fullscreen; add custom buttons via `toolbarButtons` or the `#toolbar-extra` slot
71
73
 
72
- ## Hujjatlar
74
+ ## Documentation
73
75
 
74
- To'liq hujjatlar: [docs/](./docs/)
76
+ Full documentation: [docs/](./docs/)
75
77
 
76
78
  - [Getting Started](./docs/getting-started.md)
77
79
  - [Cell Selection](./docs/cell-selection.md)
@@ -96,12 +98,12 @@ To'liq hujjatlar: [docs/](./docs/)
96
98
  npm run demo
97
99
  ```
98
100
 
99
- ## Testlar
101
+ ## Tests
100
102
 
101
103
  ```bash
102
104
  npm run test:unit
103
105
  ```
104
106
 
105
- ## Litsenziya
107
+ ## License
106
108
 
107
109
  MIT