taro-uno-ui 0.9.0 → 1.0.0

package/dist/theme/design-system.d.ts

@@ -0,0 +1,400 @@
+/**
+ * 统一设计系统
+ * 集中管理所有设计令牌和主题配置
+ */
+export interface DesignSystemColors {
+    primary: ColorScale;
+    secondary: ColorScale;
+    success: ColorScale;
+    warning: ColorScale;
+    error: ColorScale;
+    info: ColorScale;
+    neutral: ColorScale;
+    text: SemanticColors;
+    background: SemanticColors;
+    border: {
+        default: string;
+        light: string;
+        focus?: string;
+        error?: string;
+        success?: string;
+        warning?: string;
+    };
+    shadow: ShadowColors;
+    status: StatusColors;
+    interactive: InteractiveColors;
+}
+export interface ColorScale {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+}
+export interface SemanticColors {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    disabled?: string;
+    inverse?: string;
+    placeholder?: string;
+    link?: string;
+    card?: string;
+    input?: string;
+    mask?: string;
+    hover?: string;
+    active?: string;
+}
+export interface ShadowColors {
+    default: string;
+    light: string;
+    medium: string;
+    dark: string;
+    colored: string;
+}
+export interface StatusColors {
+    online: string;
+    offline: string;
+    busy: string;
+    away: string;
+}
+export interface InteractiveColors {
+    hover: string;
+    active: string;
+    focus: string;
+    selected: string;
+}
+export interface DesignSystemSpacing {
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '18': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+    component: ComponentSpacing;
+    layout: LayoutSpacing;
+}
+export interface ComponentSpacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+}
+export interface LayoutSpacing {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+}
+export interface DesignSystemTypography {
+    fontFamily: FontFamilies;
+    fontSize: FontSizes;
+    fontWeight: FontWeights;
+    lineHeight: LineHeights;
+    letterSpacing: LetterSpacings;
+    paragraphSpacing: ParagraphSpacings;
+}
+export interface FontFamilies {
+    sans: string[];
+    serif: string[];
+    mono: string[];
+    display: string[];
+    body: string[];
+}
+export interface FontSizes {
+    '3xs': string;
+    '2xs': string;
+    xs: string;
+    sm: string;
+    base: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
+}
+export interface FontWeights {
+    thin: string;
+    extralight: string;
+    light: string;
+    normal: string;
+    medium: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+    black: string;
+}
+export interface LineHeights {
+    none: string;
+    tight: string;
+    snug: string;
+    normal: string;
+    relaxed: string;
+    loose: string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+}
+export interface LetterSpacings {
+    tighter: string;
+    tight: string;
+    normal: string;
+    wide: string;
+    wider: string;
+    widest: string;
+}
+export interface ParagraphSpacings {
+    none: string;
+    tight: string;
+    normal: string;
+    relaxed: string;
+    loose: string;
+}
+export interface DesignSystemBorderRadius {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    full: string;
+    button: ComponentBorderRadius;
+    input: ComponentBorderRadius;
+    card: ComponentBorderRadius;
+    modal: string;
+    dropdown: string;
+}
+export interface ComponentBorderRadius {
+    sm: string;
+    md: string;
+    lg: string;
+}
+export interface DesignSystemShadow {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    inner: string;
+    colored: string;
+    button: ComponentShadow;
+    card: ComponentShadow;
+    modal: string;
+    tooltip: string;
+    dropdown: string;
+}
+export interface ComponentShadow {
+    sm: string;
+    md: string;
+    lg: string;
+}
+export interface DesignSystemAnimation {
+    duration: AnimationDurations;
+    easing: AnimationEasings;
+    delay: AnimationDelays;
+}
+export interface AnimationDurations {
+    '75': string;
+    '100': string;
+    '150': string;
+    '200': string;
+    '300': string;
+    '500': string;
+    '700': string;
+    '1000': string;
+}
+export interface AnimationEasings {
+    linear: string;
+    ease: string;
+    easeIn: string;
+    easeOut: string;
+    easeInOut: string;
+    'in-quad': string;
+    'in-cubic': string;
+    'in-quart': string;
+    'in-quint': string;
+    'in-sine': string;
+    'in-expo': string;
+    'in-circ': string;
+    'in-back': string;
+    'out-quad': string;
+    'out-cubic': string;
+    'out-quart': string;
+    'out-quint': string;
+    'out-sine': string;
+    'out-expo': string;
+    'out-circ': string;
+    'out-back': string;
+    'in-out-quad': string;
+    'in-out-cubic': string;
+    'in-out-quart': string;
+    'in-out-quint': string;
+    'in-out-sine': string;
+    'in-out-expo': string;
+    'in-out-circ': string;
+    'in-out-back': string;
+}
+export interface AnimationDelays {
+    '75': string;
+    '100': string;
+    '150': string;
+    '200': string;
+    '300': string;
+    '500': string;
+    '700': string;
+    '1000': string;
+}
+export interface DesignSystemBreakpoints {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+}
+export interface DesignSystemZIndex {
+    hide: string;
+    auto: string;
+    base: string;
+    dropdown: string;
+    sticky: string;
+    fixed: string;
+    'modal-backdrop': string;
+    modal: string;
+    'popover-backdrop': string;
+    popover: string;
+    tooltip: string;
+    max: string;
+}
+export interface DesignSystemTransition {
+    none: string;
+    all: string;
+    common: string;
+    colors: string;
+    opacity: string;
+    shadow: string;
+    transform: string;
+    button: string;
+    input: string;
+    modal: string;
+    tooltip: string;
+    dropdown: string;
+}
+export interface DesignSystem {
+    colors: DesignSystemColors;
+    spacing: DesignSystemSpacing;
+    typography: DesignSystemTypography;
+    borderRadius: DesignSystemBorderRadius;
+    shadow: DesignSystemShadow;
+    animation: DesignSystemAnimation;
+    breakpoints: DesignSystemBreakpoints;
+    zIndex: DesignSystemZIndex;
+    transition: DesignSystemTransition;
+}
+export declare const designSystem: DesignSystem;
+export declare class DesignSystemUtils {
+    /**
+     * 获取颜色值
+     */
+    static getColor(path: string): string;
+    /**
+     * 获取间距值
+     */
+    static getSpacing(key: string): string;
+    /**
+     * 获取字体大小
+     */
+    static getFontSize(key: string): string;
+    /**
+     * 获取字体粗细
+     */
+    static getFontWeight(key: string): string;
+    /**
+     * 获取圆角值
+     */
+    static getBorderRadius(key: string): string;
+    /**
+     * 获取阴影值
+     */
+    static getShadow(key: string): string;
+    /**
+     * 获取动画持续时间
+     */
+    static getAnimationDuration(key: string): string;
+    /**
+     * 获取动画缓动函数
+     */
+    static getAnimationEasing(key: string): string;
+    /**
+     * 获取断点值
+     */
+    static getBreakpoint(key: string): string;
+    /**
+     * 获取Z-index值
+     */
+    static getZIndex(key: string): string;
+    /**
+     * 生成CSS变量
+     */
+    static generateCSSVariables(): string;
+    /**
+     * 生成暗色主题CSS变量
+     */
+    static generateDarkThemeCSS(): string;
+}
+export default DesignSystemUtils;