@stonecrop/desktop 0.2.33 → 0.2.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/desktop.js +1889 -1907
- package/dist/desktop.js.map +1 -1
- package/dist/desktop.umd.cjs +21 -21
- package/dist/desktop.umd.cjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +9 -9
- package/src/components/ActionSet.vue +3 -6
- package/src/components/SheetNav.vue +4 -11
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
#chevron[data-v-
|
|
1
|
+
#chevron[data-v-4fb5c934]{position:relative;transform:rotate(90deg)}.leftBar[data-v-4fb5c934],.rightBar[data-v-4fb5c934]{transition-duration:.225s;transition-property:transform}.leftBar[data-v-4fb5c934],.action-set.collapse.hovered-and-closed:hover .leftBar[data-v-4fb5c934]{transform-origin:33.4% 50%;transform:rotate(90deg)}.rightBar[data-v-4fb5c934],.action-set.collapse.hovered-and-closed:hover .rightBar[data-v-4fb5c934]{transform-origin:67% 50%;transform:rotate(-90deg)}.rightBar[data-v-4fb5c934]{position:absolute;top:0;left:0}.action-set.collapse:hover .leftBar[data-v-4fb5c934],.action-set.collapse:hover .rightBar[data-v-4fb5c934]{transform:rotate(0)}.action-set[data-v-4fb5c934]{position:fixed;top:10px;right:10px;padding:20px;box-shadow:0 1px 2px #1927340d,0 0 4px #1927341a;border-radius:10px;display:flex;flex-direction:row-reverse;background-color:#fff;overflow:hidden}.action-menu-icon[data-v-4fb5c934]{position:absolute;top:6px;right:8px}.action-menu-icon svg[data-v-4fb5c934]{fill:#333}.action-set.collapse[data-v-4fb5c934],.action-set.collapse.hovered-and-closed[data-v-4fb5c934]:hover{max-width:25px;overflow:hidden;-webkit-transition:max-width .5s ease-in-out;-moz-transition:max-width .5s ease-in-out;-o-transition:max-width .5s ease-in-out;transition:max-width .5s ease-in-out}.action-set.collapse .action-element[data-v-4fb5c934],.action-set.collapse.hovered-and-closed:hover .action-element[data-v-4fb5c934]{opacity:0;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;transition-delay:0s}.action-set.collapse[data-v-4fb5c934]:hover{max-width:500px}.action-set.collapse.open-set[data-v-4fb5c934]:hover{overflow:visible!important}.action-set.collapse.hovered-and-closed:hover .action-element[data-v-4fb5c934]{opacity:0!important}.action-set.collapse:hover .action-element[data-v-4fb5c934]{opacity:100!important}.action-element[data-v-4fb5c934]{margin-left:5px;margin-right:5px}button.button-default[data-v-4fb5c934]{background-color:#fff;padding:5px 12px;border-radius:3px;box-shadow:#0000000d 0 .5px,#00000014 0 0 0 1px,#0000000d 0 2px 4px;border:none;cursor:pointer;white-space:nowrap}button.button-default[data-v-4fb5c934]:hover{background-color:#f2f2f2}.dropdown-container[data-v-4fb5c934]{position:relative}.dropdown[data-v-4fb5c934]{position:absolute;top:5px;right:0;min-width:200px;box-shadow:0 .5rem 1rem #0000002e;border-radius:10px;background-color:#fff;padding:10px}button.dropdown-item[data-v-4fb5c934]{width:100%;padding:8px 5px;text-align:left;border:none;background-color:#fff;cursor:pointer;border-radius:5px}button.dropdown-item[data-v-4fb5c934]:hover{background-color:#f2f2f2}footer[data-v-a650f215]{position:fixed;bottom:0;width:100%;background-color:transparent;height:2rem;z-index:100;text-align:left;font-size:100%;display:flex;justify-content:right;padding-bottom:.2rem}ul[data-v-a650f215]{display:flex;flex-direction:row-reverse}.tabs li[data-v-a650f215]{float:left;list-style-type:none;position:relative;margin-left:-1px}.tabs a[data-v-a650f215]{float:left;padding:1ch 4ch 4ch;text-decoration:none;color:#000;background:#aaa;outline:2px solid inherit;outline-offset:-2px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;border-top-left-radius:15px;border-top-right-radius:15px;border:1px solid #ccc}.tabs .router-link-active[data-v-a650f215]{z-index:3}.router-link-active[data-v-a650f215]{background:#827553;color:#000;box-shadow:#999}.tabs li[data-v-a650f215]:before,.tabs li[data-v-a650f215]:after,.tabs li a[data-v-a650f215]:before,.tabs li a[data-v-a650f215]:after{position:absolute;bottom:0}.tabs li[data-v-a650f215]:last-child:after,.tabs li:last-child a[data-v-a650f215]:after,.tabs li[data-v-a650f215]:first-child:before,.tabs li:first-child a[data-v-a650f215]:before,.tabs .router-link-active[data-v-a650f215]:after,.tabs .router-link-active[data-v-a650f215]:before,.tabs .router-link-active a[data-v-a650f215]:after,.tabs .router-link-active a[data-v-a650f215]:before{content:""}.tabs .router-link-active[data-v-a650f215]:before,.tabs .router-link-active[data-v-a650f215]:after{background:transparent;z-index:1}.tabs li[data-v-a650f215]:before,.tabs li[data-v-a650f215]:after{background:transparent;width:10px;height:10px}.tabs li[data-v-a650f215]:before{left:-10px}.tabs li[data-v-a650f215]:after{right:-10px}.tabs li a[data-v-a650f215]:after,.tabs li a[data-v-a650f215]:before{width:20px;height:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:transparent;z-index:2}.tabs .router-link-active a[data-v-a650f215]:after,.tabs .router-link-active a[data-v-a650f215]:before{background:transparent}.tabs li:first-child.router-link-active a[data-v-a650f215]:before,.tabs li:last-child.router-link-active a[data-v-a650f215]:after{background:transparent}.tabs li a[data-v-a650f215]:before{left:-20px}.tabs li a[data-v-a650f215]:after{right:-20px}.hidebreadcrumbs a[data-v-a650f215]{width:1ch;min-width:calc(66px - 4ch);background-color:#fff;padding-left:2ch;padding-right:2ch;padding-top:3px;font-size:150%;text-align:center}.rotated[data-v-a650f215]{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:transform .25s}.unrotated[data-v-a650f215]{transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform .25s}li[data-v-a650f215]:active,li[data-v-a650f215]:hover,li[data-v-a650f215]:focus,li>a[data-v-a650f215]:active,li>a[data-v-a650f215]:hover,li>a[data-v-a650f215]:focus{z-index:3}a[data-v-a650f215]:active,a[data-v-a650f215]:hover,a[data-v-a650f215]:focus{outline:2px solid black;z-index:3}.hometab a[data-v-a650f215]{width:1ch;min-width:calc(66px - 4ch);background-color:#fff;padding-left:2ch;padding-right:2ch;padding-top:6px;text-align:center}.hometab svg[data-v-a650f215]{height:14pt;width:14pt}.searchtab a[data-v-a650f215]{min-width:calc(66px - 4ch);background-color:#fff;padding-left:2ch;padding-right:2ch;padding-top:11px;font-size:150%;align-items:center}.searchtab svg[data-v-a650f215]{padding-left:.25ch}.searchtab input[data-v-a650f215]{margin-top:-4px;outline:none;border:none;border-bottom:1.5px solid black;background-color:transparent;text-align:right;font-size:11pt}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stonecrop/desktop",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.35",
|
|
4
4
|
"description": "Desktop-specific components for Stonecrop UI",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -28,26 +28,26 @@
|
|
|
28
28
|
"src/*"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"vue": "^3.
|
|
31
|
+
"vue": "^3.5.6",
|
|
32
32
|
"xstate": "^4.38.3",
|
|
33
|
-
"@stonecrop/aform": "0.2.
|
|
34
|
-
"@stonecrop/atable": "0.2.
|
|
35
|
-
"@stonecrop/
|
|
36
|
-
"@stonecrop/
|
|
33
|
+
"@stonecrop/aform": "0.2.35",
|
|
34
|
+
"@stonecrop/atable": "0.2.35",
|
|
35
|
+
"@stonecrop/stonecrop": "0.2.35",
|
|
36
|
+
"@stonecrop/themes": "0.2.35"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@microsoft/api-documenter": "^7.25.3",
|
|
40
40
|
"@miragejs/graphql": "^0.1.13",
|
|
41
|
-
"@rushstack/heft": "^0.
|
|
41
|
+
"@rushstack/heft": "^0.67.2",
|
|
42
42
|
"@typescript-eslint/eslint-plugin": "^7.14.1",
|
|
43
43
|
"@typescript-eslint/parser": "^7.14.1",
|
|
44
|
-
"@vitejs/plugin-vue": "^5.
|
|
44
|
+
"@vitejs/plugin-vue": "^5.1.3",
|
|
45
45
|
"eslint": "^8.40.0",
|
|
46
46
|
"eslint-config-prettier": "^8.8.0",
|
|
47
47
|
"eslint-plugin-vue": "^9.11.1",
|
|
48
48
|
"miragejs": "^0.1.47",
|
|
49
49
|
"typescript": "^5.5.2",
|
|
50
|
-
"vite": "^5.
|
|
50
|
+
"vite": "^5.4.5",
|
|
51
51
|
"vue-router": "^4.4.0",
|
|
52
52
|
"stonecrop-rig": "0.2.22"
|
|
53
53
|
},
|
|
@@ -75,23 +75,20 @@ type SetElement = {
|
|
|
75
75
|
actions?: SetAction[]
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
const
|
|
79
|
-
elements?: SetElement[]
|
|
80
|
-
}>()
|
|
78
|
+
const { elements } = defineProps<{ elements?: SetElement[] }>()
|
|
81
79
|
|
|
82
|
-
const _elements = ref
|
|
80
|
+
const _elements = ref(elements)
|
|
83
81
|
const isOpen = ref(false)
|
|
84
82
|
const timeout = ref<number>(null)
|
|
85
83
|
const hover = ref(false)
|
|
86
84
|
const closeClicked = ref(false)
|
|
87
85
|
|
|
88
86
|
onMounted(() => {
|
|
89
|
-
_elements.value = props.elements
|
|
90
87
|
closeDropdowns()
|
|
91
88
|
})
|
|
92
89
|
|
|
93
90
|
const closeDropdowns = () => {
|
|
94
|
-
for (
|
|
91
|
+
for (const element of _elements.value) {
|
|
95
92
|
if (element.elementType === 'dropdown') {
|
|
96
93
|
element.show = false
|
|
97
94
|
}
|
|
@@ -74,21 +74,14 @@
|
|
|
74
74
|
</template>
|
|
75
75
|
|
|
76
76
|
<script setup lang="ts">
|
|
77
|
-
import { computed, nextTick, ref } from 'vue'
|
|
77
|
+
import { computed, nextTick, ref, useTemplateRef } from 'vue'
|
|
78
78
|
|
|
79
|
-
|
|
80
|
-
defineProps<{
|
|
81
|
-
breadcrumbs?: { title: string; to: string }[]
|
|
82
|
-
}>(),
|
|
83
|
-
{
|
|
84
|
-
breadcrumbs: () => [],
|
|
85
|
-
}
|
|
86
|
-
)
|
|
79
|
+
const { breadcrumbs = [] } = defineProps<{ breadcrumbs?: { title: string; to: string }[] }>()
|
|
87
80
|
|
|
88
81
|
const breadcrumbsVisibile = ref(true)
|
|
89
82
|
const searchVisibile = ref(false)
|
|
90
83
|
const searchText = ref('')
|
|
91
|
-
const
|
|
84
|
+
const inputRef = useTemplateRef<HTMLInputElement>('searchinput')
|
|
92
85
|
|
|
93
86
|
const rotateHideTabIcon = computed(() => {
|
|
94
87
|
return breadcrumbsVisibile.value ? 'unrotated' : 'rotated'
|
|
@@ -101,7 +94,7 @@ const toggleBreadcrumbs = () => {
|
|
|
101
94
|
const toggleSearch = async () => {
|
|
102
95
|
searchVisibile.value = !searchVisibile.value
|
|
103
96
|
await nextTick(() => {
|
|
104
|
-
|
|
97
|
+
inputRef.value.focus()
|
|
105
98
|
})
|
|
106
99
|
}
|
|
107
100
|
|