x-next 1.10.0 → 1.11.0

package/CHANGELOG.md

@@ -2,7 +2,42 @@
 
 本项目遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
 
-## [未发布]
+## [1.11.0] - 2026-10-06
+
+### 新增
+
+- 随包提供 `AI_CODING.md` 官方编程使用规范和可复制到业务 AGENTS.md 的规则，明确版本定位、按章节检索、API 核实、验证和同团队双仓交付。保留完整 `AI_USAGE.md`，不要求 Agent 每次全文读取；精选手册补 Input、Textarea、ColorPicker 及完整按需表单示例。
+- 新增独立 `AI_USAGE/`：短索引、通用规则、30 个精选组件/服务文件、按需表单完整 SFC 和公共类型导航；从已校验内容自动生成，检查来源、类型、示例、路径与发布完整性。文档站组件说明不因 AI 拆分修改。
+- 按需 JS 样式入口自动引入传递依赖，并按全量 Sass 顺序生成；提供 `dist/style/dependencies.json`，加入真实生产消费、浏览器及负向回归门禁。
+
+### 修复
+
+- 精确声明按需 JS 样式入口的副作用，避免生产 tree-shaking 丢失 CSS；补齐 Select 的浮层、滚动、空态、加载和多选 Checkbox 样式。
+- Checkbox 原生输入恢复有效透明点击盒与默认/自定义图形焦点外框；Select 内嵌 Checkbox 的输入、文案和选项点击只提交一次，保留禁用和受控回写。
+- ConfigProvider 响应式继承语言、尺寸、空态和主题配置；局部主题随 Trigger、Dialog、Drawer 的 Teleport 根同步，显式业务 token 保持优先。
+- 修复弹层登记卸载、宿主迁移监听及定位；Dialog / Drawer 加强模态焦点、原生 radio 与 tabindex 顺序、焦点恢复和异步关闭防重。
+- ColorPicker 补齐四档尺寸、Form 联动、自定义触发器契约、键盘语义及指针生命周期；Notification 原生属性和鼠标事件保留根结构。
+- InputGroup 修复 Select 类名、接缝与内侧圆角；系统色焦点覆盖局部主题及浮层，共享动画响应减少动效；去除重复基础主题声明。
+
+### 工程与验证
+
+- 扩充源码、样式、文档 API、覆盖率、发布包与安全审计门禁，保持现有体积预算。
+- 修补可升级的传递开发依赖；生产审计无告警，两个无上游补丁的开发工具例外精确登记，2026-11-06 到期。
+- 本次验收范围和剩余的平台、文档及业务回归任务见 `完整审查/`。尚未宣称所有组件、浏览器或宿主业务 E2E 全面验收。
+
+## [1.10.1] - 2026-10-06
+
+### 修复
+
+- Button `loadingFill` 的覆盖层样式改为匹配实际结构，加载图标在按钮内居中，不再与内容挤占宽度；保留原尺寸与圆角，加载期间视觉隐藏文字及前后缀，结束后恢复，并补充可交互文档示例和编译样式回归测试。
+- Select 的清空与展开图标共用末尾位置，可清空时始终显示 ×；清空保留面板状态并恢复焦点，不隐藏 Form 反馈。
+- Select 统一拦截禁用 / 加载中的选择和删除，清理过期搜索任务；修复动态字段映射、缺失多选值保留、同键对象兜底更新、异步选项默认激活和分组虚拟化；插槽选项与虚拟配置并用时保留普通列表。
+- 多选选项复选框统一由选项处理点击，不再参与外层 Form 注册或 Tab 顺序；原生输入属性落到真实输入，输入法 Backspace 不误删标签。
+- Select 按实际已选值保留最新远程标签，缺失标签仍可清空且保留禁用项；清理卸载的虚拟行引用，加载期间不引用隐藏活动选项，并补齐 Trigger 滚动关闭配置类型。
+
+### 新增
+
+- Select 公开 `focus()` / `blur()`、明确 `focus` / `blur` 事件，自定义 trigger 提供 `onKeydown`；展开时支持 Home / End 定位首末启用项，补齐 Props 类型与对象值、远程搜索、自定义触发器及图标的可交互文档示例。
 
 ## [1.10.0] - 2026-10-05
 

package/README.md

@@ -233,13 +233,26 @@ import {
 
 ## AI 辅助开发
 
-包内附带 `AI_USAGE.md`，包含常用组件的真实 props、事件与可直接复制的 Vue 示例，可作为 AI 编程助手的上下文：
+AI 编程资料独立随包分发，文档站组件说明仍保持完整。推荐先读 `AI_CODING.md` 中的使用流程，并把其中的 x-next 规则合并到业务仓库 `AGENTS.md`；模型不需要预先了解 x-next。
+
+```text
+node_modules/x-next/AI_CODING.md
+node_modules/x-next/AI_USAGE/index.md
+node_modules/x-next/AI_USAGE/core.md
+node_modules/x-next/AI_USAGE/components/select.md
+```
+
+Agent 先读短索引与通用规则，再按任务读取组件/场景文件。组件页包含真实 API 约束、模型、事件、样式及完整 Vue SFC，与严格校验的手册同源；不要把全文或整个目录反复加入上下文。未收录的能力通过 `AI_USAGE/catalog.md` 查公开类型。
+
+这些文件可用 `require.resolve('x-next/AI_USAGE/index.md')` 等公开路径定位。文件名不会让所有 AI 工具自动加载，业务项目应在自己的指令中明确引用。
+
+完整 `AI_USAGE.md` 继续兼容提供，旧包按章节读取：
 
 ```text
 node_modules/x-next/AI_USAGE.md
 ```
 
-可用 `require.resolve('x-next/AI_USAGE.md')` 定位该文件。建议在项目自己的 AI 指令里写明这个路径——文件名本身不会让工具自动加载。文档站的 [AI 使用指南](https://x-next.yjmf.com/guide/ai-usage) 是同一份内容。
+文档站的 [AI 使用指南](https://x-next.yjmf.com/guide/ai-usage) 保留完整示例内容。
 
 ## 类型提示
 

package/dist/_container/resize-trigger.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     wrapperAttrs: import('vue').ComputedRef<{
         [x: string]: unknown;
     }>;
-    classNames: import('vue').ComputedRef<unknown[]>;
+    classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
     iconClassName: import('vue').ComputedRef<string>;
     onMousedown: (event: MouseEvent) => void;
     onKeydown: (event: KeyboardEvent) => void;

package/dist/_hooks/use-dialog-focus.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare const getTabbableElements: (container: HTMLElement) => HTMLElement[];
+export declare const useDialogFocus: (visible: Ref<boolean>, root: Ref<HTMLElement | undefined>, container: Ref<HTMLElement | undefined>, modal: Ref<boolean>, isTop: () => boolean) => {
+    focus: () => void;
+    restore: () => void;
+    onKeydown: (event: KeyboardEvent) => void;
+};

package/dist/_hooks/use-pointer-drag.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+/** Pointer input (mouse/touch/pen), with a mouse fallback for older hosts. */
+export declare const usePointerDrag: (disabled: Ref<boolean>, pick: (x: number, y: number) => void) => {
+    dragging: Ref<boolean, boolean>;
+    start: (event: MouseEvent | PointerEvent) => void;
+};

package/dist/_hooks/use-popup-close.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+type CloseAction = 'ok' | 'cancel';
+/** One close attempt across footer, mask, close icon and Escape. */
+export declare const usePopupClose: (visible: Ref<boolean>, before: (action: CloseAction, event?: Event) => boolean | Promise<boolean>, close: (action: CloseAction, event?: Event) => void) => {
+    loading: {
+        ok: boolean;
+        cancel: boolean;
+    };
+    requestClose: (action: CloseAction, event?: Event) => void;
+};
+export {};

package/dist/_hooks/use-popup-theme.d.ts

@@ -0,0 +1,5 @@
+/** Vue injection survives Teleport; reapply its CSS boundary on the actual popup root. */
+export declare const usePopupTheme: () => {
+    popupThemeStyle: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
+    popupThemeName: import('vue').ComputedRef<"dark" | undefined>;
+};

package/dist/_utils/palette.d.ts

@@ -70,6 +70,8 @@ export declare const applyThemeColor: (seed: string, options?: PaletteOptions &
     name?: string;
     target?: HTMLElement | null;
 }) => string[];
+/** Internal declarative counterpart, also usable during SSR and by Teleport roots. */
+export declare const getThemeColorStyles: (seed: string, dark?: boolean) => Record<string, string>;
 /**
  * 返回指定色名会写入的全部变量名。
  * 供 ConfigProvider 在换色/卸载时精确清理，避免残留失效变量。

package/dist/components/_components/picker/input-range.vue.d.ts

@@ -46,9 +46,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
 }>, {
-    wrapperAttrs: import('vue').ComputedRef<Omit<{
-        [x: string]: unknown;
-    }, string>>;
+    wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
     formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
     formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
     t: (key: import('../../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;

package/dist/components/_components/picker/input.vue.d.ts

@@ -40,9 +40,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
 }>, {
-    wrapperAttrs: import('vue').ComputedRef<Omit<{
-        [x: string]: unknown;
-    }, string>>;
+    wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
     formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
     t: (key: import('../../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     feedback: import('vue').Ref<string | undefined, string | undefined>;

package/dist/components/_components/select-view/select-view.d.ts

@@ -40,6 +40,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     allowCreate: {
         type: BooleanConstructor;
         default: boolean;
@@ -114,6 +118,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     allowCreate: {
         type: BooleanConstructor;
         default: boolean;
@@ -153,6 +161,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxTagCount: number;
     retainInputValue: boolean;
     tagNowrap: boolean;
+    clearable: boolean;
     allowCreate: boolean;
     allowSearch: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/alert/Alert.vue.d.ts

@@ -72,7 +72,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
-    cls: import('vue').ComputedRef<unknown[]>;
+    cls: import('vue').ComputedRef<import('vue').ClassValue[]>;
     rootAttrs: import('vue').ComputedRef<{
         [x: string]: unknown;
     }>;

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

@@ -41,7 +41,7 @@ export declare const Alert: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        cls: import('vue').ComputedRef<unknown[]>;
+        cls: import('vue').ComputedRef<import('vue').ClassValue[]>;
         rootAttrs: import('vue').ComputedRef<{
             [x: string]: unknown;
         }>;
@@ -598,7 +598,7 @@ export declare const Alert: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        cls: import('vue').ComputedRef<unknown[]>;
+        cls: import('vue').ComputedRef<import('vue').ClassValue[]>;
         rootAttrs: import('vue').ComputedRef<{
             [x: string]: unknown;
         }>;
@@ -662,7 +662,7 @@ export declare const Alert: {
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
-    cls: import('vue').ComputedRef<unknown[]>;
+    cls: import('vue').ComputedRef<import('vue').ClassValue[]>;
     rootAttrs: import('vue').ComputedRef<{
         [x: string]: unknown;
     }>;

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

@@ -246,11 +246,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     loading: boolean | Record<string, unknown>;
     legend: boolean;
-    height: string | number;
-    width: string | number;
     grid: import('./interface').BarChartGridOptions;
-    padding: string | number;
     tooltip: boolean;
+    padding: string | number;
+    height: string | number;
+    width: string | number;
     categories: (string | number)[];
     series: BarChartSeries[];
     stack: boolean;

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

@@ -172,11 +172,11 @@ export declare const BarChart: {
     }, import('vue').PublicProps, {
         loading: boolean | Record<string, unknown>;
         legend: boolean;
-        height: string | number;
-        width: string | number;
         grid: import('./interface').BarChartGridOptions;
-        padding: string | number;
         tooltip: boolean;
+        padding: string | number;
+        height: string | number;
+        width: string | number;
         categories: (string | number)[];
         series: import('./interface').BarChartSeries[];
         stack: boolean;
@@ -377,11 +377,11 @@ export declare const BarChart: {
     }, {}, {}, {}, {
         loading: boolean | Record<string, unknown>;
         legend: boolean;
-        height: string | number;
-        width: string | number;
         grid: import('./interface').BarChartGridOptions;
-        padding: string | number;
         tooltip: boolean;
+        padding: string | number;
+        height: string | number;
+        width: string | number;
         categories: (string | number)[];
         series: import('./interface').BarChartSeries[];
         stack: boolean;
@@ -565,11 +565,11 @@ export declare const BarChart: {
 }, string, {
     loading: boolean | Record<string, unknown>;
     legend: boolean;
-    height: string | number;
-    width: string | number;
     grid: import('./interface').BarChartGridOptions;
-    padding: string | number;
     tooltip: boolean;
+    padding: string | number;
+    height: string | number;
+    width: string | number;
     categories: (string | number)[];
     series: import('./interface').BarChartSeries[];
     stack: boolean;

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

@@ -1,4 +1,4 @@
-import { PropType, SlotsType } from 'vue';
+import { PropType, SlotsType, ButtonHTMLAttributes, VNodeProps } from 'vue';
 import { ColorFormat } from '../../_utils/color';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
@@ -234,6 +234,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     trigger?: (props: {
         value: string;
         visible: boolean;
+        triggerAttrs: ButtonHTMLAttributes & VNodeProps;
     }) => unknown;
 }>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -76,6 +76,7 @@ export declare const ColorPicker: {
         trigger?: (props: {
             value: string;
             visible: boolean;
+            triggerAttrs: import('vue').ButtonHTMLAttributes & import('vue').VNodeProps;
         }) => unknown;
     }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -230,6 +231,7 @@ export declare const ColorPicker: {
     trigger?: (props: {
         value: string;
         visible: boolean;
+        triggerAttrs: import('vue').ButtonHTMLAttributes & import('vue').VNodeProps;
     }) => unknown;
 }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;

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

@@ -1,6 +1,8 @@
 import { PropType } from 'vue';
 import { ColorFormat, HSV, RGBA } from '../../_utils/color';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
     value: {
         type: PropType<RGBA>;
         required: true;
@@ -53,6 +55,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
+    panelRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    focus: () => void;
     activeMode: import('vue').Ref<ColorFormat, ColorFormat>;
     hsv: import('vue').Ref<{
         h: number;
@@ -653,6 +657,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     clear: () => true;
     close: () => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
     value: {
         type: PropType<RGBA>;
         required: true;

package/dist/components/config-provider/context.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, Ref, Slots } from 'vue';
+import { CSSProperties, InjectionKey, Ref, Slots } from 'vue';
 import { Size } from '../../_utils/constant';
 import { Locale } from '../../locale/interface';
 /**
@@ -14,5 +14,11 @@ export interface ConfigProviderContext {
     slots: Slots;
     /** 语言包；未提供时由 locale 模块的全局默认兜底 */
     locale?: Ref<Locale | undefined>;
+    /** Internal theme boundary carried onto Teleport roots. */
+    popupTheme?: Ref<{
+        dark: boolean;
+        seed?: string;
+        style: CSSProperties;
+    }>;
 }
 export declare const configProviderInjectionKey: InjectionKey<ConfigProviderContext>;

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

@@ -117,9 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>, {
     t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
-    attrs: {
-        [x: string]: unknown;
-    };
+    attrs: import('vue').Attrs;
     className: {
         block: string;
         element: (className: string) => string;
@@ -1043,9 +1041,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: true;
         };
     }>, {
-        wrapperAttrs: import('vue').ComputedRef<Omit<{
-            [x: string]: unknown;
-        }, string>>;
+        wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
         formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         feedback: import('vue').Ref<string | undefined, string | undefined>;
@@ -1655,9 +1651,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: true;
         };
     }>, {
-        wrapperAttrs: import('vue').ComputedRef<Omit<{
-            [x: string]: unknown;
-        }, string>>;
+        wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
         formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
         formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
@@ -2910,11 +2904,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         modifier: (className: string) => string;
                         is: (className: string) => string;
                     };
-                    cls: import('vue').ComputedRef<unknown[]>;
+                    cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                     style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                     rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     getContainerAttrs: () => {
                         [x: string]: unknown;
+                        class?: import('vue').ClassValue;
                     };
                     getContainerStyle: () => import('vue').StyleValue;
                     containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3037,11 +3032,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         modifier: (className: string) => string;
                         is: (className: string) => string;
                     };
-                    cls: import('vue').ComputedRef<unknown[]>;
+                    cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                     style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                     rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     getContainerAttrs: () => {
                         [x: string]: unknown;
+                        class?: import('vue').ClassValue;
                     };
                     getContainerStyle: () => import('vue').StyleValue;
                     containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3108,11 +3104,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                cls: import('vue').ComputedRef<unknown[]>;
+                cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                 style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                 rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 getContainerAttrs: () => {
                     [x: string]: unknown;
+                    class?: import('vue').ClassValue;
                 };
                 getContainerStyle: () => import('vue').StyleValue;
                 containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;

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

@@ -132,9 +132,7 @@ export declare const DatePicker: {
         "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
     }>, {
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
-        attrs: {
-            [x: string]: unknown;
-        };
+        attrs: import('vue').Attrs;
         className: {
             block: string;
             element: (className: string) => string;
@@ -929,9 +927,7 @@ export declare const DatePicker: {
                 required: true;
             };
         }>, {
-            wrapperAttrs: import('vue').ComputedRef<Omit<{
-                [x: string]: unknown;
-            }, string>>;
+            wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
             formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
             t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             feedback: import('vue').Ref<string | undefined, string | undefined>;
@@ -1541,9 +1537,7 @@ export declare const DatePicker: {
                 required: true;
             };
         }>, {
-            wrapperAttrs: import('vue').ComputedRef<Omit<{
-                [x: string]: unknown;
-            }, string>>;
+            wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
             formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
             formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
             t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
@@ -2796,11 +2790,12 @@ export declare const DatePicker: {
                             modifier: (className: string) => string;
                             is: (className: string) => string;
                         };
-                        cls: import('vue').ComputedRef<unknown[]>;
+                        cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                         style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                         rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                         getContainerAttrs: () => {
                             [x: string]: unknown;
+                            class?: import('vue').ClassValue;
                         };
                         getContainerStyle: () => import('vue').StyleValue;
                         containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2923,11 +2918,12 @@ export declare const DatePicker: {
                             modifier: (className: string) => string;
                             is: (className: string) => string;
                         };
-                        cls: import('vue').ComputedRef<unknown[]>;
+                        cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                         style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                         rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                         getContainerAttrs: () => {
                             [x: string]: unknown;
+                            class?: import('vue').ClassValue;
                         };
                         getContainerStyle: () => import('vue').StyleValue;
                         containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2994,11 +2990,12 @@ export declare const DatePicker: {
                         modifier: (className: string) => string;
                         is: (className: string) => string;
                     };
-                    cls: import('vue').ComputedRef<unknown[]>;
+                    cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                     style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                     rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     getContainerAttrs: () => {
                         [x: string]: unknown;
+                        class?: import('vue').ClassValue;
                     };
                     getContainerStyle: () => import('vue').StyleValue;
                     containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3541,9 +3538,7 @@ export declare const DatePicker: {
         "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
     }>, {
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
-        attrs: {
-            [x: string]: unknown;
-        };
+        attrs: import('vue').Attrs;
         className: {
             block: string;
             element: (className: string) => string;
@@ -3852,9 +3847,7 @@ export declare const DatePicker: {
     "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
 }>, {
     t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
-    attrs: {
-        [x: string]: unknown;
-    };
+    attrs: import('vue').Attrs;
     className: {
         block: string;
         element: (className: string) => string;
@@ -4649,9 +4642,7 @@ export declare const DatePicker: {
             required: true;
         };
     }>, {
-        wrapperAttrs: import('vue').ComputedRef<Omit<{
-            [x: string]: unknown;
-        }, string>>;
+        wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
         formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         feedback: import('vue').Ref<string | undefined, string | undefined>;
@@ -5261,9 +5252,7 @@ export declare const DatePicker: {
             required: true;
         };
     }>, {
-        wrapperAttrs: import('vue').ComputedRef<Omit<{
-            [x: string]: unknown;
-        }, string>>;
+        wrapperAttrs: import('vue').ComputedRef<Omit<import('vue').Attrs, string>>;
         formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
         formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
@@ -6516,11 +6505,12 @@ export declare const DatePicker: {
                         modifier: (className: string) => string;
                         is: (className: string) => string;
                     };
-                    cls: import('vue').ComputedRef<unknown[]>;
+                    cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                     style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                     rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     getContainerAttrs: () => {
                         [x: string]: unknown;
+                        class?: import('vue').ClassValue;
                     };
                     getContainerStyle: () => import('vue').StyleValue;
                     containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -6643,11 +6633,12 @@ export declare const DatePicker: {
                         modifier: (className: string) => string;
                         is: (className: string) => string;
                     };
-                    cls: import('vue').ComputedRef<unknown[]>;
+                    cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                     style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                     rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     getContainerAttrs: () => {
                         [x: string]: unknown;
+                        class?: import('vue').ClassValue;
                     };
                     getContainerStyle: () => import('vue').StyleValue;
                     containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -6714,11 +6705,12 @@ export declare const DatePicker: {
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                cls: import('vue').ComputedRef<unknown[]>;
+                cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                 style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                 rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 getContainerAttrs: () => {
                     [x: string]: unknown;
+                    class?: import('vue').ClassValue;
                 };
                 getContainerStyle: () => import('vue').StyleValue;
                 containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;