x-next 1.13.0 → 1.15.0

package/CHANGELOG.md

@@ -4,6 +4,45 @@
 
 ## [Unreleased]
 
+## [1.15.0] - 2026-10-12
+
+### 新增
+
+- 新增 `TreeSelect` 树选择器：单选 / `multiple` 多选 / `treeCheckable` 勾选模式，父子联动与半选、`checkedStrategy`（`all` / `parent` / `child`，默认 `parent`）、`treeCheckStrictly` 严格模式、`labelInValue` 对象值与缺失值回显（`fallbackOption`）。
+- 搜索按标题过滤并保留命中祖先、内置命中高亮，`filterTreeNode` 支持自定义方法或关闭；`search` 事件按 `searchDelay` 去抖。
+- `loadMore` 异步加载子节点、`defaultExpandAll` / `v-model:expanded-keys` 展开控制、`showLine` 连接线、`blockNode` 整行节点、`virtualListProps` 虚拟滚动。
+- 完整键盘导航（`↑` / `↓` / `←` / `→` / `Home` / `End` / `Enter` / `空格` / `Escape` / `Tab`）与 `role="tree"` / `treeitem` 无障碍属性；实例方法 `focus()` / `blur()` / `expandAll()` / `checkAll()`。
+- 新增 `src/docs/components/tree-select.md`（19 个 live demo 与完整 API 表），并接入文档侧边栏、组件总览、AI 手册与按需样式入口 `x-next/style/tree-select`。
+- 新增 tree-select 单元测试 48 个（联动 / 策略 / 过滤 / 高亮 / 键盘 / 异步 / 缺失值 / 插槽 / 实例方法 / 搜索词清空）。
+
+### 修复
+
+- Table 建立局部层叠上下文，避免固定列、吸顶表头与滚动条覆盖页面导航；固定列与表头层级支持 CSS token 配置，并补充组合 live demo。
+- Drawer 内层 Scrollbar 约束到正文可用高度，固定标题与 footer，修复长内容及正文 padding 导致外层滚动；补充四方向与 footer 切换 live demo。
+- 共享 `CSSColor` 类型支持 CSS 变量及 fallback，LineChart 系列与轴标签可在严格模板中使用变量颜色；补充主题切换示例与类型正负契约验证。
+
+### 工程与验证
+
+- `vitest.config.ts` 覆盖率集合纳入 `tree-select`；`script/check-style-tokens.js` 登记运行时插值 token；`script/check-bundle-size.js` 单文件预算按实测基线上调（含 TreeSelect 后 1.429 MB，Boxicons 泄漏检查独立保留）。
+
+## [1.14.0] - 2026-10-08
+
+### 新增
+
+- 随包 AI 手册覆盖全部 57 个公开组件族、103 个组件/服务导出，补齐 Form、Table、InputNumber 等组件入口及相邻 `*-api.md`；包含 619 个完整 Vue SFC 和本地专题导航。
+- 新增组件 docs 转换脚本，补齐局部导入、样式与响应式依赖，生成独立 AI 内容快照；保留已核验行为说明，公开 API 参考从当前构建声明与运行时 props 提取。
+- 新增 `sync:ai-usage`，统一执行 docs 导入、手册生成和严格检查。
+
+### 修复
+
+- 补齐 InputSearch / InputPassword、日期别名、Menu、LayoutSidebar 已有属性与监听器透传的公开类型，避免局部导入示例在严格模板检查下误报；未改变运行行为或放宽未知属性检查。
+
+### 工程与验证
+
+- `build` 在 dist 构建后自动同步并检查 AI 手册，`docs:build` 先执行完整库构建，再构建文档站；内容未变化的快照与手册保留文件时间戳。
+- CI 与打包前保留只读检查，拒绝过期、缺失或未同步的手册；AI 门禁扩充为 23 组回归，覆盖完整公开导航、错误 API、快照同步、自动恢复和重复生成。
+- 更新 AI Coding 消费规范，组件用法优先查同版本包内手册和公开类型。
+
 ## [1.13.0] - 2026-10-07
 
 ### 新增

package/dist/_props/css.d.ts

@@ -4,7 +4,8 @@ type RgbColor = `rgb(${number}, ${number}, ${number})`;
 type RgbaColor = `rgba(${number}, ${number}, ${number}, ${number})`;
 type HslColor = `hsl(${number}, ${number}%, ${number}%)`;
 type HslaColor = `hsla(${number}, ${number}%, ${number}%, ${number})`;
-export type CSSColor = NamedColor | HexColor | RgbColor | RgbaColor | HslColor | HslaColor;
+type CSSVariableColor = `var(--${string})`;
+export type CSSColor = NamedColor | HexColor | RgbColor | RgbaColor | HslColor | HslaColor | CSSVariableColor;
 type CSSUnit = 'px' | 'em' | 'rem' | 'vw' | 'vh' | 'vmin' | 'vmax' | '%' | 'pt' | 'cm' | 'mm' | 'in' | 'pc' | 'ex' | 'ch';
 export type LengthValue = `${number}${CSSUnit}`;
 type GlobalValues = 'auto' | 'inherit' | 'initial' | 'unset';

package/dist/_utils/inherit-component-type.d.ts

@@ -0,0 +1,11 @@
+type PublicComponent = abstract new (...args: never[]) => {
+    $props: object;
+};
+/**
+ * Describe verified attrs forwarding without changing the component at runtime.
+ * Own props win over the wrapped component; fixed/blocked props can be excluded.
+ */
+export declare function inheritComponentType<T extends PublicComponent, Parent extends PublicComponent, Excluded extends keyof InstanceType<Parent>['$props'] = never>(component: T, _parent: Parent, _excluded?: readonly Excluded[]): T & (new () => Omit<InstanceType<T>, "$props"> & {
+    $props: InstanceType<T>["$props"] & Omit<InstanceType<Parent>["$props"], Excluded | keyof InstanceType<T>["$props"]>;
+});
+export {};

package/dist/components/bar-chart/BarChart.d.ts

@@ -107,7 +107,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>;
     t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     fontSize: import('vue').ComputedRef<number>;
-    labelColor: import('vue').ComputedRef<"var(--x-chart-color-axis-text)" | import('./props').CSSColor>;
+    labelColor: import('vue').ComputedRef<import('./props').CSSColor>;
     yVisible: import('vue').ComputedRef<boolean>;
     xVisible: import('vue').ComputedRef<boolean>;
     showHorizontalLines: import('vue').ComputedRef<boolean>;

package/dist/components/bar-chart/index.d.ts

@@ -108,7 +108,7 @@ export declare const BarChart: {
         }>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         fontSize: import('vue').ComputedRef<number>;
-        labelColor: import('vue').ComputedRef<"var(--x-chart-color-axis-text)" | import('./props').CSSColor>;
+        labelColor: import('vue').ComputedRef<import('./props').CSSColor>;
         yVisible: import('vue').ComputedRef<boolean>;
         xVisible: import('vue').ComputedRef<boolean>;
         showHorizontalLines: import('vue').ComputedRef<boolean>;
@@ -316,7 +316,7 @@ export declare const BarChart: {
         }>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         fontSize: import('vue').ComputedRef<number>;
-        labelColor: import('vue').ComputedRef<"var(--x-chart-color-axis-text)" | import('./props').CSSColor>;
+        labelColor: import('vue').ComputedRef<import('./props').CSSColor>;
         yVisible: import('vue').ComputedRef<boolean>;
         xVisible: import('vue').ComputedRef<boolean>;
         showHorizontalLines: import('vue').ComputedRef<boolean>;
@@ -501,7 +501,7 @@ export declare const BarChart: {
     }>;
     t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     fontSize: import('vue').ComputedRef<number>;
-    labelColor: import('vue').ComputedRef<"var(--x-chart-color-axis-text)" | import('./props').CSSColor>;
+    labelColor: import('vue').ComputedRef<import('./props').CSSColor>;
     yVisible: import('vue').ComputedRef<boolean>;
     xVisible: import('vue').ComputedRef<boolean>;
     showHorizontalLines: import('vue').ComputedRef<boolean>;

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

@@ -7136,7 +7136,86 @@ export declare const MonthPicker: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => Omit<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, {}>, "$props"> & {
+    $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never> & Omit<Partial<{
+        error: boolean;
+        readonly: boolean;
+        type: DatePickerType;
+        disabled: boolean | boolean[];
+        position: import('./interface').DatePickerPosition;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        unmountOnClose: boolean;
+        allowClear: boolean;
+        dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        hideNotInViewDates: boolean;
+        showLunar: import('./lunar').DatePickerLunar;
+        shortcuts: import('./interface').DatePickerShortcut[];
+        showToday: boolean;
+        showConfirmBtn: boolean;
+        disabledInput: boolean;
+        inputReadOnly: boolean;
+        showTime: boolean;
+    }> & Omit<{
+        readonly error: boolean;
+        readonly readonly: boolean;
+        readonly type: DatePickerType;
+        readonly disabled: boolean | boolean[];
+        readonly position: import('./interface').DatePickerPosition;
+        readonly defaultPopupVisible: boolean;
+        readonly unmountOnClose: boolean;
+        readonly allowClear: boolean;
+        readonly dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        readonly hideNotInViewDates: boolean;
+        readonly showLunar: import('./lunar').DatePickerLunar;
+        readonly shortcuts: import('./interface').DatePickerShortcut[];
+        readonly showToday: boolean;
+        readonly showConfirmBtn: boolean;
+        readonly disabledInput: boolean;
+        readonly inputReadOnly: boolean;
+        readonly showTime: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly placeholder?: string | string[] | undefined;
+        readonly defaultValue?: import('./interface').DatePickerModelValue;
+        readonly modelValue?: import('./interface').DatePickerModelValue;
+        readonly popupContainer?: string | HTMLElement | undefined;
+        readonly popupVisible?: boolean | undefined;
+        readonly format?: string | undefined;
+        readonly disabledDate?: import('./interface').DatePickerDisabledDate | undefined;
+        readonly pickerValue?: import('./interface').DatePickerModelValue;
+        readonly defaultPickerValue?: import('./interface').DatePickerModelValue;
+        readonly valueFormat?: string | undefined;
+        readonly triggerProps?: Record<string, any> | undefined;
+        readonly timePickerProps?: Record<string, any> | undefined;
+        readonly disabledTime?: ((current?: Date, type?: import('./interface').DatePickerRange) => Record<string, any> | undefined) | undefined;
+        readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onSelect?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+        readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
+        readonly "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
+        readonly "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onCalendar-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown, _info: {
+            range: import('./interface').DatePickerRange;
+        }) => any) | undefined;
+        readonly "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "readonly" | "type" | "disabled" | "position" | "popupVisible" | "defaultPopupVisible" | "unmountOnClose" | "allowClear" | "dayStartOfWeek" | "hideNotInViewDates" | "showLunar" | "shortcuts" | "showToday" | "showConfirmBtn" | "disabledInput" | "inputReadOnly" | "showTime">, "type" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>;
+}) & {
     install(app: import('vue').App): void;
 };
 export declare const YearPicker: {
@@ -7157,7 +7236,86 @@ export declare const YearPicker: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => Omit<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, {}>, "$props"> & {
+    $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never> & Omit<Partial<{
+        error: boolean;
+        readonly: boolean;
+        type: DatePickerType;
+        disabled: boolean | boolean[];
+        position: import('./interface').DatePickerPosition;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        unmountOnClose: boolean;
+        allowClear: boolean;
+        dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        hideNotInViewDates: boolean;
+        showLunar: import('./lunar').DatePickerLunar;
+        shortcuts: import('./interface').DatePickerShortcut[];
+        showToday: boolean;
+        showConfirmBtn: boolean;
+        disabledInput: boolean;
+        inputReadOnly: boolean;
+        showTime: boolean;
+    }> & Omit<{
+        readonly error: boolean;
+        readonly readonly: boolean;
+        readonly type: DatePickerType;
+        readonly disabled: boolean | boolean[];
+        readonly position: import('./interface').DatePickerPosition;
+        readonly defaultPopupVisible: boolean;
+        readonly unmountOnClose: boolean;
+        readonly allowClear: boolean;
+        readonly dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        readonly hideNotInViewDates: boolean;
+        readonly showLunar: import('./lunar').DatePickerLunar;
+        readonly shortcuts: import('./interface').DatePickerShortcut[];
+        readonly showToday: boolean;
+        readonly showConfirmBtn: boolean;
+        readonly disabledInput: boolean;
+        readonly inputReadOnly: boolean;
+        readonly showTime: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly placeholder?: string | string[] | undefined;
+        readonly defaultValue?: import('./interface').DatePickerModelValue;
+        readonly modelValue?: import('./interface').DatePickerModelValue;
+        readonly popupContainer?: string | HTMLElement | undefined;
+        readonly popupVisible?: boolean | undefined;
+        readonly format?: string | undefined;
+        readonly disabledDate?: import('./interface').DatePickerDisabledDate | undefined;
+        readonly pickerValue?: import('./interface').DatePickerModelValue;
+        readonly defaultPickerValue?: import('./interface').DatePickerModelValue;
+        readonly valueFormat?: string | undefined;
+        readonly triggerProps?: Record<string, any> | undefined;
+        readonly timePickerProps?: Record<string, any> | undefined;
+        readonly disabledTime?: ((current?: Date, type?: import('./interface').DatePickerRange) => Record<string, any> | undefined) | undefined;
+        readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onSelect?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+        readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
+        readonly "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
+        readonly "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onCalendar-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown, _info: {
+            range: import('./interface').DatePickerRange;
+        }) => any) | undefined;
+        readonly "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "readonly" | "type" | "disabled" | "position" | "popupVisible" | "defaultPopupVisible" | "unmountOnClose" | "allowClear" | "dayStartOfWeek" | "hideNotInViewDates" | "showLunar" | "shortcuts" | "showToday" | "showConfirmBtn" | "disabledInput" | "inputReadOnly" | "showTime">, "type" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>;
+}) & {
     install(app: import('vue').App): void;
 };
 export declare const QuarterPicker: {
@@ -7178,7 +7336,86 @@ export declare const QuarterPicker: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => Omit<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, {}>, "$props"> & {
+    $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never> & Omit<Partial<{
+        error: boolean;
+        readonly: boolean;
+        type: DatePickerType;
+        disabled: boolean | boolean[];
+        position: import('./interface').DatePickerPosition;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        unmountOnClose: boolean;
+        allowClear: boolean;
+        dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        hideNotInViewDates: boolean;
+        showLunar: import('./lunar').DatePickerLunar;
+        shortcuts: import('./interface').DatePickerShortcut[];
+        showToday: boolean;
+        showConfirmBtn: boolean;
+        disabledInput: boolean;
+        inputReadOnly: boolean;
+        showTime: boolean;
+    }> & Omit<{
+        readonly error: boolean;
+        readonly readonly: boolean;
+        readonly type: DatePickerType;
+        readonly disabled: boolean | boolean[];
+        readonly position: import('./interface').DatePickerPosition;
+        readonly defaultPopupVisible: boolean;
+        readonly unmountOnClose: boolean;
+        readonly allowClear: boolean;
+        readonly dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        readonly hideNotInViewDates: boolean;
+        readonly showLunar: import('./lunar').DatePickerLunar;
+        readonly shortcuts: import('./interface').DatePickerShortcut[];
+        readonly showToday: boolean;
+        readonly showConfirmBtn: boolean;
+        readonly disabledInput: boolean;
+        readonly inputReadOnly: boolean;
+        readonly showTime: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly placeholder?: string | string[] | undefined;
+        readonly defaultValue?: import('./interface').DatePickerModelValue;
+        readonly modelValue?: import('./interface').DatePickerModelValue;
+        readonly popupContainer?: string | HTMLElement | undefined;
+        readonly popupVisible?: boolean | undefined;
+        readonly format?: string | undefined;
+        readonly disabledDate?: import('./interface').DatePickerDisabledDate | undefined;
+        readonly pickerValue?: import('./interface').DatePickerModelValue;
+        readonly defaultPickerValue?: import('./interface').DatePickerModelValue;
+        readonly valueFormat?: string | undefined;
+        readonly triggerProps?: Record<string, any> | undefined;
+        readonly timePickerProps?: Record<string, any> | undefined;
+        readonly disabledTime?: ((current?: Date, type?: import('./interface').DatePickerRange) => Record<string, any> | undefined) | undefined;
+        readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onSelect?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+        readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
+        readonly "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
+        readonly "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onCalendar-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown, _info: {
+            range: import('./interface').DatePickerRange;
+        }) => any) | undefined;
+        readonly "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "readonly" | "type" | "disabled" | "position" | "popupVisible" | "defaultPopupVisible" | "unmountOnClose" | "allowClear" | "dayStartOfWeek" | "hideNotInViewDates" | "showLunar" | "shortcuts" | "showToday" | "showConfirmBtn" | "disabledInput" | "inputReadOnly" | "showTime">, "type" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>;
+}) & {
     install(app: import('vue').App): void;
 };
 export declare const WeekPicker: {
@@ -7199,7 +7436,86 @@ export declare const WeekPicker: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => Omit<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, {}>, "$props"> & {
+    $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never> & Omit<Partial<{
+        error: boolean;
+        readonly: boolean;
+        type: DatePickerType;
+        disabled: boolean | boolean[];
+        position: import('./interface').DatePickerPosition;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        unmountOnClose: boolean;
+        allowClear: boolean;
+        dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        hideNotInViewDates: boolean;
+        showLunar: import('./lunar').DatePickerLunar;
+        shortcuts: import('./interface').DatePickerShortcut[];
+        showToday: boolean;
+        showConfirmBtn: boolean;
+        disabledInput: boolean;
+        inputReadOnly: boolean;
+        showTime: boolean;
+    }> & Omit<{
+        readonly error: boolean;
+        readonly readonly: boolean;
+        readonly type: DatePickerType;
+        readonly disabled: boolean | boolean[];
+        readonly position: import('./interface').DatePickerPosition;
+        readonly defaultPopupVisible: boolean;
+        readonly unmountOnClose: boolean;
+        readonly allowClear: boolean;
+        readonly dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        readonly hideNotInViewDates: boolean;
+        readonly showLunar: import('./lunar').DatePickerLunar;
+        readonly shortcuts: import('./interface').DatePickerShortcut[];
+        readonly showToday: boolean;
+        readonly showConfirmBtn: boolean;
+        readonly disabledInput: boolean;
+        readonly inputReadOnly: boolean;
+        readonly showTime: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly placeholder?: string | string[] | undefined;
+        readonly defaultValue?: import('./interface').DatePickerModelValue;
+        readonly modelValue?: import('./interface').DatePickerModelValue;
+        readonly popupContainer?: string | HTMLElement | undefined;
+        readonly popupVisible?: boolean | undefined;
+        readonly format?: string | undefined;
+        readonly disabledDate?: import('./interface').DatePickerDisabledDate | undefined;
+        readonly pickerValue?: import('./interface').DatePickerModelValue;
+        readonly defaultPickerValue?: import('./interface').DatePickerModelValue;
+        readonly valueFormat?: string | undefined;
+        readonly triggerProps?: Record<string, any> | undefined;
+        readonly timePickerProps?: Record<string, any> | undefined;
+        readonly disabledTime?: ((current?: Date, type?: import('./interface').DatePickerRange) => Record<string, any> | undefined) | undefined;
+        readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onSelect?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+        readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
+        readonly "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
+        readonly "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onCalendar-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown, _info: {
+            range: import('./interface').DatePickerRange;
+        }) => any) | undefined;
+        readonly "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "readonly" | "type" | "disabled" | "position" | "popupVisible" | "defaultPopupVisible" | "unmountOnClose" | "allowClear" | "dayStartOfWeek" | "hideNotInViewDates" | "showLunar" | "shortcuts" | "showToday" | "showConfirmBtn" | "disabledInput" | "inputReadOnly" | "showTime">, "type" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>;
+}) & {
     install(app: import('vue').App): void;
 };
 export declare const RangePicker: {
@@ -7244,7 +7560,106 @@ export declare const RangePicker: {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     mode: string;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => Omit<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    mode: string;
+}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, {
+    mode: string;
+}>, "$props"> & {
+    $props: Partial<{
+        mode: string;
+    }> & Omit<{
+        readonly mode: string;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "mode"> & Omit<Partial<{
+        error: boolean;
+        readonly: boolean;
+        type: DatePickerType;
+        disabled: boolean | boolean[];
+        position: import('./interface').DatePickerPosition;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        unmountOnClose: boolean;
+        allowClear: boolean;
+        dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        hideNotInViewDates: boolean;
+        showLunar: import('./lunar').DatePickerLunar;
+        shortcuts: import('./interface').DatePickerShortcut[];
+        showToday: boolean;
+        showConfirmBtn: boolean;
+        disabledInput: boolean;
+        inputReadOnly: boolean;
+        showTime: boolean;
+    }> & Omit<{
+        readonly error: boolean;
+        readonly readonly: boolean;
+        readonly type: DatePickerType;
+        readonly disabled: boolean | boolean[];
+        readonly position: import('./interface').DatePickerPosition;
+        readonly defaultPopupVisible: boolean;
+        readonly unmountOnClose: boolean;
+        readonly allowClear: boolean;
+        readonly dayStartOfWeek: 0 | 4 | 3 | 5 | 2 | 1 | 6;
+        readonly hideNotInViewDates: boolean;
+        readonly showLunar: import('./lunar').DatePickerLunar;
+        readonly shortcuts: import('./interface').DatePickerShortcut[];
+        readonly showToday: boolean;
+        readonly showConfirmBtn: boolean;
+        readonly disabledInput: boolean;
+        readonly inputReadOnly: boolean;
+        readonly showTime: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly placeholder?: string | string[] | undefined;
+        readonly defaultValue?: import('./interface').DatePickerModelValue;
+        readonly modelValue?: import('./interface').DatePickerModelValue;
+        readonly popupContainer?: string | HTMLElement | undefined;
+        readonly popupVisible?: boolean | undefined;
+        readonly format?: string | undefined;
+        readonly disabledDate?: import('./interface').DatePickerDisabledDate | undefined;
+        readonly pickerValue?: import('./interface').DatePickerModelValue;
+        readonly defaultPickerValue?: import('./interface').DatePickerModelValue;
+        readonly valueFormat?: string | undefined;
+        readonly triggerProps?: Record<string, any> | undefined;
+        readonly timePickerProps?: Record<string, any> | undefined;
+        readonly disabledTime?: ((current?: Date, type?: import('./interface').DatePickerRange) => Record<string, any> | undefined) | undefined;
+        readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onSelect?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+        readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+        readonly onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
+        readonly "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
+        readonly "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
+        readonly "onCalendar-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown, _info: {
+            range: import('./interface').DatePickerRange;
+        }) => any) | undefined;
+        readonly "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        readonly "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "readonly" | "type" | "disabled" | "position" | "popupVisible" | "defaultPopupVisible" | "unmountOnClose" | "allowClear" | "dayStartOfWeek" | "hideNotInViewDates" | "showLunar" | "shortcuts" | "showToday" | "showConfirmBtn" | "disabledInput" | "inputReadOnly" | "showTime">, "type" | "mode" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>;
+}) & {
     install(app: import('vue').App): void;
 };
 export { DatePicker as default };