v-nuxt-ui 0.1.21 → 0.1.23
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/module.json +1 -1
- package/dist/runtime/components/layout/default.vue +3 -1
- package/dist/runtime/components/sys/role/Table.vue +1 -0
- package/dist/runtime/components/table/query/where/Newer.vue +2 -1
- package/dist/runtime/components/table/query/where/index.vue +6 -8
- package/dist/runtime/composables/table/useTableView.js +1 -1
- package/dist/runtime/composables/useApp.js +2 -2
- package/dist/runtime/composables/useTheme.js +2 -2
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -44,7 +44,9 @@ watch(
|
|
|
44
44
|
:side="theme.sidebarSide.value"
|
|
45
45
|
:ui="{
|
|
46
46
|
body: 'px-0 sm:px-0',
|
|
47
|
-
footer: 'h-(--ui-footer-height)'
|
|
47
|
+
footer: 'h-(--ui-footer-height)',
|
|
48
|
+
container: 'ease-in-out duration-360',
|
|
49
|
+
gap: 'ease-in-out duration-360'
|
|
48
50
|
}"
|
|
49
51
|
>
|
|
50
52
|
<template #header="{ state }">
|
|
@@ -4,6 +4,7 @@ import { useRoleApi } from "#v/composables";
|
|
|
4
4
|
import SysRolesCreateModal from "./CreateModal.vue";
|
|
5
5
|
import { getOprColumns } from "#v/constants";
|
|
6
6
|
import UBadge from "@nuxt/ui/components/Badge.vue";
|
|
7
|
+
import TablePage from "#v/components/table/Page.vue";
|
|
7
8
|
import { h } from "vue";
|
|
8
9
|
const overlay = useOverlay();
|
|
9
10
|
const createModal = overlay.create(SysRolesCreateModal);
|
|
@@ -35,9 +35,10 @@ const unselectedOptions = computed(() => {
|
|
|
35
35
|
<!-- NOTE: 自己实现DropdownMenu, 原生DropdownMenu的Focus有问题，会让查询字段打开的Popover关闭 -->
|
|
36
36
|
<ButtonDropdown :groups="unselectedOptions">
|
|
37
37
|
<UButton
|
|
38
|
+
label="新增"
|
|
38
39
|
:size="size"
|
|
39
40
|
color="neutral"
|
|
40
|
-
variant="
|
|
41
|
+
variant="subtle"
|
|
41
42
|
icon="i-lucide-list-filter-plus"
|
|
42
43
|
/>
|
|
43
44
|
</ButtonDropdown>
|
|
@@ -60,7 +60,7 @@ defineExpose({ focusField });
|
|
|
60
60
|
<template>
|
|
61
61
|
<div class="flex items-start gap-2 pl-4 pr-2.5 py-2.5">
|
|
62
62
|
<!-- conditions -->
|
|
63
|
-
<div class="flex flex-wrap gap-2.5">
|
|
63
|
+
<div class="flex flex-wrap items-center gap-2.5">
|
|
64
64
|
<TableQueryWhereSimple
|
|
65
65
|
v-if="!isWhereQueryEmpty"
|
|
66
66
|
v-bind="props"
|
|
@@ -78,10 +78,12 @@ defineExpose({ focusField });
|
|
|
78
78
|
size="sm"
|
|
79
79
|
@new="onNewField"
|
|
80
80
|
/>
|
|
81
|
+
<USeparator orientation="vertical" class="h-4" />
|
|
81
82
|
<UButton
|
|
82
83
|
v-if="!hideQueryButton"
|
|
84
|
+
label="查询"
|
|
83
85
|
color="neutral"
|
|
84
|
-
variant="
|
|
86
|
+
variant="subtle"
|
|
85
87
|
size="sm"
|
|
86
88
|
:loading="fetching"
|
|
87
89
|
icon="i-lucide-search"
|
|
@@ -89,15 +91,11 @@ defineExpose({ focusField });
|
|
|
89
91
|
await triggerFetching(true);
|
|
90
92
|
}"
|
|
91
93
|
/>
|
|
92
|
-
</div>
|
|
93
|
-
|
|
94
|
-
<!-- buttons -->
|
|
95
|
-
<div class="flex gap-2.5 items-center ml-auto shrink-0">
|
|
96
|
-
<USeparator orientation="vertical" class="h-6" />
|
|
97
94
|
<UButton
|
|
98
95
|
color="neutral"
|
|
99
|
-
variant="
|
|
96
|
+
variant="subtle"
|
|
100
97
|
size="sm"
|
|
98
|
+
icon="i-lucide-timer-reset"
|
|
101
99
|
:disabled="fetching"
|
|
102
100
|
@click="() => onUpdateWhereQuery(defaultWhereQuery)"
|
|
103
101
|
>
|
|
@@ -12,7 +12,7 @@ const PINNED_SHADOW_CLASSES = {
|
|
|
12
12
|
hide: "[&_th[data-pinned=right]]:before:opacity-0 [&_td[data-pinned=right]]:before:opacity-0"
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
const EXPANDED_STICKY_CLASS = "[&_tr[data-expanded=true]]:sticky [&_tr[data-expanded=true]]:top-[calc(var(--ui-table-header-height)+1px)] [&_tr[data-expanded=true]]:z-
|
|
15
|
+
const EXPANDED_STICKY_CLASS = "[&_tr[data-expanded=true]]:sticky [&_tr[data-expanded=true]]:top-[calc(var(--ui-table-header-height)+1px)] [&_tr[data-expanded=true]]:z-10 [&_tr[data-expanded=true]]:bg-default";
|
|
16
16
|
export function useProTableView(props) {
|
|
17
17
|
const {
|
|
18
18
|
data,
|
|
@@ -6,7 +6,7 @@ export const defaultAppSettings = {
|
|
|
6
6
|
headerHeight: 48,
|
|
7
7
|
tabHeight: 40,
|
|
8
8
|
side: "left",
|
|
9
|
-
variant: "
|
|
9
|
+
variant: "separated",
|
|
10
10
|
collapsible: "icon",
|
|
11
11
|
siderMaxWidth: 20,
|
|
12
12
|
siderMinWidth: 10,
|
|
@@ -53,7 +53,7 @@ const _useApp = () => {
|
|
|
53
53
|
return appConfig.value.siderCollapsed ?? false;
|
|
54
54
|
},
|
|
55
55
|
set(value) {
|
|
56
|
-
appConfig.value = { ...appConfig.value, siderCollapsed: value };
|
|
56
|
+
appConfig.value = { ...appConfig.value, siderCollapsed: value ?? true };
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
59
|
const keepalive = computed({
|
|
@@ -100,7 +100,7 @@ const _useTheme = () => {
|
|
|
100
100
|
});
|
|
101
101
|
const sidebarVariant = computed({
|
|
102
102
|
get() {
|
|
103
|
-
return app.appConfig.value.variant ?? "
|
|
103
|
+
return app.appConfig.value.variant ?? "separated";
|
|
104
104
|
},
|
|
105
105
|
set(value) {
|
|
106
106
|
app.updateSidebarVariant(value);
|
|
@@ -113,7 +113,7 @@ const _useTheme = () => {
|
|
|
113
113
|
]);
|
|
114
114
|
const sidebarCollapsible = computed({
|
|
115
115
|
get() {
|
|
116
|
-
return app.appConfig.value.collapsible ?? "
|
|
116
|
+
return app.appConfig.value.collapsible ?? "icon";
|
|
117
117
|
},
|
|
118
118
|
set(value) {
|
|
119
119
|
app.updateSidebarCollapsible(value);
|
package/package.json
CHANGED