finso-vue-components 0.5.5 → 0.5.7
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/components/FDialog/FDialog.vue.d.ts +19 -4
- package/dist/components/FNavMenu/FNavMenu.vue.d.ts +43 -0
- package/dist/components/FNavMenu/index.d.ts +2 -0
- package/dist/components/FToolBar/FToolBar.vue.d.ts +2 -2
- package/dist/finso-vue-components.css +1 -1
- package/dist/finso-vue-components.js +815 -581
- package/dist/finso-vue-components.umd.cjs +1 -1
- package/dist/index.d.ts +4 -0
- package/package.json +1 -1
|
@@ -3,18 +3,27 @@ export interface FDialogProps {
|
|
|
3
3
|
persistent?: boolean;
|
|
4
4
|
transition?: string;
|
|
5
5
|
hideClose?: boolean;
|
|
6
|
+
/** Show a confirmation dialog when user clicks the close button */
|
|
7
|
+
confirmOnClose?: boolean;
|
|
8
|
+
/** Whether the form has unsaved changes. Confirmation only shows when dirty. */
|
|
9
|
+
isDirty?: boolean;
|
|
10
|
+
/** Labels for the close confirmation dialog (i18n-free) */
|
|
11
|
+
labelCloseTitle?: string;
|
|
12
|
+
labelCloseMessage?: string;
|
|
13
|
+
labelCloseConfirm?: string;
|
|
14
|
+
labelCloseCancel?: string;
|
|
6
15
|
}
|
|
7
16
|
type __VLS_Props = FDialogProps;
|
|
8
17
|
type __VLS_PublicProps = __VLS_Props & {
|
|
9
18
|
modelValue?: boolean;
|
|
10
19
|
};
|
|
11
|
-
declare var
|
|
20
|
+
declare var __VLS_13: {}, __VLS_31: {}, __VLS_37: {};
|
|
12
21
|
type __VLS_Slots = {} & {
|
|
13
|
-
header?: (props: typeof
|
|
22
|
+
header?: (props: typeof __VLS_13) => any;
|
|
14
23
|
} & {
|
|
15
|
-
default?: (props: typeof
|
|
24
|
+
default?: (props: typeof __VLS_31) => any;
|
|
16
25
|
} & {
|
|
17
|
-
footer?: (props: typeof
|
|
26
|
+
footer?: (props: typeof __VLS_37) => any;
|
|
18
27
|
};
|
|
19
28
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
29
|
"update:modelValue": (value: boolean | undefined) => any;
|
|
@@ -27,6 +36,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
27
36
|
transition: string;
|
|
28
37
|
persistent: boolean;
|
|
29
38
|
hideClose: boolean;
|
|
39
|
+
confirmOnClose: boolean;
|
|
40
|
+
isDirty: boolean;
|
|
41
|
+
labelCloseTitle: string;
|
|
42
|
+
labelCloseMessage: string;
|
|
43
|
+
labelCloseConfirm: string;
|
|
44
|
+
labelCloseCancel: string;
|
|
30
45
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
31
46
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
32
47
|
export default _default;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export interface FNavMenuItem {
|
|
2
|
+
icon: string;
|
|
3
|
+
name?: string;
|
|
4
|
+
text: string;
|
|
5
|
+
path?: string;
|
|
6
|
+
dialogName?: string;
|
|
7
|
+
parent?: boolean;
|
|
8
|
+
children?: FNavMenuItem[];
|
|
9
|
+
}
|
|
10
|
+
export interface FNavMenuProps {
|
|
11
|
+
items: FNavMenuItem[];
|
|
12
|
+
logo?: string;
|
|
13
|
+
activeRouteName?: string;
|
|
14
|
+
opened?: string[];
|
|
15
|
+
density?: 'default' | 'comfortable' | 'compact';
|
|
16
|
+
openStrategy?: 'single' | 'multiple' | 'list';
|
|
17
|
+
}
|
|
18
|
+
declare var __VLS_21: {}, __VLS_75: {};
|
|
19
|
+
type __VLS_Slots = {} & {
|
|
20
|
+
logo?: (props: typeof __VLS_21) => any;
|
|
21
|
+
} & {
|
|
22
|
+
footer?: (props: typeof __VLS_75) => any;
|
|
23
|
+
};
|
|
24
|
+
declare const __VLS_component: import("vue").DefineComponent<FNavMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
|
+
"item-select": (item: FNavMenuItem) => any;
|
|
26
|
+
"logo-click": () => any;
|
|
27
|
+
}, string, import("vue").PublicProps, Readonly<FNavMenuProps> & Readonly<{
|
|
28
|
+
"onItem-select"?: ((item: FNavMenuItem) => any) | undefined;
|
|
29
|
+
"onLogo-click"?: (() => any) | undefined;
|
|
30
|
+
}>, {
|
|
31
|
+
density: "default" | "comfortable" | "compact";
|
|
32
|
+
logo: string;
|
|
33
|
+
openStrategy: "single" | "multiple" | "list";
|
|
34
|
+
opened: string[];
|
|
35
|
+
activeRouteName: string;
|
|
36
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
37
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
38
|
+
export default _default;
|
|
39
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -32,9 +32,9 @@ type __VLS_PublicProps = __VLS_Props & {
|
|
|
32
32
|
'searchTerm'?: string;
|
|
33
33
|
'activeFilters'?: any[];
|
|
34
34
|
};
|
|
35
|
-
declare var
|
|
35
|
+
declare var __VLS_97: {};
|
|
36
36
|
type __VLS_Slots = {} & {
|
|
37
|
-
actions?: (props: typeof
|
|
37
|
+
actions?: (props: typeof __VLS_97) => any;
|
|
38
38
|
};
|
|
39
39
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
40
40
|
newRecord: () => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.f-data-table__logo[data-v-
|
|
1
|
+
.f-data-table__logo[data-v-ed71d11c]{object-fit:contain}.f-data-table__logo-avatar[data-v-ed71d11c]{background-color:#fff}.f-data-table__actions[data-v-ed71d11c]{display:flex;gap:4px;align-items:center;min-width:80px}[data-v-7639bf96] .v-time-picker{min-height:540px}[data-v-313419c1] .v-picker-title{display:none}.f-toolbar__filter-chip{border:1px solid rgba(var(--v-theme-secondary))!important}.f-toolbar__search-filters-wrapper{display:flex;align-items:center;gap:8px}.f-toolbar__search-input .v-icon{font-size:18px}.f-toolbar__search-input{width:280px;background:rgba(var(--v-theme-text-color),.03)!important;border-radius:12px}.f-toolbar__filter-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;background:rgb(var(--v-theme-primary))!important;border-radius:8px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.f-toolbar__btn--has-filters{color:rgb(var(--v-theme-primary))!important}.f-toolbar__new-record-btn:hover{box-shadow:0 4px 12px rgba(var(--v-theme-primary),.4)}.f-toolbar__btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:10px;color:rgba(var(--v-theme-text-color),.7)!important;cursor:pointer;transition:all .2s ease}.f-toolbar__btn:hover{background:rgba(var(--v-theme-primary),.08)!important;border-color:rgba(var(--v-theme-primary),.15)!important;color:rgb(var(--v-theme-primary))!important}.f-toolbar__active-filters-wrapper{display:flex;gap:4px}.f-toolbar__clear-filters-btn-mini{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px dashed rgba(var(--v-theme-text-color),.25);border-radius:50%;color:rgba(var(--v-theme-text-color),.5)!important;transition:all .2s ease}.f-toolbar__clear-filters-btn-mini:hover{border-color:rgba(var(--v-theme-error),.4)!important;color:rgb(var(--v-theme-error))!important;background:rgba(var(--v-theme-error),.05)!important}.f-toolbar__filter-clear-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:transparent;border:1px solid rgba(var(--v-theme-text-color),.12);border-radius:8px;font-size:12px;font-weight:500;color:rgba(var(--v-theme-text-color),.6);cursor:pointer;transition:all .2s ease}.f-toolbar__filter-clear-btn:hover{background:rgba(var(--v-theme-error),.08);border-color:rgba(var(--v-theme-error),.25);color:rgb(var(--v-theme-error))}.f-toolbar__filter-header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--v-theme-primary),.1)!important;border-radius:8px;color:rgb(var(--v-theme-primary))!important}.f-toolbar__filter-header-text{display:flex;flex-direction:column}.f-toolbar__filter-title{font-size:14px;font-weight:600;color:rgb(var(--v-theme-text-color))}.f-toolbar__filter-subtitle{font-size:11px;color:rgba(var(--v-theme-text-color),.5)}.f-toolbar__filter-chip .v-chip__close{background:rgba(var(--v-theme-secondary),.2);padding:2px;border-radius:50%;font-size:13px}.f-toolbar__filter-chip .v-chip__close:hover{background:rgba(var(--v-theme-error),.2);color:rgba(var(--v-theme-error),.5)}.f-toolbar__filter-apply-btn{text-transform:none!important;letter-spacing:0}.f-navmenu{display:flex;flex-direction:column;height:100%}.f-navmenu__logo{flex-shrink:0}.f-navmenu__scrollable{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin}.f-navmenu__scrollable::-webkit-scrollbar{width:4px}.f-navmenu__scrollable::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:4px}.f-navmenu__scrollable::-webkit-scrollbar-track{background:transparent}.f-nav-menu-active{background:linear-gradient(135deg,rgba(var(--v-theme-primary),.1),rgba(var(--v-theme-primary),.05));color:rgb(var(--v-theme-primary));border:1px solid rgba(var(--v-theme-primary),.25);box-shadow:none;overflow:hidden}.f-nav-menu-active .f-nav-menu__active-indicator{opacity:1;transform:scaleY(1)}.f-nav-menu__active-indicator{position:absolute;left:0;top:0;width:5px;height:40px;background:linear-gradient(180deg,rgb(var(--v-theme-primary)),rgba(var(--v-theme-primary),.5));opacity:0}.f-navmenu__menu .v-list-item-title{color:rgba(var(--v-theme-text-color),.75)!important;font-weight:500;letter-spacing:.2px}
|