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
+101
View File
@@ -0,0 +1,101 @@
import { type ExtractPropTypes } from 'vue';
export type PaginationMode = 'simple' | 'multi';
export declare const paginationProps: {
mode: {
type: import("vue").PropType<PaginationMode>;
default: PaginationMode;
};
prevText: StringConstructor;
nextText: StringConstructor;
pageCount: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
modelValue: {
type: NumberConstructor;
default: number;
};
totalItems: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showPageSize: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
itemsPerPage: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
forceEllipses: BooleanConstructor;
};
export type PaginationProps = ExtractPropTypes<typeof paginationProps>;
declare const _default: import("vue").DefineComponent<{
mode: {
type: import("vue").PropType<PaginationMode>;
default: PaginationMode;
};
prevText: StringConstructor;
nextText: StringConstructor;
pageCount: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
modelValue: {
type: NumberConstructor;
default: number;
};
totalItems: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showPageSize: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
itemsPerPage: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
forceEllipses: BooleanConstructor;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
mode: {
type: import("vue").PropType<PaginationMode>;
default: PaginationMode;
};
prevText: StringConstructor;
nextText: StringConstructor;
pageCount: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
modelValue: {
type: NumberConstructor;
default: number;
};
totalItems: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showPageSize: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
itemsPerPage: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
forceEllipses: BooleanConstructor;
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
modelValue: number;
mode: PaginationMode;
pageCount: string | number;
totalItems: string | number;
showPageSize: string | number;
itemsPerPage: string | number;
forceEllipses: boolean;
}>;
export default _default;
+164
View File
@@ -0,0 +1,164 @@
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, {
default: () => stdin_default,
paginationProps: () => paginationProps
});
module.exports = __toCommonJS(stdin_exports);
var import_vue = require("vue");
var import_vue2 = require("vue");
var import_utils = require("../utils");
const [name, bem, t] = (0, import_utils.createNamespace)("pagination");
const makePage = (number, text, active) => ({
number,
text,
active
});
const paginationProps = {
mode: (0, import_utils.makeStringProp)("multi"),
prevText: String,
nextText: String,
pageCount: (0, import_utils.makeNumericProp)(0),
modelValue: (0, import_utils.makeNumberProp)(0),
totalItems: (0, import_utils.makeNumericProp)(0),
showPageSize: (0, import_utils.makeNumericProp)(5),
itemsPerPage: (0, import_utils.makeNumericProp)(10),
forceEllipses: Boolean
};
var stdin_default = (0, import_vue2.defineComponent)({
name,
props: paginationProps,
emits: ["change", "update:modelValue"],
setup(props, {
emit,
slots
}) {
const count = (0, import_vue2.computed)(() => {
const {
pageCount,
totalItems,
itemsPerPage
} = props;
const count2 = +pageCount || Math.ceil(+totalItems / +itemsPerPage);
return Math.max(1, count2);
});
const pages = (0, import_vue2.computed)(() => {
const items = [];
const pageCount = count.value;
const showPageSize = +props.showPageSize;
const {
modelValue,
forceEllipses
} = props;
let startPage = 1;
let endPage = pageCount;
const isMaxSized = showPageSize < pageCount;
if (isMaxSized) {
startPage = Math.max(modelValue - Math.floor(showPageSize / 2), 1);
endPage = startPage + showPageSize - 1;
if (endPage > pageCount) {
endPage = pageCount;
startPage = endPage - showPageSize + 1;
}
}
for (let number = startPage; number <= endPage; number++) {
const page = makePage(number, number, number === modelValue);
items.push(page);
}
if (isMaxSized && showPageSize > 0 && forceEllipses) {
if (startPage > 1) {
const prevPages = makePage(startPage - 1, "...");
items.unshift(prevPages);
}
if (endPage < pageCount) {
const nextPages = makePage(endPage + 1, "...");
items.push(nextPages);
}
}
return items;
});
const updateModelValue = (value, emitChange) => {
value = (0, import_utils.clamp)(value, 1, count.value);
if (props.modelValue !== value) {
emit("update:modelValue", value);
if (emitChange) {
emit("change", value);
}
}
};
(0, import_vue2.watchEffect)(() => updateModelValue(props.modelValue));
const renderDesc = () => (0, import_vue.createVNode)("li", {
"class": bem("page-desc")
}, [slots.pageDesc ? slots.pageDesc() : `${props.modelValue}/${count.value}`]);
const renderPrevButton = () => {
const {
mode,
modelValue
} = props;
const slot = slots["prev-text"];
const disabled = modelValue === 1;
return (0, import_vue.createVNode)("li", {
"class": [bem("item", {
disabled,
border: mode === "simple",
prev: true
}), import_utils.BORDER_SURROUND]
}, [(0, import_vue.createVNode)("button", {
"type": "button",
"disabled": disabled,
"onClick": () => updateModelValue(modelValue - 1, true)
}, [slot ? slot() : props.prevText || t("prev")])]);
};
const renderNextButton = () => {
const {
mode,
modelValue
} = props;
const slot = slots["next-text"];
const disabled = modelValue === count.value;
return (0, import_vue.createVNode)("li", {
"class": [bem("item", {
disabled,
border: mode === "simple",
next: true
}), import_utils.BORDER_SURROUND]
}, [(0, import_vue.createVNode)("button", {
"type": "button",
"disabled": disabled,
"onClick": () => updateModelValue(modelValue + 1, true)
}, [slot ? slot() : props.nextText || t("next")])]);
};
const renderPages = () => pages.value.map((page) => (0, import_vue.createVNode)("li", {
"class": [bem("item", {
active: page.active,
page: true
}), import_utils.BORDER_SURROUND]
}, [(0, import_vue.createVNode)("button", {
"type": "button",
"aria-current": page.active || void 0,
"onClick": () => updateModelValue(page.number, true)
}, [slots.page ? slots.page(page) : page.text])]));
return () => (0, import_vue.createVNode)("nav", {
"role": "navigation",
"class": bem()
}, [(0, import_vue.createVNode)("ul", {
"class": bem("items")
}, [renderPrevButton(), props.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
}
});
+1
View File
@@ -0,0 +1 @@
:root{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
+77
View File
@@ -0,0 +1,77 @@
export declare const Pagination: import("../utils").WithInstall<import("vue").DefineComponent<{
mode: {
type: import("vue").PropType<import("./Pagination").PaginationMode>;
default: import("./Pagination").PaginationMode;
};
prevText: StringConstructor;
nextText: StringConstructor;
pageCount: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
modelValue: {
type: NumberConstructor;
default: number;
};
totalItems: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showPageSize: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
itemsPerPage: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
forceEllipses: BooleanConstructor;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
mode: {
type: import("vue").PropType<import("./Pagination").PaginationMode>;
default: import("./Pagination").PaginationMode;
};
prevText: StringConstructor;
nextText: StringConstructor;
pageCount: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
modelValue: {
type: NumberConstructor;
default: number;
};
totalItems: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showPageSize: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
itemsPerPage: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
forceEllipses: BooleanConstructor;
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
modelValue: number;
mode: import("./Pagination").PaginationMode;
pageCount: string | number;
totalItems: string | number;
showPageSize: string | number;
itemsPerPage: string | number;
forceEllipses: boolean;
}>>;
export default Pagination;
export { paginationProps } from './Pagination';
export type { PaginationMode, PaginationProps } from './Pagination';
export type { PaginationThemeVars } from './types';
declare module 'vue' {
interface GlobalComponents {
VanPagination: typeof Pagination;
}
}
+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, {
Pagination: () => Pagination,
default: () => stdin_default,
paginationProps: () => import_Pagination2.paginationProps
});
module.exports = __toCommonJS(stdin_exports);
var import_utils = require("../utils");
var import_Pagination = __toESM(require("./Pagination"));
var import_Pagination2 = require("./Pagination");
const Pagination = (0, import_utils.withInstall)(import_Pagination.default);
var stdin_default = Pagination;
+1
View File
@@ -0,0 +1 @@
export {};
+2
View File
@@ -0,0 +1,2 @@
require("../../style/base.css");
require("../index.css");
+11
View File
@@ -0,0 +1,11 @@
export type PaginationThemeVars = {
paginationHeight?: string;
paginationFontSize?: string;
paginationItemWidth?: string;
paginationItemDefaultColor?: string;
paginationItemDisabledColor?: string;
paginationItemDisabledBackground?: string;
paginationBackground?: string;
paginationDescColor?: string;
paginationDisabledOpacity?: number | 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);