@onereach/ui-components 4.9.1-beta.2907.0 → 4.10.0

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 (133) hide show
  1. package/dist/bundled/v2/{OrDateTimePickerPopoverHeader-6f78e8e7.js → OrDateTimePickerPopoverHeader-28995b95.js} +8 -1
  2. package/dist/bundled/v2/{OrDateTimePickerTimeSelect-78f775d8.js → OrDateTimePickerTimeSelect-c52ee823.js} +74 -4
  3. package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js +19 -1
  4. package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.vue.d.ts +2 -0
  5. package/dist/bundled/v2/components/OrDatePickerV3/index.js +1 -1
  6. package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js +37 -2
  7. package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts +14 -1
  8. package/dist/bundled/v2/components/OrDateTimePickerV3/hooks/useTimePlaceholder.d.ts +1 -1
  9. package/dist/bundled/v2/components/OrDateTimePickerV3/hooks/useTimePlaceholder.js +2 -1
  10. package/dist/bundled/v2/components/OrDateTimePickerV3/index.js +3 -2
  11. package/dist/bundled/v2/components/OrDateTimePickerV3/props.d.ts +5 -0
  12. package/dist/bundled/v2/components/OrDateTimePickerV3/props.js +9 -0
  13. package/dist/bundled/v2/components/OrDateTimePickerV3/styles.js +1 -3
  14. package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js +25 -2
  15. package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.vue.d.ts +14 -1
  16. package/dist/bundled/v2/components/OrTimePickerV3/index.js +3 -2
  17. package/dist/bundled/v2/components/OrTimePickerV3/props.d.ts +1 -0
  18. package/dist/bundled/v2/components/OrTimePickerV3/props.js +1 -0
  19. package/dist/bundled/v2/components/OrTimePickerV3/styles.js +1 -3
  20. package/dist/bundled/v2/components/index.d.ts +0 -1
  21. package/dist/bundled/v2/components/index.js +3 -3
  22. package/dist/bundled/v2/index.js +4 -4
  23. package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-8ec017e2.js → OrDatePicker.vue_vue_type_script_lang-0e648149.js} +16 -1
  24. package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-fec947db.js → OrDateTimePicker.vue_vue_type_script_lang-69d65518.js} +29 -2
  25. package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-bb988d7c.js → OrDateTimePickerPopoverHeader-ec90761f.js} +8 -1
  26. package/dist/bundled/v3/{OrDateTimePickerTimeSelect-01a39297.js → OrDateTimePickerTimeSelect-683ab20d.js} +68 -5
  27. package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-c737eaa8.js → OrTimePicker.vue_vue_type_script_lang-a300ab1b.js} +20 -2
  28. package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +5 -4
  29. package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.vue.d.ts +1 -0
  30. package/dist/bundled/v3/components/OrDatePickerV3/index.js +2 -2
  31. package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +14 -9
  32. package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts +11 -1
  33. package/dist/bundled/v3/components/OrDateTimePickerV3/hooks/useTimePlaceholder.d.ts +1 -1
  34. package/dist/bundled/v3/components/OrDateTimePickerV3/hooks/useTimePlaceholder.js +2 -1
  35. package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +4 -3
  36. package/dist/bundled/v3/components/OrDateTimePickerV3/props.d.ts +5 -0
  37. package/dist/bundled/v3/components/OrDateTimePickerV3/props.js +9 -0
  38. package/dist/bundled/v3/components/OrDateTimePickerV3/styles.js +1 -3
  39. package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js +12 -8
  40. package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.vue.d.ts +11 -1
  41. package/dist/bundled/v3/components/OrTimePickerV3/index.js +4 -3
  42. package/dist/bundled/v3/components/OrTimePickerV3/props.d.ts +1 -0
  43. package/dist/bundled/v3/components/OrTimePickerV3/props.js +1 -0
  44. package/dist/bundled/v3/components/OrTimePickerV3/styles.js +1 -3
  45. package/dist/bundled/v3/components/index.d.ts +0 -1
  46. package/dist/bundled/v3/components/index.js +6 -6
  47. package/dist/bundled/v3/index.js +7 -8
  48. package/dist/esm/v2/{OrDatePicker-0989a40c.js → OrDatePicker-328189a2.js} +19 -2
  49. package/dist/esm/v2/{OrDateTimePicker-ac766f04.js → OrDateTimePicker-8bcc71c3.js} +9 -234
  50. package/dist/esm/v2/OrDateTimePicker.vue_rollup-plugin-vue_script-399a44b5.js +636 -0
  51. package/dist/esm/v2/{OrDateTimePickerMonthSelect-4eb8bfb6.js → OrDateTimePickerPopoverHeader-fa88e970.js} +263 -39
  52. package/dist/esm/v2/{OrTimePicker-5fd08ad2.js → OrTimePicker-a9c5547b.js} +25 -5
  53. package/dist/esm/v2/components/index.d.ts +0 -1
  54. package/dist/esm/v2/components/index.js +5 -7
  55. package/dist/esm/v2/components/or-date-picker-v3/OrDatePicker.vue.d.ts +2 -0
  56. package/dist/esm/v2/components/or-date-picker-v3/index.js +3 -4
  57. package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +14 -1
  58. package/dist/esm/v2/components/or-date-time-picker-v3/hooks/useTimePlaceholder.d.ts +1 -1
  59. package/dist/esm/v2/components/or-date-time-picker-v3/index.js +4 -5
  60. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-footer/OrDateTimePickerPopoverFooter.vue.d.ts +19 -3
  61. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue.d.ts +13 -0
  62. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts +16 -0
  63. package/dist/esm/v2/components/or-date-time-picker-v3/props.d.ts +5 -0
  64. package/dist/esm/v2/components/or-time-picker-v3/OrTimePicker.vue.d.ts +14 -1
  65. package/dist/esm/v2/components/or-time-picker-v3/index.js +8 -6
  66. package/dist/esm/v2/components/or-time-picker-v3/props.d.ts +1 -0
  67. package/dist/esm/v2/index.js +5 -7
  68. package/dist/esm/v3/{OrDatePicker-6ac8578a.js → OrDatePicker-4c4fd5dc.js} +18 -3
  69. package/dist/esm/v3/OrDateTimePicker-0a4d194e.js +763 -0
  70. package/dist/esm/v3/{OrDateTimePickerMonthSelect-f807e6d5.js → OrDateTimePickerPopoverHeader-bc8e0bcf.js} +174 -24
  71. package/dist/esm/v3/{OrTimePicker-d66edf77.js → OrTimePicker-67f75e85.js} +26 -8
  72. package/dist/esm/v3/components/index.d.ts +0 -1
  73. package/dist/esm/v3/components/index.js +4 -7
  74. package/dist/esm/v3/components/or-date-picker-v3/OrDatePicker.vue.d.ts +1 -0
  75. package/dist/esm/v3/components/or-date-picker-v3/index.js +3 -4
  76. package/dist/esm/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +11 -1
  77. package/dist/esm/v3/components/or-date-time-picker-v3/hooks/useTimePlaceholder.d.ts +1 -1
  78. package/dist/esm/v3/components/or-date-time-picker-v3/index.js +2 -4
  79. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-footer/OrDateTimePickerPopoverFooter.vue.d.ts +15 -3
  80. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue.d.ts +11 -0
  81. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts +12 -0
  82. package/dist/esm/v3/components/or-date-time-picker-v3/props.d.ts +5 -0
  83. package/dist/esm/v3/components/or-time-picker-v3/OrTimePicker.vue.d.ts +11 -1
  84. package/dist/esm/v3/components/or-time-picker-v3/index.js +8 -6
  85. package/dist/esm/v3/components/or-time-picker-v3/props.d.ts +1 -0
  86. package/dist/esm/v3/index.js +4 -7
  87. package/package.json +3 -2
  88. package/src/components/index.ts +0 -1
  89. package/src/components/or-date-picker-v3/OrDatePicker.vue +20 -0
  90. package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue +38 -1
  91. package/src/components/or-date-time-picker-v3/hooks/useTimePlaceholder.ts +2 -1
  92. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-footer/OrDateTimePickerPopoverFooter.vue +8 -0
  93. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue +9 -2
  94. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue +87 -2
  95. package/src/components/or-date-time-picker-v3/props.ts +6 -0
  96. package/src/components/or-date-time-picker-v3/styles.ts +1 -4
  97. package/src/components/or-time-picker-v3/OrTimePicker.vue +25 -1
  98. package/src/components/or-time-picker-v3/props.ts +1 -0
  99. package/src/components/or-time-picker-v3/styles.ts +1 -4
  100. package/dist/bundled/v2/components/OrTreeV3/OrTree.js +0 -277
  101. package/dist/bundled/v2/components/OrTreeV3/OrTree.vue.d.ts +0 -68
  102. package/dist/bundled/v2/components/OrTreeV3/index.d.ts +0 -1
  103. package/dist/bundled/v2/components/OrTreeV3/index.js +0 -17
  104. package/dist/bundled/v2/components/OrTreeV3/types.d.ts +0 -7
  105. package/dist/bundled/v2/components/OrTreeV3/types.js +0 -1
  106. package/dist/bundled/v3/OrTree.vue_vue_type_script_lang-60234ac6.js +0 -179
  107. package/dist/bundled/v3/components/OrTreeV3/OrTree.js +0 -50
  108. package/dist/bundled/v3/components/OrTreeV3/OrTree.vue.d.ts +0 -54
  109. package/dist/bundled/v3/components/OrTreeV3/index.d.ts +0 -1
  110. package/dist/bundled/v3/components/OrTreeV3/index.js +0 -21
  111. package/dist/bundled/v3/components/OrTreeV3/types.d.ts +0 -7
  112. package/dist/bundled/v3/components/OrTreeV3/types.js +0 -1
  113. package/dist/esm/v2/OrDateTimePickerPopoverHeader-a84af34e.js +0 -222
  114. package/dist/esm/v2/OrDateTimePickerTimeSelect-eecdd8ab.js +0 -304
  115. package/dist/esm/v2/OrTree-ee993927.js +0 -266
  116. package/dist/esm/v2/components/or-tree-v3/OrTree.vue.d.ts +0 -68
  117. package/dist/esm/v2/components/or-tree-v3/index.d.ts +0 -1
  118. package/dist/esm/v2/components/or-tree-v3/index.js +0 -8
  119. package/dist/esm/v2/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue.d.ts +0 -85
  120. package/dist/esm/v2/components/or-tree-v3/types.d.ts +0 -7
  121. package/dist/esm/v3/OrDateTimePicker-b15d4198.js +0 -419
  122. package/dist/esm/v3/OrDateTimePickerPopoverHeader-3ae517f8.js +0 -148
  123. package/dist/esm/v3/OrDateTimePickerTimeSelect-14503fde.js +0 -252
  124. package/dist/esm/v3/OrTree-b4276dfb.js +0 -204
  125. package/dist/esm/v3/components/or-tree-v3/OrTree.vue.d.ts +0 -54
  126. package/dist/esm/v3/components/or-tree-v3/index.d.ts +0 -1
  127. package/dist/esm/v3/components/or-tree-v3/index.js +0 -8
  128. package/dist/esm/v3/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue.d.ts +0 -62
  129. package/dist/esm/v3/components/or-tree-v3/types.d.ts +0 -7
  130. package/src/components/or-tree-v3/OrTree.vue +0 -63
  131. package/src/components/or-tree-v3/index.ts +0 -1
  132. package/src/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue +0 -158
  133. package/src/components/or-tree-v3/types.ts +0 -7
@@ -1,277 +0,0 @@
1
- import { defineComponent, ref, computed, watch, onMounted, unref } from 'vue-demi';
2
- import __vue_component__$2 from '../OrButtonV3/OrButton.js';
3
- import __vue_component__$3 from '../OrIconV3/OrIcon.js';
4
- import { u as useToggle } from '../../index-ec92055d.js';
5
- import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
6
- import __vue_component__$4 from '../OrLabelV3/OrLabel.js';
7
- import '../OrButtonV3/props.js';
8
- import '../OrButtonV3/styles.js';
9
- import '../OrLoaderV3/OrLoader.js';
10
- import '../../index-c92e2839.js';
11
- import '../OrLoaderV3/props.js';
12
- import '../OrLoaderV3/styles.js';
13
- import '../OrIconV3/props.js';
14
- import '../OrIconV3/styles.js';
15
- import '../OrLabelV3/props.js';
16
- import '../OrLabelV3/styles.js';
17
-
18
- var script$1 = defineComponent({
19
- name: 'OrTreeNode',
20
- components: {
21
- OrButton: __vue_component__$2,
22
- OrIcon: __vue_component__$3
23
- },
24
- props: {
25
- node: {
26
- type: Object,
27
- required: true
28
- },
29
- collapsible: {
30
- type: Boolean,
31
- default: false
32
- },
33
- expanded: {
34
- type: Boolean,
35
- default: true
36
- },
37
- depth: {
38
- type: Number,
39
- default: 1
40
- },
41
- draggable: {
42
- type: Boolean,
43
- default: false
44
- }
45
- },
46
- setup(props) {
47
- const root = ref(null);
48
- const nodeRoot = ref(null);
49
- const hover = ref(false);
50
- const dragOver = ref(false);
51
- const draged = ref(false);
52
- const hasChildren = computed(() => !!props.node.children && props.node.children.length > 0);
53
- const [isOpen, setIsOpen] = useToggle(props.expanded);
54
- watch(() => props.expanded, value => {
55
- if (value !== undefined) {
56
- setIsOpen(value);
57
- }
58
- }, {
59
- immediate: true
60
- });
61
- const applyPadding = value => {
62
- const rootElement = unref(nodeRoot);
63
- const padding = value * 20 - (props.collapsible ? 16 : 0);
64
- Object.assign(rootElement.style, {
65
- paddingLeft: `${padding}px`
66
- });
67
- };
68
- watch(() => props.depth, value => {
69
- applyPadding(value);
70
- });
71
- onMounted(() => {
72
- applyPadding(props.depth);
73
- });
74
- const handleDrop = () => {
75
- dragOver.value = false;
76
- };
77
- const nodeStyles = computed(() => ['layout-row', ...[hover.value ? ['bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'] : []], ...[dragOver.value && !draged.value ? ['border-t-2', 'border-primary'] : []]]);
78
- return {
79
- root,
80
- hasChildren,
81
- isOpen,
82
- setIsOpen,
83
- nodeRoot,
84
- hover,
85
- draged,
86
- handleDrop,
87
- dragOver,
88
- nodeStyles
89
- };
90
- }
91
- });
92
-
93
- /* script */
94
- const __vue_script__$1 = script$1;
95
-
96
- /* template */
97
- var __vue_render__$1 = function () {
98
- var _vm = this;
99
- var _h = _vm.$createElement;
100
- var _c = _vm._self._c || _h;
101
- return _c('div', {
102
- ref: "root",
103
- staticClass: "or-tree-node-v3"
104
- }, [_c('div', {
105
- ref: "nodeRoot",
106
- class: _vm.nodeStyles,
107
- attrs: {
108
- "draggable": _vm.draggable ? true : undefined
109
- },
110
- on: {
111
- "mouseover": function ($event) {
112
- _vm.hover = true;
113
- },
114
- "mouseleave": function ($event) {
115
- _vm.hover = false;
116
- },
117
- "dragstart": function ($event) {
118
- _vm.draged = true;
119
- },
120
- "dragend": function ($event) {
121
- _vm.draged = false;
122
- },
123
- "dragover": function ($event) {
124
- $event.preventDefault();
125
- },
126
- "dragenter": function ($event) {
127
- _vm.dragOver = true;
128
- },
129
- "dragleave": function ($event) {
130
- _vm.dragOver = false;
131
- },
132
- "drop": _vm.handleDrop
133
- }
134
- }, [_vm.hasChildren && _vm.collapsible ? [_c('OrButton', {
135
- attrs: {
136
- "variant": "link"
137
- },
138
- on: {
139
- "click": function () {
140
- return _vm.setIsOpen(!_vm.isOpen);
141
- }
142
- }
143
- }, [_c('OrIcon', {
144
- class: [_vm.isOpen ? 'rotate-90' : 'rotate-0'],
145
- attrs: {
146
- "icon": "arrow_right",
147
- "size": "l"
148
- }
149
- })], 1)] : _vm._e(), _vm._v(" "), _vm._t("node", null, null, {
150
- node: _vm.node,
151
- hasChildren: _vm.hasChildren,
152
- isOpen: _vm.isOpen
153
- })], 2), _vm._v(" "), _vm.hasChildren && _vm.isOpen ? _vm._l(_vm.node.children, function (child) {
154
- return _c('OrTreeNode', {
155
- key: child.key,
156
- attrs: {
157
- "node": child,
158
- "collapsible": _vm.collapsible || child.collapsible,
159
- "depth": _vm.depth + 1,
160
- "draggable": _vm.draggable
161
- },
162
- scopedSlots: _vm._u([{
163
- key: "node",
164
- fn: function (props) {
165
- return [_vm._t("node", null, null, props)];
166
- }
167
- }], null, true)
168
- });
169
- }) : _vm._e()], 2);
170
- };
171
- var __vue_staticRenderFns__$1 = [];
172
-
173
- /* style */
174
- const __vue_inject_styles__$1 = undefined;
175
- /* scoped */
176
- const __vue_scope_id__$1 = undefined;
177
- /* module identifier */
178
- const __vue_module_identifier__$1 = undefined;
179
- /* functional template */
180
- const __vue_is_functional_template__$1 = false;
181
- /* style inject */
182
-
183
- /* style inject SSR */
184
-
185
- /* style inject shadow dom */
186
-
187
- const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
188
- render: __vue_render__$1,
189
- staticRenderFns: __vue_staticRenderFns__$1
190
- }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
191
- var OrTreeNode = __vue_component__$1;
192
-
193
- var script = defineComponent({
194
- name: 'OrTree',
195
- components: {
196
- OrLabel: __vue_component__$4,
197
- OrTreeNode
198
- },
199
- props: {
200
- label: {
201
- type: String,
202
- default: ''
203
- },
204
- error: {
205
- type: String,
206
- default: ''
207
- },
208
- nodes: {
209
- type: Array,
210
- default: () => []
211
- },
212
- collapsible: {
213
- type: Boolean,
214
- default: false
215
- },
216
- draggable: {
217
- type: Boolean,
218
- default: false
219
- }
220
- },
221
- setup() {
222
- const root = ref(null);
223
- return {
224
- root
225
- };
226
- }
227
- });
228
-
229
- /* script */
230
- const __vue_script__ = script;
231
-
232
- /* template */
233
- var __vue_render__ = function () {
234
- var _vm = this;
235
- var _h = _vm.$createElement;
236
- var _c = _vm._self._c || _h;
237
- return _c('div', {
238
- ref: "root"
239
- }, [_vm.label ? _c('or-label', [_vm._v("\n " + _vm._s(_vm.label) + "\n ")]) : _vm._e(), _vm._v(" "), _vm._l(_vm.nodes, function (item) {
240
- return _c('OrTreeNode', {
241
- key: item.key,
242
- attrs: {
243
- "node": item,
244
- "collapsible": _vm.collapsible || item.collapsible,
245
- "draggable": _vm.draggable
246
- },
247
- scopedSlots: _vm._u([{
248
- key: "node",
249
- fn: function (props) {
250
- return [_vm._t("node", null, null, props)];
251
- }
252
- }], null, true)
253
- });
254
- })], 2);
255
- };
256
- var __vue_staticRenderFns__ = [];
257
-
258
- /* style */
259
- const __vue_inject_styles__ = undefined;
260
- /* scoped */
261
- const __vue_scope_id__ = undefined;
262
- /* module identifier */
263
- const __vue_module_identifier__ = undefined;
264
- /* functional template */
265
- const __vue_is_functional_template__ = false;
266
- /* style inject */
267
-
268
- /* style inject SSR */
269
-
270
- /* style inject shadow dom */
271
-
272
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
273
- render: __vue_render__,
274
- staticRenderFns: __vue_staticRenderFns__
275
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
276
-
277
- export { __vue_component__ as default };
@@ -1,68 +0,0 @@
1
- import { PropType } from 'vue-demi';
2
- import { TreeNode } from './types';
3
- declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
- root: import("@vue/composition-api").Ref<HTMLElement | null>;
5
- }> & import("@vue/composition-api").Data, {}, {}, {
6
- label: {
7
- type: StringConstructor;
8
- default: string;
9
- };
10
- error: {
11
- type: StringConstructor;
12
- default: string;
13
- };
14
- nodes: {
15
- type: PropType<TreeNode[]>;
16
- default: () => never[];
17
- };
18
- collapsible: {
19
- type: BooleanConstructor;
20
- default: boolean;
21
- };
22
- draggable: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
- }, import("@vue/composition-api").ExtractPropTypes<{
27
- label: {
28
- type: StringConstructor;
29
- default: string;
30
- };
31
- error: {
32
- type: StringConstructor;
33
- default: string;
34
- };
35
- nodes: {
36
- type: PropType<TreeNode[]>;
37
- default: () => never[];
38
- };
39
- collapsible: {
40
- type: BooleanConstructor;
41
- default: boolean;
42
- };
43
- draggable: {
44
- type: BooleanConstructor;
45
- default: boolean;
46
- };
47
- }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
48
- label: string;
49
- error: string;
50
- nodes: TreeNode[];
51
- collapsible: boolean;
52
- draggable: boolean;
53
- } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
54
- root: import("@vue/composition-api").Ref<HTMLElement | null>;
55
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
56
- label: string;
57
- error: string;
58
- nodes: TreeNode[];
59
- collapsible: boolean;
60
- draggable: boolean;
61
- } & {}, {
62
- label: string;
63
- error: string;
64
- nodes: TreeNode[];
65
- collapsible: boolean;
66
- draggable: boolean;
67
- }, true>);
68
- export default _default;
@@ -1 +0,0 @@
1
- export { default as OrTreeV3 } from './OrTree.vue';
@@ -1,17 +0,0 @@
1
- export { default as OrTreeV3 } from './OrTree.js';
2
- import 'vue-demi';
3
- import '../OrButtonV3/OrButton.js';
4
- import '../OrButtonV3/props.js';
5
- import '../OrButtonV3/styles.js';
6
- import '../OrLoaderV3/OrLoader.js';
7
- import '../../index-c92e2839.js';
8
- import '../../index-ec92055d.js';
9
- import '../OrLoaderV3/props.js';
10
- import '../OrLoaderV3/styles.js';
11
- import '../../normalize-component-6e8e3d80.js';
12
- import '../OrIconV3/OrIcon.js';
13
- import '../OrIconV3/props.js';
14
- import '../OrIconV3/styles.js';
15
- import '../OrLabelV3/OrLabel.js';
16
- import '../OrLabelV3/props.js';
17
- import '../OrLabelV3/styles.js';
@@ -1,7 +0,0 @@
1
- export type TreeNode = {
2
- key: string;
3
- children?: TreeNode[];
4
- collapsible?: boolean;
5
- expanded?: boolean;
6
- draggable?: boolean;
7
- };
@@ -1,179 +0,0 @@
1
- import { defineComponent, ref, computed, watch, onMounted, unref } from 'vue-demi';
2
- import './components/OrButtonV3/OrButton.js';
3
- import './components/OrIconV3/OrIcon.js';
4
- import { s as script$2 } from './OrButton.vue_vue_type_script_lang-e8969bd3.js';
5
- import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
6
- import { u as useToggle } from './index-f4d8e24c.js';
7
- import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, Fragment, renderList } from 'vue';
8
- import './components/OrLabelV3/OrLabel.js';
9
- import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
10
-
11
- var script$1 = defineComponent({
12
- name: 'OrTreeNode',
13
- components: {
14
- OrButton: script$2,
15
- OrIcon: script$3
16
- },
17
- props: {
18
- node: {
19
- type: Object,
20
- required: true
21
- },
22
- collapsible: {
23
- type: Boolean,
24
- default: false
25
- },
26
- expanded: {
27
- type: Boolean,
28
- default: true
29
- },
30
- depth: {
31
- type: Number,
32
- default: 1
33
- },
34
- draggable: {
35
- type: Boolean,
36
- default: false
37
- }
38
- },
39
- setup(props) {
40
- const root = ref(null);
41
- const nodeRoot = ref(null);
42
- const hover = ref(false);
43
- const dragOver = ref(false);
44
- const draged = ref(false);
45
- const hasChildren = computed(() => !!props.node.children && props.node.children.length > 0);
46
- const [isOpen, setIsOpen] = useToggle(props.expanded);
47
- watch(() => props.expanded, value => {
48
- if (value !== undefined) {
49
- setIsOpen(value);
50
- }
51
- }, {
52
- immediate: true
53
- });
54
- const applyPadding = value => {
55
- const rootElement = unref(nodeRoot);
56
- const padding = value * 20 - (props.collapsible ? 16 : 0);
57
- Object.assign(rootElement.style, {
58
- paddingLeft: `${padding}px`
59
- });
60
- };
61
- watch(() => props.depth, value => {
62
- applyPadding(value);
63
- });
64
- onMounted(() => {
65
- applyPadding(props.depth);
66
- });
67
- const handleDrop = () => {
68
- dragOver.value = false;
69
- };
70
- const nodeStyles = computed(() => ['layout-row', ...[hover.value ? ['bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'] : []], ...[dragOver.value && !draged.value ? ['border-t-2', 'border-primary'] : []]]);
71
- return {
72
- root,
73
- hasChildren,
74
- isOpen,
75
- setIsOpen,
76
- nodeRoot,
77
- hover,
78
- draged,
79
- handleDrop,
80
- dragOver,
81
- nodeStyles
82
- };
83
- }
84
- });
85
-
86
- const _hoisted_1 = {
87
- ref: "root",
88
- class: "or-tree-node-v3"
89
- };
90
- const _hoisted_2 = ["draggable"];
91
- function render(_ctx, _cache, $props, $setup, $data, $options) {
92
- const _component_OrIcon = resolveComponent("OrIcon");
93
- const _component_OrButton = resolveComponent("OrButton");
94
- const _component_OrTreeNode = resolveComponent("OrTreeNode", true);
95
- return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
96
- ref: "nodeRoot",
97
- class: normalizeClass(_ctx.nodeStyles),
98
- draggable: _ctx.draggable ? true : undefined,
99
- onMouseover: _cache[1] || (_cache[1] = $event => _ctx.hover = true),
100
- onMouseleave: _cache[2] || (_cache[2] = $event => _ctx.hover = false),
101
- onDragstart: _cache[3] || (_cache[3] = $event => _ctx.draged = true),
102
- onDragend: _cache[4] || (_cache[4] = $event => _ctx.draged = false),
103
- onDragover: _cache[5] || (_cache[5] = withModifiers(() => {}, ["prevent"])),
104
- onDragenter: _cache[6] || (_cache[6] = $event => _ctx.dragOver = true),
105
- onDragleave: _cache[7] || (_cache[7] = $event => _ctx.dragOver = false),
106
- onDrop: _cache[8] || (_cache[8] = function () {
107
- return _ctx.handleDrop && _ctx.handleDrop(...arguments);
108
- })
109
- }, [_ctx.hasChildren && _ctx.collapsible ? (openBlock(), createBlock(_component_OrButton, {
110
- key: 0,
111
- variant: "link",
112
- onClick: _cache[0] || (_cache[0] = () => _ctx.setIsOpen(!_ctx.isOpen))
113
- }, {
114
- default: withCtx(() => [createVNode(_component_OrIcon, {
115
- class: normalizeClass([_ctx.isOpen ? 'rotate-90' : 'rotate-0']),
116
- icon: "arrow_right",
117
- size: "l"
118
- }, null, 8 /* PROPS */, ["class"])]),
119
- _: 1 /* STABLE */
120
- })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "node", normalizeProps(guardReactiveProps({
121
- node: _ctx.node,
122
- hasChildren: _ctx.hasChildren,
123
- isOpen: _ctx.isOpen
124
- })))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_2), _ctx.hasChildren && _ctx.isOpen ? (openBlock(true), createElementBlock(Fragment, {
125
- key: 0
126
- }, renderList(_ctx.node.children, child => {
127
- return openBlock(), createBlock(_component_OrTreeNode, {
128
- key: child.key,
129
- node: child,
130
- collapsible: _ctx.collapsible || child.collapsible,
131
- depth: _ctx.depth + 1,
132
- draggable: _ctx.draggable
133
- }, {
134
- node: withCtx(props => [renderSlot(_ctx.$slots, "node", normalizeProps(guardReactiveProps(props)))]),
135
- _: 2 /* DYNAMIC */
136
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["node", "collapsible", "depth", "draggable"]);
137
- }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */);
138
- }
139
-
140
- script$1.render = render;
141
- script$1.__file = "src/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue";
142
-
143
- var script = defineComponent({
144
- name: 'OrTree',
145
- components: {
146
- OrLabel: script$4,
147
- OrTreeNode: script$1
148
- },
149
- props: {
150
- label: {
151
- type: String,
152
- default: ''
153
- },
154
- error: {
155
- type: String,
156
- default: ''
157
- },
158
- nodes: {
159
- type: Array,
160
- default: () => []
161
- },
162
- collapsible: {
163
- type: Boolean,
164
- default: false
165
- },
166
- draggable: {
167
- type: Boolean,
168
- default: false
169
- }
170
- },
171
- setup() {
172
- const root = ref(null);
173
- return {
174
- root
175
- };
176
- }
177
- });
178
-
179
- export { script as s };
@@ -1,50 +0,0 @@
1
- import { s as script } from '../../OrTree.vue_vue_type_script_lang-60234ac6.js';
2
- export { s as default } from '../../OrTree.vue_vue_type_script_lang-60234ac6.js';
3
- import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
4
- import 'vue-demi';
5
- import '../OrButtonV3/OrButton.js';
6
- import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
7
- import '../OrButtonV3/props.js';
8
- import '../OrButtonV3/styles.js';
9
- import '../OrLoaderV3/OrLoader.js';
10
- import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
11
- import '../../index-09d1cb24.js';
12
- import '../../index-f4d8e24c.js';
13
- import '../OrLoaderV3/props.js';
14
- import '../OrLoaderV3/styles.js';
15
- import '../OrIconV3/OrIcon.js';
16
- import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
17
- import '../OrIconV3/props.js';
18
- import '../OrIconV3/styles.js';
19
- import '../OrLabelV3/OrLabel.js';
20
- import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
21
- import '../OrLabelV3/props.js';
22
- import '../OrLabelV3/styles.js';
23
-
24
- const _hoisted_1 = {
25
- ref: "root"
26
- };
27
- function render(_ctx, _cache, $props, $setup, $data, $options) {
28
- const _component_or_label = resolveComponent("or-label");
29
- const _component_OrTreeNode = resolveComponent("OrTreeNode");
30
- return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.label ? (openBlock(), createBlock(_component_or_label, {
31
- key: 0
32
- }, {
33
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
34
-
35
- _: 1 /* STABLE */
36
- })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, item => {
37
- return openBlock(), createBlock(_component_OrTreeNode, {
38
- key: item.key,
39
- node: item,
40
- collapsible: _ctx.collapsible || item.collapsible,
41
- draggable: _ctx.draggable
42
- }, {
43
- node: withCtx(props => [renderSlot(_ctx.$slots, "node", normalizeProps(guardReactiveProps(props)))]),
44
- _: 2 /* DYNAMIC */
45
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["node", "collapsible", "draggable"]);
46
- }), 128 /* KEYED_FRAGMENT */))], 512 /* NEED_PATCH */);
47
- }
48
-
49
- script.render = render;
50
- script.__file = "src/components/or-tree-v3/OrTree.vue";
@@ -1,54 +0,0 @@
1
- import { PropType } from 'vue-demi';
2
- import { TreeNode } from './types';
3
- declare const _default: import("vue-demi").DefineComponent<{
4
- label: {
5
- type: StringConstructor;
6
- default: string;
7
- };
8
- error: {
9
- type: StringConstructor;
10
- default: string;
11
- };
12
- nodes: {
13
- type: PropType<TreeNode[]>;
14
- default: () => never[];
15
- };
16
- collapsible: {
17
- type: BooleanConstructor;
18
- default: boolean;
19
- };
20
- draggable: {
21
- type: BooleanConstructor;
22
- default: boolean;
23
- };
24
- }, {
25
- root: import("vue-demi").Ref<HTMLElement | null>;
26
- }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
27
- label: {
28
- type: StringConstructor;
29
- default: string;
30
- };
31
- error: {
32
- type: StringConstructor;
33
- default: string;
34
- };
35
- nodes: {
36
- type: PropType<TreeNode[]>;
37
- default: () => never[];
38
- };
39
- collapsible: {
40
- type: BooleanConstructor;
41
- default: boolean;
42
- };
43
- draggable: {
44
- type: BooleanConstructor;
45
- default: boolean;
46
- };
47
- }>>, {
48
- label: string;
49
- error: string;
50
- nodes: TreeNode[];
51
- collapsible: boolean;
52
- draggable: boolean;
53
- }>;
54
- export default _default;
@@ -1 +0,0 @@
1
- export { default as OrTreeV3 } from './OrTree.vue';
@@ -1,21 +0,0 @@
1
- export { s as OrTreeV3 } from '../../OrTree.vue_vue_type_script_lang-60234ac6.js';
2
- import 'vue-demi';
3
- import '../OrButtonV3/OrButton.js';
4
- import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
5
- import '../OrButtonV3/props.js';
6
- import '../OrButtonV3/styles.js';
7
- import '../OrLoaderV3/OrLoader.js';
8
- import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
9
- import '../../index-09d1cb24.js';
10
- import '../../index-f4d8e24c.js';
11
- import '../OrLoaderV3/props.js';
12
- import '../OrLoaderV3/styles.js';
13
- import 'vue';
14
- import '../OrIconV3/OrIcon.js';
15
- import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
16
- import '../OrIconV3/props.js';
17
- import '../OrIconV3/styles.js';
18
- import '../OrLabelV3/OrLabel.js';
19
- import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
20
- import '../OrLabelV3/props.js';
21
- import '../OrLabelV3/styles.js';
@@ -1,7 +0,0 @@
1
- export type TreeNode = {
2
- key: string;
3
- children?: TreeNode[];
4
- collapsible?: boolean;
5
- expanded?: boolean;
6
- draggable?: boolean;
7
- };