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
+217
View File
@@ -0,0 +1,217 @@
import { type PropType, type ExtractPropTypes } from 'vue';
export type TimePickerColumnType = 'hour' | 'minute' | 'second';
export declare const timePickerProps: {
loading: BooleanConstructor;
readonly: BooleanConstructor;
allowHtml: BooleanConstructor;
optionHeight: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showToolbar: {
type: BooleanConstructor;
default: true;
};
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
visibleOptionNum: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
} & {
title: StringConstructor;
cancelButtonText: StringConstructor;
confirmButtonText: StringConstructor;
} & {
modelValue: {
type: PropType<string[]>;
default: () => never[];
};
filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
formatter: {
type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
};
} & {
minHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
columnsType: {
type: PropType<TimePickerColumnType[]>;
default: () => string[];
};
};
export type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
declare const _default: import("vue").DefineComponent<{
loading: BooleanConstructor;
readonly: BooleanConstructor;
allowHtml: BooleanConstructor;
optionHeight: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showToolbar: {
type: BooleanConstructor;
default: true;
};
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
visibleOptionNum: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
} & {
title: StringConstructor;
cancelButtonText: StringConstructor;
confirmButtonText: StringConstructor;
} & {
modelValue: {
type: PropType<string[]>;
default: () => never[];
};
filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
formatter: {
type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
};
} & {
minHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
columnsType: {
type: PropType<TimePickerColumnType[]>;
default: () => string[];
};
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
loading: BooleanConstructor;
readonly: BooleanConstructor;
allowHtml: BooleanConstructor;
optionHeight: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showToolbar: {
type: BooleanConstructor;
default: true;
};
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
visibleOptionNum: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
} & {
title: StringConstructor;
cancelButtonText: StringConstructor;
confirmButtonText: StringConstructor;
} & {
modelValue: {
type: PropType<string[]>;
default: () => never[];
};
filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
formatter: {
type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
};
} & {
minHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
columnsType: {
type: PropType<TimePickerColumnType[]>;
default: () => string[];
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onConfirm?: ((...args: any[]) => any) | undefined;
}, {
formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
modelValue: string[];
readonly: boolean;
loading: boolean;
allowHtml: boolean;
optionHeight: string | number;
showToolbar: boolean;
swipeDuration: string | number;
visibleOptionNum: string | number;
columnsType: TimePickerColumnType[];
minHour: string | number;
maxHour: string | number;
minMinute: string | number;
maxMinute: string | number;
minSecond: string | number;
maxSecond: string | number;
}>;
export default _default;
+76
View File
@@ -0,0 +1,76 @@
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
import { ref, watch, computed, defineComponent } from "vue";
import { pick, extend, createNamespace, makeNumericProp, isSameValue } from "../utils/index.mjs";
import { genOptions, sharedProps, pickerInheritKeys, formatValueRange } from "../date-picker/utils.mjs";
import { Picker } from "../picker/index.mjs";
const [name] = createNamespace("time-picker");
const timePickerProps = extend({}, sharedProps, {
minHour: makeNumericProp(0),
maxHour: makeNumericProp(23),
minMinute: makeNumericProp(0),
maxMinute: makeNumericProp(59),
minSecond: makeNumericProp(0),
maxSecond: makeNumericProp(59),
columnsType: {
type: Array,
default: () => ["hour", "minute"]
}
});
var stdin_default = defineComponent({
name,
props: timePickerProps,
emits: ["confirm", "cancel", "change", "update:modelValue"],
setup(props, {
emit,
slots
}) {
const currentValues = ref(props.modelValue);
const columns = computed(() => props.columnsType.map((type) => {
const {
filter,
formatter
} = props;
switch (type) {
case "hour":
return genOptions(+props.minHour, +props.maxHour, type, formatter, filter);
case "minute":
return genOptions(+props.minMinute, +props.maxMinute, type, formatter, filter);
case "second":
return genOptions(+props.minSecond, +props.maxSecond, type, formatter, filter);
default:
if (process.env.NODE_ENV !== "production") {
throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
}
return [];
}
}));
watch(currentValues, (newValues) => {
if (!isSameValue(newValues, props.modelValue)) {
emit("update:modelValue", newValues);
}
});
watch(() => props.modelValue, (newValues) => {
newValues = formatValueRange(newValues, columns.value);
if (!isSameValue(newValues, currentValues.value)) {
currentValues.value = newValues;
}
}, {
immediate: true
});
const onChange = (...args) => emit("change", ...args);
const onCancel = (...args) => emit("cancel", ...args);
const onConfirm = (...args) => emit("confirm", ...args);
return () => _createVNode(Picker, _mergeProps({
"modelValue": currentValues.value,
"onUpdate:modelValue": ($event) => currentValues.value = $event,
"columns": columns.value,
"onChange": onChange,
"onCancel": onCancel,
"onConfirm": onConfirm
}, pick(props, pickerInheritKeys)), slots);
}
});
export {
stdin_default as default,
timePickerProps
};
+159
View File
@@ -0,0 +1,159 @@
import { TimePickerProps } from './TimePicker';
export declare const TimePicker: import("../utils").WithInstall<import("vue").DefineComponent<{
loading: BooleanConstructor;
readonly: BooleanConstructor;
allowHtml: BooleanConstructor;
optionHeight: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showToolbar: {
type: BooleanConstructor;
default: true;
};
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
visibleOptionNum: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
} & {
title: StringConstructor;
cancelButtonText: StringConstructor;
confirmButtonText: StringConstructor;
} & {
modelValue: {
type: import("vue").PropType<string[]>;
default: () => never[];
};
filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
formatter: {
type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
};
} & {
minHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
columnsType: {
type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
default: () => string[];
};
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
loading: BooleanConstructor;
readonly: BooleanConstructor;
allowHtml: BooleanConstructor;
optionHeight: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showToolbar: {
type: BooleanConstructor;
default: true;
};
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
visibleOptionNum: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
} & {
title: StringConstructor;
cancelButtonText: StringConstructor;
confirmButtonText: StringConstructor;
} & {
modelValue: {
type: import("vue").PropType<string[]>;
default: () => never[];
};
filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
formatter: {
type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
};
} & {
minHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxHour: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxMinute: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
minSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxSecond: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
columnsType: {
type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
default: () => string[];
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onConfirm?: ((...args: any[]) => any) | undefined;
}, {
formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
modelValue: string[];
readonly: boolean;
loading: boolean;
allowHtml: boolean;
optionHeight: string | number;
showToolbar: boolean;
swipeDuration: string | number;
visibleOptionNum: string | number;
columnsType: import("./TimePicker").TimePickerColumnType[];
minHour: string | number;
maxHour: string | number;
minMinute: string | number;
maxMinute: string | number;
minSecond: string | number;
maxSecond: string | number;
}>>;
export default TimePicker;
export { timePickerProps } from './TimePicker';
export type { TimePickerProps };
export type { TimePickerColumnType } from './TimePicker';
declare module 'vue' {
interface GlobalComponents {
VanTimePicker: typeof TimePicker;
}
}
+10
View File
@@ -0,0 +1,10 @@
import { withInstall } from "../utils/index.mjs";
import _TimePicker from "./TimePicker.mjs";
const TimePicker = withInstall(_TimePicker);
var stdin_default = TimePicker;
import { timePickerProps } from "./TimePicker.mjs";
export {
TimePicker,
stdin_default as default,
timePickerProps
};
+1
View File
@@ -0,0 +1 @@
export {};
+10
View File
@@ -0,0 +1,10 @@
import "../../style/base.css";
import "../../badge/index.css";
import "../../loading/index.css";
import "../../sticky/index.css";
import "../../swipe/index.css";
import "../../swipe-item/index.css";
import "../../tabs/index.css";
import "../../tab/index.css";
import "../../picker/index.css";
import "../../picker-group/index.css";