x-next 1.17.0 → 1.18.1

package/CHANGELOG.md

@@ -4,6 +4,42 @@
 
 ## [Unreleased]
 
+## [1.18.1] - 2026-10-15
+
+### 修复
+
+- DatePicker 农历数字、选中圆圈和范围色带共用固定日期区，修复垂直错位、选中日期悬停变白、禁用文字及今天标记；提高农历文字清晰度，保留普通日期布局。
+- 修复日期时间手输丢失时分秒、非法日期自动进位、禁用日期或时间可被手输绕过，以及范围键盘切换写错端点、连续编辑丢失草稿的问题。
+- 日期范围单端禁用时保留锁定端，周选择统一解析、网格和提交的周起始日；日期别名补齐 `focus()` / `blur()` 的运行时转发及公开类型，面板标题移除误导性的无效点击行为。
+- Button 收敛 large / huge 横向内边距，large 字号调整为 15px，huge 使用 24px 行高，改善五档尺寸层次与文字对齐。
+- Dialog 使用 18px 关闭图标和 24px 点击区域，与标题中心对齐；声明式默认顶部距离改为 `100px`，命令式居中默认值保持原状，同步 MessageBox 关闭按钮定位。
+- Dropdown 支持 Tab / Shift+Tab 退出根菜单；Popover 支持 Escape 关闭及归还焦点，保留组合输入行为；修正共享 RenderFunction 回调的子节点类型。
+
+### 文档与验证
+
+- 补充农历空辅助行、禁用、手输日期时间、单端锁定及周一起始的 live demo，同步独立 AI 手册和完整 API。
+- 增加 DatePicker 浏览器回归脚本；本批修改已通过全量 134 文件 / 2770 用例、35 组日期浏览器检查及完整源码和文档构建。发布按用户要求复用已有验证，不重复执行质量门禁或等待 npm 公共索引刷新。
+
+## [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/_container/render-function.d.ts

@@ -1,5 +1,5 @@
-import { PropType, VNodeTypes } from 'vue';
-export type RenderFunc = (props: Record<string, unknown>) => VNodeTypes;
+import { PropType, VNodeChild } from 'vue';
+export type RenderFunc = (props: Record<string, unknown>) => VNodeChild;
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     renderFunc: {
         type: PropType<RenderFunc>;

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/_components/picker/input-range.vue.d.ts

@@ -72,7 +72,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     displayValue1: import('vue').ComputedRef<string | undefined>;
     changeFocusedInput: (index: number) => void;
     onChange: (e: Event) => void;
-    onFocus: (e: Event) => void;
+    onFocus: (e: Event, index: number) => void;
     onBlur: (e: Event) => void;
     onPressEnter: () => void;
     onClear: (e: Event) => void;

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/DatePanel.vue.d.ts

@@ -56,6 +56,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    confirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     className: {
@@ -72,9 +76,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleCellKeydown: (event: KeyboardEvent, cell: DatePickerCell) => void;
     headerLabel: import('vue').ComputedRef<string>;
     todayLabel: import('vue').ComputedRef<string>;
+    todayDisabled: import('vue').ComputedRef<boolean>;
     weekdayLabels: import('vue').ComputedRef<string[]>;
     movePanel: (step: number, superMove?: boolean) => void;
-    zoomHeader: () => void;
     handleSelect: (cell: DatePickerCell) => void;
     handleCellMouseEnter: (cell: DatePickerCell) => void;
     handleCellMouseLeave: () => void;
@@ -141,6 +145,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    confirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSelect?: ((_value: Dayjs) => any) | undefined;
     onCancel?: (() => any) | undefined;
@@ -161,6 +169,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     shortcuts: DatePickerShortcut[];
     showToday: boolean;
     showConfirmBtn: boolean;
+    confirmDisabled: boolean;
 }, {}, {
     IconLeft: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         fillColor: {

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

@@ -1,6 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { PropType } from 'vue';
-import { DatePickerDisabledDate, DatePickerMode, DatePickerModelValue, DatePickerPosition, DatePickerRange, DatePickerShortcut, DatePickerType, DatePickerValueFormat } from './interface';
+import { DatePickerDisabledDate, DatePickerDisabledTime, DatePickerDisabledTimeProps, DatePickerMode, DatePickerModelValue, DatePickerPosition, DatePickerRange, DatePickerShortcut, DatePickerType, DatePickerTimePickerProps, DatePickerValueFormat } from './interface';
 import { DatePickerLunar } from './lunar';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
@@ -106,10 +106,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     timePickerProps: {
-        type: PropType<Record<string, any>>;
+        type: PropType<DatePickerTimePickerProps>;
     };
     disabledTime: {
-        type: PropType<(current?: Date, type?: DatePickerRange) => Record<string, any> | undefined>;
+        type: PropType<DatePickerDisabledTime>;
     };
     showLunar: {
         type: PropType<DatePickerLunar>;
@@ -130,14 +130,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mode: import('vue').ComputedRef<DatePickerMode>;
     isDateTime: import('vue').ComputedRef<boolean>;
     needConfirm: import('vue').ComputedRef<boolean>;
-    timeFormat: import('vue').ComputedRef<any>;
-    timePickerProps: import('vue').ComputedRef<Record<string, any>>;
+    canConfirm: import('vue').ComputedRef<boolean>;
+    todayDisabled: import('vue').ComputedRef<boolean>;
+    timeFormat: import('vue').ComputedRef<string>;
+    timePickerProps: import('vue').ComputedRef<DatePickerTimePickerProps>;
     focused: import('vue').Ref<boolean, boolean>;
     focusedIndex: import('vue').Ref<number, number>;
     mergedSize: import('vue').ComputedRef<"mini" | "small" | "medium" | "large">;
     mergedError: import('vue').ComputedRef<boolean>;
     allDisabled: import('vue').ComputedRef<boolean>;
     rangeDisabled: import('vue').ComputedRef<boolean[]>;
+    hasDisabledRange: import('vue').ComputedRef<boolean>;
     mergedInputReadonly: import('vue').ComputedRef<boolean>;
     mergedPopupVisible: import('vue').ComputedRef<boolean>;
     computedFormat: import('vue').ComputedRef<string>;
@@ -243,7 +246,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     rangePanelMode: import('vue').Ref<"time" | "date", "time" | "date">;
     viewDate: import('vue').Ref<Dayjs | undefined, Dayjs | undefined>;
     mergedDisabledDate: import('vue').ComputedRef<DatePickerDisabledDate | undefined>;
-    getDisabledTimeProps: (value?: Dayjs, range?: DatePickerRange) => Record<string, any>;
+    getDisabledTimeProps: (value?: Dayjs, range?: DatePickerRange) => DatePickerDisabledTimeProps;
     formatTimeDate: (value?: Dayjs) => string;
     formatTimeValue: (value?: Dayjs) => string;
     handlePanelSelect: (value: Dayjs) => void;
@@ -392,10 +395,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     timePickerProps: {
-        type: PropType<Record<string, any>>;
+        type: PropType<DatePickerTimePickerProps>;
     };
     disabledTime: {
-        type: PropType<(current?: Date, type?: DatePickerRange) => Record<string, any> | undefined>;
+        type: PropType<DatePickerDisabledTime>;
     };
     showLunar: {
         type: PropType<DatePickerLunar>;
@@ -1677,7 +1680,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         displayValue1: import('vue').ComputedRef<string | undefined>;
         changeFocusedInput: (index: number) => void;
         onChange: (e: Event) => void;
-        onFocus: (e: Event) => void;
+        onFocus: (e: Event, index: number) => void;
         onBlur: (e: Event) => void;
         onPressEnter: () => void;
         onClear: (e: Event) => void;
@@ -2292,6 +2295,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        confirmDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
@@ -2308,9 +2315,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         handleCellKeydown: (event: KeyboardEvent, cell: import('./interface').DatePickerCell) => void;
         headerLabel: import('vue').ComputedRef<string>;
         todayLabel: import('vue').ComputedRef<string>;
+        todayDisabled: import('vue').ComputedRef<boolean>;
         weekdayLabels: import('vue').ComputedRef<string[]>;
         movePanel: (step: number, superMove?: boolean) => void;
-        zoomHeader: () => void;
         handleSelect: (cell: import('./interface').DatePickerCell) => void;
         handleCellMouseEnter: (cell: import('./interface').DatePickerCell) => void;
         handleCellMouseLeave: () => void;
@@ -2377,6 +2384,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        confirmDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onSelect?: ((_value: Dayjs) => any) | undefined;
         onCancel?: (() => any) | undefined;
@@ -2397,6 +2408,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         shortcuts: DatePickerShortcut[];
         showToday: boolean;
         showConfirmBtn: boolean;
+        confirmDisabled: boolean;
     }, {}, {
         IconLeft: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             fillColor: {
@@ -3215,10 +3227,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 +3261,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 +3304,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 +3338,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 +3371,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 +3405,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;