@duxweb/dvha-pro 1.0.52 → 1.1.1
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/cjs/components/card/card.cjs +1 -1
- package/dist/cjs/components/upload/file.cjs +1 -1
- package/dist/cjs/dvha-pro.css +1 -1
- package/dist/cjs/pages/layout/page.cjs +1 -1
- package/dist/cjs/pages/layout/tab.cjs +1 -1
- package/dist/cjs/pages/menu/menuApp.cjs +1 -1
- package/dist/cjs/theme/uno.css.cjs +15 -6
- package/dist/esm/components/card/card.js +9 -5
- package/dist/esm/components/upload/file.js +59 -57
- package/dist/esm/dvha-pro.css +1 -1
- package/dist/esm/pages/layout/page.js +6 -6
- package/dist/esm/pages/layout/tab.js +25 -24
- package/dist/esm/pages/menu/menuApp.js +109 -116
- package/dist/esm/theme/uno.css.js +15 -6
- package/dist/types/components/card/card.d.ts +9 -0
- package/package.json +3 -3
package/dist/esm/dvha-pro.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.vue-flow__handle{transition:box-shadow .2s ease}.vue-flow__handle:hover{box-shadow:0 0 0 3px #3b82f680}.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{
|
|
1
|
+
@charset "UTF-8";.vue-flow__handle{transition:box-shadow .2s ease}.vue-flow__handle:hover{box-shadow:0 0 0 3px #3b82f680}.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{width:5px;background-color:transparent;border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:rgb(var(--ui-bg));border-bottom:none;border:none;position:relative;border-radius:4px}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:transparent}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{border:1px solid rgb(var(--ui-border-muted));background-color:rgb(var(--ui-color-gray-800)/.5)}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{padding:12px 4px;font-size:var(--n-font-size)}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{display:flex;height:100%;flex-direction:column}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;overflow-y:auto;padding:20px}.app-page-tabs.n-tabs .n-tabs-tab{font-size:.85rem;padding:1rem}.n-data-table .n-data-table-thead{border:1px solid rgb(var(--ui-border-muted))}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-left:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th--last{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-th{border-top:1px solid rgba(var(--ui-border-accented)/.5);border-bottom:1px solid rgba(var(--ui-border-accented)/.5)}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.command-palette [command-dialog-wrapper]{position:relative;flex-direction:column;margin:20vh auto auto;max-width:560px;background-color:rgb(var(--ui-bg)/.9);border-radius:6px}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:3px;color:rgba(var(--ui-text-toned))}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-menu.n-menu .n-menu-item-content:before{left:0;right:0}.app-login-bg{background-image:repeating-linear-gradient(90deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-color:rgb(var(--ui-bg));overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";width:50px;height:5px;background:rgb(var(--ui-color-gray-200));opacity:.3;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.app-box-loading:after{content:"";width:50px;height:50px;background:rgba(var(--ui-color-primary));animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}html{color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{color-scheme:dark;background-color:#101014}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}
|
|
@@ -48,7 +48,7 @@ import "vee-validate";
|
|
|
48
48
|
import x from "../menu/avatar.js";
|
|
49
49
|
import "vue-command-palette";
|
|
50
50
|
import "@duxweb/dvha-naiveui";
|
|
51
|
-
import { DuxPageTab as
|
|
51
|
+
import { DuxPageTab as v } from "./tab.js";
|
|
52
52
|
import "../page404.js";
|
|
53
53
|
import "short-unique-id";
|
|
54
54
|
import "aieditor";
|
|
@@ -61,7 +61,7 @@ import "../../components/posterEditor/elements/index.js";
|
|
|
61
61
|
import "fabric";
|
|
62
62
|
import "dayjs";
|
|
63
63
|
import "@tanstack/vue-query";
|
|
64
|
-
import { useUI as
|
|
64
|
+
import { useUI as b } from "../../hooks/ui.js";
|
|
65
65
|
const It = /* @__PURE__ */ l({
|
|
66
66
|
name: "DuxLayoutPage",
|
|
67
67
|
props: {},
|
|
@@ -69,7 +69,7 @@ const It = /* @__PURE__ */ l({
|
|
|
69
69
|
const {
|
|
70
70
|
menuMobileCollapsed: i,
|
|
71
71
|
setMenuMobileCollapsed: r
|
|
72
|
-
} =
|
|
72
|
+
} = b(), {
|
|
73
73
|
config: m
|
|
74
74
|
} = u(), {
|
|
75
75
|
mutate: o
|
|
@@ -86,7 +86,7 @@ const It = /* @__PURE__ */ l({
|
|
|
86
86
|
}), () => t("div", {
|
|
87
87
|
class: "flex-1 min-w-0 flex flex-col"
|
|
88
88
|
}, [t("div", {
|
|
89
|
-
class: "flex flex-col lg:flex-row lg:justify-between lg:items-center
|
|
89
|
+
class: "flex flex-col lg:flex-row lg:justify-between lg:items-center"
|
|
90
90
|
}, [t("div", {
|
|
91
91
|
class: "flex lg:hidden justify-between items-center px-2 py-2 bg-default dark:bg-muted shadow-xs relative"
|
|
92
92
|
}, [t(d, {
|
|
@@ -101,8 +101,8 @@ const It = /* @__PURE__ */ l({
|
|
|
101
101
|
}, [m.title]), t("div", null, [t(x, {
|
|
102
102
|
collapsed: !0
|
|
103
103
|
}, null)])]), t("div", {
|
|
104
|
-
class: "flex-1
|
|
105
|
-
}, [t(
|
|
104
|
+
class: "flex-1 min-w-0"
|
|
105
|
+
}, [t(v, null, null)])]), t("div", {
|
|
106
106
|
class: "flex-1 min-h-0 mr-2 ml-2 mb-2 lg:ml-0"
|
|
107
107
|
}, [t(c, null, null)])]);
|
|
108
108
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useTabStore as
|
|
1
|
+
import { defineComponent as d, ref as i, reactive as f, createVNode as t, Fragment as x, mergeProps as k, nextTick as y } from "vue";
|
|
2
|
+
import { useTabStore as g, useI18n as T } from "@duxweb/dvha-core";
|
|
3
3
|
import { useNaiveTab as C } from "@duxweb/dvha-naiveui";
|
|
4
4
|
import { NTabs as R, NTab as N, NDropdown as O } from "naive-ui";
|
|
5
|
-
import { useRouter as
|
|
6
|
-
const I = /* @__PURE__ */
|
|
5
|
+
import { useRouter as w } from "vue-router";
|
|
6
|
+
const I = /* @__PURE__ */ d({
|
|
7
7
|
name: "DuxPageTab",
|
|
8
|
-
setup(
|
|
8
|
+
setup(D) {
|
|
9
9
|
const {
|
|
10
10
|
tabsProps: r,
|
|
11
11
|
tabs: p
|
|
12
|
-
} = C(), u = i(), s =
|
|
12
|
+
} = C(), u = i(), s = g(), n = w(), {
|
|
13
13
|
t: o
|
|
14
|
-
} = T(),
|
|
14
|
+
} = T(), a = f({
|
|
15
15
|
x: 0,
|
|
16
16
|
y: 0,
|
|
17
17
|
visible: !1
|
|
18
|
-
}),
|
|
19
|
-
e.preventDefault(),
|
|
20
|
-
|
|
18
|
+
}), l = i(), b = (e, c) => {
|
|
19
|
+
e.preventDefault(), a.visible = !1, y().then(() => {
|
|
20
|
+
a.visible = !0, a.x = e.clientX, a.y = e.clientY, l.value = c;
|
|
21
21
|
});
|
|
22
22
|
}, h = () => {
|
|
23
|
-
|
|
23
|
+
a.visible = !1;
|
|
24
24
|
}, m = [{
|
|
25
25
|
label: o("components.tab.lock"),
|
|
26
26
|
key: "lock"
|
|
@@ -34,28 +34,28 @@ const I = /* @__PURE__ */ f({
|
|
|
34
34
|
label: o("components.tab.closeRight"),
|
|
35
35
|
key: "closeRight"
|
|
36
36
|
}], v = (e) => {
|
|
37
|
-
switch (
|
|
37
|
+
switch (a.visible = !1, e) {
|
|
38
38
|
case "lock":
|
|
39
|
-
s.lockTab(
|
|
39
|
+
s.lockTab(l.value?.path || "");
|
|
40
40
|
break;
|
|
41
41
|
case "closeOther":
|
|
42
|
-
s.delOther(
|
|
43
|
-
n.push(
|
|
42
|
+
s.delOther(l.value?.path || "", () => {
|
|
43
|
+
n.push(l.value?.path || "");
|
|
44
44
|
});
|
|
45
45
|
break;
|
|
46
46
|
case "closeLeft":
|
|
47
|
-
s.delLeft(
|
|
48
|
-
n.push(
|
|
47
|
+
s.delLeft(l.value?.path || "", () => {
|
|
48
|
+
n.push(l.value?.path || "");
|
|
49
49
|
});
|
|
50
50
|
break;
|
|
51
51
|
case "closeRight":
|
|
52
|
-
s.delRight(
|
|
53
|
-
n.push(
|
|
52
|
+
s.delRight(l.value?.path || "", () => {
|
|
53
|
+
n.push(l.value?.path || "");
|
|
54
54
|
});
|
|
55
55
|
break;
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
return () => t(
|
|
58
|
+
return () => t(x, null, [t(R, k({
|
|
59
59
|
ref: u,
|
|
60
60
|
type: "card",
|
|
61
61
|
class: "app-page-tabs",
|
|
@@ -63,7 +63,8 @@ const I = /* @__PURE__ */ f({
|
|
|
63
63
|
}, r.value), {
|
|
64
64
|
default: () => p?.value?.map((e) => t(N, {
|
|
65
65
|
key: e.path,
|
|
66
|
-
name: e.path || ""
|
|
66
|
+
name: e.path || "",
|
|
67
|
+
class: "shadow-xs my-2"
|
|
67
68
|
}, {
|
|
68
69
|
default: () => [t("div", {
|
|
69
70
|
class: "flex items-center gap-2 py-2 px-3",
|
|
@@ -83,9 +84,9 @@ const I = /* @__PURE__ */ f({
|
|
|
83
84
|
}))
|
|
84
85
|
}), t(O, {
|
|
85
86
|
trigger: "manual",
|
|
86
|
-
x:
|
|
87
|
-
y:
|
|
88
|
-
show:
|
|
87
|
+
x: a.x,
|
|
88
|
+
y: a.y,
|
|
89
|
+
show: a.visible,
|
|
89
90
|
onClickoutside: h,
|
|
90
91
|
options: m,
|
|
91
92
|
onSelect: v
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useManage as
|
|
3
|
-
import { cloneDeep as
|
|
4
|
-
import { NScrollbar as
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import S from "./button.js";
|
|
8
|
-
import "@vueuse/core";
|
|
9
|
-
import "vue-command-palette";
|
|
1
|
+
import { defineComponent as C, onMounted as D, computed as p, createVNode as e, Transition as z, createTextVNode as u, h as m } from "vue";
|
|
2
|
+
import { useManage as A, useI18n as N, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
|
|
3
|
+
import { cloneDeep as d } from "lodash-es";
|
|
4
|
+
import { NScrollbar as c, NTag as f, NMenu as L } from "naive-ui";
|
|
5
|
+
import { useRouter as V, RouterLink as j } from "vue-router";
|
|
6
|
+
import F from "./avatar.js";
|
|
10
7
|
import "@overlastic/vue";
|
|
11
|
-
import { DuxCard as v } from "../../components/card/card.js";
|
|
12
8
|
import "clsx";
|
|
13
9
|
import "vue-echarts";
|
|
10
|
+
import "@vueuse/core";
|
|
14
11
|
import "vue3-ace-editor";
|
|
15
12
|
import "ace-builds/src-noconflict/mode-vue";
|
|
16
13
|
import "ace-builds/src-noconflict/mode-javascript";
|
|
@@ -62,10 +59,11 @@ import "../../components/posterEditor/elements/index.js";
|
|
|
62
59
|
import "fabric";
|
|
63
60
|
import "dayjs";
|
|
64
61
|
import "@tanstack/vue-query";
|
|
65
|
-
import { useUI as
|
|
66
|
-
import
|
|
67
|
-
import
|
|
68
|
-
|
|
62
|
+
import { useUI as O } from "../../hooks/ui.js";
|
|
63
|
+
import "vue-command-palette";
|
|
64
|
+
import R from "./dark.js";
|
|
65
|
+
import S from "./notice.js";
|
|
66
|
+
const We = /* @__PURE__ */ C({
|
|
69
67
|
name: "DuxMenuApp",
|
|
70
68
|
props: {
|
|
71
69
|
collapsed: {
|
|
@@ -75,79 +73,79 @@ const Ye = /* @__PURE__ */ z({
|
|
|
75
73
|
},
|
|
76
74
|
setup() {
|
|
77
75
|
const {
|
|
78
|
-
setCmdVisible:
|
|
79
|
-
setMenuCollapsed:
|
|
80
|
-
} =
|
|
81
|
-
config:
|
|
82
|
-
} =
|
|
83
|
-
t:
|
|
84
|
-
} =
|
|
76
|
+
setCmdVisible: v,
|
|
77
|
+
setMenuCollapsed: x
|
|
78
|
+
} = O(), {
|
|
79
|
+
config: l
|
|
80
|
+
} = A(), {
|
|
81
|
+
t: h
|
|
82
|
+
} = N(), g = V(), {
|
|
85
83
|
mainMenu: b,
|
|
86
84
|
subMenu: y,
|
|
87
85
|
appActive: a,
|
|
88
|
-
subActive:
|
|
86
|
+
subActive: s,
|
|
89
87
|
isSubMenu: M
|
|
90
|
-
} =
|
|
88
|
+
} = T({
|
|
91
89
|
doubleMenu: !0
|
|
92
90
|
});
|
|
93
|
-
|
|
94
|
-
|
|
91
|
+
D(() => {
|
|
92
|
+
x(!1);
|
|
95
93
|
});
|
|
96
|
-
const i = (
|
|
97
|
-
const
|
|
98
|
-
...
|
|
99
|
-
key:
|
|
100
|
-
icon:
|
|
101
|
-
class: `${
|
|
94
|
+
const i = (t) => t.map((r) => {
|
|
95
|
+
const o = {
|
|
96
|
+
...r,
|
|
97
|
+
key: r.name,
|
|
98
|
+
icon: r?.icon ? () => m("div", {
|
|
99
|
+
class: `${r.icon} size-5`
|
|
102
100
|
}) : void 0,
|
|
103
|
-
labelName:
|
|
104
|
-
label: () =>
|
|
101
|
+
labelName: r.label,
|
|
102
|
+
label: () => r.path ? m(j, {
|
|
105
103
|
to: {
|
|
106
|
-
path:
|
|
104
|
+
path: r.path
|
|
107
105
|
}
|
|
108
106
|
}, {
|
|
109
|
-
default: () =>
|
|
110
|
-
}) :
|
|
107
|
+
default: () => r.label
|
|
108
|
+
}) : r.label
|
|
111
109
|
};
|
|
112
|
-
return
|
|
113
|
-
}),
|
|
110
|
+
return o.children && o.children.length > 0 && (o.children = i(o.children)), o;
|
|
111
|
+
}), k = p(() => i(d(b.value))), w = p(() => i(d(y.value)));
|
|
114
112
|
return () => e("div", {
|
|
115
|
-
class: "flex h-screen gap-2
|
|
116
|
-
}, [e(
|
|
117
|
-
class: "bg-primary-950 w-
|
|
118
|
-
}, {
|
|
113
|
+
class: "flex h-screen gap-2 pr-2"
|
|
114
|
+
}, [e("div", {
|
|
115
|
+
class: "bg-primary-950 dark:bg-gray-900 w-18 text-inverted z-1 border-r dark:border-muted"
|
|
116
|
+
}, [e("div", {
|
|
117
|
+
class: "h-full flex-none flex flex-col"
|
|
118
|
+
}, [e("div", {
|
|
119
|
+
class: "py-4 px-2 hidden lg:flex justify-center items-center"
|
|
120
|
+
}, [e("div", {
|
|
121
|
+
class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"
|
|
122
|
+
}, [l.theme?.appLogo ? e("img", {
|
|
123
|
+
class: "size-4",
|
|
124
|
+
src: l.theme?.appLogo
|
|
125
|
+
}, null) : e(I, {
|
|
126
|
+
highlight: "fill-primary",
|
|
127
|
+
class: "size-4"
|
|
128
|
+
}, null)])]), e("div", {
|
|
129
|
+
class: "flex-1 min-h-0"
|
|
130
|
+
}, [e(c, null, {
|
|
119
131
|
default: () => [e("div", {
|
|
120
|
-
class: "
|
|
121
|
-
}, [e("div", {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
value: a.value,
|
|
138
|
-
collapsed: !0,
|
|
139
|
-
collapsedWidth: 64,
|
|
140
|
-
collapsedIconSize: 22,
|
|
141
|
-
onUpdateValue: (o) => a.value = o
|
|
142
|
-
}, null)]
|
|
143
|
-
})]), e("div", {
|
|
144
|
-
class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2"
|
|
145
|
-
}, [r.notice?.status && e(F, {
|
|
146
|
-
collapsed: !0
|
|
147
|
-
}, null), e(B, null, null), e(L, {
|
|
148
|
-
collapsed: !0
|
|
149
|
-
}, null)])])]
|
|
150
|
-
}), e(N, {
|
|
132
|
+
class: "flex flex-col px-2 gap-2"
|
|
133
|
+
}, [k.value.map((t, n) => e("div", {
|
|
134
|
+
key: n,
|
|
135
|
+
class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", t.key === a.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
|
|
136
|
+
onClick: () => {
|
|
137
|
+
a.value = t.key, t?.path && g.push(t.path);
|
|
138
|
+
}
|
|
139
|
+
}, [e("div", null, [t.icon?.()]), e("div", {
|
|
140
|
+
class: "text-xs"
|
|
141
|
+
}, [typeof t.label == "function" ? t.label?.() : t.label])]))])]
|
|
142
|
+
})]), e("div", {
|
|
143
|
+
class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2"
|
|
144
|
+
}, [l.notice?.status && e(S, {
|
|
145
|
+
collapsed: !0
|
|
146
|
+
}, null), e(R, null, null), e(F, {
|
|
147
|
+
collapsed: !0
|
|
148
|
+
}, null)])])]), e(z, {
|
|
151
149
|
name: "submenu-slide",
|
|
152
150
|
enterActiveClass: "transition-all duration-150 ease-out",
|
|
153
151
|
enterFromClass: "opacity-0 translate-x-[-50%]",
|
|
@@ -156,52 +154,47 @@ const Ye = /* @__PURE__ */ z({
|
|
|
156
154
|
leaveFromClass: "opacity-100 translate-x-0",
|
|
157
155
|
leaveToClass: "opacity-0 translate-x-[-50%]"
|
|
158
156
|
}, {
|
|
159
|
-
default: () => [M.value && e(
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
157
|
+
default: () => [M.value && e("div", null, [e("div", {
|
|
158
|
+
class: "w-160px overflow-hidden flex flex-col h-full"
|
|
159
|
+
}, [e("div", {
|
|
160
|
+
class: "py-2 flex-none"
|
|
161
|
+
}, [e("div", {
|
|
162
|
+
class: "rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",
|
|
163
|
+
onClick: () => v(!0)
|
|
164
|
+
}, [e("div", {
|
|
165
|
+
class: "i-tabler:search size-4 icon-gradient"
|
|
166
|
+
}, null), e("div", {
|
|
167
|
+
class: "text-muted text-sm flex-1"
|
|
168
|
+
}, [h("common.search")]), e("div", {
|
|
169
|
+
class: "flex items-center gap-1 absolute right-2.5"
|
|
170
|
+
}, [e(f, {
|
|
171
|
+
size: "small",
|
|
172
|
+
bordered: !1,
|
|
173
|
+
type: "primary"
|
|
174
|
+
}, {
|
|
175
|
+
default: () => [u("⌘")]
|
|
176
|
+
}), e(f, {
|
|
177
|
+
size: "small",
|
|
178
|
+
bordered: !1,
|
|
179
|
+
type: "primary"
|
|
180
|
+
}, {
|
|
181
|
+
default: () => [u("K")]
|
|
182
|
+
})])])]), e("div", {
|
|
183
|
+
class: "flex-1 min-h-0"
|
|
184
|
+
}, [e(c, null, {
|
|
185
|
+
default: () => [e(L, {
|
|
186
|
+
rootIndent: 20,
|
|
187
|
+
indent: 15,
|
|
188
|
+
class: "app-menu",
|
|
189
|
+
options: w.value,
|
|
190
|
+
value: s.value,
|
|
165
191
|
collapsed: !1,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
icon: () => e("div", {
|
|
170
|
-
class: "i-tabler:search size-4 icon-gradient"
|
|
171
|
-
}, null),
|
|
172
|
-
default: () => e("div", {
|
|
173
|
-
class: "text-muted text-sm"
|
|
174
|
-
}, [g("common.search"), e("div", {
|
|
175
|
-
class: "flex items-center gap-1 absolute right-2.5 top-1.3"
|
|
176
|
-
}, [e(f, {
|
|
177
|
-
size: "small",
|
|
178
|
-
bordered: !1,
|
|
179
|
-
type: "primary"
|
|
180
|
-
}, {
|
|
181
|
-
default: () => [s("⌘")]
|
|
182
|
-
}), e(f, {
|
|
183
|
-
size: "small",
|
|
184
|
-
bordered: !1,
|
|
185
|
-
type: "primary"
|
|
186
|
-
}, {
|
|
187
|
-
default: () => [s("K")]
|
|
188
|
-
})])])
|
|
189
|
-
})]), e("div", {
|
|
190
|
-
class: "flex-1 min-h-0"
|
|
191
|
-
}, [e(d, null, {
|
|
192
|
-
default: () => [e(c, {
|
|
193
|
-
rootIndent: 20,
|
|
194
|
-
indent: 15,
|
|
195
|
-
options: D.value,
|
|
196
|
-
value: p.value,
|
|
197
|
-
collapsed: !1,
|
|
198
|
-
onUpdateValue: (o) => p.value = o
|
|
199
|
-
}, null)]
|
|
200
|
-
})])])]
|
|
201
|
-
})]
|
|
192
|
+
onUpdateValue: (t) => s.value = t
|
|
193
|
+
}, null)]
|
|
194
|
+
})])])])]
|
|
202
195
|
})]);
|
|
203
196
|
}
|
|
204
197
|
});
|
|
205
198
|
export {
|
|
206
|
-
|
|
199
|
+
We as DuxMenuApp
|
|
207
200
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const r = `/* layer: properties */
|
|
2
|
-
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-
|
|
2
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
|
|
3
3
|
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
|
|
4
4
|
@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
|
|
5
5
|
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
|
|
@@ -1054,9 +1054,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1054
1054
|
.text-gray-500{color:color-mix(in srgb, var(--colors-gray-500) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1055
1055
|
.text-info{color:color-mix(in srgb, var(--colors-info-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-info)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1056
1056
|
.text-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1057
|
+
.text-primary-200{color:color-mix(in srgb, var(--colors-primary-200) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-200)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1057
1058
|
.text-success{color:color-mix(in srgb, var(--colors-success-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1058
1059
|
.text-warning{color:color-mix(in srgb, var(--colors-warning-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1059
1060
|
.text-white{color:color-mix(in srgb, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1061
|
+
.text-white\\/60{color:color-mix(in srgb, var(--colors-white-DEFAULT) 60%, transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1060
1062
|
.text-white\\/90{color:color-mix(in srgb, var(--colors-white-DEFAULT) 90%, transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1061
1063
|
.hover\\:text-primary-hover:hover{color:color-mix(in srgb, var(--colors-primary-hover) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1062
1064
|
.hover\\:text-primary:hover{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
@@ -1079,6 +1081,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1079
1081
|
.m7\\.6{margin:calc(var(--spacing) * 7.6);}
|
|
1080
1082
|
.m9{margin:calc(var(--spacing) * 9);}
|
|
1081
1083
|
.mx-auto{margin-inline:auto;}
|
|
1084
|
+
.my-2{margin-block:calc(var(--spacing) * 2);}
|
|
1082
1085
|
.my-6{margin-block:calc(var(--spacing) * 6);}
|
|
1083
1086
|
.mb-2{margin-bottom:calc(var(--spacing) * 2);}
|
|
1084
1087
|
.ml-2{margin-left:calc(var(--spacing) * 2);}
|
|
@@ -1121,6 +1124,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1121
1124
|
.pl-12{padding-left:calc(var(--spacing) * 12);}
|
|
1122
1125
|
.pl-2{padding-left:calc(var(--spacing) * 2);}
|
|
1123
1126
|
.pl-4{padding-left:calc(var(--spacing) * 4);}
|
|
1127
|
+
.pr-2{padding-right:calc(var(--spacing) * 2);}
|
|
1124
1128
|
.pr-4{padding-right:calc(var(--spacing) * 4);}
|
|
1125
1129
|
.ps-10{padding-inline-start:calc(var(--spacing) * 10);}
|
|
1126
1130
|
.ps-3{padding-inline-start:calc(var(--spacing) * 3);}
|
|
@@ -1181,6 +1185,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1181
1185
|
.dark .dark\\:bg-primary-950{background-color:color-mix(in srgb, var(--colors-primary-950) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-950)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1182
1186
|
.bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1183
1187
|
.bg-primary\\/5{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1188
|
+
.bg-primary\\/50{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 50%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1184
1189
|
.bg-red{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) /* oklch(70.4% 0.191 22.216) */;}
|
|
1185
1190
|
.bg-success{background-color:color-mix(in srgb, var(--colors-success-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1186
1191
|
.bg-transparent{background-color:transparent;}
|
|
@@ -1190,6 +1195,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1190
1195
|
.bg-white\\/8{background-color:color-mix(in srgb, var(--colors-white-DEFAULT) 8%, transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1191
1196
|
.dark .dark\\:bg-gray-800\\/50{background-color:color-mix(in srgb, var(--colors-gray-800) 50%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1192
1197
|
.dark .dark\\:bg-gray-800\\/60{background-color:color-mix(in srgb, var(--colors-gray-800) 60%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1198
|
+
.dark .dark\\:bg-gray-900{background-color:color-mix(in srgb, var(--colors-gray-900) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1193
1199
|
.dark .dark\\:bg-gray-900\\/70{background-color:color-mix(in srgb, var(--colors-gray-900) 70%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1194
1200
|
.hover\\:bg-black\\/5:hover{background-color:color-mix(in srgb, var(--colors-black-DEFAULT) 5%, transparent) /* rgb(var(--ui-color-black)) */;}
|
|
1195
1201
|
.hover\\:bg-primary-hover:hover{background-color:color-mix(in srgb, var(--colors-primary-hover) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
|
|
@@ -1288,8 +1294,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1288
1294
|
.w-120{width:calc(var(--spacing) * 120);}
|
|
1289
1295
|
.w-120px{width:120px;}
|
|
1290
1296
|
.w-15{width:calc(var(--spacing) * 15);}
|
|
1291
|
-
.w-16{width:calc(var(--spacing) * 16);}
|
|
1292
1297
|
.w-160px{width:160px;}
|
|
1298
|
+
.w-18{width:calc(var(--spacing) * 18);}
|
|
1293
1299
|
.w-180px{width:180px;}
|
|
1294
1300
|
.w-2{width:calc(var(--spacing) * 2);}
|
|
1295
1301
|
.w-200px{width:200px;}
|
|
@@ -1338,6 +1344,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1338
1344
|
.shadow-xs{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
|
|
1339
1345
|
.hover\\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
|
|
1340
1346
|
.hover\\:shadow-sm:hover{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
|
|
1347
|
+
.hover\\:shadow:hover{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
|
|
1341
1348
|
.-translate-x-1\\/2,
|
|
1342
1349
|
.translate-x-\\[-50\\%\\]{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
|
|
1343
1350
|
.translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
|
|
@@ -1444,7 +1451,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1444
1451
|
.bg-muted,
|
|
1445
1452
|
.dark .dark\\:bg-muted{background-color:color-mix(in oklab, rgb(var(--ui-bg-muted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
|
|
1446
1453
|
.hover\\:bg-muted:hover{background-color:color-mix(in oklab, rgb(var(--ui-bg-muted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
|
|
1447
|
-
.dark .dark\\:bg-muted\\/80{background-color:color-mix(in oklab, rgb(var(--ui-bg-muted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:80%;}
|
|
1448
1454
|
.bg-elevated,
|
|
1449
1455
|
.dark .dark\\:bg-elevated{background-color:color-mix(in oklab, rgb(var(--ui-bg-elevated)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
|
|
1450
1456
|
.hover\\:bg-elevated:hover{background-color:color-mix(in oklab, rgb(var(--ui-bg-elevated)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
|
|
@@ -1453,9 +1459,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1453
1459
|
.bg-inverted{background-color:color-mix(in oklab, rgb(var(--ui-bg-inverted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
|
|
1454
1460
|
.bg-inverted\\/5{background-color:color-mix(in oklab, rgb(var(--ui-bg-inverted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:5%;}
|
|
1455
1461
|
.border-default{border-color:color-mix(in oklab, rgb(var(--ui-border)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:100%;}
|
|
1456
|
-
.border-muted
|
|
1462
|
+
.border-muted,
|
|
1463
|
+
.dark .dark\\:border-muted{border-color:color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:100%;}
|
|
1457
1464
|
.border-muted\\/50{border-color:color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:50%;}
|
|
1458
|
-
.dark .dark\\:border-muted\\/80{border-color:color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:80%;}
|
|
1459
1465
|
.border-accented,
|
|
1460
1466
|
.dark .dark\\:border-accented{border-color:color-mix(in oklab, rgb(var(--ui-border-accented)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:100%;}
|
|
1461
1467
|
.dark .dark\\:hover\\:border-accented:hover{border-color:color-mix(in oklab, rgb(var(--ui-border-accented)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:100%;}
|
|
@@ -1477,9 +1483,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1477
1483
|
.text-gray-500{color:color-mix(in oklab, var(--colors-gray-500) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1478
1484
|
.text-info{color:color-mix(in oklab, var(--colors-info-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-info)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1479
1485
|
.text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1486
|
+
.text-primary-200{color:color-mix(in oklab, var(--colors-primary-200) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-200)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1480
1487
|
.text-success{color:color-mix(in oklab, var(--colors-success-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1481
1488
|
.text-warning{color:color-mix(in oklab, var(--colors-warning-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1482
1489
|
.text-white{color:color-mix(in oklab, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1490
|
+
.text-white\\/60{color:color-mix(in oklab, var(--colors-white-DEFAULT) 60%, transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1483
1491
|
.text-white\\/90{color:color-mix(in oklab, var(--colors-white-DEFAULT) 90%, transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1484
1492
|
.hover\\:text-primary-hover:hover{color:color-mix(in oklab, var(--colors-primary-hover) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1485
1493
|
.hover\\:text-primary:hover{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
@@ -1506,6 +1514,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1506
1514
|
.bg-primary-950{background-color:color-mix(in oklab, var(--colors-primary-950) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-950)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1507
1515
|
.bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1508
1516
|
.bg-primary\\/5{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1517
|
+
.bg-primary\\/50{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 50%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1509
1518
|
.bg-red{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent) /* oklch(70.4% 0.191 22.216) */;}
|
|
1510
1519
|
.bg-success{background-color:color-mix(in oklab, var(--colors-success-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1511
1520
|
.bg-warning{background-color:color-mix(in oklab, var(--colors-warning-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
|
|
@@ -1514,6 +1523,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1514
1523
|
.bg-white\\/8{background-color:color-mix(in oklab, var(--colors-white-DEFAULT) 8%, transparent) /* rgb(var(--ui-color-white)) */;}
|
|
1515
1524
|
.dark .dark\\:bg-gray-800\\/50{background-color:color-mix(in oklab, var(--colors-gray-800) 50%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1516
1525
|
.dark .dark\\:bg-gray-800\\/60{background-color:color-mix(in oklab, var(--colors-gray-800) 60%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1526
|
+
.dark .dark\\:bg-gray-900{background-color:color-mix(in oklab, var(--colors-gray-900) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1517
1527
|
.dark .dark\\:bg-gray-900\\/70{background-color:color-mix(in oklab, var(--colors-gray-900) 70%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1518
1528
|
.dark .dark\\:bg-primary-950{background-color:color-mix(in oklab, var(--colors-primary-950) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-950)) var(--un-text-opacity, 100%), transparent) */;}
|
|
1519
1529
|
.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab, var(--colors-black-DEFAULT) 5%, transparent) /* rgb(var(--ui-color-black)) */;}
|
|
@@ -1561,7 +1571,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
|
|
|
1561
1571
|
.lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(150px\\,150px\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(150px,150px));}
|
|
1562
1572
|
.lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(150px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
|
|
1563
1573
|
.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
|
|
1564
|
-
.lg\\:h-13{height:calc(var(--spacing) * 13);}
|
|
1565
1574
|
.lg\\:h-26{height:calc(var(--spacing) * 26);}
|
|
1566
1575
|
.lg\\:max-w-2xl{max-width:var(--container-2xl);}
|
|
1567
1576
|
.lg\\:max-w-4xl{max-width:var(--container-4xl);}
|
|
@@ -48,6 +48,10 @@ export declare const DuxCard: import("vue").DefineComponent<import("vue").Extrac
|
|
|
48
48
|
type: BooleanConstructor;
|
|
49
49
|
default: boolean;
|
|
50
50
|
};
|
|
51
|
+
rounded: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: boolean;
|
|
54
|
+
};
|
|
51
55
|
headerBordered: {
|
|
52
56
|
type: BooleanConstructor;
|
|
53
57
|
default: boolean;
|
|
@@ -109,6 +113,10 @@ export declare const DuxCard: import("vue").DefineComponent<import("vue").Extrac
|
|
|
109
113
|
type: BooleanConstructor;
|
|
110
114
|
default: boolean;
|
|
111
115
|
};
|
|
116
|
+
rounded: {
|
|
117
|
+
type: BooleanConstructor;
|
|
118
|
+
default: boolean;
|
|
119
|
+
};
|
|
112
120
|
headerBordered: {
|
|
113
121
|
type: BooleanConstructor;
|
|
114
122
|
default: boolean;
|
|
@@ -135,6 +143,7 @@ export declare const DuxCard: import("vue").DefineComponent<import("vue").Extrac
|
|
|
135
143
|
description: string;
|
|
136
144
|
bordered: boolean;
|
|
137
145
|
shadow: boolean;
|
|
146
|
+
rounded: boolean;
|
|
138
147
|
headerBordered: boolean;
|
|
139
148
|
footerBordered: boolean;
|
|
140
149
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@duxweb/dvha-pro",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.1.1",
|
|
5
5
|
"author": "DuxWeb",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
],
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@ant-design/colors": "^7.2.1",
|
|
36
|
-
"@duxweb/dvha-core": "^1.
|
|
37
|
-
"@duxweb/dvha-naiveui": "^1.
|
|
36
|
+
"@duxweb/dvha-core": "^1.1.1",
|
|
37
|
+
"@duxweb/dvha-naiveui": "^1.1.1",
|
|
38
38
|
"@iconify-json/tabler": "^1.2.18",
|
|
39
39
|
"@overlastic/vue": "^0.8.1",
|
|
40
40
|
"@tanstack/vue-query": "^5.80.7",
|