@enki-tek/fms-web-components 0.0.70 → 0.0.72
Sign up to get free protection for your applications and to get access to all the features.
- package/components/Alert/Alert.svelte.d.ts +1 -1
- package/components/Badge/Badge.svelte +0 -1
- package/components/Button/Button.svelte +2 -1
- package/components/Button/Button.svelte.d.ts +8 -0
- package/components/Layout/LayOut.svelte +1 -1
- package/components/Layout/Page.svelte +1 -2
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
2
|
declare const __propDef: {
|
|
3
3
|
props: {
|
|
4
|
-
color?: "
|
|
4
|
+
color?: "danger" | "info" | "success" | "warning" | undefined;
|
|
5
5
|
};
|
|
6
6
|
events: {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
@@ -6,7 +6,6 @@ let badgeStyles = [`m-0`, `mt-1`, `custom-badge`, className];
|
|
|
6
6
|
if (badgeConfig.hasOwnProperty(config)) {
|
|
7
7
|
badgeStyles = [...badgeConfig[config], ...badgeStyles];
|
|
8
8
|
}
|
|
9
|
-
console.log("badgeStyles:", badgeStyles);
|
|
10
9
|
</script>
|
|
11
10
|
|
|
12
11
|
<Badge pill color="none" class={badgeStyles.join(' ')}>
|
|
@@ -10,10 +10,11 @@
|
|
|
10
10
|
export let disabled =false;
|
|
11
11
|
export let className = "";
|
|
12
12
|
export let id='';
|
|
13
|
+
export let actived={state:false,color:'danger'};
|
|
13
14
|
|
|
14
15
|
let buttonStyles = [className];
|
|
15
16
|
if (buttonConfig.hasOwnProperty(config)) {
|
|
16
|
-
buttonStyles = ['ebtn', ...buttonConfig[config], `ebg-${shade}`, `eoutline-${outlineShade}`, `ebtn-${size}`,`ebtn-${shade}:hover`,`ebtn-${shade}:focus` ,`disabled`,className];
|
|
17
|
+
buttonStyles = ['ebtn', ...buttonConfig[config], `ebg-${shade}`,`ebg-${actived.state === true ? actived.color : ''}`, `eoutline-${outlineShade}`, `ebtn-${size}`,`ebtn-${shade}:hover`,`ebtn-${shade}:focus` ,`disabled`,className];
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
// icon button
|
|
@@ -17,6 +17,10 @@ export default class Button extends SvelteComponentTyped<{
|
|
|
17
17
|
shade?: string | undefined;
|
|
18
18
|
outlineShade?: string | undefined;
|
|
19
19
|
className?: string | undefined;
|
|
20
|
+
actived?: {
|
|
21
|
+
state: boolean;
|
|
22
|
+
color: string;
|
|
23
|
+
} | undefined;
|
|
20
24
|
}, {
|
|
21
25
|
click: MouseEvent;
|
|
22
26
|
focus: FocusEvent;
|
|
@@ -48,6 +52,10 @@ declare const __propDef: {
|
|
|
48
52
|
shade?: string | undefined;
|
|
49
53
|
outlineShade?: string | undefined;
|
|
50
54
|
className?: string | undefined;
|
|
55
|
+
actived?: {
|
|
56
|
+
state: boolean;
|
|
57
|
+
color: string;
|
|
58
|
+
} | undefined;
|
|
51
59
|
};
|
|
52
60
|
events: {
|
|
53
61
|
click: MouseEvent;
|