Initial commit: GamePortrait 竖屏版 - 深色豪华主题

This commit is contained in:
li
2026-01-16 17:47:53 +08:00
commit 40976e4b45
26611 changed files with 2843638 additions and 0 deletions
+82
View File
@@ -0,0 +1,82 @@
import { type InjectionKey, type ExtractPropTypes } from 'vue';
import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
export declare const dropdownMenuProps: {
overlay: {
type: BooleanConstructor;
default: true;
};
zIndex: (NumberConstructor | StringConstructor)[];
duration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
direction: {
type: import("vue").PropType<DropdownMenuDirection>;
default: DropdownMenuDirection;
};
activeColor: StringConstructor;
closeOnClickOutside: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
};
export type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
declare const _default: import("vue").DefineComponent<{
overlay: {
type: BooleanConstructor;
default: true;
};
zIndex: (NumberConstructor | StringConstructor)[];
duration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
direction: {
type: import("vue").PropType<DropdownMenuDirection>;
default: DropdownMenuDirection;
};
activeColor: StringConstructor;
closeOnClickOutside: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
overlay: {
type: BooleanConstructor;
default: true;
};
zIndex: (NumberConstructor | StringConstructor)[];
duration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
direction: {
type: import("vue").PropType<DropdownMenuDirection>;
default: DropdownMenuDirection;
};
activeColor: StringConstructor;
closeOnClickOutside: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
}>>, {
overlay: boolean;
duration: string | number;
closeOnClickOverlay: boolean;
direction: DropdownMenuDirection;
closeOnClickOutside: boolean;
}>;
export default _default;
+137
View File
@@ -0,0 +1,137 @@
import { createVNode as _createVNode } from "vue";
import { ref, computed, defineComponent } from "vue";
import { isDef, truthProp, numericProp, windowHeight, makeStringProp, makeNumericProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
import { useId } from "../composables/use-id.mjs";
import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from "@vant/use";
const [name, bem] = createNamespace("dropdown-menu");
const dropdownMenuProps = {
overlay: truthProp,
zIndex: numericProp,
duration: makeNumericProp(0.2),
direction: makeStringProp("down"),
activeColor: String,
closeOnClickOutside: truthProp,
closeOnClickOverlay: truthProp
};
const DROPDOWN_KEY = Symbol(name);
var stdin_default = defineComponent({
name,
props: dropdownMenuProps,
setup(props, {
slots
}) {
const id = useId();
const root = ref();
const barRef = ref();
const offset = ref(0);
const {
children,
linkChildren
} = useChildren(DROPDOWN_KEY);
const scrollParent = useScrollParent(root);
const opened = computed(() => children.some((item) => item.state.showWrapper));
const barStyle = computed(() => {
if (opened.value && isDef(props.zIndex)) {
return {
zIndex: +props.zIndex + 1
};
}
});
const onClickAway = () => {
if (props.closeOnClickOutside) {
children.forEach((item) => {
item.toggle(false);
});
}
};
const updateOffset = () => {
if (barRef.value) {
const rect = useRect(barRef);
if (props.direction === "down") {
offset.value = rect.bottom;
} else {
offset.value = windowHeight.value - rect.top;
}
}
};
const onScroll = () => {
if (opened.value) {
updateOffset();
}
};
const toggleItem = (active) => {
children.forEach((item, index) => {
if (index === active) {
item.toggle();
} else if (item.state.showPopup) {
item.toggle(false, {
immediate: true
});
}
});
};
const renderTitle = (item, index) => {
const {
showPopup
} = item.state;
const {
disabled,
titleClass
} = item;
return _createVNode("div", {
"id": `${id}-${index}`,
"role": "button",
"tabindex": disabled ? void 0 : 0,
"class": [bem("item", {
disabled
}), {
[HAPTICS_FEEDBACK]: !disabled
}],
"onClick": () => {
if (!disabled) {
toggleItem(index);
}
}
}, [_createVNode("span", {
"class": [bem("title", {
down: showPopup === (props.direction === "down"),
active: showPopup
}), titleClass],
"style": {
color: showPopup ? props.activeColor : ""
}
}, [_createVNode("div", {
"class": "van-ellipsis"
}, [item.renderTitle()])])]);
};
linkChildren({
id,
props,
offset,
updateOffset
});
useClickAway(root, onClickAway);
useEventListener("scroll", onScroll, {
target: scrollParent,
passive: true
});
return () => {
var _a;
return _createVNode("div", {
"ref": root,
"class": bem()
}, [_createVNode("div", {
"ref": barRef,
"style": barStyle.value,
"class": bem("bar", {
opened: opened.value
})
}, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
};
}
});
export {
DROPDOWN_KEY,
stdin_default as default,
dropdownMenuProps
};
+1
View File
@@ -0,0 +1 @@
:root{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+63
View File
@@ -0,0 +1,63 @@
import { DropdownMenuProps } from './DropdownMenu';
export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
overlay: {
type: BooleanConstructor;
default: true;
};
zIndex: (NumberConstructor | StringConstructor)[];
duration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
direction: {
type: import("vue").PropType<import("./types").DropdownMenuDirection>;
default: import("./types").DropdownMenuDirection;
};
activeColor: StringConstructor;
closeOnClickOutside: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
overlay: {
type: BooleanConstructor;
default: true;
};
zIndex: (NumberConstructor | StringConstructor)[];
duration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
direction: {
type: import("vue").PropType<import("./types").DropdownMenuDirection>;
default: import("./types").DropdownMenuDirection;
};
activeColor: StringConstructor;
closeOnClickOutside: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
}>>, {
overlay: boolean;
duration: string | number;
closeOnClickOverlay: boolean;
direction: import("./types").DropdownMenuDirection;
closeOnClickOutside: boolean;
}>>;
export default DropdownMenu;
export { dropdownMenuProps } from './DropdownMenu';
export type { DropdownMenuProps };
export type { DropdownMenuDirection, DropdownMenuThemeVars } from './types';
declare module 'vue' {
interface GlobalComponents {
VanDropdownMenu: typeof DropdownMenu;
}
}
+10
View File
@@ -0,0 +1,10 @@
import { withInstall } from "../utils/index.mjs";
import _DropdownMenu from "./DropdownMenu.mjs";
const DropdownMenu = withInstall(_DropdownMenu);
var stdin_default = DropdownMenu;
import { dropdownMenuProps } from "./DropdownMenu.mjs";
export {
DropdownMenu,
stdin_default as default,
dropdownMenuProps
};
+1
View File
@@ -0,0 +1 @@
export {};
+2
View File
@@ -0,0 +1,2 @@
import "../../style/base.css";
import "../index.css";
+22
View File
@@ -0,0 +1,22 @@
import type { Ref } from 'vue';
import type { DropdownMenuProps } from './DropdownMenu';
export type DropdownMenuDirection = 'up' | 'down';
export type DropdownMenuProvide = {
id: string;
props: DropdownMenuProps;
offset: Ref<number>;
updateOffset: () => void;
};
export type DropdownMenuThemeVars = {
dropdownMenuHeight?: string;
dropdownMenuBackground?: string;
dropdownMenuShadow?: string;
dropdownMenuTitleFontSize?: string;
dropdownMenuTitleTextColor?: string;
dropdownMenuTitleActiveTextColor?: string;
dropdownMenuTitleDisabledTextColor?: string;
dropdownMenuTitlePadding?: string;
dropdownMenuTitleLineHeight?: number | string;
dropdownMenuOptionActiveColor?: string;
dropdownMenuContentMaxHeight?: string;
};
View File