persian-data-grid 0.7.2 → 0.7.4
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/README.md +109 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -22,6 +22,7 @@ A **Data Grid** for enterprise forms: voucher lines, money columns, Jalali date
|
|
|
22
22
|
- [Install](#install)
|
|
23
23
|
- [Quick start](#quick-start)
|
|
24
24
|
- [API overview](#api-overview)
|
|
25
|
+
- [Keyboard shortcuts](#keyboard-shortcuts)
|
|
25
26
|
- [Demo](#demo)
|
|
26
27
|
- [فارسی](#فارسی)
|
|
27
28
|
- [Changelog](#changelog)
|
|
@@ -144,6 +145,56 @@ See [docs/public-api.md](./docs/public-api.md), [docs/getting-started.md](./docs
|
|
|
144
145
|
Product docs site (English source + فارسی, live demos, TypeDoc API): `yarn docs:dev` — build with `yarn docs:build` (also in CI).
|
|
145
146
|
---
|
|
146
147
|
|
|
148
|
+
## Keyboard shortcuts
|
|
149
|
+
|
|
150
|
+
Active while focus is inside the grid (`UITableKeyboardHandler`). Full reference, including clipboard, range selection and undo: [`docs/keyboard.md`](https://github.com/hamidrezafallahi/ERP-Table/blob/master/docs/keyboard.md). Persian list: [فارسی](#فارسی).
|
|
151
|
+
|
|
152
|
+
### Cell navigation and editing
|
|
153
|
+
|
|
154
|
+
| Shortcut | Action |
|
|
155
|
+
|---|---|
|
|
156
|
+
| `Enter` / `NumpadEnter` | No active cell → activate the first cell of the active row; otherwise → next cell |
|
|
157
|
+
| `Shift+Enter` | Previous cell |
|
|
158
|
+
| `Tab` | Next cell (needs an active row and cell) |
|
|
159
|
+
| `Shift+Tab` | Previous cell (needs an active row and cell) |
|
|
160
|
+
| `ArrowLeft` | Next cell (RTL: document order) |
|
|
161
|
+
| `ArrowRight` | Previous cell (RTL: document order) |
|
|
162
|
+
| `ArrowUp` | Move the active cell up in the same column |
|
|
163
|
+
| `ArrowDown` | Move the active cell down in the same column |
|
|
164
|
+
|
|
165
|
+
### Row selection and reordering
|
|
166
|
+
|
|
167
|
+
| Shortcut | Action |
|
|
168
|
+
|---|---|
|
|
169
|
+
| `Ctrl+Space` | Toggle selection of the active row |
|
|
170
|
+
| `Shift+End` | Toggle selection of the active row |
|
|
171
|
+
| `Ctrl+Shift+End` | Select from the active row to the last row |
|
|
172
|
+
| `Ctrl+ArrowUp` / `Ctrl+ArrowDown` | Move the active row up / down |
|
|
173
|
+
| `Alt+ArrowUp` / `Alt+ArrowDown` | Move the selected rows up / down (needs a selection) |
|
|
174
|
+
|
|
175
|
+
### Row and table operations
|
|
176
|
+
|
|
177
|
+
| Shortcut | Action |
|
|
178
|
+
|---|---|
|
|
179
|
+
| `Alt+N` | Add an empty row and activate it |
|
|
180
|
+
| `Alt+D` | Duplicate the active row |
|
|
181
|
+
| `Alt+Delete` | Delete the active row |
|
|
182
|
+
| `Alt+ArrowLeft` | Collapse all expanded rows |
|
|
183
|
+
| `Alt+C` / `Alt+X` / `Alt+V` | Table copy / cut / paste mode |
|
|
184
|
+
| `Alt+B` | Paste-as-insert mode |
|
|
185
|
+
| `Escape` | Clear the current table action |
|
|
186
|
+
|
|
187
|
+
### Pagination
|
|
188
|
+
|
|
189
|
+
| Shortcut | Action |
|
|
190
|
+
|---|---|
|
|
191
|
+
| `PageUp` | Previous page (no-op on the first page) |
|
|
192
|
+
| `PageDown` | Next page (no-op on the last page) |
|
|
193
|
+
|
|
194
|
+
`Ctrl` and `Alt` are the browser modifier keys; `Meta` (⌘) is not treated as `Ctrl`.
|
|
195
|
+
|
|
196
|
+
---
|
|
197
|
+
|
|
147
198
|
## Demo
|
|
148
199
|
|
|
149
200
|
| Page | URL |
|
|
@@ -196,6 +247,64 @@ import 'persian-data-grid/styles.css';
|
|
|
196
247
|
/>
|
|
197
248
|
```
|
|
198
249
|
|
|
250
|
+
### میانبرهای صفحهکلید
|
|
251
|
+
|
|
252
|
+
وقتی focus داخل گرید است این میانبرها فعالاند (پیادهسازی در `UITableKeyboardHandler`).
|
|
253
|
+
|
|
254
|
+
#### جابهجایی و ویرایش سلول
|
|
255
|
+
|
|
256
|
+
| میانبر | عملکرد |
|
|
257
|
+
|---|---|
|
|
258
|
+
| `Enter` یا `NumpadEnter` | اگر سلول فعالی وجود نداشته باشد، نخستین سلول سطر فعال را فعال میکند؛ در غیر این صورت به سلول بعدی میرود. |
|
|
259
|
+
| `Shift+Enter` | به سلول قبلی میرود. |
|
|
260
|
+
| `Tab` | با وجود سطر و سلول فعال، به سلول بعدی میرود. |
|
|
261
|
+
| `Shift+Tab` | با وجود سطر و سلول فعال، به سلول قبلی میرود. |
|
|
262
|
+
| `ArrowLeft` | با وجود سطر و سلول فعال، به سلول بعدی میرود. |
|
|
263
|
+
| `ArrowRight` | با وجود سطر و سلول فعال، به سلول قبلی میرود. |
|
|
264
|
+
| `ArrowUp` | با وجود سطر و سلول فعال، سلول فعال را در همان ستون به بالا میبرد. |
|
|
265
|
+
| `ArrowDown` | با وجود سطر و سلول فعال، سلول فعال را در همان ستون به پایین میبرد. |
|
|
266
|
+
|
|
267
|
+
> جهت حرکت بین سلولها همان `next` و `prev` موتور جدول است؛ در نتیجه الزاماً با جهت بصری فلش چپ و راست یکی نیست.
|
|
268
|
+
|
|
269
|
+
#### انتخاب و جابهجایی سطر
|
|
270
|
+
|
|
271
|
+
| میانبر | عملکرد |
|
|
272
|
+
|---|---|
|
|
273
|
+
| `Ctrl+Space` | انتخاب سطر فعال را تغییر میدهد (انتخاب یا لغو انتخاب). |
|
|
274
|
+
| `Shift+End` | انتخاب سطر فعال را تغییر میدهد (انتخاب یا لغو انتخاب). |
|
|
275
|
+
| `Ctrl+Shift+End` | از سطر فعال تا آخر، سطرها را انتخاب میکند. |
|
|
276
|
+
| `Ctrl+ArrowUp` | سطر فعال را به بالا جابهجا میکند. |
|
|
277
|
+
| `Ctrl+ArrowDown` | سطر فعال را به پایین جابهجا میکند. |
|
|
278
|
+
| `Alt+ArrowUp` | سطرهای انتخابشده را به بالا جابهجا میکند؛ باید سطری انتخاب شده باشد. |
|
|
279
|
+
| `Alt+ArrowDown` | سطرهای انتخابشده را به پایین جابهجا میکند؛ باید سطری انتخاب شده باشد. |
|
|
280
|
+
|
|
281
|
+
#### عملیات سطر و جدول
|
|
282
|
+
|
|
283
|
+
| میانبر | عملکرد |
|
|
284
|
+
|---|---|
|
|
285
|
+
| `Alt+N` | یک سطر خالی اضافه و آن را فعال میکند. |
|
|
286
|
+
| `Alt+D` | سطر فعال را کپی میکند؛ وجود سطر فعال لازم است. |
|
|
287
|
+
| `Alt+Delete` | سطر فعال را حذف میکند؛ وجود سطر فعال لازم است. |
|
|
288
|
+
| `Alt+ArrowLeft` | همهٔ سطرهای بازشده را میبندد. |
|
|
289
|
+
| `Alt+C` | حالت کپی جدول را فعال میکند. |
|
|
290
|
+
| `Alt+X` | حالت برش جدول را فعال میکند. |
|
|
291
|
+
| `Alt+V` | حالت چسباندن جدول را فعال میکند. |
|
|
292
|
+
| `Alt+B` | حالت چسباندن بهصورت درج را فعال میکند. |
|
|
293
|
+
| `Escape` | کنش جاری جدول را پاک میکند. |
|
|
294
|
+
|
|
295
|
+
#### صفحهبندی
|
|
296
|
+
|
|
297
|
+
| میانبر | عملکرد |
|
|
298
|
+
|---|---|
|
|
299
|
+
| `PageUp` | به صفحهٔ قبلی میرود؛ اگر صفحهٔ قبلی وجود نداشته باشد کاری نمیکند. |
|
|
300
|
+
| `PageDown` | به صفحهٔ بعدی میرود؛ اگر صفحهٔ بعدی وجود نداشته باشد کاری نمیکند. |
|
|
301
|
+
|
|
302
|
+
#### نکتهها
|
|
303
|
+
|
|
304
|
+
- `Ctrl` و `Alt` بر اساس کلیدهای اصلاحکنندهٔ مرورگر تعریف شدهاند؛ `Meta` جایگزین `Ctrl` نیست.
|
|
305
|
+
- میانبرهای وابسته به سطر فقط وقتی اجرا میشوند که سطر فعال پیدا شود. اگر focus داخل کنترل انتخاب باشد، هندلر برای یافتن سطر فعال از وضعیت موتور و سپس سطر انتخابشده کمک میگیرد.
|
|
306
|
+
- میانبرهای `Tab` و فلشها فقط وقتی به حرکت سلول منجر میشوند که سطر و ستون فعال موجود باشند.
|
|
307
|
+
|
|
199
308
|
### دمو زنده
|
|
200
309
|
|
|
201
310
|
[https://hamidrezafallahi.github.io/ERP-Table/](https://hamidrezafallahi.github.io/ERP-Table/)
|