morya-ui 0.2.2 → 0.2.4
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/CHANGELOG.md +33 -0
- package/dist/Card-BQfmv5Iw.js +62 -0
- package/dist/FlyoutSubmenu-BC_cl17_.js +49 -0
- package/dist/ScrollBody-CXFNhBvq.js +68 -0
- package/dist/accordion/style.css +625 -583
- package/dist/auto-complete/style.css +625 -583
- package/dist/avatar/style.css +625 -583
- package/dist/badge/style.css +625 -583
- package/dist/block-ui/style.css +625 -583
- package/dist/breadcrumb/style.css +625 -583
- package/dist/button/style.css +625 -583
- package/dist/card/index.js +2 -62
- package/dist/card/style.css +625 -583
- package/dist/carousel/style.css +625 -583
- package/dist/cascade-select/style.css +625 -583
- package/dist/checkbox/style.css +625 -583
- package/dist/chip/style.css +625 -583
- package/dist/command-menu/style.css +625 -583
- package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
- package/dist/components/ContextMenu/ContextMenuNodes.vue.d.ts.map +1 -1
- package/dist/components/ContextMenu/styles.css +33 -4
- package/dist/components/Dropdown/Dropdown.vue.d.ts +2 -2
- package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
- package/dist/components/Dropdown/DropdownNodes.vue.d.ts +2 -2
- package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map +1 -1
- package/dist/components/Dropdown/styles.css +11 -0
- package/dist/components/Gallery/Gallery.vue.d.ts +2 -2
- package/dist/components/Gallery/Gallery.vue.d.ts.map +1 -1
- package/dist/components/Gallery/styles.css +5 -1
- package/dist/components/Layout/Layout.vue.d.ts +4 -3
- package/dist/components/Layout/Layout.vue.d.ts.map +1 -1
- package/dist/components/Layout/LayoutContent.vue.d.ts +2 -2
- package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
- package/dist/components/Layout/LayoutScrollContext.vue.d.ts +20 -0
- package/dist/components/Layout/LayoutScrollContext.vue.d.ts.map +1 -0
- package/dist/components/Layout/LayoutScrollRegion.vue.d.ts +34 -0
- package/dist/components/Layout/LayoutScrollRegion.vue.d.ts.map +1 -0
- package/dist/components/Layout/LayoutSider.vue.d.ts +2 -2
- package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
- package/dist/components/Layout/composables/useLayoutScroll.d.ts +4 -1
- package/dist/components/Layout/composables/useLayoutScroll.d.ts.map +1 -1
- package/dist/components/Layout/styles.css +35 -13
- package/dist/components/Layout/types.d.ts +2 -0
- package/dist/components/Layout/types.d.ts.map +1 -1
- package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
- package/dist/components/Menu/styles.css +10 -0
- package/dist/components/Menubar/Menubar.vue.d.ts +2 -2
- package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
- package/dist/components/Menubar/styles.css +14 -0
- package/dist/components/OrderList/OrderList.vue.d.ts +4 -4
- package/dist/components/OrderList/OrderList.vue.d.ts.map +1 -1
- package/dist/components/Page/PageContent.vue.d.ts +19 -0
- package/dist/components/Page/PageContent.vue.d.ts.map +1 -0
- package/dist/components/Page/PageFilters.vue.d.ts +16 -0
- package/dist/components/Page/PageFilters.vue.d.ts.map +1 -0
- package/dist/components/Page/PageHeader.vue.d.ts +22 -0
- package/dist/components/Page/PageHeader.vue.d.ts.map +1 -0
- package/dist/components/Page/PagePlaceholder.vue.d.ts +20 -0
- package/dist/components/Page/PagePlaceholder.vue.d.ts.map +1 -0
- package/dist/components/Page/PageSection.vue.d.ts +19 -0
- package/dist/components/Page/PageSection.vue.d.ts.map +1 -0
- package/dist/components/Page/PageStat.vue.d.ts +18 -0
- package/dist/components/Page/PageStat.vue.d.ts.map +1 -0
- package/dist/components/Page/PageToolbar.vue.d.ts +20 -0
- package/dist/components/Page/PageToolbar.vue.d.ts.map +1 -0
- package/dist/components/Page/index.d.ts +9 -0
- package/dist/components/Page/index.d.ts.map +1 -0
- package/dist/components/Page/styles.css +193 -0
- package/dist/components/Page/types.d.ts +54 -0
- package/dist/components/Page/types.d.ts.map +1 -0
- package/dist/components/PickList/PickList.vue.d.ts +7 -7
- package/dist/components/PickList/PickList.vue.d.ts.map +1 -1
- package/dist/components/ScrollTop/ScrollTop.vue.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.vue.d.ts +3 -3
- package/dist/components/Tabs/Tabs.vue.d.ts.map +1 -1
- package/dist/components/Tabs/styles.css +72 -77
- package/dist/components/Terminal/Terminal.vue.d.ts.map +1 -1
- package/dist/components/Terminal/styles.css +6 -2
- package/dist/components/TieredMenu/TieredMenu.vue.d.ts.map +1 -1
- package/dist/components/TieredMenu/styles.css +33 -4
- package/dist/components/Timeline/Timeline.vue.d.ts +35 -10
- package/dist/components/Timeline/Timeline.vue.d.ts.map +1 -1
- package/dist/components/Timeline/styles.css +159 -156
- package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
- package/dist/components/TreeSelect/styles.css +15 -0
- package/dist/components/TreeTable/TreeTable.vue.d.ts +2 -2
- package/dist/components/TreeTable/TreeTable.vue.d.ts.map +1 -1
- package/dist/components/TreeTable/styles.css +64 -61
- package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts +2 -2
- package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts.map +1 -1
- package/dist/components/VirtualScroller/styles.css +20 -17
- package/dist/config-provider/style.css +625 -583
- package/dist/confirm-dialog/style.css +625 -583
- package/dist/confirm-popup/style.css +625 -583
- package/dist/context-menu/index.js +131 -89
- package/dist/context-menu/style.css +781 -587
- package/dist/context-menu/style.js +1 -0
- package/dist/data-view/style.css +625 -583
- package/dist/date-picker/style.css +625 -583
- package/dist/dialog/style.css +625 -583
- package/dist/divider/style.css +625 -583
- package/dist/dock/style.css +625 -583
- package/dist/drawer/style.css +625 -583
- package/dist/dropdown/index.js +162 -122
- package/dist/dropdown/style.css +759 -583
- package/dist/dropdown/style.js +1 -0
- package/dist/fieldset/style.css +625 -583
- package/dist/file-upload/style.css +625 -583
- package/dist/flex/style.css +625 -583
- package/dist/float-label/style.css +625 -583
- package/dist/fluid/style.css +625 -583
- package/dist/form/style.css +625 -583
- package/dist/gallery/index.js +76 -67
- package/dist/gallery/style.css +753 -584
- package/dist/gallery/style.js +1 -0
- package/dist/grid/style.css +625 -583
- package/dist/icon/style.css +625 -583
- package/dist/icon-field/style.css +625 -583
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2366 -1745
- package/dist/inplace/style.css +625 -583
- package/dist/input/style.css +625 -583
- package/dist/input-color/style.css +625 -583
- package/dist/input-group/style.css +625 -583
- package/dist/input-number/style.css +625 -583
- package/dist/input-otp/style.css +625 -583
- package/dist/input-password/style.css +625 -583
- package/dist/input-tags/style.css +625 -583
- package/dist/knob/style.css +625 -583
- package/dist/label/style.css +625 -583
- package/dist/layout/index.js +235 -136
- package/dist/layout/style.css +783 -596
- package/dist/layout/style.js +1 -0
- package/dist/listbox/style.css +625 -583
- package/dist/mega-menu/style.css +625 -583
- package/dist/menu/index.js +233 -216
- package/dist/menu/style.css +758 -583
- package/dist/menu/style.js +1 -0
- package/dist/menubar/index.js +77 -68
- package/dist/menubar/style.css +762 -583
- package/dist/menubar/style.js +1 -0
- package/dist/message/style.css +625 -583
- package/dist/meter-group/style.css +625 -583
- package/dist/order-list/index.js +66 -58
- package/dist/order-list/style.css +625 -583
- package/dist/page/index.js +176 -0
- package/dist/page/style.css +1199 -0
- package/dist/page/style.js +5 -0
- package/dist/pagination/style.css +625 -583
- package/dist/panel/style.css +625 -583
- package/dist/pick-list/index.js +97 -84
- package/dist/pick-list/style.css +625 -583
- package/dist/popover/style.css +625 -583
- package/dist/progress-bar/style.css +625 -583
- package/dist/progress-spinner/style.css +625 -583
- package/dist/radio/style.css +625 -583
- package/dist/rating/style.css +625 -583
- package/dist/resolver-map.d.ts.map +1 -1
- package/dist/resolver.js +7 -0
- package/dist/scroll-top/index.js +23 -13
- package/dist/scroll-top/style.css +748 -583
- package/dist/scroll-top/style.js +1 -0
- package/dist/scrollbar/style.css +625 -583
- package/dist/select/style.css +625 -583
- package/dist/select-button/style.css +625 -583
- package/dist/shared/FlyoutSubmenu.vue.d.ts +32 -0
- package/dist/shared/FlyoutSubmenu.vue.d.ts.map +1 -0
- package/dist/shared/ScrollBody.vue.d.ts +39 -0
- package/dist/shared/ScrollBody.vue.d.ts.map +1 -0
- package/dist/sidebar/style.css +625 -583
- package/dist/skeleton/style.css +625 -583
- package/dist/slider/style.css +625 -583
- package/dist/space/style.css +625 -583
- package/dist/speed-dial/style.css +625 -583
- package/dist/split-button/style.css +625 -583
- package/dist/splitter/style.css +625 -583
- package/dist/stepper/style.css +625 -583
- package/dist/styles/base.css +625 -583
- package/dist/styles.css +1 -1
- package/dist/switch/style.css +625 -583
- package/dist/table/style.css +625 -583
- package/dist/tabs/index.js +92 -81
- package/dist/tabs/style.css +818 -658
- package/dist/tabs/style.js +1 -0
- package/dist/tag/style.css +625 -583
- package/dist/terminal/index.js +47 -40
- package/dist/terminal/style.css +631 -585
- package/dist/textarea/style.css +625 -583
- package/dist/tiered-menu/index.js +130 -84
- package/dist/tiered-menu/style.css +781 -587
- package/dist/tiered-menu/style.js +1 -0
- package/dist/timeline/index.js +82 -37
- package/dist/timeline/style.css +907 -739
- package/dist/timeline/style.js +1 -0
- package/dist/toast/style.css +625 -583
- package/dist/toggle-button/style.css +625 -583
- package/dist/toolbar/style.css +625 -583
- package/dist/tooltip/style.css +625 -583
- package/dist/tree/style.css +625 -583
- package/dist/tree-select/index.js +202 -193
- package/dist/tree-select/style.css +763 -583
- package/dist/tree-select/style.js +1 -0
- package/dist/tree-table/index.js +57 -50
- package/dist/tree-table/style.css +689 -644
- package/dist/virtual-scroller/index.js +38 -34
- package/dist/virtual-scroller/style.css +775 -607
- package/dist/virtual-scroller/style.js +1 -0
- package/package.json +8 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TieredMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TieredMenu/TieredMenu.vue"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"TieredMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TieredMenu/TieredMenu.vue"],"names":[],"mappings":";;AAsRA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,SAAS,CAAA;AAygB9D,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -3,17 +3,31 @@
|
|
|
3
3
|
--m-tieredmenu-submenu-min-width: 10rem;
|
|
4
4
|
--m-tieredmenu-min-width: 12rem;
|
|
5
5
|
--m-tieredmenu-item-gap: 0.125rem;
|
|
6
|
+
--m-tieredmenu-max-height: min(18rem, 45vh);
|
|
6
7
|
background: var(--m-color-surface);
|
|
7
8
|
border: var(--m-border-width) solid var(--m-color-border);
|
|
8
9
|
border-radius: var(--m-radius-md);
|
|
9
10
|
display: flex;
|
|
10
11
|
flex-direction: column;
|
|
11
12
|
gap: var(--m-tieredmenu-item-gap);
|
|
13
|
+
max-height: var(--m-tieredmenu-max-height);
|
|
12
14
|
min-width: var(--m-tieredmenu-min-width);
|
|
15
|
+
overflow: hidden;
|
|
13
16
|
padding: var(--m-space-1);
|
|
14
17
|
position: relative;
|
|
15
18
|
}
|
|
16
19
|
|
|
20
|
+
.m-tieredmenu__scroll {
|
|
21
|
+
max-height: 100%;
|
|
22
|
+
min-height: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.m-tieredmenu__scroll-view {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
gap: var(--m-tieredmenu-item-gap);
|
|
29
|
+
}
|
|
30
|
+
|
|
17
31
|
.m-tieredmenu--popup {
|
|
18
32
|
box-shadow: var(--m-shadow-md);
|
|
19
33
|
position: absolute;
|
|
@@ -68,6 +82,7 @@
|
|
|
68
82
|
}
|
|
69
83
|
|
|
70
84
|
.m-tieredmenu__submenu {
|
|
85
|
+
--m-tieredmenu-submenu-max-height: min(18rem, 45vh);
|
|
71
86
|
background: var(--m-color-surface);
|
|
72
87
|
border: var(--m-border-width) solid var(--m-color-border);
|
|
73
88
|
border-radius: var(--m-radius-md);
|
|
@@ -75,12 +90,26 @@
|
|
|
75
90
|
display: flex;
|
|
76
91
|
flex-direction: column;
|
|
77
92
|
gap: var(--m-tieredmenu-item-gap);
|
|
78
|
-
|
|
93
|
+
max-height: var(--m-tieredmenu-submenu-max-height);
|
|
79
94
|
min-width: var(--m-tieredmenu-submenu-min-width);
|
|
95
|
+
overflow: hidden;
|
|
80
96
|
padding: var(--m-space-1);
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.m-tieredmenu__submenu--teleported {
|
|
100
|
+
position: fixed;
|
|
101
|
+
z-index: var(--m-z-dropdown);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.m-tieredmenu__submenu-scroll {
|
|
105
|
+
max-height: calc(var(--m-tieredmenu-submenu-max-height) - var(--m-space-2));
|
|
106
|
+
min-height: 0;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.m-tieredmenu__submenu-view {
|
|
110
|
+
display: flex;
|
|
111
|
+
flex-direction: column;
|
|
112
|
+
gap: var(--m-tieredmenu-item-gap);
|
|
84
113
|
}
|
|
85
114
|
|
|
86
115
|
.m-tieredmenu__separator {
|
|
@@ -1,31 +1,56 @@
|
|
|
1
1
|
import { TimelineEvent, TimelineProps, TimelineLayout, TimelineAlign } from './types';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
declare var
|
|
3
|
+
declare var __VLS_8: {
|
|
4
4
|
item: TimelineEvent;
|
|
5
5
|
index: number;
|
|
6
|
-
},
|
|
6
|
+
}, __VLS_10: {
|
|
7
7
|
item: TimelineEvent;
|
|
8
8
|
index: number;
|
|
9
|
-
},
|
|
9
|
+
}, __VLS_12: {
|
|
10
10
|
item: TimelineEvent;
|
|
11
11
|
index: number;
|
|
12
|
-
},
|
|
12
|
+
}, __VLS_19: {
|
|
13
13
|
item: TimelineEvent;
|
|
14
14
|
index: number;
|
|
15
|
-
},
|
|
15
|
+
}, __VLS_21: {
|
|
16
|
+
item: TimelineEvent;
|
|
17
|
+
index: number;
|
|
18
|
+
}, __VLS_23: {
|
|
19
|
+
item: TimelineEvent;
|
|
20
|
+
index: number;
|
|
21
|
+
}, __VLS_25: {
|
|
22
|
+
item: TimelineEvent;
|
|
23
|
+
index: number;
|
|
24
|
+
}, __VLS_27: {
|
|
25
|
+
item: TimelineEvent;
|
|
26
|
+
index: number;
|
|
27
|
+
}, __VLS_34: {
|
|
28
|
+
item: TimelineEvent;
|
|
29
|
+
index: number;
|
|
30
|
+
}, __VLS_36: {
|
|
16
31
|
item: TimelineEvent;
|
|
17
32
|
index: number;
|
|
18
33
|
};
|
|
19
34
|
type __VLS_Slots = {} & {
|
|
20
|
-
item?: (props: typeof
|
|
35
|
+
item?: (props: typeof __VLS_8) => any;
|
|
36
|
+
} & {
|
|
37
|
+
opposite?: (props: typeof __VLS_10) => any;
|
|
38
|
+
} & {
|
|
39
|
+
marker?: (props: typeof __VLS_12) => any;
|
|
40
|
+
} & {
|
|
41
|
+
connector?: (props: typeof __VLS_19) => any;
|
|
42
|
+
} & {
|
|
43
|
+
content?: (props: typeof __VLS_21) => any;
|
|
44
|
+
} & {
|
|
45
|
+
item?: (props: typeof __VLS_23) => any;
|
|
21
46
|
} & {
|
|
22
|
-
opposite?: (props: typeof
|
|
47
|
+
opposite?: (props: typeof __VLS_25) => any;
|
|
23
48
|
} & {
|
|
24
|
-
marker?: (props: typeof
|
|
49
|
+
marker?: (props: typeof __VLS_27) => any;
|
|
25
50
|
} & {
|
|
26
|
-
connector?: (props: typeof
|
|
51
|
+
connector?: (props: typeof __VLS_34) => any;
|
|
27
52
|
} & {
|
|
28
|
-
content?: (props: typeof
|
|
53
|
+
content?: (props: typeof __VLS_36) => any;
|
|
29
54
|
};
|
|
30
55
|
declare const __VLS_base: DefineComponent<TimelineProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimelineProps> & Readonly<{}>, {
|
|
31
56
|
layout: TimelineLayout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Timeline.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.vue"],"names":[],"mappings":";AAwKA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAoB,MAAM,SAAS,CAAA;AAsS7E,QAAA,IAAI,OAAO;;;CAAU,EAAE,QAAQ;;;CAAU,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAY,CAAE;AACpN,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAMhD,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1,156 +1,159 @@
|
|
|
1
|
-
/* —— Data: Timeline —— */
|
|
2
|
-
.m-timeline {
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
list-style: none;
|
|
6
|
-
margin: 0;
|
|
7
|
-
padding: 0;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.m-timeline__event {
|
|
11
|
-
display: grid;
|
|
12
|
-
gap: var(--m-space-3);
|
|
13
|
-
grid-template-columns: 1fr auto 1fr;
|
|
14
|
-
min-height: var(--m-timeline-event-min-height);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.m-timeline__event--left .m-timeline__content {
|
|
18
|
-
grid-column: 3;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.m-timeline__event--left .m-timeline__opposite {
|
|
22
|
-
grid-column: 1;
|
|
23
|
-
text-align: end;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.m-timeline__event--right .m-timeline__content {
|
|
27
|
-
grid-column: 1;
|
|
28
|
-
text-align: end;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.m-timeline__event--right .m-timeline__opposite {
|
|
32
|
-
grid-column: 3;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.m-timeline__separator {
|
|
36
|
-
align-items: center;
|
|
37
|
-
display: flex;
|
|
38
|
-
flex-direction: column;
|
|
39
|
-
grid-column: 2;
|
|
40
|
-
grid-row: 1;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.m-timeline__marker {
|
|
44
|
-
align-items: center;
|
|
45
|
-
background: var(--m-color-surface);
|
|
46
|
-
border: 2px solid var(--m-color-primary);
|
|
47
|
-
border-radius: 50%;
|
|
48
|
-
color: var(--m-color-primary);
|
|
49
|
-
display: inline-flex;
|
|
50
|
-
font-size: var(--m-font-size-xs);
|
|
51
|
-
height: var(--m-timeline-marker-size);
|
|
52
|
-
justify-content: center;
|
|
53
|
-
width: var(--m-timeline-marker-size);
|
|
54
|
-
z-index: 1;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.m-timeline__marker--success {
|
|
58
|
-
border-color: var(--m-color-success);
|
|
59
|
-
color: var(--m-color-success);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.m-timeline__marker--info {
|
|
63
|
-
border-color: var(--m-color-info);
|
|
64
|
-
color: var(--m-color-info);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.m-timeline__marker--warn,
|
|
68
|
-
.m-timeline__marker--warning {
|
|
69
|
-
border-color: var(--m-color-warn);
|
|
70
|
-
color: var(--m-color-warn);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.m-timeline__marker--error,
|
|
74
|
-
.m-timeline__marker--danger {
|
|
75
|
-
border-color: var(--m-color-danger);
|
|
76
|
-
color: var(--m-color-danger);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.m-timeline__marker--help {
|
|
80
|
-
border-color: var(--m-color-help);
|
|
81
|
-
color: var(--m-color-help);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.m-timeline__connector {
|
|
85
|
-
background: var(--m-color-border);
|
|
86
|
-
flex: 1;
|
|
87
|
-
min-height: var(--m-control-height-small);
|
|
88
|
-
width: 2px;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.m-timeline__event:last-child .m-timeline__connector {
|
|
92
|
-
visibility: hidden;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.m-timeline__status {
|
|
96
|
-
color: var(--m-color-text-muted);
|
|
97
|
-
font-size: var(--m-font-size-sm);
|
|
98
|
-
font-weight: 600;
|
|
99
|
-
margin-bottom: var(--m-space-1);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.m-timeline__opposite {
|
|
103
|
-
color: var(--m-color-text-muted);
|
|
104
|
-
font-size: var(--m-font-size-md);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.m-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
.m-timeline--horizontal .m-timeline__event--
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
1
|
+
/* —— Data: Timeline —— */
|
|
2
|
+
.m-timeline {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
list-style: none;
|
|
6
|
+
margin: 0;
|
|
7
|
+
padding: 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.m-timeline__event {
|
|
11
|
+
display: grid;
|
|
12
|
+
gap: var(--m-space-3);
|
|
13
|
+
grid-template-columns: 1fr auto 1fr;
|
|
14
|
+
min-height: var(--m-timeline-event-min-height);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.m-timeline__event--left .m-timeline__content {
|
|
18
|
+
grid-column: 3;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.m-timeline__event--left .m-timeline__opposite {
|
|
22
|
+
grid-column: 1;
|
|
23
|
+
text-align: end;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.m-timeline__event--right .m-timeline__content {
|
|
27
|
+
grid-column: 1;
|
|
28
|
+
text-align: end;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.m-timeline__event--right .m-timeline__opposite {
|
|
32
|
+
grid-column: 3;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.m-timeline__separator {
|
|
36
|
+
align-items: center;
|
|
37
|
+
display: flex;
|
|
38
|
+
flex-direction: column;
|
|
39
|
+
grid-column: 2;
|
|
40
|
+
grid-row: 1;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.m-timeline__marker {
|
|
44
|
+
align-items: center;
|
|
45
|
+
background: var(--m-color-surface);
|
|
46
|
+
border: 2px solid var(--m-color-primary);
|
|
47
|
+
border-radius: 50%;
|
|
48
|
+
color: var(--m-color-primary);
|
|
49
|
+
display: inline-flex;
|
|
50
|
+
font-size: var(--m-font-size-xs);
|
|
51
|
+
height: var(--m-timeline-marker-size);
|
|
52
|
+
justify-content: center;
|
|
53
|
+
width: var(--m-timeline-marker-size);
|
|
54
|
+
z-index: 1;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.m-timeline__marker--success {
|
|
58
|
+
border-color: var(--m-color-success);
|
|
59
|
+
color: var(--m-color-success);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.m-timeline__marker--info {
|
|
63
|
+
border-color: var(--m-color-info);
|
|
64
|
+
color: var(--m-color-info);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.m-timeline__marker--warn,
|
|
68
|
+
.m-timeline__marker--warning {
|
|
69
|
+
border-color: var(--m-color-warn);
|
|
70
|
+
color: var(--m-color-warn);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.m-timeline__marker--error,
|
|
74
|
+
.m-timeline__marker--danger {
|
|
75
|
+
border-color: var(--m-color-danger);
|
|
76
|
+
color: var(--m-color-danger);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.m-timeline__marker--help {
|
|
80
|
+
border-color: var(--m-color-help);
|
|
81
|
+
color: var(--m-color-help);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.m-timeline__connector {
|
|
85
|
+
background: var(--m-color-border);
|
|
86
|
+
flex: 1;
|
|
87
|
+
min-height: var(--m-control-height-small);
|
|
88
|
+
width: 2px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.m-timeline__event:last-child .m-timeline__connector {
|
|
92
|
+
visibility: hidden;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.m-timeline__status {
|
|
96
|
+
color: var(--m-color-text-muted);
|
|
97
|
+
font-size: var(--m-font-size-sm);
|
|
98
|
+
font-weight: 600;
|
|
99
|
+
margin-bottom: var(--m-space-1);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.m-timeline__opposite {
|
|
103
|
+
color: var(--m-color-text-muted);
|
|
104
|
+
font-size: var(--m-font-size-md);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.m-timeline__scroll--horizontal {
|
|
108
|
+
width: 100%;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.m-timeline--horizontal {
|
|
112
|
+
flex-direction: row;
|
|
113
|
+
width: max-content;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.m-timeline--horizontal .m-timeline__event {
|
|
117
|
+
flex: 1 0 10rem;
|
|
118
|
+
grid-template-columns: 1fr;
|
|
119
|
+
grid-template-rows: auto auto auto;
|
|
120
|
+
min-height: 0;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.m-timeline--horizontal .m-timeline__separator {
|
|
124
|
+
flex-direction: row;
|
|
125
|
+
grid-column: 1;
|
|
126
|
+
grid-row: 2;
|
|
127
|
+
width: 100%;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.m-timeline--horizontal .m-timeline__connector {
|
|
131
|
+
height: 2px;
|
|
132
|
+
min-height: 0;
|
|
133
|
+
min-width: var(--m-control-affix-size);
|
|
134
|
+
width: auto;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.m-timeline--horizontal .m-timeline__opposite {
|
|
138
|
+
grid-column: 1;
|
|
139
|
+
grid-row: 1;
|
|
140
|
+
text-align: start;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.m-timeline--horizontal .m-timeline__content {
|
|
144
|
+
grid-column: 1;
|
|
145
|
+
grid-row: 3;
|
|
146
|
+
text-align: start;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.m-timeline--horizontal .m-timeline__event--left .m-timeline__content,
|
|
150
|
+
.m-timeline--horizontal .m-timeline__event--right .m-timeline__content,
|
|
151
|
+
.m-timeline--horizontal .m-timeline__event--left .m-timeline__opposite,
|
|
152
|
+
.m-timeline--horizontal .m-timeline__event--right .m-timeline__opposite {
|
|
153
|
+
grid-column: 1;
|
|
154
|
+
text-align: start;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.m-timeline__event--pending .m-timeline__marker {
|
|
158
|
+
border-style: dashed;
|
|
159
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TreeSelect/TreeSelect.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TreeSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TreeSelect/TreeSelect.vue"],"names":[],"mappings":";AA6eA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAitB/E,QAAA,IAAI,OAAO;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAS7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -95,18 +95,28 @@
|
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.m-treeselect__panel {
|
|
98
|
+
--m-treeselect-panel-max-height: min(18rem, 45vh);
|
|
99
|
+
--m-treeselect-list-max-height: var(--m-treeselect-panel-max-height);
|
|
98
100
|
background: var(--m-color-surface);
|
|
99
101
|
border: var(--m-border-width) solid var(--m-color-border);
|
|
100
102
|
border-radius: var(--m-radius-md);
|
|
101
103
|
box-shadow: var(--m-shadow-md);
|
|
104
|
+
display: flex;
|
|
105
|
+
flex-direction: column;
|
|
102
106
|
left: 0;
|
|
103
107
|
margin-top: var(--m-space-1);
|
|
108
|
+
max-height: var(--m-treeselect-panel-max-height);
|
|
104
109
|
min-width: 100%;
|
|
110
|
+
overflow: hidden;
|
|
105
111
|
position: absolute;
|
|
106
112
|
top: 100%;
|
|
107
113
|
z-index: var(--m-z-popper);
|
|
108
114
|
}
|
|
109
115
|
|
|
116
|
+
.m-treeselect__panel:has(.m-treeselect__filter) {
|
|
117
|
+
--m-treeselect-list-max-height: calc(var(--m-treeselect-panel-max-height) - 2.75rem);
|
|
118
|
+
}
|
|
119
|
+
|
|
110
120
|
.m-treeselect__panel--teleported {
|
|
111
121
|
margin-top: 0;
|
|
112
122
|
position: fixed;
|
|
@@ -114,6 +124,11 @@
|
|
|
114
124
|
z-index: var(--m-z-dropdown);
|
|
115
125
|
}
|
|
116
126
|
|
|
127
|
+
.m-treeselect__tree-scroll {
|
|
128
|
+
max-height: var(--m-treeselect-list-max-height);
|
|
129
|
+
min-height: 0;
|
|
130
|
+
}
|
|
131
|
+
|
|
117
132
|
.m-treeselect__tree,
|
|
118
133
|
.m-treeselect__node ul {
|
|
119
134
|
list-style: none;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TreeTableNode, TreeTableProps } from './types';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
declare var
|
|
3
|
+
declare var __VLS_15: {};
|
|
4
4
|
type __VLS_Slots = {} & {
|
|
5
|
-
empty?: (props: typeof
|
|
5
|
+
empty?: (props: typeof __VLS_15) => any;
|
|
6
6
|
};
|
|
7
7
|
declare const __VLS_base: DefineComponent<TreeTableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
8
8
|
"update:expandedKeys": (value: Record<string, boolean>) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TreeTable/TreeTable.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TreeTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TreeTable/TreeTable.vue"],"names":[],"mappings":";AAkFA,OAAO,KAAK,EAAkB,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAqJ5E,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1,61 +1,64 @@
|
|
|
1
|
-
/* —— Data: TreeTable —— */
|
|
2
|
-
.m-treetable {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
1
|
+
/* —— Data: TreeTable —— */
|
|
2
|
+
.m-treetable {
|
|
3
|
+
width: 100%;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.m-treetable__scrollbar {
|
|
7
|
+
max-width: 100%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.m-treetable__table {
|
|
11
|
+
border-collapse: collapse;
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.m-treetable__table th,
|
|
16
|
+
.m-treetable__cell {
|
|
17
|
+
border-bottom: var(--m-border-width) solid var(--m-color-border);
|
|
18
|
+
padding: var(--m-space-2) var(--m-space-3);
|
|
19
|
+
text-align: left;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.m-treetable__table th {
|
|
23
|
+
background: var(--m-table-header-bg);
|
|
24
|
+
font-size: var(--m-font-size-sm);
|
|
25
|
+
font-weight: 600;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.m-treetable__tree-cell {
|
|
29
|
+
align-items: center;
|
|
30
|
+
display: flex;
|
|
31
|
+
gap: var(--m-space-1);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.m-treetable__toggler,
|
|
35
|
+
.m-treetable__toggler-spacer {
|
|
36
|
+
background: transparent;
|
|
37
|
+
border: 0;
|
|
38
|
+
color: var(--m-color-text-muted);
|
|
39
|
+
flex: 0 0 1.25rem;
|
|
40
|
+
font: inherit;
|
|
41
|
+
height: 1.25rem;
|
|
42
|
+
padding: 0;
|
|
43
|
+
width: 1.25rem;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.m-treetable__message {
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
justify-content: center;
|
|
50
|
+
min-height: calc(var(--m-control-height-medium, 2.5rem) * 2);
|
|
51
|
+
padding: var(--m-space-5);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.m-treetable__expansion-cell {
|
|
55
|
+
background: color-mix(in srgb, var(--m-color-primary) 6%, var(--m-color-surface));
|
|
56
|
+
padding: var(--m-space-3);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.m-treetable__empty-text {
|
|
60
|
+
margin: 0;
|
|
61
|
+
color: var(--m-color-text-muted);
|
|
62
|
+
font-size: var(--m-font-size-sm);
|
|
63
|
+
line-height: 1.5;
|
|
64
|
+
}
|