major server manager overhaul
This commit is contained in:
+333
@@ -0,0 +1,333 @@
|
||||
import {
|
||||
VBtnToggleSymbol
|
||||
} from "./chunk-5AQLTWWS.js";
|
||||
import {
|
||||
makeGroupItemProps,
|
||||
useGroupItem
|
||||
} from "./chunk-W6DJL42A.js";
|
||||
import {
|
||||
makePositionProps,
|
||||
usePosition
|
||||
} from "./chunk-HOEZWRBG.js";
|
||||
import {
|
||||
genOverlays,
|
||||
makeVariantProps,
|
||||
useVariant
|
||||
} from "./chunk-ADXDXPPR.js";
|
||||
import {
|
||||
makeBorderProps,
|
||||
useBorder
|
||||
} from "./chunk-X7YBE6PF.js";
|
||||
import {
|
||||
makeElevationProps,
|
||||
useElevation
|
||||
} from "./chunk-YJD2PNP6.js";
|
||||
import {
|
||||
VProgressCircular
|
||||
} from "./chunk-MH76ZJYE.js";
|
||||
import {
|
||||
makeLoaderProps,
|
||||
useLoader
|
||||
} from "./chunk-UXZ55AO7.js";
|
||||
import {
|
||||
makeLocationProps,
|
||||
useLocation
|
||||
} from "./chunk-KTTVT6V2.js";
|
||||
import {
|
||||
makeDensityProps,
|
||||
useDensity
|
||||
} from "./chunk-TM3MIDYC.js";
|
||||
import {
|
||||
VIcon
|
||||
} from "./chunk-4XZHKYGH.js";
|
||||
import {
|
||||
makeSizeProps,
|
||||
useSize
|
||||
} from "./chunk-PIT7IT55.js";
|
||||
import {
|
||||
makeRoundedProps,
|
||||
useRounded
|
||||
} from "./chunk-AQK3CYVW.js";
|
||||
import {
|
||||
VDefaultsProvider
|
||||
} from "./chunk-PAT7NP2Z.js";
|
||||
import {
|
||||
makeTagProps
|
||||
} from "./chunk-2HZIACSB.js";
|
||||
import {
|
||||
IconValue
|
||||
} from "./chunk-OJDZBU5D.js";
|
||||
import {
|
||||
makeRouterProps,
|
||||
useLink
|
||||
} from "./chunk-573D4TYC.js";
|
||||
import {
|
||||
ripple_default
|
||||
} from "./chunk-DS4J67XG.js";
|
||||
import {
|
||||
makeDimensionProps,
|
||||
useDimension
|
||||
} from "./chunk-6EZKHCRW.js";
|
||||
import {
|
||||
makeThemeProps,
|
||||
provideTheme
|
||||
} from "./chunk-3DSR7NCB.js";
|
||||
import {
|
||||
genericComponent,
|
||||
makeComponentProps,
|
||||
propsFactory,
|
||||
useRender
|
||||
} from "./chunk-LZ5T2ERG.js";
|
||||
import {
|
||||
computed,
|
||||
createBaseVNode,
|
||||
createVNode,
|
||||
mergeProps,
|
||||
nextTick,
|
||||
toDisplayString,
|
||||
toRef,
|
||||
watch,
|
||||
withDirectives
|
||||
} from "./chunk-2MKFL3BX.js";
|
||||
|
||||
// node_modules/vuetify/lib/components/VBtn/VBtn.js
|
||||
import "/home/david/gitea_repo/personal_development/ServerManagerWebApp/frontend/node_modules/vuetify/lib/components/VBtn/VBtn.css";
|
||||
|
||||
// node_modules/vuetify/lib/composables/selectLink.js
|
||||
function useSelectLink(link, select) {
|
||||
watch(() => link.isActive?.value, (isActive) => {
|
||||
if (link.isLink.value && isActive != null && select) {
|
||||
nextTick(() => {
|
||||
select(isActive);
|
||||
});
|
||||
}
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
}
|
||||
|
||||
// node_modules/vuetify/lib/components/VBtn/VBtn.js
|
||||
var makeVBtnProps = propsFactory({
|
||||
active: {
|
||||
type: Boolean,
|
||||
default: void 0
|
||||
},
|
||||
activeColor: String,
|
||||
baseColor: String,
|
||||
symbol: {
|
||||
type: null,
|
||||
default: VBtnToggleSymbol
|
||||
},
|
||||
flat: Boolean,
|
||||
icon: [Boolean, String, Function, Object],
|
||||
prependIcon: IconValue,
|
||||
appendIcon: IconValue,
|
||||
block: Boolean,
|
||||
readonly: Boolean,
|
||||
slim: Boolean,
|
||||
stacked: Boolean,
|
||||
spaced: String,
|
||||
ripple: {
|
||||
type: [Boolean, Object],
|
||||
default: true
|
||||
},
|
||||
text: {
|
||||
type: [String, Number, Boolean],
|
||||
default: void 0
|
||||
},
|
||||
...makeBorderProps(),
|
||||
...makeComponentProps(),
|
||||
...makeDensityProps(),
|
||||
...makeDimensionProps(),
|
||||
...makeElevationProps(),
|
||||
...makeGroupItemProps(),
|
||||
...makeLoaderProps(),
|
||||
...makeLocationProps(),
|
||||
...makePositionProps(),
|
||||
...makeRoundedProps(),
|
||||
...makeRouterProps(),
|
||||
...makeSizeProps(),
|
||||
...makeTagProps({
|
||||
tag: "button"
|
||||
}),
|
||||
...makeThemeProps(),
|
||||
...makeVariantProps({
|
||||
variant: "elevated"
|
||||
})
|
||||
}, "VBtn");
|
||||
var VBtn = genericComponent()({
|
||||
name: "VBtn",
|
||||
props: makeVBtnProps(),
|
||||
emits: {
|
||||
"group:selected": (val) => true
|
||||
},
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
attrs,
|
||||
slots
|
||||
} = _ref;
|
||||
const {
|
||||
themeClasses
|
||||
} = provideTheme(props);
|
||||
const {
|
||||
borderClasses
|
||||
} = useBorder(props);
|
||||
const {
|
||||
densityClasses
|
||||
} = useDensity(props);
|
||||
const {
|
||||
dimensionStyles
|
||||
} = useDimension(props);
|
||||
const {
|
||||
elevationClasses
|
||||
} = useElevation(props);
|
||||
const {
|
||||
loaderClasses
|
||||
} = useLoader(props);
|
||||
const {
|
||||
locationStyles
|
||||
} = useLocation(props);
|
||||
const {
|
||||
positionClasses
|
||||
} = usePosition(props);
|
||||
const {
|
||||
roundedClasses
|
||||
} = useRounded(props);
|
||||
const {
|
||||
sizeClasses,
|
||||
sizeStyles
|
||||
} = useSize(props);
|
||||
const group = useGroupItem(props, props.symbol, false);
|
||||
const link = useLink(props, attrs);
|
||||
const isActive = computed(() => {
|
||||
if (props.active !== void 0) {
|
||||
return props.active;
|
||||
}
|
||||
if (link.isRouterLink.value) {
|
||||
return link.isActive?.value;
|
||||
}
|
||||
return group?.isSelected.value;
|
||||
});
|
||||
const color = toRef(() => isActive.value ? props.activeColor ?? props.color : props.color);
|
||||
const variantProps = computed(() => {
|
||||
const showColor = group?.isSelected.value && (!link.isLink.value || link.isActive?.value) || !group || link.isActive?.value;
|
||||
return {
|
||||
color: showColor ? color.value ?? props.baseColor : props.baseColor,
|
||||
variant: props.variant
|
||||
};
|
||||
});
|
||||
const {
|
||||
colorClasses,
|
||||
colorStyles,
|
||||
variantClasses
|
||||
} = useVariant(variantProps);
|
||||
const isDisabled = computed(() => group?.disabled.value || props.disabled);
|
||||
const isElevated = toRef(() => {
|
||||
return props.variant === "elevated" && !(props.disabled || props.flat || props.border);
|
||||
});
|
||||
const valueAttr = computed(() => {
|
||||
if (props.value === void 0 || typeof props.value === "symbol") return void 0;
|
||||
return Object(props.value) === props.value ? JSON.stringify(props.value, null, 0) : props.value;
|
||||
});
|
||||
function onClick(e) {
|
||||
if (isDisabled.value || link.isLink.value && (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0 || attrs.target === "_blank")) return;
|
||||
if (link.isRouterLink.value) {
|
||||
link.navigate?.(e);
|
||||
} else {
|
||||
group?.toggle();
|
||||
}
|
||||
}
|
||||
useSelectLink(link, group?.select);
|
||||
useRender(() => {
|
||||
const Tag = link.isLink.value ? "a" : props.tag;
|
||||
const hasPrepend = !!(props.prependIcon || slots.prepend);
|
||||
const hasAppend = !!(props.appendIcon || slots.append);
|
||||
const hasIcon = !!(props.icon && props.icon !== true);
|
||||
return withDirectives(createVNode(Tag, mergeProps(link.linkProps, {
|
||||
"type": Tag === "a" ? void 0 : "button",
|
||||
"class": ["v-btn", group?.selectedClass.value, {
|
||||
"v-btn--active": isActive.value,
|
||||
"v-btn--block": props.block,
|
||||
"v-btn--disabled": isDisabled.value,
|
||||
"v-btn--elevated": isElevated.value,
|
||||
"v-btn--flat": props.flat,
|
||||
"v-btn--icon": !!props.icon,
|
||||
"v-btn--loading": props.loading,
|
||||
"v-btn--readonly": props.readonly,
|
||||
"v-btn--slim": props.slim,
|
||||
"v-btn--stacked": props.stacked
|
||||
}, props.spaced ? ["v-btn--spaced", `v-btn--spaced-${props.spaced}`] : [], themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
|
||||
"style": [colorStyles.value, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
|
||||
"aria-busy": props.loading ? true : void 0,
|
||||
"disabled": isDisabled.value && Tag !== "a" || void 0,
|
||||
"tabindex": props.loading || props.readonly ? -1 : void 0,
|
||||
"onClick": onClick,
|
||||
"value": valueAttr.value
|
||||
}), {
|
||||
default: () => [genOverlays(true, "v-btn"), !props.icon && hasPrepend && createBaseVNode("span", {
|
||||
"key": "prepend",
|
||||
"class": "v-btn__prepend"
|
||||
}, [!slots.prepend ? createVNode(VIcon, {
|
||||
"key": "prepend-icon",
|
||||
"icon": props.prependIcon
|
||||
}, null) : createVNode(VDefaultsProvider, {
|
||||
"key": "prepend-defaults",
|
||||
"disabled": !props.prependIcon,
|
||||
"defaults": {
|
||||
VIcon: {
|
||||
icon: props.prependIcon
|
||||
}
|
||||
}
|
||||
}, slots.prepend)]), createBaseVNode("span", {
|
||||
"class": "v-btn__content",
|
||||
"data-no-activator": ""
|
||||
}, [!slots.default && hasIcon ? createVNode(VIcon, {
|
||||
"key": "content-icon",
|
||||
"icon": props.icon
|
||||
}, null) : createVNode(VDefaultsProvider, {
|
||||
"key": "content-defaults",
|
||||
"disabled": !hasIcon,
|
||||
"defaults": {
|
||||
VIcon: {
|
||||
icon: props.icon
|
||||
}
|
||||
}
|
||||
}, {
|
||||
default: () => [slots.default?.() ?? toDisplayString(props.text)]
|
||||
})]), !props.icon && hasAppend && createBaseVNode("span", {
|
||||
"key": "append",
|
||||
"class": "v-btn__append"
|
||||
}, [!slots.append ? createVNode(VIcon, {
|
||||
"key": "append-icon",
|
||||
"icon": props.appendIcon
|
||||
}, null) : createVNode(VDefaultsProvider, {
|
||||
"key": "append-defaults",
|
||||
"disabled": !props.appendIcon,
|
||||
"defaults": {
|
||||
VIcon: {
|
||||
icon: props.appendIcon
|
||||
}
|
||||
}
|
||||
}, slots.append)]), !!props.loading && createBaseVNode("span", {
|
||||
"key": "loader",
|
||||
"class": "v-btn__loader"
|
||||
}, [slots.loader?.() ?? createVNode(VProgressCircular, {
|
||||
"color": typeof props.loading === "boolean" ? void 0 : props.loading,
|
||||
"indeterminate": true,
|
||||
"width": "2"
|
||||
}, null)])]
|
||||
}), [[ripple_default, !isDisabled.value && props.ripple, "", {
|
||||
center: !!props.icon
|
||||
}]]);
|
||||
});
|
||||
return {
|
||||
group
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
export {
|
||||
makeVBtnProps,
|
||||
VBtn
|
||||
};
|
||||
//# sourceMappingURL=chunk-UQALH6SL.js.map
|
||||
Reference in New Issue
Block a user