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
+48
View File
@@ -0,0 +1,48 @@
import { type PropType, type ExtractPropTypes } from 'vue';
import { type BadgeProps } from '../badge';
export declare const actionBarIconProps: {
to: PropType<import("vue-router").RouteLocationRaw>;
url: StringConstructor;
replace: BooleanConstructor;
} & {
dot: BooleanConstructor;
text: StringConstructor;
icon: StringConstructor;
color: StringConstructor;
badge: (NumberConstructor | StringConstructor)[];
iconClass: PropType<unknown>;
badgeProps: PropType<Partial<BadgeProps>>;
iconPrefix: StringConstructor;
};
export type ActionBarIconProps = ExtractPropTypes<typeof actionBarIconProps>;
declare const _default: import("vue").DefineComponent<{
to: PropType<import("vue-router").RouteLocationRaw>;
url: StringConstructor;
replace: BooleanConstructor;
} & {
dot: BooleanConstructor;
text: StringConstructor;
icon: StringConstructor;
color: StringConstructor;
badge: (NumberConstructor | StringConstructor)[];
iconClass: PropType<unknown>;
badgeProps: PropType<Partial<BadgeProps>>;
iconPrefix: StringConstructor;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
to: PropType<import("vue-router").RouteLocationRaw>;
url: StringConstructor;
replace: BooleanConstructor;
} & {
dot: BooleanConstructor;
text: StringConstructor;
icon: StringConstructor;
color: StringConstructor;
badge: (NumberConstructor | StringConstructor)[];
iconClass: PropType<unknown>;
badgeProps: PropType<Partial<BadgeProps>>;
iconPrefix: StringConstructor;
}>>, {
replace: boolean;
dot: boolean;
}>;
export default _default;
+69
View File
@@ -0,0 +1,69 @@
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
import { defineComponent } from "vue";
import { extend, createNamespace, unknownProp, numericProp } from "../utils/index.mjs";
import { ACTION_BAR_KEY } from "../action-bar/ActionBar.mjs";
import { useParent } from "@vant/use";
import { useRoute, routeProps } from "../composables/use-route.mjs";
import { Icon } from "../icon/index.mjs";
import { Badge } from "../badge/index.mjs";
const [name, bem] = createNamespace("action-bar-icon");
const actionBarIconProps = extend({}, routeProps, {
dot: Boolean,
text: String,
icon: String,
color: String,
badge: numericProp,
iconClass: unknownProp,
badgeProps: Object,
iconPrefix: String
});
var stdin_default = defineComponent({
name,
props: actionBarIconProps,
setup(props, {
slots
}) {
const route = useRoute();
useParent(ACTION_BAR_KEY);
const renderIcon = () => {
const {
dot,
badge,
icon,
color,
iconClass,
badgeProps,
iconPrefix
} = props;
if (slots.icon) {
return _createVNode(Badge, _mergeProps({
"dot": dot,
"class": bem("icon"),
"content": badge
}, badgeProps), {
default: slots.icon
});
}
return _createVNode(Icon, {
"tag": "div",
"dot": dot,
"name": icon,
"badge": badge,
"color": color,
"class": [bem("icon"), iconClass],
"badgeProps": badgeProps,
"classPrefix": iconPrefix
}, null);
};
return () => _createVNode("div", {
"role": "button",
"class": bem(),
"tabindex": 0,
"onClick": route
}, [renderIcon(), slots.default ? slots.default() : props.text]);
}
});
export {
actionBarIconProps,
stdin_default as default
};
+1
View File
@@ -0,0 +1 @@
:root{--van-action-bar-icon-width: 48px;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: 18px;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-text-color);--van-action-bar-icon-background: var(--van-background-2)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+39
View File
@@ -0,0 +1,39 @@
export declare const ActionBarIcon: import("../utils").WithInstall<import("vue").DefineComponent<{
to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
url: StringConstructor;
replace: BooleanConstructor;
} & {
dot: BooleanConstructor;
text: StringConstructor;
icon: StringConstructor;
color: StringConstructor;
badge: (NumberConstructor | StringConstructor)[];
iconClass: import("vue").PropType<unknown>;
badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
iconPrefix: StringConstructor;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
url: StringConstructor;
replace: BooleanConstructor;
} & {
dot: BooleanConstructor;
text: StringConstructor;
icon: StringConstructor;
color: StringConstructor;
badge: (NumberConstructor | StringConstructor)[];
iconClass: import("vue").PropType<unknown>;
badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
iconPrefix: StringConstructor;
}>>, {
replace: boolean;
dot: boolean;
}>>;
export default ActionBarIcon;
export { actionBarIconProps } from './ActionBarIcon';
export type { ActionBarIconProps } from './ActionBarIcon';
export type { ActionBarIconThemeVars } from './types';
declare module 'vue' {
interface GlobalComponents {
VanActionBarIcon: typeof ActionBarIcon;
}
}
+10
View File
@@ -0,0 +1,10 @@
import { withInstall } from "../utils/index.mjs";
import _ActionBarIcon from "./ActionBarIcon.mjs";
const ActionBarIcon = withInstall(_ActionBarIcon);
var stdin_default = ActionBarIcon;
import { actionBarIconProps } from "./ActionBarIcon.mjs";
export {
ActionBarIcon,
actionBarIconProps,
stdin_default as default
};
+1
View File
@@ -0,0 +1 @@
export {};
+5
View File
@@ -0,0 +1,5 @@
import "../../style/base.css";
import "../../action-bar/index.css";
import "../../badge/index.css";
import "../../icon/index.css";
import "../index.css";
+10
View File
@@ -0,0 +1,10 @@
export type ActionBarIconThemeVars = {
actionBarIconWidth?: string;
actionBarIconHeight?: string;
actionBarIconColor?: string;
actionBarIconSize?: string;
actionBarIconFontSize?: string;
actionBarIconActiveColor?: string;
actionBarIconTextColor?: string;
actionBarIconBackground?: string;
};
View File