x-next 1.17.0 → 1.18.0

package/CHANGELOG.md

@@ -4,6 +4,26 @@
 
 ## [Unreleased]
 
+## [1.18.0] - 2026-10-14
+
+### 调整
+
+- 统一暗色语义弱底和文字颜色，降低 Alert、Button 及相关反馈组件的大面积色块强度；同步全局主题、局部暗色和自定义品牌色。
+- Button 明确 `type` 控制形态、`status` 控制颜色、`border` 仅控制边框；新增 `solid`、`subtle` 形态与显式品牌色 `status="primary"`，保留 `type="primary"` 快捷用法。
+- 默认按钮使用更浅的背景三态；描边和虚线按钮使用轻微背景反馈，文本按钮通过文字颜色表达悬浮与按下状态。
+- 状态弱底按钮移除灰色边框，中性实心使用独立纯灰色；外部水波纹跟随语义颜色，按形态降低强度并保留 6px 扩散。
+
+### API 迁移
+
+- 移除 Button 的 `type="link"` 和布尔 `link` 属性。文字动作使用 `type="text"`，紧凑动作使用 `type="text" narrow`，页面跳转使用独立 `Link` 组件。
+- 默认描边、虚线和文本按钮使用中性色；需要旧版品牌色外观时显式设置 `status="primary"`。`plain` 仅将填充形态转为弱底，`:border="false"` 不再改变形态或颜色。
+
+### 修复与验证
+
+- 修复原生提交 / 重置与同步 loading、debounce 组合时首次动作被拦截的问题，保留忙碌期间的重复点击拦截。
+- Button 组合预览使用 `x-select` 与 `x-checkbox`；精简使用文档，补充文本动作、链接跳转、状态组合和真实交互示例，同步公开类型与独立 AI 手册。
+- 补充颜色角色、主题一致性、按钮组合、原生表单与真实水波纹动画回归，以及按需 JS、按需 CSS 和全量 CSS 的生产消费检查。
+
 ## [1.17.0] - 2026-10-13
 
 ### 新增

package/dist/_styles/palette-aliases.d.ts

@@ -1,2 +1,3 @@
+export declare const DEFAULT_PALETTE_SEEDS: Record<string, string>;
 export declare const PALETTE_ALIASES: Record<string, Record<string, string>>;
 export declare const PALETTE_ALIASES_DARK: Record<string, Record<string, string>>;

package/dist/components/button/Button.d.ts

@@ -18,10 +18,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('./props').ButtonShape>;
         default: undefined;
     };
-    link: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
     type: {
         type: import('vue').PropType<import('./props').ButtonTypes>;
         default: string;
@@ -69,10 +65,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('./props').ButtonShape>;
         default: undefined;
     };
-    link: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
     type: {
         type: import('vue').PropType<import('./props').ButtonTypes>;
         default: string;
@@ -107,7 +99,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     type: import('./props').ButtonTypes;
     size: import('./props').ButtonSize;
     disabled: boolean;
-    link: boolean;
     loading: boolean;
     block: boolean;
     loadingFill: boolean;

package/dist/components/button/appearance.d.ts

@@ -0,0 +1,7 @@
+import { ButtonStatus, ButtonTypes } from './props';
+export type ButtonAppearance = Exclude<ButtonTypes, 'primary'>;
+/** Normalize compatibility props before choosing styles or interaction feedback. */
+export declare function resolveButtonAppearance(type: ButtonTypes, status: ButtonStatus, plain: boolean): {
+    appearance: ButtonAppearance;
+    color: ButtonStatus;
+};

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

@@ -19,10 +19,6 @@ export declare const Button: {
             type: import('vue').PropType<ButtonShape>;
             default: undefined;
         };
-        link: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         type: {
             type: import('vue').PropType<ButtonTypes>;
             default: string;
@@ -57,7 +53,6 @@ export declare const Button: {
         type: ButtonTypes;
         size: ButtonSize;
         disabled: boolean;
-        link: boolean;
         loading: boolean;
         block: boolean;
         loadingFill: boolean;
@@ -101,10 +96,6 @@ export declare const Button: {
             type: import('vue').PropType<ButtonShape>;
             default: undefined;
         };
-        link: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         type: {
             type: import('vue').PropType<ButtonTypes>;
             default: string;
@@ -139,7 +130,6 @@ export declare const Button: {
         type: ButtonTypes;
         size: ButtonSize;
         disabled: boolean;
-        link: boolean;
         loading: boolean;
         block: boolean;
         loadingFill: boolean;
@@ -173,10 +163,6 @@ export declare const Button: {
         type: import('vue').PropType<ButtonShape>;
         default: undefined;
     };
-    link: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
     type: {
         type: import('vue').PropType<ButtonTypes>;
         default: string;
@@ -211,7 +197,6 @@ export declare const Button: {
     type: ButtonTypes;
     size: ButtonSize;
     disabled: boolean;
-    link: boolean;
     loading: boolean;
     block: boolean;
     loadingFill: boolean;
@@ -329,7 +314,6 @@ export type ButtonProps = {
     loadingFill?: boolean;
     debounce?: number;
     shape?: ButtonShape;
-    link?: boolean;
     type?: ButtonTypes;
     htmlType?: ButtonHtmlType;
     status?: ButtonStatus;

package/dist/components/button/props.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 export type ButtonSize = 'mini' | 'small' | 'medium' | 'large' | 'huge';
-export type ButtonStatus = 'default' | 'success' | 'warning' | 'strong' | 'danger' | 'info';
-export type ButtonTypes = 'primary' | 'default' | 'dashed' | 'outline' | 'text';
+export type ButtonStatus = 'default' | 'primary' | 'success' | 'warning' | 'strong' | 'danger' | 'info';
+export type ButtonTypes = 'primary' | 'default' | 'solid' | 'subtle' | 'dashed' | 'outline' | 'text';
 export type ButtonHtmlType = 'button' | 'submit' | 'reset';
 export type ButtonShape = 'round' | 'circle' | 'square';
 export declare const buttonProps: {
@@ -23,10 +23,6 @@ export declare const buttonProps: {
         type: PropType<ButtonShape>;
         default: undefined;
     };
-    link: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     type: {
         type: PropType<ButtonTypes>;
         default: string;

package/dist/components/color-picker/panel.d.ts

@@ -387,10 +387,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<import('..').ButtonShape>;
             default: undefined;
         };
-        link: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         type: {
             type: PropType<import('..').ButtonTypes>;
             default: string;
@@ -438,10 +434,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<import('..').ButtonShape>;
             default: undefined;
         };
-        link: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         type: {
             type: PropType<import('..').ButtonTypes>;
             default: string;
@@ -476,7 +468,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('..').ButtonTypes;
         size: import('..').ButtonSize;
         disabled: boolean;
-        link: boolean;
         loading: boolean;
         block: boolean;
         loadingFill: boolean;

package/dist/components/date-picker/DatePicker.vue.d.ts

@@ -3215,10 +3215,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
-                link: {
-                    type: PropType<boolean>;
-                    default: boolean;
-                };
                 type: {
                     type: PropType<import('..').ButtonTypes>;
                     default: string;
@@ -3253,7 +3249,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('..').ButtonTypes;
                 size: import('..').ButtonSize;
                 disabled: boolean;
-                link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
@@ -3297,10 +3292,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
-                link: {
-                    type: PropType<boolean>;
-                    default: boolean;
-                };
                 type: {
                     type: PropType<import('..').ButtonTypes>;
                     default: string;
@@ -3335,7 +3326,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('..').ButtonTypes;
                 size: import('..').ButtonSize;
                 disabled: boolean;
-                link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
@@ -3369,10 +3359,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<import('..').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: PropType<import('..').ButtonTypes>;
                 default: string;
@@ -3407,7 +3393,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('..').ButtonTypes;
             size: import('..').ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;

package/dist/components/date-picker/index.d.ts

@@ -3101,10 +3101,6 @@ export declare const DatePicker: {
                         type: import('vue').PropType<import('..').ButtonShape>;
                         default: undefined;
                     };
-                    link: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
                     type: {
                         type: import('vue').PropType<import('..').ButtonTypes>;
                         default: string;
@@ -3139,7 +3135,6 @@ export declare const DatePicker: {
                     type: import('..').ButtonTypes;
                     size: import('..').ButtonSize;
                     disabled: boolean;
-                    link: boolean;
                     loading: boolean;
                     block: boolean;
                     loadingFill: boolean;
@@ -3183,10 +3178,6 @@ export declare const DatePicker: {
                         type: import('vue').PropType<import('..').ButtonShape>;
                         default: undefined;
                     };
-                    link: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
                     type: {
                         type: import('vue').PropType<import('..').ButtonTypes>;
                         default: string;
@@ -3221,7 +3212,6 @@ export declare const DatePicker: {
                     type: import('..').ButtonTypes;
                     size: import('..').ButtonSize;
                     disabled: boolean;
-                    link: boolean;
                     loading: boolean;
                     block: boolean;
                     loadingFill: boolean;
@@ -3255,10 +3245,6 @@ export declare const DatePicker: {
                     type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
-                link: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
                 type: {
                     type: import('vue').PropType<import('..').ButtonTypes>;
                     default: string;
@@ -3293,7 +3279,6 @@ export declare const DatePicker: {
                 type: import('..').ButtonTypes;
                 size: import('..').ButtonSize;
                 disabled: boolean;
-                link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
@@ -6816,10 +6801,6 @@ export declare const DatePicker: {
                     type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
-                link: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
                 type: {
                     type: import('vue').PropType<import('..').ButtonTypes>;
                     default: string;
@@ -6854,7 +6835,6 @@ export declare const DatePicker: {
                 type: import('..').ButtonTypes;
                 size: import('..').ButtonSize;
                 disabled: boolean;
-                link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
@@ -6898,10 +6878,6 @@ export declare const DatePicker: {
                     type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
-                link: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
                 type: {
                     type: import('vue').PropType<import('..').ButtonTypes>;
                     default: string;
@@ -6936,7 +6912,6 @@ export declare const DatePicker: {
                 type: import('..').ButtonTypes;
                 size: import('..').ButtonSize;
                 disabled: boolean;
-                link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
@@ -6970,10 +6945,6 @@ export declare const DatePicker: {
                 type: import('vue').PropType<import('..').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: import('vue').PropType<import('..').ButtonTypes>;
                 default: string;
@@ -7008,7 +6979,6 @@ export declare const DatePicker: {
             type: import('..').ButtonTypes;
             size: import('..').ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;

package/dist/components/drawer/index.d.ts

@@ -181,10 +181,6 @@ export declare const Drawer: {
                     type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
-                link: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
                 type: {
                     type: import('vue').PropType<import('..').ButtonTypes>;
                     default: string;
@@ -219,7 +215,6 @@ export declare const Drawer: {
                 type: import('..').ButtonTypes;
                 size: import('..').ButtonSize;
                 disabled: boolean;
-                link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
@@ -263,10 +258,6 @@ export declare const Drawer: {
                     type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
-                link: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
                 type: {
                     type: import('vue').PropType<import('..').ButtonTypes>;
                     default: string;
@@ -301,7 +292,6 @@ export declare const Drawer: {
                 type: import('..').ButtonTypes;
                 size: import('..').ButtonSize;
                 disabled: boolean;
-                link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
@@ -335,10 +325,6 @@ export declare const Drawer: {
                 type: import('vue').PropType<import('..').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: import('vue').PropType<import('..').ButtonTypes>;
                 default: string;
@@ -373,7 +359,6 @@ export declare const Drawer: {
             type: import('..').ButtonTypes;
             size: import('..').ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
@@ -1169,10 +1154,6 @@ export declare const Drawer: {
                 type: import('vue').PropType<import('..').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: import('vue').PropType<import('..').ButtonTypes>;
                 default: string;
@@ -1207,7 +1188,6 @@ export declare const Drawer: {
             type: import('..').ButtonTypes;
             size: import('..').ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
@@ -1251,10 +1231,6 @@ export declare const Drawer: {
                 type: import('vue').PropType<import('..').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: import('vue').PropType<import('..').ButtonTypes>;
                 default: string;
@@ -1289,7 +1265,6 @@ export declare const Drawer: {
             type: import('..').ButtonTypes;
             size: import('..').ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
@@ -1323,10 +1298,6 @@ export declare const Drawer: {
             type: import('vue').PropType<import('..').ButtonShape>;
             default: undefined;
         };
-        link: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         type: {
             type: import('vue').PropType<import('..').ButtonTypes>;
             default: string;
@@ -1361,7 +1332,6 @@ export declare const Drawer: {
         type: import('..').ButtonTypes;
         size: import('..').ButtonSize;
         disabled: boolean;
-        link: boolean;
         loading: boolean;
         block: boolean;
         loadingFill: boolean;

package/dist/components/drawer/src/Drawer.vue.d.ts

@@ -275,10 +275,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<import('../..').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: import('vue').PropType<import('../..').ButtonTypes>;
                 default: string;
@@ -313,7 +309,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('../..').ButtonTypes;
             size: import('../..').ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
@@ -357,10 +352,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<import('../..').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: import('vue').PropType<import('../..').ButtonTypes>;
                 default: string;
@@ -395,7 +386,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('../..').ButtonTypes;
             size: import('../..').ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
@@ -429,10 +419,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<import('../..').ButtonShape>;
             default: undefined;
         };
-        link: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         type: {
             type: import('vue').PropType<import('../..').ButtonTypes>;
             default: string;
@@ -467,7 +453,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('../..').ButtonTypes;
         size: import('../..').ButtonSize;
         disabled: boolean;
-        link: boolean;
         loading: boolean;
         block: boolean;
         loadingFill: boolean;

package/dist/components/dropdown/DropdownButton.vue.d.ts

@@ -320,10 +320,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<import('../button').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: PropType<ButtonTypes>;
                 default: string;
@@ -358,7 +354,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ButtonTypes;
             size: ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
@@ -402,10 +397,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<import('../button').ButtonShape>;
                 default: undefined;
             };
-            link: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
             type: {
                 type: PropType<ButtonTypes>;
                 default: string;
@@ -440,7 +431,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ButtonTypes;
             size: ButtonSize;
             disabled: boolean;
-            link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
@@ -474,10 +464,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<import('../button').ButtonShape>;
             default: undefined;
         };
-        link: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         type: {
             type: PropType<ButtonTypes>;
             default: string;
@@ -512,7 +498,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ButtonTypes;
         size: ButtonSize;
         disabled: boolean;
-        link: boolean;
         loading: boolean;
         block: boolean;
         loadingFill: boolean;