@bexis2/bexis2-core-ui 0.2.13 → 0.2.15
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 +9 -0
- package/dist/components/file/FileUploader.svelte.d.ts +2 -2
- package/dist/components/form/MultiSelect.svelte +2 -0
- package/dist/components/form/MultiSelect.svelte.d.ts +2 -0
- package/dist/components/page/Page.svelte +56 -56
- package/dist/index.d.ts +1 -1
- package/dist/models/Models.d.ts +1 -4
- package/package.json +1 -1
- package/src/lib/components/file/FileUploader.svelte +2 -2
- package/src/lib/components/form/MultiSelect.svelte +2 -0
- package/src/lib/components/page/Page.svelte +96 -96
- package/src/lib/index.ts +1 -1
- package/src/lib/models/Models.ts +1 -4
package/README.md
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
# bexis-core-ui
|
|
2
|
+
## v0.2.15
|
|
3
|
+
- Page - centered -> min width defined
|
|
4
|
+
- MultiSelect -> add crealable
|
|
5
|
+
|
|
6
|
+
## v0.2.14
|
|
7
|
+
- change fileUploaderModel to FileUploaderType
|
|
8
|
+
- remove AllFilesReadable, AsciiFileReaderInfo & LastModification from fileuploaderType
|
|
9
|
+
-
|
|
10
|
+
|
|
2
11
|
## v0.2.13
|
|
3
12
|
- add file reader types
|
|
4
13
|
- fileReaderInfoType,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type {
|
|
2
|
+
import type { fileUploaderType } from '../../models/Models.js';
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
id?: number | undefined;
|
|
@@ -7,7 +7,7 @@ declare const __propDef: {
|
|
|
7
7
|
start?: string | undefined;
|
|
8
8
|
submit?: string | undefined;
|
|
9
9
|
context?: string | undefined;
|
|
10
|
-
data:
|
|
10
|
+
data: fileUploaderType | undefined;
|
|
11
11
|
};
|
|
12
12
|
events: {
|
|
13
13
|
error: CustomEvent<any>;
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
export let invalid = false;
|
|
21
21
|
export let loading = false;
|
|
22
22
|
export let help = false;
|
|
23
|
+
export let clearable = true;
|
|
23
24
|
|
|
24
25
|
let isLoaded = false;
|
|
25
26
|
|
|
@@ -150,6 +151,7 @@
|
|
|
150
151
|
{placeholder}
|
|
151
152
|
hasError={invalid}
|
|
152
153
|
{loading}
|
|
154
|
+
{clearable}
|
|
153
155
|
on:change
|
|
154
156
|
on:input
|
|
155
157
|
on:focus
|
|
@@ -18,6 +18,7 @@ export default class MultiSelect extends SvelteComponentTyped<{
|
|
|
18
18
|
complexSource?: boolean | undefined;
|
|
19
19
|
placeholder?: string | undefined;
|
|
20
20
|
loading?: boolean | undefined;
|
|
21
|
+
clearable?: boolean | undefined;
|
|
21
22
|
}, {
|
|
22
23
|
change: CustomEvent<any>;
|
|
23
24
|
input: CustomEvent<any>;
|
|
@@ -54,6 +55,7 @@ declare const __propDef: {
|
|
|
54
55
|
complexSource?: boolean | undefined;
|
|
55
56
|
placeholder?: string | undefined;
|
|
56
57
|
loading?: boolean | undefined;
|
|
58
|
+
clearable?: boolean | undefined;
|
|
57
59
|
};
|
|
58
60
|
events: {
|
|
59
61
|
change: CustomEvent<any>;
|
|
@@ -24,59 +24,59 @@ onMount(async () => {
|
|
|
24
24
|
breadcrumbStore.clean();
|
|
25
25
|
breadcrumbStore.addItem({ label: title, link: window.location.pathname });
|
|
26
26
|
});
|
|
27
|
-
</script>
|
|
28
|
-
|
|
29
|
-
<AppShell>
|
|
30
|
-
<!--header-->
|
|
31
|
-
<svelte:fragment slot="header">
|
|
32
|
-
<AppBar padding="0" spacing="space-y-0" background="white">
|
|
33
|
-
<svelte:fragment slot="headline">
|
|
34
|
-
<Header />
|
|
35
|
-
{#if true}
|
|
36
|
-
<Menu />
|
|
37
|
-
{/if}
|
|
38
|
-
|
|
39
|
-
<div class="grid grid-cols-2">
|
|
40
|
-
<Breadcrumb {title} />
|
|
41
|
-
<Docs {links} {note} />
|
|
42
|
-
</div>
|
|
43
|
-
</svelte:fragment>
|
|
44
|
-
</AppBar>
|
|
45
|
-
</svelte:fragment>
|
|
46
|
-
|
|
47
|
-
<svelte:fragment slot="footer">
|
|
48
|
-
<Footer />
|
|
49
|
-
</svelte:fragment>
|
|
50
|
-
|
|
51
|
-
<slot name="description" />
|
|
52
|
-
|
|
53
|
-
<div class="flex flex-initial space-x-5">
|
|
54
|
-
{#if $$slots.left}
|
|
55
|
-
<div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
|
|
56
|
-
<slot name="left" />
|
|
57
|
-
</div>
|
|
58
|
-
{/if}
|
|
59
|
-
|
|
60
|
-
{#if contentLayoutType === pageContentLayoutType.center}
|
|
61
|
-
<div class="flex justify-center w-screen">
|
|
62
|
-
<div class="max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
|
|
63
|
-
<slot />
|
|
64
|
-
</div>
|
|
65
|
-
</div>
|
|
66
|
-
{/if}
|
|
67
|
-
|
|
68
|
-
{#if contentLayoutType === pageContentLayoutType.full}
|
|
69
|
-
<div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
|
|
70
|
-
<slot />
|
|
71
|
-
</div>
|
|
72
|
-
{/if}
|
|
73
|
-
|
|
74
|
-
{#if $$slots.right}
|
|
75
|
-
<div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
|
|
76
|
-
<slot name="right" />
|
|
77
|
-
</div>
|
|
78
|
-
{/if}
|
|
79
|
-
</div>
|
|
80
|
-
|
|
81
|
-
<HelpPopUp active={help} />
|
|
82
|
-
</AppShell>
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<AppShell>
|
|
30
|
+
<!--header-->
|
|
31
|
+
<svelte:fragment slot="header">
|
|
32
|
+
<AppBar padding="0" spacing="space-y-0" background="white">
|
|
33
|
+
<svelte:fragment slot="headline">
|
|
34
|
+
<Header />
|
|
35
|
+
{#if true}
|
|
36
|
+
<Menu />
|
|
37
|
+
{/if}
|
|
38
|
+
|
|
39
|
+
<div class="grid grid-cols-2">
|
|
40
|
+
<Breadcrumb {title} />
|
|
41
|
+
<Docs {links} {note} />
|
|
42
|
+
</div>
|
|
43
|
+
</svelte:fragment>
|
|
44
|
+
</AppBar>
|
|
45
|
+
</svelte:fragment>
|
|
46
|
+
|
|
47
|
+
<svelte:fragment slot="footer">
|
|
48
|
+
<Footer />
|
|
49
|
+
</svelte:fragment>
|
|
50
|
+
|
|
51
|
+
<slot name="description" />
|
|
52
|
+
|
|
53
|
+
<div class="flex flex-initial space-x-5">
|
|
54
|
+
{#if $$slots.left}
|
|
55
|
+
<div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
|
|
56
|
+
<slot name="left" />
|
|
57
|
+
</div>
|
|
58
|
+
{/if}
|
|
59
|
+
|
|
60
|
+
{#if contentLayoutType === pageContentLayoutType.center}
|
|
61
|
+
<div class="flex justify-center w-screen">
|
|
62
|
+
<div class="w-full max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
|
|
63
|
+
<slot />
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
{/if}
|
|
67
|
+
|
|
68
|
+
{#if contentLayoutType === pageContentLayoutType.full}
|
|
69
|
+
<div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
|
|
70
|
+
<slot />
|
|
71
|
+
</div>
|
|
72
|
+
{/if}
|
|
73
|
+
|
|
74
|
+
{#if $$slots.right}
|
|
75
|
+
<div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
|
|
76
|
+
<slot name="right" />
|
|
77
|
+
</div>
|
|
78
|
+
{/if}
|
|
79
|
+
</div>
|
|
80
|
+
|
|
81
|
+
<HelpPopUp active={help} />
|
|
82
|
+
</AppShell>
|
package/dist/index.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ export { FileInfo, FileIcon, FileUploader };
|
|
|
24
24
|
export { Spinner, Page, Alert, Menu, ErrorMessage };
|
|
25
25
|
export { Api } from './services/Api.js';
|
|
26
26
|
export { host, username, password, setApiConfig } from './stores/apiStores.js';
|
|
27
|
-
export type { userType, inputType,
|
|
27
|
+
export type { userType, inputType, fileUploaderType, linkType, listItemType, keyValuePairType, fileInfoType, fileReaderInfoType, asciiFileReaderInfoType } from './models/Models.js';
|
|
28
28
|
export { helpStore } from './stores/pageStores';
|
|
29
29
|
export type { helpStoreType, helpItemType } from './models/Models';
|
|
30
30
|
export { positionType, pageContentLayoutType, decimalCharacterType, orientationType, textMarkerType, textSeperatorType } from './models/Enums';
|
package/dist/models/Models.d.ts
CHANGED
|
@@ -22,15 +22,12 @@ export interface fileInfoType {
|
|
|
22
22
|
description: string;
|
|
23
23
|
validationHash: string;
|
|
24
24
|
}
|
|
25
|
-
export interface
|
|
25
|
+
export interface fileUploaderType {
|
|
26
26
|
accept: string[];
|
|
27
27
|
existingFiles: fileInfoType[];
|
|
28
28
|
descriptionType: number;
|
|
29
29
|
multiple: boolean;
|
|
30
30
|
maxSize: number;
|
|
31
|
-
lastModification: Date;
|
|
32
|
-
allFilesReadable: boolean;
|
|
33
|
-
asciiFileReaderInfo: asciiFileReaderInfoType;
|
|
34
31
|
}
|
|
35
32
|
export interface asciiFileReaderInfoType extends fileReaderInfoType {
|
|
36
33
|
cells: boolean[];
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type { fileUploaderModel, fileInfoType, filesType } from '../../models/Models.js';
|
|
2
|
+
import type { fileUploaderModel, fileInfoType, filesType, fileUploaderType } from '../../models/Models.js';
|
|
3
3
|
|
|
4
4
|
import DropZone from 'svelte-file-dropzone/Dropzone.svelte';
|
|
5
5
|
import Fa from 'svelte-fa/src/fa.svelte';
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
export let context = '';
|
|
29
29
|
|
|
30
|
-
export let data:
|
|
30
|
+
export let data: fileUploaderType | undefined;
|
|
31
31
|
|
|
32
32
|
$: model = data;
|
|
33
33
|
$: submitBt = 'submit';
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
export let invalid = false;
|
|
21
21
|
export let loading = false;
|
|
22
22
|
export let help = false;
|
|
23
|
+
export let clearable = true;
|
|
23
24
|
|
|
24
25
|
let isLoaded = false;
|
|
25
26
|
|
|
@@ -150,6 +151,7 @@
|
|
|
150
151
|
{placeholder}
|
|
151
152
|
hasError={invalid}
|
|
152
153
|
{loading}
|
|
154
|
+
{clearable}
|
|
153
155
|
on:change
|
|
154
156
|
on:input
|
|
155
157
|
on:focus
|
|
@@ -1,96 +1,96 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { onMount } from 'svelte';
|
|
3
|
-
|
|
4
|
-
import type { linkType } from '$lib/models/Models';
|
|
5
|
-
import { pageContentLayoutType } from '$lib/models/Enums';
|
|
6
|
-
|
|
7
|
-
// ui components
|
|
8
|
-
import { AppShell, AppBar } from '@skeletonlabs/skeleton';
|
|
9
|
-
import Menu from './menu/Menu.svelte';
|
|
10
|
-
import Footer from './Footer.svelte';
|
|
11
|
-
import Header from './Header.svelte';
|
|
12
|
-
import HelpPopUp from './HelpPopUp.svelte';
|
|
13
|
-
import Breadcrumb from './breadcrumb/Breadcrumb.svelte';
|
|
14
|
-
|
|
15
|
-
//popup
|
|
16
|
-
import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
|
|
17
|
-
import { storePopup } from '@skeletonlabs/skeleton';
|
|
18
|
-
import { breadcrumbStore } from '$store/pageStores';
|
|
19
|
-
|
|
20
|
-
storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
|
|
21
|
-
|
|
22
|
-
// stores
|
|
23
|
-
import { helpStore } from '$store/pageStores';
|
|
24
|
-
import Docs from './Docs.svelte';
|
|
25
|
-
|
|
26
|
-
export let title = '';
|
|
27
|
-
export let note = '';
|
|
28
|
-
export let links: linkType[] = [];
|
|
29
|
-
|
|
30
|
-
// active or hide menu
|
|
31
|
-
export let menu: boolean = true;
|
|
32
|
-
export let footer: boolean = true;
|
|
33
|
-
export let help: boolean = false;
|
|
34
|
-
export let contentLayoutType: pageContentLayoutType = pageContentLayoutType.center;
|
|
35
|
-
|
|
36
|
-
onMount(async () => {
|
|
37
|
-
console.log('page');
|
|
38
|
-
breadcrumbStore.clean();
|
|
39
|
-
breadcrumbStore.addItem({ label: title, link: window.location.pathname });
|
|
40
|
-
});
|
|
41
|
-
</script>
|
|
42
|
-
|
|
43
|
-
<AppShell>
|
|
44
|
-
<!--header-->
|
|
45
|
-
<svelte:fragment slot="header">
|
|
46
|
-
<AppBar padding="0" spacing="space-y-0" background="white">
|
|
47
|
-
<svelte:fragment slot="headline">
|
|
48
|
-
<Header />
|
|
49
|
-
{#if true}
|
|
50
|
-
<Menu />
|
|
51
|
-
{/if}
|
|
52
|
-
|
|
53
|
-
<div class="grid grid-cols-2">
|
|
54
|
-
<Breadcrumb {title} />
|
|
55
|
-
<Docs {links} {note} />
|
|
56
|
-
</div>
|
|
57
|
-
</svelte:fragment>
|
|
58
|
-
</AppBar>
|
|
59
|
-
</svelte:fragment>
|
|
60
|
-
|
|
61
|
-
<svelte:fragment slot="footer">
|
|
62
|
-
<Footer />
|
|
63
|
-
</svelte:fragment>
|
|
64
|
-
|
|
65
|
-
<slot name="description" />
|
|
66
|
-
|
|
67
|
-
<div class="flex flex-initial space-x-5">
|
|
68
|
-
{#if $$slots.left}
|
|
69
|
-
<div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
|
|
70
|
-
<slot name="left" />
|
|
71
|
-
</div>
|
|
72
|
-
{/if}
|
|
73
|
-
|
|
74
|
-
{#if contentLayoutType === pageContentLayoutType.center}
|
|
75
|
-
<div class="flex justify-center w-screen">
|
|
76
|
-
<div class="max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
|
|
77
|
-
<slot />
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
{/if}
|
|
81
|
-
|
|
82
|
-
{#if contentLayoutType === pageContentLayoutType.full}
|
|
83
|
-
<div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
|
|
84
|
-
<slot />
|
|
85
|
-
</div>
|
|
86
|
-
{/if}
|
|
87
|
-
|
|
88
|
-
{#if $$slots.right}
|
|
89
|
-
<div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
|
|
90
|
-
<slot name="right" />
|
|
91
|
-
</div>
|
|
92
|
-
{/if}
|
|
93
|
-
</div>
|
|
94
|
-
|
|
95
|
-
<HelpPopUp active={help} />
|
|
96
|
-
</AppShell>
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { onMount } from 'svelte';
|
|
3
|
+
|
|
4
|
+
import type { linkType } from '$lib/models/Models';
|
|
5
|
+
import { pageContentLayoutType } from '$lib/models/Enums';
|
|
6
|
+
|
|
7
|
+
// ui components
|
|
8
|
+
import { AppShell, AppBar } from '@skeletonlabs/skeleton';
|
|
9
|
+
import Menu from './menu/Menu.svelte';
|
|
10
|
+
import Footer from './Footer.svelte';
|
|
11
|
+
import Header from './Header.svelte';
|
|
12
|
+
import HelpPopUp from './HelpPopUp.svelte';
|
|
13
|
+
import Breadcrumb from './breadcrumb/Breadcrumb.svelte';
|
|
14
|
+
|
|
15
|
+
//popup
|
|
16
|
+
import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
|
|
17
|
+
import { storePopup } from '@skeletonlabs/skeleton';
|
|
18
|
+
import { breadcrumbStore } from '$store/pageStores';
|
|
19
|
+
|
|
20
|
+
storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
|
|
21
|
+
|
|
22
|
+
// stores
|
|
23
|
+
import { helpStore } from '$store/pageStores';
|
|
24
|
+
import Docs from './Docs.svelte';
|
|
25
|
+
|
|
26
|
+
export let title = '';
|
|
27
|
+
export let note = '';
|
|
28
|
+
export let links: linkType[] = [];
|
|
29
|
+
|
|
30
|
+
// active or hide menu
|
|
31
|
+
export let menu: boolean = true;
|
|
32
|
+
export let footer: boolean = true;
|
|
33
|
+
export let help: boolean = false;
|
|
34
|
+
export let contentLayoutType: pageContentLayoutType = pageContentLayoutType.center;
|
|
35
|
+
|
|
36
|
+
onMount(async () => {
|
|
37
|
+
console.log('page');
|
|
38
|
+
breadcrumbStore.clean();
|
|
39
|
+
breadcrumbStore.addItem({ label: title, link: window.location.pathname });
|
|
40
|
+
});
|
|
41
|
+
</script>
|
|
42
|
+
|
|
43
|
+
<AppShell>
|
|
44
|
+
<!--header-->
|
|
45
|
+
<svelte:fragment slot="header">
|
|
46
|
+
<AppBar padding="0" spacing="space-y-0" background="white">
|
|
47
|
+
<svelte:fragment slot="headline">
|
|
48
|
+
<Header />
|
|
49
|
+
{#if true}
|
|
50
|
+
<Menu />
|
|
51
|
+
{/if}
|
|
52
|
+
|
|
53
|
+
<div class="grid grid-cols-2">
|
|
54
|
+
<Breadcrumb {title} />
|
|
55
|
+
<Docs {links} {note} />
|
|
56
|
+
</div>
|
|
57
|
+
</svelte:fragment>
|
|
58
|
+
</AppBar>
|
|
59
|
+
</svelte:fragment>
|
|
60
|
+
|
|
61
|
+
<svelte:fragment slot="footer">
|
|
62
|
+
<Footer />
|
|
63
|
+
</svelte:fragment>
|
|
64
|
+
|
|
65
|
+
<slot name="description" />
|
|
66
|
+
|
|
67
|
+
<div class="flex flex-initial space-x-5">
|
|
68
|
+
{#if $$slots.left}
|
|
69
|
+
<div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
|
|
70
|
+
<slot name="left" />
|
|
71
|
+
</div>
|
|
72
|
+
{/if}
|
|
73
|
+
|
|
74
|
+
{#if contentLayoutType === pageContentLayoutType.center}
|
|
75
|
+
<div class="flex justify-center w-screen">
|
|
76
|
+
<div class="w-full max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
|
|
77
|
+
<slot />
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
{/if}
|
|
81
|
+
|
|
82
|
+
{#if contentLayoutType === pageContentLayoutType.full}
|
|
83
|
+
<div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
|
|
84
|
+
<slot />
|
|
85
|
+
</div>
|
|
86
|
+
{/if}
|
|
87
|
+
|
|
88
|
+
{#if $$slots.right}
|
|
89
|
+
<div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
|
|
90
|
+
<slot name="right" />
|
|
91
|
+
</div>
|
|
92
|
+
{/if}
|
|
93
|
+
</div>
|
|
94
|
+
|
|
95
|
+
<HelpPopUp active={help} />
|
|
96
|
+
</AppShell>
|
package/src/lib/index.ts
CHANGED
package/src/lib/models/Models.ts
CHANGED
|
@@ -29,15 +29,12 @@ export interface fileInfoType {
|
|
|
29
29
|
validationHash: string;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
export interface
|
|
32
|
+
export interface fileUploaderType {
|
|
33
33
|
accept: string[];
|
|
34
34
|
existingFiles: fileInfoType[];
|
|
35
35
|
descriptionType: number;
|
|
36
36
|
multiple: boolean;
|
|
37
37
|
maxSize: number;
|
|
38
|
-
lastModification: Date;
|
|
39
|
-
allFilesReadable: boolean;
|
|
40
|
-
asciiFileReaderInfo: asciiFileReaderInfoType
|
|
41
38
|
}
|
|
42
39
|
|
|
43
40
|
export interface asciiFileReaderInfoType extends fileReaderInfoType {
|