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;
+156
View File
@@ -0,0 +1,156 @@
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name2 in all)
__defProp(target, name2, { get: all[name2], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
__export(stdin_exports, {
DROPDOWN_KEY: () => DROPDOWN_KEY,
default: () => stdin_default,
dropdownMenuProps: () => dropdownMenuProps
});
module.exports = __toCommonJS(stdin_exports);
var import_vue = require("vue");
var import_vue2 = require("vue");
var import_utils = require("../utils");
var import_use_id = require("../composables/use-id");
var import_use = require("@vant/use");
const [name, bem] = (0, import_utils.createNamespace)("dropdown-menu");
const dropdownMenuProps = {
overlay: import_utils.truthProp,
zIndex: import_utils.numericProp,
duration: (0, import_utils.makeNumericProp)(0.2),
direction: (0, import_utils.makeStringProp)("down"),
activeColor: String,
closeOnClickOutside: import_utils.truthProp,
closeOnClickOverlay: import_utils.truthProp
};
const DROPDOWN_KEY = Symbol(name);
var stdin_default = (0, import_vue2.defineComponent)({
name,
props: dropdownMenuProps,
setup(props, {
slots
}) {
const id = (0, import_use_id.useId)();
const root = (0, import_vue2.ref)();
const barRef = (0, import_vue2.ref)();
const offset = (0, import_vue2.ref)(0);
const {
children,
linkChildren
} = (0, import_use.useChildren)(DROPDOWN_KEY);
const scrollParent = (0, import_use.useScrollParent)(root);
const opened = (0, import_vue2.computed)(() => children.some((item) => item.state.showWrapper));
const barStyle = (0, import_vue2.computed)(() => {
if (opened.value && (0, import_utils.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 = (0, import_use.useRect)(barRef);
if (props.direction === "down") {
offset.value = rect.bottom;
} else {
offset.value = import_utils.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 (0, import_vue.createVNode)("div", {
"id": `${id}-${index}`,
"role": "button",
"tabindex": disabled ? void 0 : 0,
"class": [bem("item", {
disabled
}), {
[import_utils.HAPTICS_FEEDBACK]: !disabled
}],
"onClick": () => {
if (!disabled) {
toggleItem(index);
}
}
}, [(0, import_vue.createVNode)("span", {
"class": [bem("title", {
down: showPopup === (props.direction === "down"),
active: showPopup
}), titleClass],
"style": {
color: showPopup ? props.activeColor : ""
}
}, [(0, import_vue.createVNode)("div", {
"class": "van-ellipsis"
}, [item.renderTitle()])])]);
};
linkChildren({
id,
props,
offset,
updateOffset
});
(0, import_use.useClickAway)(root, onClickAway);
(0, import_use.useEventListener)("scroll", onScroll, {
target: scrollParent,
passive: true
});
return () => {
var _a;
return (0, import_vue.createVNode)("div", {
"ref": root,
"class": bem()
}, [(0, import_vue.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)]);
};
}
});
+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;
}
}
+39
View File
@@ -0,0 +1,39 @@
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
__export(stdin_exports, {
DropdownMenu: () => DropdownMenu,
default: () => stdin_default,
dropdownMenuProps: () => import_DropdownMenu2.dropdownMenuProps
});
module.exports = __toCommonJS(stdin_exports);
var import_utils = require("../utils");
var import_DropdownMenu = __toESM(require("./DropdownMenu"));
var import_DropdownMenu2 = require("./DropdownMenu");
const DropdownMenu = (0, import_utils.withInstall)(import_DropdownMenu.default);
var stdin_default = DropdownMenu;
+1
View File
@@ -0,0 +1 @@
export {};
+2
View File
@@ -0,0 +1,2 @@
require("../../style/base.css");
require("../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;
};
+15
View File
@@ -0,0 +1,15 @@
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
module.exports = __toCommonJS(stdin_exports);