@onereach/ui-components-vue2 18.0.1 → 18.0.3
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.
|
@@ -12,7 +12,7 @@ const MenuItem = [
|
|
|
12
12
|
// Theme
|
|
13
13
|
'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
|
|
14
14
|
// Theme (selected)
|
|
15
|
-
'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark',
|
|
15
|
+
'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:bg-primary-opacity-0-08', 'dark:selected:bg-primary-opacity-0-08-dark',
|
|
16
16
|
// Theme (hover)
|
|
17
17
|
'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
|
|
18
18
|
// Theme (active)
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
|
|
2
2
|
import __vue_component__$2 from '../OrButtonV3/OrButton.js';
|
|
3
3
|
import __vue_component__$3 from '../OrIconV3/OrIcon.js';
|
|
4
|
-
import { useToggle } from '@vueuse/shared';
|
|
5
4
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
6
5
|
|
|
7
6
|
const TreeNodeRoot = [];
|
|
@@ -12,12 +11,12 @@ const TreeNodeItemRoot = [
|
|
|
12
11
|
'hover:bg-primary-opacity-0-08', 'dark:hover:bg-primary-opacity-0-08-dark', 'selected:bg-primary-opacity-0-16', 'dark:selected:bg-primary-opacity-0-16-dark', 'selected:hover:bg-primary-opacity-0-16', 'dark:selected:hover:bg-primary-opacity-0-16-dark'];
|
|
13
12
|
const TreeNodeItemRootParentSelected = [
|
|
14
13
|
// Theme
|
|
15
|
-
'bg-primary-opacity-0-08', 'bg-primary-opacity-0-08-dark', 'hover:bg-primary-opacity-0-16', 'dark:hover:bg-primary-opacity-0-16-dark'];
|
|
14
|
+
'bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark', 'hover:bg-primary-opacity-0-16', 'dark:hover:bg-primary-opacity-0-16-dark'];
|
|
16
15
|
const TreeNodeDragIndicator = [
|
|
17
16
|
// Layout
|
|
18
17
|
'absolute h-[2px] w-full left-[0px]',
|
|
19
18
|
// Theme
|
|
20
|
-
'bg-primary',
|
|
19
|
+
'bg-primary-hover', 'dark:bg-primary-hover-dark',
|
|
21
20
|
// Interaction
|
|
22
21
|
'pointer-events-none'];
|
|
23
22
|
const TreeNodeDragIndicatorPosition = {
|
|
@@ -28,7 +27,7 @@ const TreeNodeDragIndicatorPosition = {
|
|
|
28
27
|
// Layout
|
|
29
28
|
'top-[-1px]', 'left-[0px]', 'w-full', '!h-[calc(100%+2px)]',
|
|
30
29
|
// Theme
|
|
31
|
-
'bg-transparent', 'border-1', 'border-primary-hover', 'dark:border-primary-hover-dark'],
|
|
30
|
+
'bg-transparent', 'dark:bg-transparent', 'border-1', 'border-primary-hover', 'dark:border-primary-hover-dark'],
|
|
32
31
|
bottom: [
|
|
33
32
|
// Layout
|
|
34
33
|
'bottom-[-1px]']
|
|
@@ -37,7 +36,7 @@ const ChildrenDragoverStyles = [
|
|
|
37
36
|
// Layout
|
|
38
37
|
'top-[-1px]', 'left-[0px]', 'w-full', '!h-[calc(100%+2px)]',
|
|
39
38
|
// Theme
|
|
40
|
-
'bg-transparent', 'border-1', 'border-primary-hover', 'dark:border-primary-hover-dark'];
|
|
39
|
+
'bg-transparent', 'dark:bg-transparent', 'border-1', 'border-primary-hover', 'dark:border-primary-hover-dark'];
|
|
41
40
|
|
|
42
41
|
var TreeNodeDropPosition;
|
|
43
42
|
(function (TreeNodeDropPosition) {
|
|
@@ -120,7 +119,10 @@ var script$1 = defineComponent({
|
|
|
120
119
|
const isDrag = ref(false);
|
|
121
120
|
const dragOverPosition = ref('top');
|
|
122
121
|
const hasChildren = computed(() => !!props.node.children && props.node.children.length > 0);
|
|
123
|
-
const
|
|
122
|
+
const isOpen = ref(props.expanded);
|
|
123
|
+
const setIsOpen = value => {
|
|
124
|
+
isOpen.value = value;
|
|
125
|
+
};
|
|
124
126
|
const hasCollapseTrigger = computed(() => props.node.collapsible || hasChildren.value);
|
|
125
127
|
const isLeaf = computed(() => !hasChildren.value);
|
|
126
128
|
const canDrag = computed(() => props.draggable !== false && props.node.draggable !== false);
|