straw-ui-vue 0.1.39 → 0.1.40

package/dist/components/st-button/base.d.ts

@@ -1,20 +1,31 @@
 export declare const base = "inline-flex items-center justify-center transition-all duration-150 ease-in-out border-none outline-none select-none";
-/** 按钮尺寸映射（只管尺寸：高度、水平内边距、字号、图标间距，类名使用 sm/default/lg 刻度） */
+/** 按钮尺寸映射（只管尺寸：高度、水平内边距、字号、图标间距，键与 UnoCSS size token 同名） */
 export declare const sizeMap: {
-    small: string;
+    xxs: string;
+    xs: string;
+    sm: string;
     default: string;
-    large: string;
-};
-/** 按钮形态映射（只管 type 结构差异，尺寸统一由 size 轴提供） */
-export declare const typeMap: {
-    default: string;
-    icon: string;
+    lg: string;
+    xl: string;
+    xxl: string;
 };
 /** 图标按钮复合变体（type=icon 时补齐同刻度宽度并抹除水平内边距，保证正方形形态） */
 export declare const iconCompoundVariants: readonly [{
     readonly variants: {
         readonly type: "icon";
-        readonly size: "small";
+        readonly size: "xxs";
+    };
+    readonly className: "w-xxs px-0";
+}, {
+    readonly variants: {
+        readonly type: "icon";
+        readonly size: "xs";
+    };
+    readonly className: "w-xs px-0";
+}, {
+    readonly variants: {
+        readonly type: "icon";
+        readonly size: "sm";
     };
     readonly className: "w-sm px-0";
 }, {
@@ -26,16 +37,88 @@ export declare const iconCompoundVariants: readonly [{
 }, {
     readonly variants: {
         readonly type: "icon";
-        readonly size: "large";
+        readonly size: "lg";
     };
     readonly className: "w-lg px-0";
+}, {
+    readonly variants: {
+        readonly type: "icon";
+        readonly size: "xl";
+    };
+    readonly className: "w-xl px-0";
+}, {
+    readonly variants: {
+        readonly type: "icon";
+        readonly size: "xxl";
+    };
+    readonly className: "w-xxl px-0";
 }];
+/** 按钮组容器尺寸映射（横向组定高、纵向组定宽，交叉轴尺寸由子按钮撑开） */
+export declare const groupAxisSizeMap: {
+    readonly horizontal: {
+        readonly xxs: "h-xxs";
+        readonly xs: "h-xs";
+        readonly sm: "h-sm";
+        readonly default: "h-default";
+        readonly lg: "h-lg";
+        readonly xl: "h-xl";
+        readonly xxl: "h-xxl";
+    };
+    readonly vertical: {
+        readonly xxs: "w-xxs";
+        readonly xs: "w-xs";
+        readonly sm: "w-sm";
+        readonly default: "w-default";
+        readonly lg: "w-lg";
+        readonly xl: "w-xl";
+        readonly xxl: "w-xxl";
+    };
+};
 /** 按钮变体样式映射（基础样式，不含交互状态） */
 export declare const variantMap: {
     primary: string;
     default: string;
-    ghost: string;
+    success: string;
+    warning: string;
+    danger: string;
 };
+/** 幽灵样式映射（独立于 variant 的布尔轴：抹除填充色，语义文字色由 compound 变体补齐，交互态由 hover/active 轴提供） */
+export declare const ghostMap: {
+    true: string;
+    false: string;
+};
+/** 幽灵 × 变体复合变体（ghost 叠加 variant 时保留对应语义文字色） */
+export declare const ghostVariantCompoundVariants: readonly [{
+    readonly variants: {
+        readonly ghost: true;
+        readonly variant: "primary";
+    };
+    readonly className: "text-primary";
+}, {
+    readonly variants: {
+        readonly ghost: true;
+        readonly variant: "default";
+    };
+    readonly className: "text-secondary-foreground";
+}, {
+    readonly variants: {
+        readonly ghost: true;
+        readonly variant: "success";
+    };
+    readonly className: "text-success";
+}, {
+    readonly variants: {
+        readonly ghost: true;
+        readonly variant: "warning";
+    };
+    readonly className: "text-warning";
+}, {
+    readonly variants: {
+        readonly ghost: true;
+        readonly variant: "danger";
+    };
+    readonly className: "text-danger";
+}];
 export declare const disabledMap: {
     true: string;
     false: string;
@@ -45,21 +128,156 @@ export declare const loadingMap: {
     false: string;
 };
 export declare const groupMap: {
+    none: string;
     vertical: string;
     horizontal: string;
-    false: string;
-};
-/** 桌面端交互态映射（hover） */
-export declare const hoverMap: {
-    primary: string;
-    default: string;
-    ghost: string;
-    disabled: string;
-};
-/** 移动端交互态映射（active） */
-export declare const activeMap: {
-    primary: string;
-    default: string;
-    ghost: string;
-    disabled: string;
 };
+/**
+ * 桌面端 hover 态复合变体（variant × ghost 两个独立轴的配合；disabled 显式门控，禁用态不产出 hover 类）
+ * - 非 ghost：在原填充色上加深
+ * - ghost：叠加对应语义的半透明底色，default 走中性 accent
+ * 类名需保持字面量，供 UnoCSS 静态扫描收集
+ * */
+export declare const hoverCompoundVariants: readonly [{
+    readonly variants: {
+        readonly variant: "primary";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-primary/90";
+}, {
+    readonly variants: {
+        readonly variant: "default";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-secondary/80";
+}, {
+    readonly variants: {
+        readonly variant: "success";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-success/90";
+}, {
+    readonly variants: {
+        readonly variant: "warning";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-warning/90";
+}, {
+    readonly variants: {
+        readonly variant: "danger";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-danger/90";
+}, {
+    readonly variants: {
+        readonly variant: "primary";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-primary/10";
+}, {
+    readonly variants: {
+        readonly variant: "default";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-accent";
+}, {
+    readonly variants: {
+        readonly variant: "success";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-success/10";
+}, {
+    readonly variants: {
+        readonly variant: "warning";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-warning/10";
+}, {
+    readonly variants: {
+        readonly variant: "danger";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "hover:bg-danger/10";
+}];
+/** 移动端按压态复合变体（active：门控与配色规则同 hoverCompoundVariants） */
+export declare const activeCompoundVariants: readonly [{
+    readonly variants: {
+        readonly variant: "primary";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-primary/90";
+}, {
+    readonly variants: {
+        readonly variant: "default";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-secondary/80";
+}, {
+    readonly variants: {
+        readonly variant: "success";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-success/90";
+}, {
+    readonly variants: {
+        readonly variant: "warning";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-warning/90";
+}, {
+    readonly variants: {
+        readonly variant: "danger";
+        readonly ghost: false;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-danger/90";
+}, {
+    readonly variants: {
+        readonly variant: "primary";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-primary/10";
+}, {
+    readonly variants: {
+        readonly variant: "default";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-accent";
+}, {
+    readonly variants: {
+        readonly variant: "success";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-success/10";
+}, {
+    readonly variants: {
+        readonly variant: "warning";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-warning/10";
+}, {
+    readonly variants: {
+        readonly variant: "danger";
+        readonly ghost: true;
+        readonly disabled: false;
+    };
+    readonly className: "active:bg-danger/10";
+}];

package/dist/components/st-button/index.d.ts

@@ -35,6 +35,7 @@ export declare const StButton: {
             type: import('./index.ts').StButtonType;
             variant: import('./index.ts').StButtonVariant;
             disabled: boolean;
+            ghost: boolean;
             loading: boolean;
             direction: import('./index.ts').StButtonGroupDirection;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -49,6 +50,7 @@ export declare const StButton: {
             type: import('./index.ts').StButtonType;
             variant: import('./index.ts').StButtonVariant;
             disabled: boolean;
+            ghost: boolean;
             loading: boolean;
             direction: import('./index.ts').StButtonGroupDirection;
         }>;
@@ -60,6 +62,7 @@ export declare const StButton: {
         type: import('./index.ts').StButtonType;
         variant: import('./index.ts').StButtonVariant;
         disabled: boolean;
+        ghost: boolean;
         loading: boolean;
         direction: import('./index.ts').StButtonGroupDirection;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -124,6 +127,7 @@ export declare const StButtonGroup: {
         type: import('./index.ts').StButtonType;
         variant: import('./index.ts').StButtonVariant;
         disabled: boolean;
+        ghost: boolean;
         loading: boolean;
         direction: import('./index.ts').StButtonGroupDirection;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -138,6 +142,7 @@ export declare const StButtonGroup: {
         type: import('./index.ts').StButtonType;
         variant: import('./index.ts').StButtonVariant;
         disabled: boolean;
+        ghost: boolean;
         loading: boolean;
         direction: import('./index.ts').StButtonGroupDirection;
     }>;
@@ -149,6 +154,7 @@ export declare const StButtonGroup: {
     type: import('./index.ts').StButtonType;
     variant: import('./index.ts').StButtonVariant;
     disabled: boolean;
+    ghost: boolean;
     loading: boolean;
     direction: import('./index.ts').StButtonGroupDirection;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/dist/components/st-button/st-button-group.d.ts

@@ -8,6 +8,7 @@ declare const __VLS_base: import('vue').DefineComponent<StButtonGroupProps, {},
     type: import('./index.ts').StButtonType;
     variant: import('./index.ts').StButtonVariant;
     disabled: boolean;
+    ghost: boolean;
     loading: boolean;
     direction: StButtonGroupDirection;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/st-button/types/st-button-group.d.ts

@@ -9,6 +9,7 @@ export interface StButtonGroupContext {
 	variant: ComputedRef<StButtonVariant>;
 	type: ComputedRef<StButtonType>;
 	size: ComputedRef<StButtonSize>;
+	ghost: ComputedRef<boolean>;
 	disabled: ComputedRef<boolean>;
 	loading: ComputedRef<boolean>;
 	inGroup: ComputedRef<boolean>;
@@ -22,6 +23,8 @@ export interface StButtonGroupProps {
 	type?: StButtonType;
 	/** 按钮尺寸 */
 	size?: StButtonSize;
+	/** 是否开启ghost样式 */
+	ghost?: boolean;
 	/** 是否禁用 */
 	disabled?: boolean;
 	/** 是否显示加载状态 */

package/dist/components/st-button/types/st-button.d.ts

@@ -8,13 +8,13 @@ import type {
 import type { StButtonPhoneEmits, StButtonPhoneProps, StButtonPhoneSlots } from '../phone/types/st-button-phone.d.ts';
 
 /** 按钮变体类型 */
-export type StButtonVariant = 'default' | 'primary' | 'success' | 'waring' | 'danger';
+export type StButtonVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 
 /** 按钮类型 */
 export type StButtonType = 'default' | 'icon';
 
-/** 按钮尺寸 */
-export type StButtonSize = 'default' | 'small' | 'large';
+/** 按钮尺寸（与 UnoCSS 预设 size token 刻度同名） */
+export type StButtonSize = 'xxs' | 'xs' | 'sm' | 'default' | 'lg' | 'xl' | 'xxl';
 
 /** 按钮组件基础属性 */
 export interface StButtonBaseProps {