finso-vue-components 0.5.5 → 0.5.6
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/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 +688 -532
- package/dist/finso-vue-components.umd.cjs +1 -1
- package/dist/index.d.ts +4 -0
- package/package.json +1 -1
|
@@ -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_22: {}, __VLS_72: {};
|
|
19
|
+
type __VLS_Slots = {} & {
|
|
20
|
+
logo?: (props: typeof __VLS_22) => any;
|
|
21
|
+
} & {
|
|
22
|
+
footer?: (props: typeof __VLS_72) => 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-b91fde10]{object-fit:contain}.f-data-table__logo-avatar[data-v-b91fde10]{background-color:#fff}.f-data-table__actions[data-v-b91fde10]{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-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}
|