@gorbulevsv/table 0.0.11 → 0.0.13

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 CHANGED
@@ -11,19 +11,21 @@ Sveltekit компонент таблицы с оформлением на **Boo
11
11
  - `title` - заголовок таблицы (опционально),
12
12
  - `data` - данные, передаваемые в таблицу в формате массива объектов, например:
13
13
 
14
- ```json
15
- let data = [{
16
- uid: 1,
17
- name: 'Serge',
18
- email: 'sergify@rr.r',
19
- status: 'ok'
20
- },
21
- {
22
- uid: 2,
23
- name: 'Helen',
24
- email: 'helen@rr.r',
25
- status: 'go'
26
- }]
14
+ ```ts
15
+ let data = [
16
+ {
17
+ uid: 1,
18
+ name: 'Serge',
19
+ email: 'sergify@rr.r',
20
+ status: 'ok'
21
+ },
22
+ {
23
+ uid: 2,
24
+ name: 'Helen',
25
+ email: 'helen@rr.r',
26
+ status: 'go'
27
+ }
28
+ ];
27
29
  ```
28
30
 
29
31
  , с нужным вам количеством полей,
@@ -42,6 +44,8 @@ Sveltekit компонент таблицы с оформлением на **Boo
42
44
 
43
45
  , где `table`, `header`, `row` оформляют всю таблицу, заголовки столбцов или строки таблицы соответственно.
44
46
 
47
+ ##
48
+
45
49
  Пример:
46
50
 
47
51
  ```ts
@@ -69,7 +73,7 @@ let data = [
69
73
 
70
74
  Вы можете отрендерить в ячейке таблицы сниппеты. Например, в качестве **status** предыдущего **data**, мы хотим добавить кнопку с указанием значения **name** из тойже **data**, т.е. хотим сделать как здесь:
71
75
 
72
- ![Пример таблицы](/static/Table.png)
76
+ ![Пример таблицы](/src/lib/assets/Table.png)
73
77
 
74
78
  тогда:
75
79
 
@@ -106,6 +110,8 @@ let data = [
106
110
 
107
111
  а не
108
112
 
109
- `{#snippet block(name: string)}` (этот вариант не сработает), т.к. внутри `<Table />` это рендерится как ~ `{@render cell?.(data[i])}`, где `data[i]` это объект вроде `{uid: 2, name: 'Helen', email: 'helen@rr.r', status: block}`
113
+ `{#snippet block(name: string)}`
114
+
115
+ Второй вариант не сработает, т.к. внутри `<Table />` это рендерится приблизительно как `{@render cell?.(data[i])}`, где `data[i]` это объект вроде `{uid: 2, name: 'Helen', email: 'helen@rr.r', status: block}`.
110
116
 
111
117
  Данные для подстановки в сниппет, берутся из объекта **data** (соответствующей ячейки).
Binary file
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { STORE } from '#lib/scripts/store.svelte.ts';
2
+ import { STORE } from '../scripts/store.svelte.ts';
3
3
  import { onDestroy, onMount } from 'svelte';
4
4
 
5
5
  let { children } = $props();
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import TableHeader from '#lib/components/TableHeader.svelte';
3
- import TableRow from '#lib/components/TableRow.svelte';
4
- import type { ITableFilter } from '#lib/models/ITableFilter.ts';
2
+ import TableHeader from '../components/TableHeader.svelte';
3
+ import TableRow from '../components/TableRow.svelte';
4
+ import type { ITableFilter } from '../models/ITableFilter.ts';
5
5
 
6
6
  interface IProps {
7
7
  title?: string;
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import type { ITableFilter } from '#lib/models/ITableFilter.ts';
2
+ import type { ITableFilter } from '../models/ITableFilter.ts';
3
3
 
4
4
  interface IProps {
5
5
  data: any;
@@ -1,4 +1,4 @@
1
- import type { ITableFilter } from '#lib/models/ITableFilter.ts';
1
+ import type { ITableFilter } from '../models/ITableFilter.ts';
2
2
  interface IProps {
3
3
  data: any;
4
4
  grows: number[];
package/dist/index.d.ts CHANGED
@@ -1,3 +1 @@
1
- export { default as TableHeader } from './components/TableHeader.svelte';
2
- export { default as TableRow } from './components/TableRow.svelte';
3
1
  export { default as Table } from './components/Table.svelte';
package/dist/index.js CHANGED
@@ -1,3 +1 @@
1
- export { default as TableHeader } from './components/TableHeader.svelte';
2
- export { default as TableRow } from './components/TableRow.svelte';
3
1
  export { default as Table } from './components/Table.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gorbulevsv/table",
3
- "version": "0.0.11",
3
+ "version": "0.0.13",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },