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
+59
View File
@@ -0,0 +1,59 @@
import { type PropType, type ExtractPropTypes } from 'vue';
import type { DropdownItemOption } from './types';
export declare const dropdownItemProps: {
title: StringConstructor;
options: {
type: PropType<DropdownItemOption[]>;
default: () => never[];
};
disabled: BooleanConstructor;
teleport: PropType<string | import("vue").RendererElement | null | undefined>;
lazyRender: {
type: BooleanConstructor;
default: true;
};
modelValue: PropType<unknown>;
titleClass: PropType<unknown>;
};
export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
declare const _default: import("vue").DefineComponent<{
title: StringConstructor;
options: {
type: PropType<DropdownItemOption[]>;
default: () => never[];
};
disabled: BooleanConstructor;
teleport: PropType<string | import("vue").RendererElement | null | undefined>;
lazyRender: {
type: BooleanConstructor;
default: true;
};
modelValue: PropType<unknown>;
titleClass: PropType<unknown>;
}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:modelValue" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
title: StringConstructor;
options: {
type: PropType<DropdownItemOption[]>;
default: () => never[];
};
disabled: BooleanConstructor;
teleport: PropType<string | import("vue").RendererElement | null | undefined>;
lazyRender: {
type: BooleanConstructor;
default: true;
};
modelValue: PropType<unknown>;
titleClass: PropType<unknown>;
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
onOpened?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
lazyRender: boolean;
options: DropdownItemOption[];
}>;
export default _default;
+184
View File
@@ -0,0 +1,184 @@
import { withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
import { reactive, Teleport, defineComponent } from "vue";
import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp } from "../utils/index.mjs";
import { DROPDOWN_KEY } from "../dropdown-menu/DropdownMenu.mjs";
import { useParent } from "@vant/use";
import { useExpose } from "../composables/use-expose.mjs";
import { Cell } from "../cell/index.mjs";
import { Icon } from "../icon/index.mjs";
import { Popup } from "../popup/index.mjs";
const [name, bem] = createNamespace("dropdown-item");
const dropdownItemProps = {
title: String,
options: makeArrayProp(),
disabled: Boolean,
teleport: [String, Object],
lazyRender: truthProp,
modelValue: unknownProp,
titleClass: unknownProp
};
var stdin_default = defineComponent({
name,
inheritAttrs: false,
props: dropdownItemProps,
emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
setup(props, {
emit,
slots,
attrs
}) {
const state = reactive({
showPopup: false,
transition: true,
showWrapper: false
});
const {
parent,
index
} = useParent(DROPDOWN_KEY);
if (!parent) {
if (process.env.NODE_ENV !== "production") {
console.error("[Vant] <DropdownItem> must be a child component of <DropdownMenu>.");
}
return;
}
const getEmitter = (name2) => () => emit(name2);
const onOpen = getEmitter("open");
const onClose = getEmitter("close");
const onOpened = getEmitter("opened");
const onClosed = () => {
state.showWrapper = false;
emit("closed");
};
const onClickWrapper = (event) => {
if (props.teleport) {
event.stopPropagation();
}
};
const toggle = (show = !state.showPopup, options = {}) => {
if (show === state.showPopup) {
return;
}
state.showPopup = show;
state.transition = !options.immediate;
if (show) {
parent.updateOffset();
state.showWrapper = true;
}
};
const renderTitle = () => {
if (slots.title) {
return slots.title();
}
if (props.title) {
return props.title;
}
const match = props.options.find((option) => option.value === props.modelValue);
return match ? match.text : "";
};
const renderOption = (option) => {
const {
activeColor
} = parent.props;
const active = option.value === props.modelValue;
const onClick = () => {
state.showPopup = false;
if (option.value !== props.modelValue) {
emit("update:modelValue", option.value);
emit("change", option.value);
}
};
const renderIcon = () => {
if (active) {
return _createVNode(Icon, {
"class": bem("icon"),
"color": activeColor,
"name": "success"
}, null);
}
};
return _createVNode(Cell, {
"role": "menuitem",
"key": option.value,
"icon": option.icon,
"title": option.text,
"class": bem("option", {
active
}),
"style": {
color: active ? activeColor : ""
},
"tabindex": active ? 0 : -1,
"clickable": true,
"onClick": onClick
}, {
value: renderIcon
});
};
const renderContent = () => {
const {
offset
} = parent;
const {
zIndex,
overlay,
duration,
direction,
closeOnClickOverlay
} = parent.props;
const style = getZIndexStyle(zIndex);
if (direction === "down") {
style.top = `${offset.value}px`;
} else {
style.bottom = `${offset.value}px`;
}
return _withDirectives(_createVNode("div", _mergeProps({
"style": style,
"class": bem([direction]),
"onClick": onClickWrapper
}, attrs), [_createVNode(Popup, {
"show": state.showPopup,
"onUpdate:show": ($event) => state.showPopup = $event,
"role": "menu",
"class": bem("content"),
"overlay": overlay,
"position": direction === "down" ? "top" : "bottom",
"duration": state.transition ? duration : 0,
"lazyRender": props.lazyRender,
"overlayStyle": {
position: "absolute"
},
"aria-labelledby": `${parent.id}-${index.value}`,
"closeOnClickOverlay": closeOnClickOverlay,
"onOpen": onOpen,
"onClose": onClose,
"onOpened": onOpened,
"onClosed": onClosed
}, {
default: () => {
var _a;
return [props.options.map(renderOption), (_a = slots.default) == null ? void 0 : _a.call(slots)];
}
})]), [[_vShow, state.showWrapper]]);
};
useExpose({
state,
toggle,
renderTitle
});
return () => {
if (props.teleport) {
return _createVNode(Teleport, {
"to": props.teleport
}, {
default: () => [renderContent()]
});
}
return renderContent();
};
}
});
export {
stdin_default as default,
dropdownItemProps
};
+1
View File
@@ -0,0 +1 @@
:root{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}
+50
View File
@@ -0,0 +1,50 @@
import { DropdownItemProps } from './DropdownItem';
export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
title: StringConstructor;
options: {
type: import("vue").PropType<import("./types").DropdownItemOption[]>;
default: () => never[];
};
disabled: BooleanConstructor;
teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
lazyRender: {
type: BooleanConstructor;
default: true;
};
modelValue: import("vue").PropType<unknown>;
titleClass: import("vue").PropType<unknown>;
}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:modelValue" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
title: StringConstructor;
options: {
type: import("vue").PropType<import("./types").DropdownItemOption[]>;
default: () => never[];
};
disabled: BooleanConstructor;
teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
lazyRender: {
type: BooleanConstructor;
default: true;
};
modelValue: import("vue").PropType<unknown>;
titleClass: import("vue").PropType<unknown>;
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
onOpened?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
lazyRender: boolean;
options: import("./types").DropdownItemOption[];
}>>;
export default DropdownItem;
export { dropdownItemProps } from './DropdownItem';
export type { DropdownItemProps };
export type { DropdownItemOption, DropdownItemInstance, DropdownItemThemeVars, } from './types';
declare module 'vue' {
interface GlobalComponents {
VanDropdownItem: typeof DropdownItem;
}
}
+10
View File
@@ -0,0 +1,10 @@
import { withInstall } from "../utils/index.mjs";
import _DropdownItem from "./DropdownItem.mjs";
const DropdownItem = withInstall(_DropdownItem);
var stdin_default = DropdownItem;
import { dropdownItemProps } from "./DropdownItem.mjs";
export {
DropdownItem,
stdin_default as default,
dropdownItemProps
};
+1
View File
@@ -0,0 +1 @@
export {};
+8
View File
@@ -0,0 +1,8 @@
import "../../style/base.css";
import "../../badge/index.css";
import "../../icon/index.css";
import "../../cell/index.css";
import "../../overlay/index.css";
import "../../popup/index.css";
import "../../dropdown-menu/index.css";
import "../index.css";
+25
View File
@@ -0,0 +1,25 @@
import type { DropdownItemProps } from './DropdownItem';
import type { VNode, ComponentPublicInstance } from 'vue';
import type { Numeric } from '../utils';
export type DropdownItemOption = {
text: string;
icon?: string;
value: Numeric;
};
export type DropdownItemExpose = {
toggle: (show?: boolean, options?: {
immediate?: boolean;
}) => void;
/** @private */
state: {
showPopup: boolean;
transition: boolean;
showWrapper: boolean;
};
/** @private */
renderTitle: () => string | VNode[];
};
export type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;
export type DropdownItemThemeVars = {
dropdownItemZIndex?: number | string;
};
View File