@rkosafo/cai.components 0.0.18 → 0.0.20
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/layout/TF/Content/Content.svelte +6 -13
- package/dist/types/index.d.ts +5 -5
- package/dist/ui/breadcrumb/Breadcrumb.svelte +2 -2
- package/dist/ui/breadcrumb/Breadcrumb.svelte.d.ts +2 -2
- package/dist/ui/breadcrumb/index.d.ts +1 -1
- package/dist/ui/breadcrumb/index.js +1 -1
- package/package.json +1 -1
|
@@ -11,18 +11,11 @@
|
|
|
11
11
|
let { topBar, children }: TFContentWrapperProps = $props();
|
|
12
12
|
</script>
|
|
13
13
|
|
|
14
|
-
<section id="tf-content" class="h-full w-full">
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<BreadCrumb options={$breadCrumb} {activeBreadCrumb} on:click={optionClicked} />
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
{/if} -->
|
|
24
|
-
<div class=" h-full w-full flex-grow overflow-hidden">
|
|
25
|
-
{@render children()}
|
|
26
|
-
</div>
|
|
14
|
+
<section id="tf-content" class="flex h-full w-full flex-col">
|
|
15
|
+
<div>
|
|
16
|
+
{@render topBar?.()}
|
|
17
|
+
</div>
|
|
18
|
+
<section class="flex h-full w-full flex-grow rounded-tl-lg bg-[#f4f3ef]">
|
|
19
|
+
{@render children()}
|
|
27
20
|
</section>
|
|
28
21
|
</section>
|
package/dist/types/index.d.ts
CHANGED
|
@@ -781,18 +781,18 @@ export interface BoxProps extends svelteHTML.HTMLAttributes<HTMLDivElement> {
|
|
|
781
781
|
padding?: boolean;
|
|
782
782
|
shadow?: boolean;
|
|
783
783
|
}
|
|
784
|
-
export interface
|
|
784
|
+
export interface IBreadcrumb {
|
|
785
785
|
title: string;
|
|
786
786
|
component?: any;
|
|
787
787
|
props?: any;
|
|
788
788
|
path?: string;
|
|
789
789
|
}
|
|
790
|
-
export interface
|
|
791
|
-
options:
|
|
790
|
+
export interface BreadcrumbProps {
|
|
791
|
+
options: IBreadcrumb[];
|
|
792
792
|
activeBreadCrumb: string;
|
|
793
|
-
onclik?: (val:
|
|
793
|
+
onclik?: (val: IBreadcrumbClick) => void;
|
|
794
794
|
}
|
|
795
|
-
export interface
|
|
795
|
+
export interface IBreadcrumbClick {
|
|
796
796
|
title: string;
|
|
797
797
|
path?: string;
|
|
798
798
|
index: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { IconifyIcon, type
|
|
2
|
+
import { IconifyIcon, type BreadcrumbProps } from '../../index.js';
|
|
3
3
|
|
|
4
|
-
let { options = [], activeBreadCrumb = '', onclik }:
|
|
4
|
+
let { options = [], activeBreadCrumb = '', onclik }: BreadcrumbProps = $props();
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
7
|
<ul class="breadcrumb">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
declare const Breadcrumb: import("svelte").Component<
|
|
1
|
+
import { type BreadcrumbProps } from '../../index.js';
|
|
2
|
+
declare const Breadcrumb: import("svelte").Component<BreadcrumbProps, {}, "">;
|
|
3
3
|
type Breadcrumb = ReturnType<typeof Breadcrumb>;
|
|
4
4
|
export default Breadcrumb;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export { default as Breadcrumb } from './Breadcrumb.svelte';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export { default as Breadcrumb } from './Breadcrumb.svelte';
|