fuma 2.0.2 → 2.0.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/dist/ui/button/ButtonCopy.svelte +5 -2
- package/dist/ui/button/ButtonCopy.svelte.d.ts +2 -0
- package/dist/ui/form/Form.svelte +2 -2
- package/dist/ui/input/FormControl.svelte +3 -3
- package/dist/ui/input/InputSearch.svelte +34 -22
- package/dist/ui/input/InputSearch.svelte.d.ts +10 -8
- package/dist/ui/input/InputText.svelte +22 -9
- package/dist/ui/input/InputText.svelte.d.ts +7 -21
- package/dist/ui/input/InputTime.svelte +3 -2
- package/dist/ui/input/InputTime.svelte.d.ts +25 -2
- package/dist/ui/input/textRich/InputTextRich.svelte +5 -0
- package/dist/ui/input/textRich/InputTextRich.svelte.d.ts +11 -1
- package/dist/ui/input/textRich/ToolsBar.svelte +1 -4
- package/dist/ui/input/textRich/ToolsBar.svelte.d.ts +2 -0
- package/dist/ui/menu/DropDown.svelte +5 -5
- package/dist/ui/menu/DropDown.svelte.d.ts +12 -4
- package/dist/ui/range/RangePicker.svelte +2 -2
- package/dist/ui/range/RangePicker.svelte.d.ts +2 -2
- package/dist/ui/range/RangePickerButton.svelte +7 -4
- package/dist/ui/range/RangePickerButton.svelte.d.ts +4 -2
- package/dist/ui/table/Table.svelte +29 -15
- package/dist/ui/table/Table.svelte.d.ts +20 -28
- package/dist/ui/table/TableBody.svelte +21 -21
- package/dist/ui/table/TableBody.svelte.d.ts +19 -25
- package/dist/ui/table/TableCell.svelte +14 -15
- package/dist/ui/table/TableCell.svelte.d.ts +16 -21
- package/dist/ui/table/TableFieldsEdition.svelte +2 -2
- package/dist/ui/table/TableHead.svelte +32 -20
- package/dist/ui/table/TableHead.svelte.d.ts +7 -32
- package/dist/ui/table/cell/TableCellArray.svelte +5 -8
- package/dist/ui/table/cell/TableCellArray.svelte.d.ts +5 -20
- package/dist/ui/table/cell/TableCellBoolean.svelte +3 -2
- package/dist/ui/table/cell/TableCellBoolean.svelte.d.ts +5 -19
- package/dist/ui/table/cell/TableCellNumber.svelte +2 -2
- package/dist/ui/table/cell/TableCellNumber.svelte.d.ts +5 -19
- package/dist/ui/table/cell/TableCellString.svelte +5 -5
- package/dist/ui/table/cell/TableCellString.svelte.d.ts +25 -19
- package/dist/ui/table/field.d.ts +26 -49
- package/dist/ui/table/field.js +6 -7
- package/dist/ui/table/head/OrderButtons.svelte +40 -0
- package/dist/ui/table/head/OrderButtons.svelte.d.ts +24 -0
- package/dist/ui/table/head/TableHeadBoolean.svelte +2 -2
- package/dist/ui/table/head/TableHeadBoolean.svelte.d.ts +28 -17
- package/dist/ui/table/head/TableHeadDate.svelte +91 -25
- package/dist/ui/table/head/TableHeadDate.svelte.d.ts +5 -19
- package/dist/ui/table/head/TableHeadDefault.svelte +1 -2
- package/dist/ui/table/head/TableHeadDefault.svelte.d.ts +4 -18
- package/dist/ui/table/head/TableHeadNumber.svelte +33 -12
- package/dist/ui/table/head/TableHeadNumber.svelte.d.ts +28 -17
- package/dist/ui/table/head/TableHeadSelect.svelte +2 -2
- package/dist/ui/table/head/TableHeadSelect.svelte.d.ts +31 -20
- package/dist/ui/table/head/TableHeadString.svelte +9 -9
- package/dist/ui/table/head/TableHeadString.svelte.d.ts +4 -18
- package/dist/ui/table/head/index.d.ts +6 -0
- package/dist/ui/table/head/index.js +6 -22
- package/dist/validation/zod.d.ts +8 -0
- package/dist/validation/zod.js +4 -2
- package/package.json +8 -8
|
@@ -1,45 +1,37 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import {
|
|
3
|
-
declare
|
|
4
|
-
|
|
5
|
-
}> {
|
|
6
|
-
props(): {
|
|
1
|
+
import { type TableField, type ItemBase } from './index.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
declare function $$render<Item extends ItemBase>(): {
|
|
4
|
+
props: {
|
|
7
5
|
key?: string;
|
|
8
6
|
fields: TableField<Item>[];
|
|
9
7
|
items: Item[];
|
|
10
|
-
|
|
8
|
+
actions?: Snippet<[item: Item]>;
|
|
11
9
|
placholder?: string;
|
|
12
10
|
class?: string;
|
|
13
11
|
classRow?: string;
|
|
14
12
|
hideBody?: boolean;
|
|
15
|
-
onCreateField?: (
|
|
13
|
+
onCreateField?: () => void;
|
|
14
|
+
onclick?: (item?: Item) => void;
|
|
16
15
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
exports: {};
|
|
17
|
+
bindings: "";
|
|
18
|
+
slots: {};
|
|
19
|
+
events: {};
|
|
20
|
+
};
|
|
21
|
+
declare class __sveltets_Render<Item extends ItemBase> {
|
|
22
|
+
props(): ReturnType<typeof $$render<Item>>['props'];
|
|
23
|
+
events(): ReturnType<typeof $$render<Item>>['events'];
|
|
24
|
+
slots(): ReturnType<typeof $$render<Item>>['slots'];
|
|
25
|
+
bindings(): "";
|
|
26
26
|
exports(): {};
|
|
27
27
|
}
|
|
28
28
|
interface $$IsomorphicComponent {
|
|
29
|
-
new <Item extends {
|
|
30
|
-
id: string;
|
|
31
|
-
}>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
29
|
+
new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
32
30
|
$$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
|
|
33
31
|
} & ReturnType<__sveltets_Render<Item>['exports']>;
|
|
34
|
-
<Item extends {
|
|
35
|
-
id: string;
|
|
36
|
-
}>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
|
|
37
|
-
$$events?: ReturnType<__sveltets_Render<Item>['events']>;
|
|
38
|
-
}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
32
|
+
<Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
39
33
|
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
40
34
|
}
|
|
41
35
|
declare const Table: $$IsomorphicComponent;
|
|
42
|
-
type Table<Item extends
|
|
43
|
-
id: string;
|
|
44
|
-
}> = InstanceType<typeof Table<Item>>;
|
|
36
|
+
type Table<Item extends ItemBase> = InstanceType<typeof Table<Item>>;
|
|
45
37
|
export default Table;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
<script lang="ts" generics="Item extends
|
|
2
|
-
import {
|
|
1
|
+
<script lang="ts" generics="Item extends ItemBase">
|
|
2
|
+
import { TableCell, type ItemBase, type TableField } from './index.js'
|
|
3
|
+
import type { Snippet } from 'svelte'
|
|
3
4
|
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
let {
|
|
6
|
+
items,
|
|
7
|
+
fields,
|
|
8
|
+
actions,
|
|
9
|
+
classRow,
|
|
10
|
+
onclick
|
|
11
|
+
}: {
|
|
12
|
+
items: Item[]
|
|
13
|
+
fields: TableField<Item>[]
|
|
14
|
+
actions?: Snippet<[item: Item]>
|
|
15
|
+
classRow?: string
|
|
16
|
+
onclick?: (item?: Item) => void
|
|
17
|
+
} = $props()
|
|
6
18
|
|
|
7
|
-
|
|
8
|
-
export let fields: TableField<Item>[]
|
|
9
|
-
export let action: ((item: Item) => ComponentAndProps) | undefined = undefined
|
|
10
|
-
export let classRow = ''
|
|
11
|
-
|
|
12
|
-
const dispatch = createEventDispatcher<{ click: Item }>()
|
|
13
|
-
|
|
14
|
-
$: _fields = fields.filter((f) => f.$visible)
|
|
15
|
-
|
|
16
|
-
function handleClickRow(event: MouseEvent, item: Item) {
|
|
17
|
-
dispatch('click', item)
|
|
18
|
-
}
|
|
19
|
+
let fieldsVisible = $derived(fields.filter((f) => f._visible))
|
|
19
20
|
</script>
|
|
20
21
|
|
|
21
22
|
<tbody>
|
|
22
23
|
{#each items as item (item.id)}
|
|
23
|
-
<tr class={classRow}
|
|
24
|
-
{#each
|
|
24
|
+
<tr class={classRow} onclick={() => onclick?.(item)}>
|
|
25
|
+
{#each fieldsVisible as field (field.key)}
|
|
25
26
|
<TableCell {item} {field} />
|
|
26
27
|
{/each}
|
|
27
28
|
<td align="right">
|
|
28
|
-
{#if
|
|
29
|
-
{@
|
|
30
|
-
<svelte:component this={component} {...props} />
|
|
29
|
+
{#if actions}
|
|
30
|
+
{@render actions(item)}
|
|
31
31
|
{/if}
|
|
32
32
|
</td>
|
|
33
33
|
</tr>
|
|
@@ -1,38 +1,32 @@
|
|
|
1
|
-
import { type TableField } from './index.js';
|
|
2
|
-
import type {
|
|
3
|
-
declare
|
|
4
|
-
|
|
5
|
-
}> {
|
|
6
|
-
props(): {
|
|
1
|
+
import { type ItemBase, type TableField } from './index.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
declare function $$render<Item extends ItemBase>(): {
|
|
4
|
+
props: {
|
|
7
5
|
items: Item[];
|
|
8
6
|
fields: TableField<Item>[];
|
|
9
|
-
|
|
7
|
+
actions?: Snippet<[item: Item]>;
|
|
10
8
|
classRow?: string;
|
|
9
|
+
onclick?: (item?: Item) => void;
|
|
11
10
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
exports: {};
|
|
12
|
+
bindings: "";
|
|
13
|
+
slots: {};
|
|
14
|
+
events: {};
|
|
15
|
+
};
|
|
16
|
+
declare class __sveltets_Render<Item extends ItemBase> {
|
|
17
|
+
props(): ReturnType<typeof $$render<Item>>['props'];
|
|
18
|
+
events(): ReturnType<typeof $$render<Item>>['events'];
|
|
19
|
+
slots(): ReturnType<typeof $$render<Item>>['slots'];
|
|
20
|
+
bindings(): "";
|
|
19
21
|
exports(): {};
|
|
20
22
|
}
|
|
21
23
|
interface $$IsomorphicComponent {
|
|
22
|
-
new <Item extends {
|
|
23
|
-
id: string;
|
|
24
|
-
}>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
24
|
+
new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
25
25
|
$$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
|
|
26
26
|
} & ReturnType<__sveltets_Render<Item>['exports']>;
|
|
27
|
-
<Item extends {
|
|
28
|
-
id: string;
|
|
29
|
-
}>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
|
|
30
|
-
$$events?: ReturnType<__sveltets_Render<Item>['events']>;
|
|
31
|
-
}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
27
|
+
<Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
32
28
|
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
33
29
|
}
|
|
34
30
|
declare const TableBody: $$IsomorphicComponent;
|
|
35
|
-
type TableBody<Item extends
|
|
36
|
-
id: string;
|
|
37
|
-
}> = InstanceType<typeof TableBody<Item>>;
|
|
31
|
+
type TableBody<Item extends ItemBase> = InstanceType<typeof TableBody<Item>>;
|
|
38
32
|
export default TableBody;
|
|
@@ -1,30 +1,29 @@
|
|
|
1
|
-
<script lang="ts" generics="Item extends
|
|
1
|
+
<script lang="ts" generics="Item extends ItemBase">
|
|
2
2
|
import {
|
|
3
3
|
TableCellArray,
|
|
4
4
|
TableCellBoolean,
|
|
5
5
|
TableCellNumber,
|
|
6
6
|
TableCellString
|
|
7
7
|
} from './cell/index.js'
|
|
8
|
-
import type { TableField } from './index.js'
|
|
8
|
+
import type { ItemBase, TableField } from './index.js'
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
export let field: TableField<Item>
|
|
10
|
+
let { item, field }: { item: Item; field: TableField<Item> } = $props()
|
|
12
11
|
|
|
13
|
-
|
|
12
|
+
let cell = $derived(field.cell(item))
|
|
14
13
|
</script>
|
|
15
14
|
|
|
16
|
-
{#if Array.isArray(
|
|
17
|
-
<TableCellArray {
|
|
18
|
-
{:else if typeof
|
|
19
|
-
<TableCellNumber {
|
|
20
|
-
{:else if typeof
|
|
21
|
-
<TableCellBoolean {
|
|
22
|
-
{:else if typeof
|
|
23
|
-
<TableCellString {
|
|
24
|
-
{:else if
|
|
15
|
+
{#if Array.isArray(cell)}
|
|
16
|
+
<TableCellArray {cell} />
|
|
17
|
+
{:else if typeof cell === 'number'}
|
|
18
|
+
<TableCellNumber {cell} />
|
|
19
|
+
{:else if typeof cell === 'boolean'}
|
|
20
|
+
<TableCellBoolean {cell} />
|
|
21
|
+
{:else if typeof cell === 'string'}
|
|
22
|
+
<TableCellString {cell} {field} />
|
|
23
|
+
{:else if cell === undefined || cell === null}
|
|
25
24
|
<td>-</td>
|
|
26
25
|
{:else}
|
|
27
26
|
<td>
|
|
28
|
-
|
|
27
|
+
{@render cell(item)}
|
|
29
28
|
</td>
|
|
30
29
|
{/if}
|
|
@@ -1,33 +1,28 @@
|
|
|
1
|
-
import type { TableField } from './index.js';
|
|
2
|
-
declare
|
|
3
|
-
|
|
4
|
-
}> {
|
|
5
|
-
props(): {
|
|
1
|
+
import type { ItemBase, TableField } from './index.js';
|
|
2
|
+
declare function $$render<Item extends ItemBase>(): {
|
|
3
|
+
props: {
|
|
6
4
|
item: Item;
|
|
7
5
|
field: TableField<Item>;
|
|
8
6
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
exports: {};
|
|
8
|
+
bindings: "";
|
|
9
|
+
slots: {};
|
|
10
|
+
events: {};
|
|
11
|
+
};
|
|
12
|
+
declare class __sveltets_Render<Item extends ItemBase> {
|
|
13
|
+
props(): ReturnType<typeof $$render<Item>>['props'];
|
|
14
|
+
events(): ReturnType<typeof $$render<Item>>['events'];
|
|
15
|
+
slots(): ReturnType<typeof $$render<Item>>['slots'];
|
|
16
|
+
bindings(): "";
|
|
14
17
|
exports(): {};
|
|
15
18
|
}
|
|
16
19
|
interface $$IsomorphicComponent {
|
|
17
|
-
new <Item extends {
|
|
18
|
-
id: string;
|
|
19
|
-
}>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
20
|
+
new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
20
21
|
$$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
|
|
21
22
|
} & ReturnType<__sveltets_Render<Item>['exports']>;
|
|
22
|
-
<Item extends {
|
|
23
|
-
id: string;
|
|
24
|
-
}>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
|
|
25
|
-
$$events?: ReturnType<__sveltets_Render<Item>['events']>;
|
|
26
|
-
}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
23
|
+
<Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
27
24
|
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
28
25
|
}
|
|
29
26
|
declare const TableCell: $$IsomorphicComponent;
|
|
30
|
-
type TableCell<Item extends
|
|
31
|
-
id: string;
|
|
32
|
-
}> = InstanceType<typeof TableCell<Item>>;
|
|
27
|
+
type TableCell<Item extends ItemBase> = InstanceType<typeof TableCell<Item>>;
|
|
33
28
|
export default TableCell;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = context.get(key)
|
|
28
28
|
|
|
29
|
-
function getFieldHref(field: TableField) {
|
|
29
|
+
function getFieldHref(field: TableField<Item>) {
|
|
30
30
|
if (field.locked) return
|
|
31
31
|
const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key)
|
|
32
32
|
if (url.searchParams.has(field.key)) {
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
<Icon path={mdiCheck} class="fill-base-content/50" size={21} />
|
|
107
107
|
{:else if $urlParam.has(field.key)}
|
|
108
108
|
<Icon path={mdiCheckCircleOutline} class="fill-primary" size={21} />
|
|
109
|
-
{:else if field
|
|
109
|
+
{:else if field._visible}
|
|
110
110
|
<Icon path={mdiCheck} class="fill-success" size={21} />
|
|
111
111
|
{:else}
|
|
112
112
|
<Icon path={mdiCircleSmall} class="fill-base-content/50" size={21} />
|
|
@@ -1,29 +1,41 @@
|
|
|
1
|
-
<script lang="ts"
|
|
2
|
-
import { component, type ComponentAndProps } from '../../utils/component.js'
|
|
1
|
+
<script lang="ts">
|
|
3
2
|
import { type TableField, TableFieldsEdition } from './index.js'
|
|
4
|
-
import {
|
|
5
|
-
|
|
3
|
+
import {
|
|
4
|
+
TableHeadBoolean,
|
|
5
|
+
TableHeadDate,
|
|
6
|
+
TableHeadDefault,
|
|
7
|
+
TableHeadNumber,
|
|
8
|
+
TableHeadSelect,
|
|
9
|
+
TableHeadString
|
|
10
|
+
} from './head/index.js'
|
|
6
11
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
if (typeof field.head === 'function') return field.head(field)
|
|
17
|
-
if (typeof field.head === 'string') return tableHeadComponent(field.head, {})(field)
|
|
18
|
-
return field.head
|
|
19
|
-
}
|
|
12
|
+
let {
|
|
13
|
+
fields,
|
|
14
|
+
key,
|
|
15
|
+
onCreateField
|
|
16
|
+
}: {
|
|
17
|
+
fields: TableField[]
|
|
18
|
+
key: string
|
|
19
|
+
onCreateField?: () => void
|
|
20
|
+
} = $props()
|
|
20
21
|
</script>
|
|
21
22
|
|
|
22
23
|
<thead>
|
|
23
24
|
<tr class="shadow">
|
|
24
|
-
{#each fields.filter((f) => f
|
|
25
|
-
{
|
|
26
|
-
|
|
25
|
+
{#each fields.filter((f) => f._visible) as field (field.key)}
|
|
26
|
+
{#if !field.type}
|
|
27
|
+
<TableHeadDefault {field} />
|
|
28
|
+
{:else if field.type === 'string' || field.type === 'textarea'}
|
|
29
|
+
<TableHeadString {field} />
|
|
30
|
+
{:else if field.type === 'number'}
|
|
31
|
+
<TableHeadNumber {field} />
|
|
32
|
+
{:else if field.type === 'boolean'}
|
|
33
|
+
<TableHeadBoolean {field} />
|
|
34
|
+
{:else if field.type === 'date'}
|
|
35
|
+
<TableHeadDate {field} />
|
|
36
|
+
{:else if field.options}
|
|
37
|
+
<TableHeadSelect {field} options={field.options} />
|
|
38
|
+
{/if}
|
|
27
39
|
{/each}
|
|
28
40
|
<TableFieldsEdition {fields} {key} {onCreateField} />
|
|
29
41
|
</tr>
|
|
@@ -1,34 +1,9 @@
|
|
|
1
1
|
import { type TableField } from './index.js';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
};
|
|
10
|
-
events(): {} & {
|
|
11
|
-
[evt: string]: CustomEvent<any>;
|
|
12
|
-
};
|
|
13
|
-
slots(): {};
|
|
14
|
-
bindings(): string;
|
|
15
|
-
exports(): {};
|
|
16
|
-
}
|
|
17
|
-
interface $$IsomorphicComponent {
|
|
18
|
-
new <Item extends {
|
|
19
|
-
id: string;
|
|
20
|
-
}>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
21
|
-
$$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
|
|
22
|
-
} & ReturnType<__sveltets_Render<Item>['exports']>;
|
|
23
|
-
<Item extends {
|
|
24
|
-
id: string;
|
|
25
|
-
}>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
|
|
26
|
-
$$events?: ReturnType<__sveltets_Render<Item>['events']>;
|
|
27
|
-
}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
28
|
-
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
29
|
-
}
|
|
30
|
-
declare const TableHead: $$IsomorphicComponent;
|
|
31
|
-
type TableHead<Item extends {
|
|
32
|
-
id: string;
|
|
33
|
-
}> = InstanceType<typeof TableHead<Item>>;
|
|
2
|
+
type $$ComponentProps = {
|
|
3
|
+
fields: TableField[];
|
|
4
|
+
key: string;
|
|
5
|
+
onCreateField?: () => void;
|
|
6
|
+
};
|
|
7
|
+
declare const TableHead: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
8
|
+
type TableHead = ReturnType<typeof TableHead>;
|
|
34
9
|
export default TableHead;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
|
|
3
|
-
import { component, type ComponentAndProps } from '../../../utils/component.js'
|
|
4
|
-
|
|
5
|
-
export let value: (ComponentAndProps | string | number | boolean)[]
|
|
2
|
+
let { cell }: { cell: (string | number | boolean)[] } = $props()
|
|
6
3
|
</script>
|
|
7
4
|
|
|
8
5
|
<td>
|
|
9
|
-
{#each
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
{#each cell as content}
|
|
7
|
+
<span class="badge mr-1 whitespace-nowrap">
|
|
8
|
+
{content}
|
|
9
|
+
</span>
|
|
13
10
|
{/each}
|
|
14
11
|
</td>
|
|
@@ -1,21 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
(internal: unknown, props: Props & {
|
|
7
|
-
$$events?: Events;
|
|
8
|
-
$$slots?: Slots;
|
|
9
|
-
}): Exports & {
|
|
10
|
-
$set?: any;
|
|
11
|
-
$on?: any;
|
|
12
|
-
};
|
|
13
|
-
z_$$bindings?: Bindings;
|
|
14
|
-
}
|
|
15
|
-
declare const TableCellArray: $$__sveltets_2_IsomorphicComponent<{
|
|
16
|
-
value: (ComponentAndProps | string | number | boolean)[];
|
|
17
|
-
}, {
|
|
18
|
-
[evt: string]: CustomEvent<any>;
|
|
19
|
-
}, {}, {}, string>;
|
|
20
|
-
type TableCellArray = InstanceType<typeof TableCellArray>;
|
|
1
|
+
type $$ComponentProps = {
|
|
2
|
+
cell: (string | number | boolean)[];
|
|
3
|
+
};
|
|
4
|
+
declare const TableCellArray: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
5
|
+
type TableCellArray = ReturnType<typeof TableCellArray>;
|
|
21
6
|
export default TableCellArray;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { mdiCheck, mdiClose } from '@mdi/js'
|
|
3
3
|
import { Icon } from '../../icon/index.js'
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
let { cell }: { cell: boolean } = $props()
|
|
5
6
|
</script>
|
|
6
7
|
|
|
7
8
|
<td>
|
|
8
|
-
{#if
|
|
9
|
+
{#if cell}
|
|
9
10
|
<Icon path={mdiCheck} class="fill-success" />
|
|
10
11
|
{:else}
|
|
11
12
|
<Icon path={mdiClose} class="fill-error" />
|
|
@@ -1,20 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
$$events?: Events;
|
|
7
|
-
$$slots?: Slots;
|
|
8
|
-
}): Exports & {
|
|
9
|
-
$set?: any;
|
|
10
|
-
$on?: any;
|
|
11
|
-
};
|
|
12
|
-
z_$$bindings?: Bindings;
|
|
13
|
-
}
|
|
14
|
-
declare const TableCellBoolean: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
-
value: boolean;
|
|
16
|
-
}, {
|
|
17
|
-
[evt: string]: CustomEvent<any>;
|
|
18
|
-
}, {}, {}, string>;
|
|
19
|
-
type TableCellBoolean = InstanceType<typeof TableCellBoolean>;
|
|
1
|
+
type $$ComponentProps = {
|
|
2
|
+
cell: boolean;
|
|
3
|
+
};
|
|
4
|
+
declare const TableCellBoolean: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
5
|
+
type TableCellBoolean = ReturnType<typeof TableCellBoolean>;
|
|
20
6
|
export default TableCellBoolean;
|
|
@@ -1,20 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
$$events?: Events;
|
|
7
|
-
$$slots?: Slots;
|
|
8
|
-
}): Exports & {
|
|
9
|
-
$set?: any;
|
|
10
|
-
$on?: any;
|
|
11
|
-
};
|
|
12
|
-
z_$$bindings?: Bindings;
|
|
13
|
-
}
|
|
14
|
-
declare const TableCellNumber: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
-
value: number;
|
|
16
|
-
}, {
|
|
17
|
-
[evt: string]: CustomEvent<any>;
|
|
18
|
-
}, {}, {}, string>;
|
|
19
|
-
type TableCellNumber = InstanceType<typeof TableCellNumber>;
|
|
1
|
+
type $$ComponentProps = {
|
|
2
|
+
cell: number;
|
|
3
|
+
};
|
|
4
|
+
declare const TableCellNumber: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
5
|
+
type TableCellNumber = ReturnType<typeof TableCellNumber>;
|
|
20
6
|
export default TableCellNumber;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import type { TableField } from '../index.js'
|
|
1
|
+
<script lang="ts" generics="Item extends ItemBase">
|
|
2
|
+
import type { ItemBase, TableField } from '../index.js'
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
export let field: TableField
|
|
4
|
+
let { cell, field }: { cell: string; field: TableField<Item> } = $props()
|
|
6
5
|
</script>
|
|
7
6
|
|
|
8
7
|
<td data-field-key={field.key} data-field-type={field.type === 'textarea' ? 'textarea' : 'string'}>
|
|
9
|
-
|
|
8
|
+
<!-- TODO: Sanitize -->
|
|
9
|
+
<span>{@html cell}</span>
|
|
10
10
|
</td>
|
|
@@ -1,22 +1,28 @@
|
|
|
1
|
-
import type { TableField } from '../index.js';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
(internal: unknown, props: Props & {
|
|
7
|
-
$$events?: Events;
|
|
8
|
-
$$slots?: Slots;
|
|
9
|
-
}): Exports & {
|
|
10
|
-
$set?: any;
|
|
11
|
-
$on?: any;
|
|
1
|
+
import type { ItemBase, TableField } from '../index.js';
|
|
2
|
+
declare function $$render<Item extends ItemBase>(): {
|
|
3
|
+
props: {
|
|
4
|
+
cell: string;
|
|
5
|
+
field: TableField<Item>;
|
|
12
6
|
};
|
|
13
|
-
|
|
7
|
+
exports: {};
|
|
8
|
+
bindings: "";
|
|
9
|
+
slots: {};
|
|
10
|
+
events: {};
|
|
11
|
+
};
|
|
12
|
+
declare class __sveltets_Render<Item extends ItemBase> {
|
|
13
|
+
props(): ReturnType<typeof $$render<Item>>['props'];
|
|
14
|
+
events(): ReturnType<typeof $$render<Item>>['events'];
|
|
15
|
+
slots(): ReturnType<typeof $$render<Item>>['slots'];
|
|
16
|
+
bindings(): "";
|
|
17
|
+
exports(): {};
|
|
14
18
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
interface $$IsomorphicComponent {
|
|
20
|
+
new <Item extends ItemBase>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
|
|
21
|
+
$$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
|
|
22
|
+
} & ReturnType<__sveltets_Render<Item>['exports']>;
|
|
23
|
+
<Item extends ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
|
|
24
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
25
|
+
}
|
|
26
|
+
declare const TableCellString: $$IsomorphicComponent;
|
|
27
|
+
type TableCellString<Item extends ItemBase> = InstanceType<typeof TableCellString<Item>>;
|
|
22
28
|
export default TableCellString;
|