morya-ui 0.3.6 → 0.3.8

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 (201) hide show
  1. package/CHANGELOG.md +51 -1
  2. package/dist/Input-DQiiKSm3.js +174 -0
  3. package/dist/accordion/style.css +7 -9
  4. package/dist/auto-complete/style.css +7 -9
  5. package/dist/avatar/style.css +7 -9
  6. package/dist/badge/style.css +7 -9
  7. package/dist/block-ui/style.css +7 -9
  8. package/dist/breadcrumb/style.css +7 -9
  9. package/dist/button/style.css +7 -9
  10. package/dist/card/style.css +7 -9
  11. package/dist/carousel/style.css +7 -9
  12. package/dist/cascade-select/style.css +7 -9
  13. package/dist/checkbox/style.css +7 -9
  14. package/dist/chip/style.css +7 -9
  15. package/dist/command-menu/style.css +7 -9
  16. package/dist/component-registry.d.ts.map +1 -1
  17. package/dist/components/Drawer/Drawer.vue.d.ts +3 -1
  18. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  19. package/dist/components/Drawer/styles.css +15 -3
  20. package/dist/components/Table/Table.vue.d.ts +188 -733
  21. package/dist/components/Table/Table.vue.d.ts.map +1 -1
  22. package/dist/components/Table/columns/keys.d.ts +13 -0
  23. package/dist/components/Table/columns/keys.d.ts.map +1 -0
  24. package/dist/components/Table/{hooks → columns}/useFixedColumn.d.ts +1 -1
  25. package/dist/components/Table/columns/useFixedColumn.d.ts.map +1 -0
  26. package/dist/components/Table/columns/useHeaders.d.ts +37 -0
  27. package/dist/components/Table/columns/useHeaders.d.ts.map +1 -0
  28. package/dist/components/Table/core/layout.d.ts +26 -0
  29. package/dist/components/Table/core/layout.d.ts.map +1 -0
  30. package/dist/components/Table/core/normalize.d.ts +30 -0
  31. package/dist/components/Table/core/normalize.d.ts.map +1 -0
  32. package/dist/components/Table/{tableQuery.d.ts → core/tableQuery.d.ts} +3 -2
  33. package/dist/components/Table/core/tableQuery.d.ts.map +1 -0
  34. package/dist/components/Table/core/tree.d.ts +31 -0
  35. package/dist/components/Table/core/tree.d.ts.map +1 -0
  36. package/dist/components/Table/core/treeSelection.d.ts +35 -0
  37. package/dist/components/Table/core/treeSelection.d.ts.map +1 -0
  38. package/dist/components/Table/core/utils.d.ts +15 -0
  39. package/dist/components/Table/core/utils.d.ts.map +1 -0
  40. package/dist/components/Table/hooks/index.d.ts +14 -10
  41. package/dist/components/Table/hooks/index.d.ts.map +1 -1
  42. package/dist/components/Table/index.d.ts +1 -1
  43. package/dist/components/Table/index.d.ts.map +1 -1
  44. package/dist/components/Table/render/TableDefaultCell.vue.d.ts +11 -0
  45. package/dist/components/Table/render/TableDefaultCell.vue.d.ts.map +1 -0
  46. package/dist/components/Table/render/TableHeaderFilter.vue.d.ts +20 -0
  47. package/dist/components/Table/render/TableHeaderFilter.vue.d.ts.map +1 -0
  48. package/dist/components/Table/render/TableLoadingLine.vue.d.ts.map +1 -0
  49. package/dist/components/Table/render/TableTbody.vue.d.ts +154 -0
  50. package/dist/components/Table/render/TableTbody.vue.d.ts.map +1 -0
  51. package/dist/components/Table/render/TableThead.vue.d.ts +76 -0
  52. package/dist/components/Table/render/TableThead.vue.d.ts.map +1 -0
  53. package/dist/components/Table/{hooks → state}/internal.d.ts +8 -2
  54. package/dist/components/Table/state/internal.d.ts.map +1 -0
  55. package/dist/components/Table/state/useClickRow.d.ts +7 -0
  56. package/dist/components/Table/state/useClickRow.d.ts.map +1 -0
  57. package/dist/components/Table/state/useColumnResize.d.ts +11 -0
  58. package/dist/components/Table/state/useColumnResize.d.ts.map +1 -0
  59. package/dist/components/Table/state/useExpandableRow.d.ts +25 -0
  60. package/dist/components/Table/state/useExpandableRow.d.ts.map +1 -0
  61. package/dist/components/Table/state/usePageItems.d.ts +15 -0
  62. package/dist/components/Table/state/usePageItems.d.ts.map +1 -0
  63. package/dist/components/Table/{hooks → state}/usePagination.d.ts.map +1 -1
  64. package/dist/components/Table/{hooks → state}/useRows.d.ts +2 -2
  65. package/dist/components/Table/{hooks → state}/useRows.d.ts.map +1 -1
  66. package/dist/components/Table/state/useServerOptions.d.ts.map +1 -0
  67. package/dist/components/Table/{hooks → state}/useTotalItems.d.ts +2 -2
  68. package/dist/components/Table/{hooks → state}/useTotalItems.d.ts.map +1 -1
  69. package/dist/components/Table/state/useTreeRows.d.ts +21 -0
  70. package/dist/components/Table/state/useTreeRows.d.ts.map +1 -0
  71. package/dist/components/Table/state/useVirtualRows.d.ts +23 -0
  72. package/dist/components/Table/state/useVirtualRows.d.ts.map +1 -0
  73. package/dist/components/Table/styles.css +182 -6
  74. package/dist/components/Table/types.d.ts +108 -25
  75. package/dist/components/Table/types.d.ts.map +1 -1
  76. package/dist/components/Tree/Tree.vue.d.ts +2 -2
  77. package/dist/components/TreeSelect/TreeSelect.vue.d.ts +1 -1
  78. package/dist/config-provider/style.css +7 -9
  79. package/dist/confirm-dialog/style.css +7 -9
  80. package/dist/confirm-popup/style.css +7 -9
  81. package/dist/context-menu/style.css +7 -9
  82. package/dist/data-view/style.css +7 -9
  83. package/dist/date-picker/style.css +7 -9
  84. package/dist/dialog/style.css +7 -9
  85. package/dist/divider/style.css +7 -9
  86. package/dist/dock/style.css +7 -9
  87. package/dist/drawer/index.js +57 -50
  88. package/dist/drawer/style.css +22 -12
  89. package/dist/dropdown/style.css +7 -9
  90. package/dist/empty/style.css +7 -9
  91. package/dist/fieldset/style.css +7 -9
  92. package/dist/file-upload/style.css +7 -9
  93. package/dist/flex/style.css +7 -9
  94. package/dist/float-label/style.css +7 -9
  95. package/dist/fluid/style.css +7 -9
  96. package/dist/form/style.css +7 -9
  97. package/dist/gallery/style.css +7 -9
  98. package/dist/grid/style.css +7 -9
  99. package/dist/icon/style.css +7 -9
  100. package/dist/icon-field/style.css +7 -9
  101. package/dist/index.d.ts +1 -3
  102. package/dist/index.d.ts.map +1 -1
  103. package/dist/index.js +4899 -3591
  104. package/dist/inplace/style.css +7 -9
  105. package/dist/input/index.js +2 -174
  106. package/dist/input/style.css +7 -9
  107. package/dist/input-color/style.css +7 -9
  108. package/dist/input-group/style.css +7 -9
  109. package/dist/input-number/style.css +7 -9
  110. package/dist/input-otp/style.css +7 -9
  111. package/dist/input-password/style.css +7 -9
  112. package/dist/input-tags/style.css +7 -9
  113. package/dist/knob/style.css +7 -9
  114. package/dist/label/style.css +7 -9
  115. package/dist/layout/style.css +7 -9
  116. package/dist/listbox/style.css +7 -9
  117. package/dist/loading/style.css +7 -9
  118. package/dist/mega-menu/style.css +7 -9
  119. package/dist/menu/style.css +7 -9
  120. package/dist/menubar/style.css +7 -9
  121. package/dist/message/style.css +7 -9
  122. package/dist/meter-group/style.css +7 -9
  123. package/dist/order-list/style.css +7 -9
  124. package/dist/page/style.css +7 -9
  125. package/dist/pagination/style.css +7 -9
  126. package/dist/panel/style.css +7 -9
  127. package/dist/pick-list/style.css +7 -9
  128. package/dist/popover/style.css +7 -9
  129. package/dist/progress-bar/style.css +7 -9
  130. package/dist/progress-spinner/style.css +7 -9
  131. package/dist/radio/style.css +7 -9
  132. package/dist/rating/style.css +7 -9
  133. package/dist/resolver-map.d.ts.map +1 -1
  134. package/dist/resolver.js +0 -1
  135. package/dist/result/style.css +7 -9
  136. package/dist/scroll-top/style.css +7 -9
  137. package/dist/scrollbar/style.css +7 -9
  138. package/dist/select/style.css +7 -9
  139. package/dist/select-button/style.css +7 -9
  140. package/dist/sidebar/style.css +7 -9
  141. package/dist/skeleton/style.css +7 -9
  142. package/dist/slider/style.css +7 -9
  143. package/dist/space/style.css +7 -9
  144. package/dist/speed-dial/style.css +7 -9
  145. package/dist/split-button/style.css +7 -9
  146. package/dist/splitter/style.css +7 -9
  147. package/dist/status/style.css +7 -9
  148. package/dist/stepper/style.css +7 -9
  149. package/dist/styles/base.css +0 -2
  150. package/dist/styles.css +1 -1
  151. package/dist/switch/style.css +7 -9
  152. package/dist/table/index.js +2027 -601
  153. package/dist/table/style.css +189 -166
  154. package/dist/table/style.js +0 -4
  155. package/dist/tabs/style.css +7 -9
  156. package/dist/tag/style.css +7 -9
  157. package/dist/terminal/style.css +7 -9
  158. package/dist/textarea/style.css +7 -9
  159. package/dist/theme/styles.css +7 -7
  160. package/dist/tiered-menu/style.css +7 -9
  161. package/dist/timeline/style.css +7 -9
  162. package/dist/toast/style.css +7 -9
  163. package/dist/toggle-button/style.css +7 -9
  164. package/dist/toolbar/style.css +7 -9
  165. package/dist/tooltip/style.css +7 -9
  166. package/dist/tree/style.css +7 -9
  167. package/dist/tree-select/style.css +7 -9
  168. package/dist/virtual-scroller/style.css +7 -9
  169. package/package.json +1 -8
  170. package/dist/components/Table/TableLoadingLine.vue.d.ts.map +0 -1
  171. package/dist/components/Table/hooks/internal.d.ts.map +0 -1
  172. package/dist/components/Table/hooks/useClickRow.d.ts +0 -7
  173. package/dist/components/Table/hooks/useClickRow.d.ts.map +0 -1
  174. package/dist/components/Table/hooks/useExpandableRow.d.ts +0 -9
  175. package/dist/components/Table/hooks/useExpandableRow.d.ts.map +0 -1
  176. package/dist/components/Table/hooks/useFixedColumn.d.ts.map +0 -1
  177. package/dist/components/Table/hooks/useHeaders.d.ts +0 -14
  178. package/dist/components/Table/hooks/useHeaders.d.ts.map +0 -1
  179. package/dist/components/Table/hooks/usePageItems.d.ts +0 -17
  180. package/dist/components/Table/hooks/usePageItems.d.ts.map +0 -1
  181. package/dist/components/Table/hooks/useServerOptions.d.ts.map +0 -1
  182. package/dist/components/Table/normalize.d.ts +0 -9
  183. package/dist/components/Table/normalize.d.ts.map +0 -1
  184. package/dist/components/Table/tableQuery.d.ts.map +0 -1
  185. package/dist/components/Table/utils.d.ts +0 -10
  186. package/dist/components/Table/utils.d.ts.map +0 -1
  187. package/dist/components/TreeTable/TreeTable.vue.d.ts +0 -24
  188. package/dist/components/TreeTable/TreeTable.vue.d.ts.map +0 -1
  189. package/dist/components/TreeTable/TreeTableRow.vue.d.ts +0 -17
  190. package/dist/components/TreeTable/TreeTableRow.vue.d.ts.map +0 -1
  191. package/dist/components/TreeTable/index.d.ts +0 -3
  192. package/dist/components/TreeTable/index.d.ts.map +0 -1
  193. package/dist/components/TreeTable/styles.css +0 -97
  194. package/dist/components/TreeTable/types.d.ts +0 -25
  195. package/dist/components/TreeTable/types.d.ts.map +0 -1
  196. package/dist/tree-table/index.js +0 -128
  197. package/dist/tree-table/style.css +0 -1296
  198. package/dist/tree-table/style.js +0 -4
  199. /package/dist/components/Table/{TableLoadingLine.vue.d.ts → render/TableLoadingLine.vue.d.ts} +0 -0
  200. /package/dist/components/Table/{hooks → state}/usePagination.d.ts +0 -0
  201. /package/dist/components/Table/{hooks → state}/useServerOptions.d.ts +0 -0
@@ -1,24 +0,0 @@
1
- import { TreeTableNode, TreeTableProps } from './types';
2
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- declare var __VLS_15: {};
4
- type __VLS_Slots = {} & {
5
- empty?: (props: typeof __VLS_15) => any;
6
- };
7
- declare const __VLS_base: DefineComponent<TreeTableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
8
- "update:expandedKeys": (value: Record<string, boolean>) => any;
9
- "node-expand": (node: TreeTableNode) => any;
10
- "node-collapse": (node: TreeTableNode) => any;
11
- }, string, PublicProps, Readonly<TreeTableProps> & Readonly<{
12
- "onUpdate:expandedKeys"?: ((value: Record<string, boolean>) => any) | undefined;
13
- "onNode-expand"?: ((node: TreeTableNode) => any) | undefined;
14
- "onNode-collapse"?: ((node: TreeTableNode) => any) | undefined;
15
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
16
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
17
- declare const _default: typeof __VLS_export;
18
- export default _default;
19
- type __VLS_WithSlots<T, S> = T & {
20
- new (): {
21
- $slots: S;
22
- };
23
- };
24
- //# sourceMappingURL=TreeTable.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TreeTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TreeTable/TreeTable.vue"],"names":[],"mappings":";AAmFA,OAAO,KAAK,EAAkB,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAsJ5E,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,17 +0,0 @@
1
- import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- import { TreeTableColumn, TreeTableNode } from './types';
3
- type __VLS_Props = {
4
- node: TreeTableNode;
5
- columns: TreeTableColumn[];
6
- depth: number;
7
- isExpanded: (key: string) => boolean;
8
- renderExpansion?: (row: TreeTableNode) => VNode | VNode[] | string | undefined;
9
- };
10
- declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
11
- toggle: (node: TreeTableNode) => any;
12
- }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
13
- onToggle?: ((node: TreeTableNode) => any) | undefined;
14
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
15
- declare const _default: typeof __VLS_export;
16
- export default _default;
17
- //# sourceMappingURL=TreeTableRow.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TreeTableRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TreeTable/TreeTableRow.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK7D,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,KAAK,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG,SAAS,CAAA;CAC/E,CAAC;AAiJF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,3 +0,0 @@
1
- export { default as MTreeTable } from './TreeTable.vue';
2
- export type { TreeTableColumn, TreeTableEmits, TreeTableNode, TreeTableProps, } from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACvD,YAAY,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,SAAS,CAAA"}
@@ -1,97 +0,0 @@
1
- /* —— Data: TreeTable —— */
2
- .m-treetable {
3
- --m-treetable-toggler-size: var(--m-tree-toggler-size);
4
- color: var(--m-table-text);
5
- font-family: var(--m-font-sans);
6
- width: 100%;
7
- }
8
-
9
- .m-treetable__scrollbar {
10
- max-width: 100%;
11
- }
12
-
13
- .m-treetable__table {
14
- border-collapse: collapse;
15
- width: 100%;
16
- }
17
-
18
- .m-treetable__table th,
19
- .m-treetable__cell {
20
- border-bottom: var(--m-border-width) solid var(--m-color-border);
21
- color: var(--m-table-text);
22
- font-size: var(--m-table-font-size, var(--m-font-size-md));
23
- padding: var(--m-space-2) var(--m-space-3);
24
- text-align: left;
25
- transition: background-color var(--m-motion-fast) var(--m-motion-ease);
26
- }
27
-
28
- .m-treetable__table th {
29
- background: var(--m-table-header-bg);
30
- color: var(--m-table-header-text);
31
- font-size: var(--m-font-size-sm);
32
- font-weight: 600;
33
- }
34
-
35
- .m-treetable__row:hover > .m-treetable__cell {
36
- background: var(--m-table-row-hover-bg);
37
- }
38
-
39
- .m-treetable__tree-cell {
40
- align-items: center;
41
- display: flex;
42
- gap: var(--m-space-1);
43
- padding-left: calc(var(--m-treetable-depth, 0) * var(--m-tree-indent));
44
- }
45
-
46
- .m-treetable__toggler,
47
- .m-treetable__toggler-spacer {
48
- background: transparent;
49
- border: 0;
50
- border-radius: var(--m-radius-sm);
51
- color: var(--m-color-text-muted);
52
- flex: 0 0 var(--m-treetable-toggler-size);
53
- font: inherit;
54
- height: var(--m-treetable-toggler-size);
55
- padding: 0;
56
- width: var(--m-treetable-toggler-size);
57
- }
58
-
59
- .m-treetable__toggler {
60
- cursor: pointer;
61
- transition: color var(--m-motion-fast) var(--m-motion-ease),
62
- background-color var(--m-motion-fast) var(--m-motion-ease);
63
- }
64
-
65
- .m-treetable__toggler:hover {
66
- color: var(--m-color-primary);
67
- background: color-mix(in srgb, var(--m-color-primary) 8%, transparent);
68
- }
69
-
70
- .m-treetable__toggler:focus-visible {
71
- box-shadow: var(--m-focus-shadow);
72
- outline: none;
73
- }
74
-
75
- .m-treetable__toggler-spacer {
76
- pointer-events: none;
77
- }
78
-
79
- .m-treetable__message {
80
- align-items: center;
81
- display: flex;
82
- justify-content: center;
83
- min-height: calc(var(--m-control-height-medium) * 2);
84
- padding: var(--m-space-5);
85
- }
86
-
87
- .m-treetable__expansion-cell {
88
- background: color-mix(in srgb, var(--m-color-primary) 6%, var(--m-color-surface));
89
- padding: var(--m-space-3);
90
- }
91
-
92
- .m-treetable__empty-text {
93
- color: var(--m-color-text-muted);
94
- font-size: var(--m-font-size-sm);
95
- line-height: 1.5;
96
- margin: 0;
97
- }
@@ -1,25 +0,0 @@
1
- import { RootPassThrough } from '../../shared/passThrough';
2
- export interface TreeTableColumn {
3
- field: string;
4
- header: string;
5
- }
6
- export interface TreeTableNode {
7
- key: string;
8
- data: Record<string, unknown>;
9
- children?: TreeTableNode[];
10
- }
11
- export interface TreeTableProps {
12
- pt?: RootPassThrough;
13
- value: TreeTableNode[];
14
- columns: TreeTableColumn[];
15
- /** Controlled expanded keys map (`v-model:expandedKeys`). Uncontrolled when omitted. */
16
- expandedKeys?: Record<string, boolean>;
17
- /** Empty state message; defaults to locale `emptyMessage`. */
18
- emptyMessage?: string;
19
- }
20
- export interface TreeTableEmits {
21
- (event: 'node-expand', node: TreeTableNode): void;
22
- (event: 'node-collapse', node: TreeTableNode): void;
23
- (event: 'update:expandedKeys', value: Record<string, boolean>): void;
24
- }
25
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TreeTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAA;IACnD,CAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;CACrE"}
@@ -1,128 +0,0 @@
1
- import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
2
- import { t } from "../Icon-od9Ob-Ay.js";
3
- import { t as n } from "../ScrollBody-5hUnHj_M.js";
4
- import { n as r } from "../locale-xavS6-Hw.js";
5
- import "./style.js";
6
- import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useAttrs as S, useSlots as C, withCtx as w } from "vue";
7
- //#region src/components/TreeTable/TreeTableRow.vue?vue&type=script&setup=true&lang.ts
8
- var T = ["aria-expanded", "aria-level"], E = ["aria-label"], D = {
9
- key: 1,
10
- class: "m-treetable__toggler-spacer"
11
- }, O = {
12
- key: 0,
13
- class: "m-treetable__expansion-row"
14
- }, k = ["colspan"], A = /* @__PURE__ */ f({
15
- __name: "TreeTableRow",
16
- props: {
17
- node: {},
18
- columns: {},
19
- depth: {},
20
- isExpanded: { type: Function },
21
- renderExpansion: { type: Function }
22
- },
23
- emits: ["toggle"],
24
- setup(e) {
25
- let n = r();
26
- return (r, a) => (h(), c(i, null, [
27
- l("tr", {
28
- class: "m-treetable__row",
29
- "aria-expanded": e.node.children?.length ? e.isExpanded(e.node.key) : void 0,
30
- "aria-level": e.depth + 1
31
- }, [(h(!0), c(i, null, _(e.columns, (o, s) => (h(), c("td", {
32
- key: o.field,
33
- class: "m-treetable__cell"
34
- }, [s === 0 ? (h(), c("div", {
35
- key: 0,
36
- class: "m-treetable__tree-cell",
37
- style: m({ "--m-treetable-depth": e.depth })
38
- }, [e.node.children?.length ? (h(), c("button", {
39
- key: 0,
40
- type: "button",
41
- class: "m-treetable__toggler",
42
- "aria-label": e.isExpanded(e.node.key) ? x(n).collapse : x(n).expand,
43
- onClick: a[0] ||= (t) => r.$emit("toggle", e.node)
44
- }, [d(t, {
45
- name: e.isExpanded(e.node.key) ? "chevron-down" : "chevron-right",
46
- size: "sm"
47
- }, null, 8, ["name"])], 8, E)) : (h(), c("span", D)), l("span", null, b(e.node.data[o.field]), 1)], 4)) : (h(), c(i, { key: 1 }, [u(b(e.node.data[o.field]), 1)], 64))]))), 128))], 8, T),
48
- e.renderExpansion && e.isExpanded(e.node.key) ? (h(), c("tr", O, [l("td", {
49
- colspan: e.columns.length,
50
- class: "m-treetable__expansion-cell"
51
- }, [(h(), o(y(() => e.renderExpansion(e.node))))], 8, k)])) : s("", !0),
52
- e.node.children?.length && e.isExpanded(e.node.key) ? (h(!0), c(i, { key: 1 }, _(e.node.children, (t) => (h(), o(A, {
53
- key: t.key,
54
- node: t,
55
- columns: e.columns,
56
- depth: e.depth + 1,
57
- "is-expanded": e.isExpanded,
58
- "render-expansion": e.renderExpansion,
59
- onToggle: a[1] ||= (e) => r.$emit("toggle", e)
60
- }, null, 8, [
61
- "node",
62
- "columns",
63
- "depth",
64
- "is-expanded",
65
- "render-expansion"
66
- ]))), 128)) : s("", !0)
67
- ], 64));
68
- }
69
- }), j = {
70
- class: "m-treetable__table",
71
- role: "treegrid"
72
- }, M = { key: 0 }, N = {
73
- key: 0,
74
- class: "m-treetable__message",
75
- role: "status"
76
- }, P = { class: "m-treetable__empty-text" }, F = /* @__PURE__ */ f({
77
- inheritAttrs: !1,
78
- __name: "TreeTable",
79
- props: {
80
- pt: {},
81
- value: {},
82
- columns: {},
83
- expandedKeys: {},
84
- emptyMessage: {}
85
- },
86
- emits: [
87
- "node-expand",
88
- "node-collapse",
89
- "update:expandedKeys"
90
- ],
91
- setup(t, { emit: u }) {
92
- let d = t, f = u, m = S(), { rootAttrs: y } = e(m, () => d.pt), T = C(), E = r(), D = g({}), O = a(() => d.expandedKeys ?? D.value), k = a(() => d.emptyMessage ?? E.value.emptyMessage), F = a(() => T.expansion ? (e) => T.expansion?.({ row: e }) : void 0);
93
- function I(e) {
94
- return !!O.value[e];
95
- }
96
- function L(e) {
97
- let t = {
98
- ...O.value,
99
- [e.key]: !O.value[e.key]
100
- };
101
- t[e.key] || delete t[e.key], D.value = t, f("update:expandedKeys", t), t[e.key] ? f("node-expand", e) : f("node-collapse", e);
102
- }
103
- return (e, r) => (h(), o(n, p(x(y), {
104
- "root-class": "m-treetable m-treetable__scrollbar",
105
- "wrap-class": "m-treetable__scroll"
106
- }), {
107
- default: w(() => [l("table", j, [l("thead", null, [l("tr", null, [(h(!0), c(i, null, _(t.columns, (e) => (h(), c("th", {
108
- key: e.field,
109
- scope: "col"
110
- }, b(e.header), 1))), 128))])]), t.value.length ? (h(), c("tbody", M, [(h(!0), c(i, null, _(t.value, (e) => (h(), o(A, {
111
- key: e.key,
112
- node: e,
113
- columns: t.columns,
114
- depth: 0,
115
- "is-expanded": I,
116
- "render-expansion": F.value,
117
- onToggle: L
118
- }, null, 8, [
119
- "node",
120
- "columns",
121
- "render-expansion"
122
- ]))), 128))])) : s("", !0)]), t.value.length ? s("", !0) : (h(), c("div", N, [v(e.$slots, "empty", {}, () => [l("p", P, b(k.value), 1)])]))]),
123
- _: 3
124
- }, 16));
125
- }
126
- });
127
- //#endregion
128
- export { F as MTreeTable };