novaux-game-make-kit 1.0.0

package/dist/icon.svg

@@ -0,0 +1,26 @@
+<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @media (prefers-color-scheme: light) {
+      .background { fill: black; }
+      .foreground { fill: white; }
+    }
+    @media (prefers-color-scheme: dark) {
+      .background { fill: white; }
+      .foreground { fill: black; }
+    }
+  </style>
+  <g clip-path="url(#clip0_7960_43945)">
+    <rect class="background" width="180" height="180" rx="37" />
+    <g style="transform: scale(95%); transform-origin: center">
+      <path class="foreground"
+        d="M101.141 53H136.632C151.023 53 162.689 64.6662 162.689 79.0573V112.904H148.112V79.0573C148.112 78.7105 148.098 78.3662 148.072 78.0251L112.581 112.898C112.701 112.902 112.821 112.904 112.941 112.904H148.112V126.672H112.941C98.5504 126.672 86.5638 114.891 86.5638 100.5V66.7434H101.141V100.5C101.141 101.15 101.191 101.792 101.289 102.422L137.56 66.7816C137.255 66.7563 136.945 66.7434 136.632 66.7434H101.141V53Z" />
+      <path class="foreground"
+        d="M65.2926 124.136L14 66.7372H34.6355L64.7495 100.436V66.7372H80.1365V118.47C80.1365 126.278 70.4953 129.958 65.2926 124.136Z" />
+    </g>
+  </g>
+  <defs>
+    <clipPath id="clip0_7960_43945">
+      <rect width="180" height="180" fill="white" />
+    </clipPath>
+  </defs>
+</svg>

package/dist/index.d.ts

@@ -0,0 +1,259 @@
+import { default as default_2 } from 'react';
+
+declare type ButtonState = 'normal' | 'pressed' | 'disable' | 'disabled';
+
+declare type ButtonType = 'button' | 'submit' | 'reset';
+
+declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+
+declare type CheckBoxState = 'on' | 'off' | 'disable' | 'disabled';
+
+declare type CircleButtonState = 'normal' | 'pressed' | 'disable' | 'disabled';
+
+declare type CircleButtonType = 'button' | 'submit' | 'reset';
+
+export declare interface DropdownOption {
+    value: string;
+    label: string;
+    icon?: default_2.ReactNode;
+    param?: string | number;
+}
+
+export declare type DropdownVariant = 'icon' | 'icon-text' | 'text' | 'text-param';
+
+export declare const GameBackground: default_2.FC<GameBackgroundProps>;
+
+declare interface GameBackgroundProps {
+    children?: default_2.ReactNode;
+}
+
+export declare const GameBottomTabs: default_2.FC<GameBottomTabsProps>;
+
+declare interface GameBottomTabsProps {
+    tabs?: string[];
+    activeIndex?: number;
+    defaultActiveIndex?: number;
+    onChange?: (index: number, label: string) => void;
+}
+
+export declare const GameButton: default_2.FC<GameButtonProps>;
+
+declare interface GameButtonProps {
+    children: default_2.ReactNode;
+    variant?: ButtonVariant;
+    onClick?: () => void;
+    disabled?: boolean;
+    type?: ButtonType;
+    state?: ButtonState;
+}
+
+export declare const GameButtonStatesDemo: default_2.FC;
+
+export declare const GameCheckBox: default_2.FC<GameCheckBoxProps>;
+
+declare interface GameCheckBoxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    state?: CheckBoxState;
+    label?: string;
+    onChange?: (checked: boolean) => void;
+    ariaLabel?: string;
+}
+
+export declare const GameCircleButton: default_2.FC<GameCircleButtonProps>;
+
+declare interface GameCircleButtonProps {
+    children?: default_2.ReactNode;
+    state?: CircleButtonState;
+    disabled?: boolean;
+    type?: CircleButtonType;
+    onClick?: () => void;
+    ariaLabel?: string;
+}
+
+export declare const GameDropdown: default_2.FC<GameDropdownProps>;
+
+declare interface GameDropdownProps {
+    variant?: DropdownVariant;
+    options: DropdownOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, option: DropdownOption) => void;
+    placeholder?: string;
+    width?: number;
+}
+
+export declare const GameHeaderTabs: default_2.FC<GameHeaderTabsProps>;
+
+declare interface GameHeaderTabsProps {
+    tabs?: string[];
+    activeIndex?: number;
+    defaultActiveIndex?: number;
+    onChange?: (index: number, label: string) => void;
+}
+
+export declare const GameIcon: default_2.FC<GameIconProps>;
+
+declare interface GameIconProps {
+    children?: default_2.ReactNode;
+}
+
+export declare const GameIconSidebarTabs: default_2.FC<GameIconSidebarTabsProps>;
+
+declare interface GameIconSidebarTabsProps {
+    tabs?: string[];
+    activeIndex?: number;
+    defaultActiveIndex?: number;
+    onChange?: (index: number, label: string) => void;
+}
+
+export declare const GameLoading: default_2.FC<GameLoadingProps>;
+
+declare interface GameLoadingProps {
+    className?: string;
+    text?: string;
+    imageUrl?: string;
+}
+
+export declare const GameNavigationTabs: default_2.FC<GameNavigationTabsProps>;
+
+declare interface GameNavigationTabsProps {
+    tabs?: string[];
+    activeIndex?: number;
+    defaultActiveIndex?: number;
+    onChange?: (index: number, label: string) => void;
+}
+
+export declare const GamePanel: default_2.FC<GamePanelProps>;
+
+declare interface GamePanelProps {
+    children?: default_2.ReactNode;
+    title?: string;
+    footer?: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const GamePrimaryPurchaseButton: default_2.FC<GamePrimaryPurchaseButtonProps>;
+
+declare interface GamePrimaryPurchaseButtonProps {
+    actionText?: string;
+    amountText?: string;
+    state?: PurchaseButtonState;
+    disabled?: boolean;
+    type?: PurchaseButtonType;
+    onClick?: () => void;
+}
+
+export declare const GameProgressBar: default_2.FC<GameProgressBarProps>;
+
+declare interface GameProgressBarProps {
+    label?: string;
+    value?: number;
+    max?: number;
+    showValue?: boolean;
+    width?: number;
+}
+
+export declare const GameResourceBar: default_2.FC<GameResourceBarProps>;
+
+declare interface GameResourceBarProps {
+    children: default_2.ReactNode;
+}
+
+export declare const GameSecondaryPurchaseButton: default_2.FC<GameSecondaryPurchaseButtonProps>;
+
+declare interface GameSecondaryPurchaseButtonProps {
+    actionText?: string;
+    amountText?: string;
+    state?: PurchaseButtonState_2;
+    disabled?: boolean;
+    type?: PurchaseButtonType_2;
+    onClick?: () => void;
+}
+
+export declare const GameSliderBar: default_2.FC<GameSliderBarProps>;
+
+declare interface GameSliderBarProps {
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    defaultValue?: number;
+    showValue?: boolean;
+    width?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+}
+
+export declare const GameTab: default_2.FC<GameTabProps>;
+
+/** 游戏Tab组件入参 */
+declare interface GameTabProps {
+    children: default_2.ReactNode;
+    isActive?: boolean;
+    onClick?: () => void;
+}
+
+export declare const GameTertiaryPurchaseButton: default_2.FC<GameTertiaryPurchaseButtonProps>;
+
+declare interface GameTertiaryPurchaseButtonProps {
+    actionText?: string;
+    amountText?: string;
+    state?: PurchaseButtonState_3;
+    disabled?: boolean;
+    type?: PurchaseButtonType_3;
+    onClick?: () => void;
+}
+
+export declare const GameToggleButton: default_2.FC<GameToggleButtonProps>;
+
+declare interface GameToggleButtonProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    state?: ToggleState;
+    onChange?: (checked: boolean) => void;
+    ariaLabel?: string;
+}
+
+export declare const GameTopBar: default_2.FC<GameTopBarProps>;
+
+declare interface GameTopBarProps {
+    pageTitle?: string[];
+    notificationCount?: number;
+    fpAmount?: string;
+    coinsAmount?: string;
+    onBack?: () => void;
+    onAdd?: () => void;
+    onSettings?: () => void;
+    onMenuTop?: () => void;
+    onMenuBottom?: () => void;
+}
+
+export declare const PlayerCard: default_2.FC<PlayerCardProps>;
+
+declare interface PlayerCardProps {
+    frontImageUrl?: string;
+    backImageUrl?: string;
+    alt?: string;
+    className?: string;
+    size?: 'default' | '504' | '252';
+}
+
+declare type PurchaseButtonState = 'normal' | 'pressed' | 'disable' | 'disabled';
+
+declare type PurchaseButtonState_2 = 'normal' | 'pressed' | 'disable' | 'disabled';
+
+declare type PurchaseButtonState_3 = 'normal' | 'pressed' | 'disable' | 'disabled';
+
+declare type PurchaseButtonType = 'button' | 'submit' | 'reset';
+
+declare type PurchaseButtonType_2 = 'button' | 'submit' | 'reset';
+
+declare type PurchaseButtonType_3 = 'button' | 'submit' | 'reset';
+
+declare type ToggleState = 'on' | 'off' | 'disable' | 'disabled';
+
+export { }