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.
Files changed (209) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/Card-BQfmv5Iw.js +62 -0
  3. package/dist/FlyoutSubmenu-BC_cl17_.js +49 -0
  4. package/dist/ScrollBody-CXFNhBvq.js +68 -0
  5. package/dist/accordion/style.css +625 -583
  6. package/dist/auto-complete/style.css +625 -583
  7. package/dist/avatar/style.css +625 -583
  8. package/dist/badge/style.css +625 -583
  9. package/dist/block-ui/style.css +625 -583
  10. package/dist/breadcrumb/style.css +625 -583
  11. package/dist/button/style.css +625 -583
  12. package/dist/card/index.js +2 -62
  13. package/dist/card/style.css +625 -583
  14. package/dist/carousel/style.css +625 -583
  15. package/dist/cascade-select/style.css +625 -583
  16. package/dist/checkbox/style.css +625 -583
  17. package/dist/chip/style.css +625 -583
  18. package/dist/command-menu/style.css +625 -583
  19. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  20. package/dist/components/ContextMenu/ContextMenuNodes.vue.d.ts.map +1 -1
  21. package/dist/components/ContextMenu/styles.css +33 -4
  22. package/dist/components/Dropdown/Dropdown.vue.d.ts +2 -2
  23. package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
  24. package/dist/components/Dropdown/DropdownNodes.vue.d.ts +2 -2
  25. package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map +1 -1
  26. package/dist/components/Dropdown/styles.css +11 -0
  27. package/dist/components/Gallery/Gallery.vue.d.ts +2 -2
  28. package/dist/components/Gallery/Gallery.vue.d.ts.map +1 -1
  29. package/dist/components/Gallery/styles.css +5 -1
  30. package/dist/components/Layout/Layout.vue.d.ts +4 -3
  31. package/dist/components/Layout/Layout.vue.d.ts.map +1 -1
  32. package/dist/components/Layout/LayoutContent.vue.d.ts +2 -2
  33. package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
  34. package/dist/components/Layout/LayoutScrollContext.vue.d.ts +20 -0
  35. package/dist/components/Layout/LayoutScrollContext.vue.d.ts.map +1 -0
  36. package/dist/components/Layout/LayoutScrollRegion.vue.d.ts +34 -0
  37. package/dist/components/Layout/LayoutScrollRegion.vue.d.ts.map +1 -0
  38. package/dist/components/Layout/LayoutSider.vue.d.ts +2 -2
  39. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  40. package/dist/components/Layout/composables/useLayoutScroll.d.ts +4 -1
  41. package/dist/components/Layout/composables/useLayoutScroll.d.ts.map +1 -1
  42. package/dist/components/Layout/styles.css +35 -13
  43. package/dist/components/Layout/types.d.ts +2 -0
  44. package/dist/components/Layout/types.d.ts.map +1 -1
  45. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  46. package/dist/components/Menu/styles.css +10 -0
  47. package/dist/components/Menubar/Menubar.vue.d.ts +2 -2
  48. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  49. package/dist/components/Menubar/styles.css +14 -0
  50. package/dist/components/OrderList/OrderList.vue.d.ts +4 -4
  51. package/dist/components/OrderList/OrderList.vue.d.ts.map +1 -1
  52. package/dist/components/Page/PageContent.vue.d.ts +19 -0
  53. package/dist/components/Page/PageContent.vue.d.ts.map +1 -0
  54. package/dist/components/Page/PageFilters.vue.d.ts +16 -0
  55. package/dist/components/Page/PageFilters.vue.d.ts.map +1 -0
  56. package/dist/components/Page/PageHeader.vue.d.ts +22 -0
  57. package/dist/components/Page/PageHeader.vue.d.ts.map +1 -0
  58. package/dist/components/Page/PagePlaceholder.vue.d.ts +20 -0
  59. package/dist/components/Page/PagePlaceholder.vue.d.ts.map +1 -0
  60. package/dist/components/Page/PageSection.vue.d.ts +19 -0
  61. package/dist/components/Page/PageSection.vue.d.ts.map +1 -0
  62. package/dist/components/Page/PageStat.vue.d.ts +18 -0
  63. package/dist/components/Page/PageStat.vue.d.ts.map +1 -0
  64. package/dist/components/Page/PageToolbar.vue.d.ts +20 -0
  65. package/dist/components/Page/PageToolbar.vue.d.ts.map +1 -0
  66. package/dist/components/Page/index.d.ts +9 -0
  67. package/dist/components/Page/index.d.ts.map +1 -0
  68. package/dist/components/Page/styles.css +193 -0
  69. package/dist/components/Page/types.d.ts +54 -0
  70. package/dist/components/Page/types.d.ts.map +1 -0
  71. package/dist/components/PickList/PickList.vue.d.ts +7 -7
  72. package/dist/components/PickList/PickList.vue.d.ts.map +1 -1
  73. package/dist/components/ScrollTop/ScrollTop.vue.d.ts.map +1 -1
  74. package/dist/components/Tabs/Tabs.vue.d.ts +3 -3
  75. package/dist/components/Tabs/Tabs.vue.d.ts.map +1 -1
  76. package/dist/components/Tabs/styles.css +72 -77
  77. package/dist/components/Terminal/Terminal.vue.d.ts.map +1 -1
  78. package/dist/components/Terminal/styles.css +6 -2
  79. package/dist/components/TieredMenu/TieredMenu.vue.d.ts.map +1 -1
  80. package/dist/components/TieredMenu/styles.css +33 -4
  81. package/dist/components/Timeline/Timeline.vue.d.ts +35 -10
  82. package/dist/components/Timeline/Timeline.vue.d.ts.map +1 -1
  83. package/dist/components/Timeline/styles.css +159 -156
  84. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  85. package/dist/components/TreeSelect/styles.css +15 -0
  86. package/dist/components/TreeTable/TreeTable.vue.d.ts +2 -2
  87. package/dist/components/TreeTable/TreeTable.vue.d.ts.map +1 -1
  88. package/dist/components/TreeTable/styles.css +64 -61
  89. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts +2 -2
  90. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts.map +1 -1
  91. package/dist/components/VirtualScroller/styles.css +20 -17
  92. package/dist/config-provider/style.css +625 -583
  93. package/dist/confirm-dialog/style.css +625 -583
  94. package/dist/confirm-popup/style.css +625 -583
  95. package/dist/context-menu/index.js +131 -89
  96. package/dist/context-menu/style.css +781 -587
  97. package/dist/context-menu/style.js +1 -0
  98. package/dist/data-view/style.css +625 -583
  99. package/dist/date-picker/style.css +625 -583
  100. package/dist/dialog/style.css +625 -583
  101. package/dist/divider/style.css +625 -583
  102. package/dist/dock/style.css +625 -583
  103. package/dist/drawer/style.css +625 -583
  104. package/dist/dropdown/index.js +162 -122
  105. package/dist/dropdown/style.css +759 -583
  106. package/dist/dropdown/style.js +1 -0
  107. package/dist/fieldset/style.css +625 -583
  108. package/dist/file-upload/style.css +625 -583
  109. package/dist/flex/style.css +625 -583
  110. package/dist/float-label/style.css +625 -583
  111. package/dist/fluid/style.css +625 -583
  112. package/dist/form/style.css +625 -583
  113. package/dist/gallery/index.js +76 -67
  114. package/dist/gallery/style.css +753 -584
  115. package/dist/gallery/style.js +1 -0
  116. package/dist/grid/style.css +625 -583
  117. package/dist/icon/style.css +625 -583
  118. package/dist/icon-field/style.css +625 -583
  119. package/dist/index.d.ts +8 -0
  120. package/dist/index.d.ts.map +1 -1
  121. package/dist/index.js +2366 -1745
  122. package/dist/inplace/style.css +625 -583
  123. package/dist/input/style.css +625 -583
  124. package/dist/input-color/style.css +625 -583
  125. package/dist/input-group/style.css +625 -583
  126. package/dist/input-number/style.css +625 -583
  127. package/dist/input-otp/style.css +625 -583
  128. package/dist/input-password/style.css +625 -583
  129. package/dist/input-tags/style.css +625 -583
  130. package/dist/knob/style.css +625 -583
  131. package/dist/label/style.css +625 -583
  132. package/dist/layout/index.js +235 -136
  133. package/dist/layout/style.css +783 -596
  134. package/dist/layout/style.js +1 -0
  135. package/dist/listbox/style.css +625 -583
  136. package/dist/mega-menu/style.css +625 -583
  137. package/dist/menu/index.js +233 -216
  138. package/dist/menu/style.css +758 -583
  139. package/dist/menu/style.js +1 -0
  140. package/dist/menubar/index.js +77 -68
  141. package/dist/menubar/style.css +762 -583
  142. package/dist/menubar/style.js +1 -0
  143. package/dist/message/style.css +625 -583
  144. package/dist/meter-group/style.css +625 -583
  145. package/dist/order-list/index.js +66 -58
  146. package/dist/order-list/style.css +625 -583
  147. package/dist/page/index.js +176 -0
  148. package/dist/page/style.css +1199 -0
  149. package/dist/page/style.js +5 -0
  150. package/dist/pagination/style.css +625 -583
  151. package/dist/panel/style.css +625 -583
  152. package/dist/pick-list/index.js +97 -84
  153. package/dist/pick-list/style.css +625 -583
  154. package/dist/popover/style.css +625 -583
  155. package/dist/progress-bar/style.css +625 -583
  156. package/dist/progress-spinner/style.css +625 -583
  157. package/dist/radio/style.css +625 -583
  158. package/dist/rating/style.css +625 -583
  159. package/dist/resolver-map.d.ts.map +1 -1
  160. package/dist/resolver.js +7 -0
  161. package/dist/scroll-top/index.js +23 -13
  162. package/dist/scroll-top/style.css +748 -583
  163. package/dist/scroll-top/style.js +1 -0
  164. package/dist/scrollbar/style.css +625 -583
  165. package/dist/select/style.css +625 -583
  166. package/dist/select-button/style.css +625 -583
  167. package/dist/shared/FlyoutSubmenu.vue.d.ts +32 -0
  168. package/dist/shared/FlyoutSubmenu.vue.d.ts.map +1 -0
  169. package/dist/shared/ScrollBody.vue.d.ts +39 -0
  170. package/dist/shared/ScrollBody.vue.d.ts.map +1 -0
  171. package/dist/sidebar/style.css +625 -583
  172. package/dist/skeleton/style.css +625 -583
  173. package/dist/slider/style.css +625 -583
  174. package/dist/space/style.css +625 -583
  175. package/dist/speed-dial/style.css +625 -583
  176. package/dist/split-button/style.css +625 -583
  177. package/dist/splitter/style.css +625 -583
  178. package/dist/stepper/style.css +625 -583
  179. package/dist/styles/base.css +625 -583
  180. package/dist/styles.css +1 -1
  181. package/dist/switch/style.css +625 -583
  182. package/dist/table/style.css +625 -583
  183. package/dist/tabs/index.js +92 -81
  184. package/dist/tabs/style.css +818 -658
  185. package/dist/tabs/style.js +1 -0
  186. package/dist/tag/style.css +625 -583
  187. package/dist/terminal/index.js +47 -40
  188. package/dist/terminal/style.css +631 -585
  189. package/dist/textarea/style.css +625 -583
  190. package/dist/tiered-menu/index.js +130 -84
  191. package/dist/tiered-menu/style.css +781 -587
  192. package/dist/tiered-menu/style.js +1 -0
  193. package/dist/timeline/index.js +82 -37
  194. package/dist/timeline/style.css +907 -739
  195. package/dist/timeline/style.js +1 -0
  196. package/dist/toast/style.css +625 -583
  197. package/dist/toggle-button/style.css +625 -583
  198. package/dist/toolbar/style.css +625 -583
  199. package/dist/tooltip/style.css +625 -583
  200. package/dist/tree/style.css +625 -583
  201. package/dist/tree-select/index.js +202 -193
  202. package/dist/tree-select/style.css +763 -583
  203. package/dist/tree-select/style.js +1 -0
  204. package/dist/tree-table/index.js +57 -50
  205. package/dist/tree-table/style.css +689 -644
  206. package/dist/virtual-scroller/index.js +38 -34
  207. package/dist/virtual-scroller/style.css +775 -607
  208. package/dist/virtual-scroller/style.js +1 -0
  209. package/package.json +8 -1
@@ -17,8 +17,12 @@
17
17
  }
18
18
 
19
19
  .m-terminal__body {
20
- flex: 1;
21
- overflow: auto;
20
+ flex: 1 1 auto;
21
+ min-height: 0;
22
+ overflow: hidden;
23
+ }
24
+
25
+ .m-terminal__body.m-terminal__scrollbar > .m-scrollbar__wrap {
22
26
  padding: var(--m-space-3);
23
27
  }
24
28
 
@@ -1 +1 @@
1
- {"version":3,"file":"TieredMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TieredMenu/TieredMenu.vue"],"names":[],"mappings":";;AA2OA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,SAAS,CAAA;AA6Z9D,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
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
- left: calc(100% + 0.25rem);
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
- position: absolute;
82
- top: 0;
83
- z-index: var(--m-z-popper);
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 __VLS_1: {
3
+ declare var __VLS_8: {
4
4
  item: TimelineEvent;
5
5
  index: number;
6
- }, __VLS_3: {
6
+ }, __VLS_10: {
7
7
  item: TimelineEvent;
8
8
  index: number;
9
- }, __VLS_5: {
9
+ }, __VLS_12: {
10
10
  item: TimelineEvent;
11
11
  index: number;
12
- }, __VLS_12: {
12
+ }, __VLS_19: {
13
13
  item: TimelineEvent;
14
14
  index: number;
15
- }, __VLS_14: {
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 __VLS_1) => any;
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 __VLS_3) => any;
47
+ opposite?: (props: typeof __VLS_25) => any;
23
48
  } & {
24
- marker?: (props: typeof __VLS_5) => any;
49
+ marker?: (props: typeof __VLS_27) => any;
25
50
  } & {
26
- connector?: (props: typeof __VLS_12) => any;
51
+ connector?: (props: typeof __VLS_34) => any;
27
52
  } & {
28
- content?: (props: typeof __VLS_14) => any;
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":";AAwHA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAoB,MAAM,SAAS,CAAA;AAsL7E,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO;;;CAAU,EAAE,OAAO;;;CAAU,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAY,CAAE;AACxG,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,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;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;AAKhD,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
+ {"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-timeline--horizontal {
108
- flex-direction: row;
109
- overflow-x: auto;
110
- width: 100%;
111
- }
112
-
113
- .m-timeline--horizontal .m-timeline__event {
114
- flex: 1 0 10rem;
115
- grid-template-columns: 1fr;
116
- grid-template-rows: auto auto auto;
117
- min-height: 0;
118
- }
119
-
120
- .m-timeline--horizontal .m-timeline__separator {
121
- flex-direction: row;
122
- grid-column: 1;
123
- grid-row: 2;
124
- width: 100%;
125
- }
126
-
127
- .m-timeline--horizontal .m-timeline__connector {
128
- height: 2px;
129
- min-height: 0;
130
- min-width: var(--m-control-affix-size);
131
- width: auto;
132
- }
133
-
134
- .m-timeline--horizontal .m-timeline__opposite {
135
- grid-column: 1;
136
- grid-row: 1;
137
- text-align: start;
138
- }
139
-
140
- .m-timeline--horizontal .m-timeline__content {
141
- grid-column: 1;
142
- grid-row: 3;
143
- text-align: start;
144
- }
145
-
146
- .m-timeline--horizontal .m-timeline__event--left .m-timeline__content,
147
- .m-timeline--horizontal .m-timeline__event--right .m-timeline__content,
148
- .m-timeline--horizontal .m-timeline__event--left .m-timeline__opposite,
149
- .m-timeline--horizontal .m-timeline__event--right .m-timeline__opposite {
150
- grid-column: 1;
151
- text-align: start;
152
- }
153
-
154
- .m-timeline__event--pending .m-timeline__marker {
155
- border-style: dashed;
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":";AAqeA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA6rB/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"}
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 __VLS_8: {};
3
+ declare var __VLS_15: {};
4
4
  type __VLS_Slots = {} & {
5
- empty?: (props: typeof __VLS_8) => any;
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":";AA6EA,OAAO,KAAK,EAAkB,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAwI5E,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,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
+ {"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
- overflow: auto;
4
- width: 100%;
5
- }
6
-
7
- .m-treetable__table {
8
- border-collapse: collapse;
9
- width: 100%;
10
- }
11
-
12
- .m-treetable__table th,
13
- .m-treetable__cell {
14
- border-bottom: var(--m-border-width) solid var(--m-color-border);
15
- padding: var(--m-space-2) var(--m-space-3);
16
- text-align: left;
17
- }
18
-
19
- .m-treetable__table th {
20
- background: var(--m-table-header-bg);
21
- font-size: var(--m-font-size-sm);
22
- font-weight: 600;
23
- }
24
-
25
- .m-treetable__tree-cell {
26
- align-items: center;
27
- display: flex;
28
- gap: var(--m-space-1);
29
- }
30
-
31
- .m-treetable__toggler,
32
- .m-treetable__toggler-spacer {
33
- background: transparent;
34
- border: 0;
35
- color: var(--m-color-text-muted);
36
- flex: 0 0 1.25rem;
37
- font: inherit;
38
- height: 1.25rem;
39
- padding: 0;
40
- width: 1.25rem;
41
- }
42
-
43
- .m-treetable__message {
44
- display: flex;
45
- align-items: center;
46
- justify-content: center;
47
- min-height: calc(var(--m-control-height-medium, 2.5rem) * 2);
48
- padding: var(--m-space-5);
49
- }
50
-
51
- .m-treetable__expansion-cell {
52
- background: color-mix(in srgb, var(--m-color-primary) 6%, var(--m-color-surface));
53
- padding: var(--m-space-3);
54
- }
55
-
56
- .m-treetable__empty-text {
57
- margin: 0;
58
- color: var(--m-color-text-muted);
59
- font-size: var(--m-font-size-sm);
60
- line-height: 1.5;
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
+ }