major server manager overhaul
This commit is contained in:
+177
@@ -0,0 +1,177 @@
|
||||
import {
|
||||
useSsrBoot
|
||||
} from "./chunk-PCKQGDLK.js";
|
||||
import {
|
||||
makeLayoutItemProps,
|
||||
useLayoutItem
|
||||
} from "./chunk-KQXZAEJP.js";
|
||||
import {
|
||||
VBtnToggleSymbol
|
||||
} from "./chunk-5AQLTWWS.js";
|
||||
import {
|
||||
makeGroupProps,
|
||||
useGroup
|
||||
} from "./chunk-W6DJL42A.js";
|
||||
import {
|
||||
makeBorderProps,
|
||||
useBorder
|
||||
} from "./chunk-X7YBE6PF.js";
|
||||
import {
|
||||
makeElevationProps,
|
||||
useElevation
|
||||
} from "./chunk-YJD2PNP6.js";
|
||||
import {
|
||||
makeDensityProps,
|
||||
useDensity
|
||||
} from "./chunk-TM3MIDYC.js";
|
||||
import {
|
||||
makeRoundedProps,
|
||||
useRounded
|
||||
} from "./chunk-AQK3CYVW.js";
|
||||
import {
|
||||
makeTagProps
|
||||
} from "./chunk-2HZIACSB.js";
|
||||
import {
|
||||
useBackgroundColor
|
||||
} from "./chunk-BHV5Z34M.js";
|
||||
import {
|
||||
useProxiedModel
|
||||
} from "./chunk-KA77II4V.js";
|
||||
import {
|
||||
makeThemeProps,
|
||||
useTheme
|
||||
} from "./chunk-3DSR7NCB.js";
|
||||
import {
|
||||
convertToUnit,
|
||||
genericComponent,
|
||||
makeComponentProps,
|
||||
propsFactory,
|
||||
provideDefaults,
|
||||
useRender
|
||||
} from "./chunk-LZ5T2ERG.js";
|
||||
import {
|
||||
computed,
|
||||
createBaseVNode,
|
||||
createVNode,
|
||||
normalizeClass,
|
||||
normalizeStyle,
|
||||
toRef
|
||||
} from "./chunk-2MKFL3BX.js";
|
||||
|
||||
// node_modules/vuetify/lib/components/VBottomNavigation/VBottomNavigation.js
|
||||
import "/home/david/gitea_repo/personal_development/ServerManagerWebApp/frontend/node_modules/vuetify/lib/components/VBottomNavigation/VBottomNavigation.css";
|
||||
var makeVBottomNavigationProps = propsFactory({
|
||||
baseColor: String,
|
||||
bgColor: String,
|
||||
color: String,
|
||||
grow: Boolean,
|
||||
mode: {
|
||||
type: String,
|
||||
validator: (v) => !v || ["horizontal", "shift"].includes(v)
|
||||
},
|
||||
height: {
|
||||
type: [Number, String],
|
||||
default: 56
|
||||
},
|
||||
active: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
...makeBorderProps(),
|
||||
...makeComponentProps(),
|
||||
...makeDensityProps(),
|
||||
...makeElevationProps(),
|
||||
...makeRoundedProps(),
|
||||
...makeLayoutItemProps({
|
||||
name: "bottom-navigation"
|
||||
}),
|
||||
...makeTagProps({
|
||||
tag: "header"
|
||||
}),
|
||||
...makeGroupProps({
|
||||
selectedClass: "v-btn--selected"
|
||||
}),
|
||||
...makeThemeProps()
|
||||
}, "VBottomNavigation");
|
||||
var VBottomNavigation = genericComponent()({
|
||||
name: "VBottomNavigation",
|
||||
props: makeVBottomNavigationProps(),
|
||||
emits: {
|
||||
"update:active": (value) => true,
|
||||
"update:modelValue": (value) => true
|
||||
},
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
const {
|
||||
themeClasses
|
||||
} = useTheme();
|
||||
const {
|
||||
borderClasses
|
||||
} = useBorder(props);
|
||||
const {
|
||||
backgroundColorClasses,
|
||||
backgroundColorStyles
|
||||
} = useBackgroundColor(() => props.bgColor);
|
||||
const {
|
||||
densityClasses
|
||||
} = useDensity(props);
|
||||
const {
|
||||
elevationClasses
|
||||
} = useElevation(props);
|
||||
const {
|
||||
roundedClasses
|
||||
} = useRounded(props);
|
||||
const {
|
||||
ssrBootStyles
|
||||
} = useSsrBoot();
|
||||
const height = computed(() => Number(props.height) - (props.density === "comfortable" ? 8 : 0) - (props.density === "compact" ? 16 : 0));
|
||||
const isActive = useProxiedModel(props, "active", props.active);
|
||||
const {
|
||||
layoutItemStyles
|
||||
} = useLayoutItem({
|
||||
id: props.name,
|
||||
order: computed(() => parseInt(props.order, 10)),
|
||||
position: toRef(() => "bottom"),
|
||||
layoutSize: toRef(() => isActive.value ? height.value : 0),
|
||||
elementSize: height,
|
||||
active: isActive,
|
||||
absolute: toRef(() => props.absolute)
|
||||
});
|
||||
useGroup(props, VBtnToggleSymbol);
|
||||
provideDefaults({
|
||||
VBtn: {
|
||||
baseColor: toRef(() => props.baseColor),
|
||||
color: toRef(() => props.color),
|
||||
density: toRef(() => props.density),
|
||||
stacked: toRef(() => props.mode !== "horizontal"),
|
||||
variant: "text"
|
||||
}
|
||||
}, {
|
||||
scoped: true
|
||||
});
|
||||
useRender(() => {
|
||||
return createVNode(props.tag, {
|
||||
"class": normalizeClass(["v-bottom-navigation", {
|
||||
"v-bottom-navigation--active": isActive.value,
|
||||
"v-bottom-navigation--grow": props.grow,
|
||||
"v-bottom-navigation--shift": props.mode === "shift"
|
||||
}, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value, props.class]),
|
||||
"style": normalizeStyle([backgroundColorStyles.value, layoutItemStyles.value, {
|
||||
height: convertToUnit(height.value)
|
||||
}, ssrBootStyles.value, props.style])
|
||||
}, {
|
||||
default: () => [slots.default && createBaseVNode("div", {
|
||||
"class": "v-bottom-navigation__content"
|
||||
}, [slots.default()])]
|
||||
});
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
|
||||
export {
|
||||
VBottomNavigation
|
||||
};
|
||||
//# sourceMappingURL=chunk-LFKLAYDH.js.map
|
||||
Reference in New Issue
Block a user