naive-ui 2.32.0 → 2.32.2

package/lib/collapse/src/Collapse.d.ts

@@ -33,27 +33,33 @@ export declare const collapseProps: {
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>>;
 };
 export declare type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
@@ -96,27 +102,33 @@ declare const _default: import("vue").DefineComponent<{
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>>;
 }, {
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -231,9 +243,11 @@ declare const _default: import("vue").DefineComponent<{
             titleFontWeight: string;
             dividerColor: string;
             titleTextColor: string;
+            titleTextColorDisabled: string;
             fontSize: string;
             textColor: string;
             arrowColor: string;
+            arrowColorDisabled: string;
         };
         peers: any;
         peerOverrides: {
@@ -248,8 +262,10 @@ declare const _default: import("vue").DefineComponent<{
         '--n-divider-color': string;
         '--n-title-font-size': string;
         '--n-title-text-color': string;
+        '--n-title-text-color-disabled': string;
         '--n-title-font-weight': string;
         '--n-arrow-color': string;
+        '--n-arrow-color-disabled': string;
     }> | undefined;
     themeClass: Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -284,27 +300,33 @@ declare const _default: import("vue").DefineComponent<{
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
         titleTextColor: string;
+        titleTextColorDisabled: string;
         fontSize: string;
         textColor: string;
         arrowColor: string;
+        arrowColorDisabled: string;
     }, any>>>;
 }>>, {
     readonly displayDirective: "show" | "if";

package/lib/collapse/src/Collapse.js

@@ -107,7 +107,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Collapse', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titleTextColor, textColor, arrowColor, fontSize, titleFontSize } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titleTextColor, titleTextColorDisabled, textColor, arrowColor, fontSize, titleFontSize, arrowColorDisabled } } = themeRef.value;
             return {
                 '--n-font-size': fontSize,
                 '--n-bezier': cubicBezierEaseInOut,
@@ -115,8 +115,10 @@ exports.default = (0, vue_1.defineComponent)({
                 '--n-divider-color': dividerColor,
                 '--n-title-font-size': titleFontSize,
                 '--n-title-text-color': titleTextColor,
+                '--n-title-text-color-disabled': titleTextColorDisabled,
                 '--n-title-font-weight': titleFontWeight,
-                '--n-arrow-color': arrowColor
+                '--n-arrow-color': arrowColor,
+                '--n-arrow-color-disabled': arrowColorDisabled
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/lib/collapse/src/CollapseItem.d.ts

@@ -3,12 +3,14 @@ import { ExtractPublicPropTypes } from '../../_utils';
 export declare const collapseItemProps: {
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;
+    readonly disabled: BooleanConstructor;
     readonly displayDirective: PropType<"show" | "if">;
 };
 export declare type CollapseItemProps = ExtractPublicPropTypes<typeof collapseItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;
+    readonly disabled: BooleanConstructor;
     readonly displayDirective: PropType<"show" | "if">;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -24,6 +26,9 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;
+    readonly disabled: BooleanConstructor;
     readonly displayDirective: PropType<"show" | "if">;
-}>>, {}>;
+}>>, {
+    readonly disabled: boolean;
+}>;
 export default _default;

package/lib/collapse/src/CollapseItem.js

@@ -17,6 +17,7 @@ const _mixins_1 = require("../../_mixins");
 exports.collapseItemProps = {
     title: String,
     name: [String, Number],
+    disabled: Boolean,
     displayDirective: String
 };
 exports.default = (0, vue_1.defineComponent)({
@@ -66,7 +67,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return collapseProps.arrowPlacement;
             }),
             handleClick(e) {
-                if (NCollapse) {
+                if (NCollapse && !props.disabled) {
                     NCollapse.toggleItem(collapsedRef.value, mergedNameRef.value, e);
                 }
             }
@@ -74,13 +75,14 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a;
-        const { collapseSlots, $slots, arrowPlacement, collapsed, mergedDisplayDirective, mergedClsPrefix } = this;
+        const { collapseSlots, $slots, arrowPlacement, collapsed, mergedDisplayDirective, mergedClsPrefix, disabled } = this;
         const headerNode = $slots.header ? $slots.header() : this.title;
         const headerExtraSlot = $slots['header-extra'] || collapseSlots['header-extra'];
         const arrowSlot = $slots.arrow || collapseSlots.arrow;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-collapse-item`,
                 `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`,
+                disabled && `${mergedClsPrefix}-collapse-item--disabled`,
                 !collapsed && `${mergedClsPrefix}-collapse-item--active`
             ] },
             (0, vue_1.h)("div", { class: [

package/lib/collapse/src/styles/index.cssr.js

@@ -15,34 +15,24 @@ const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-
 // --n-title-text-color
 // --n-title-font-weight
 // --n-arrow-color
+// --n-arrow-color-disabled
+// --n-title-text-color-disabled
 
 
-exports.default = (0, cssr_1.cB)('collapse', {
-  width: '100%'
-}, [(0, cssr_1.cB)('collapse-item', `
+exports.default = (0, cssr_1.cB)('collapse', 'width: 100%;', [(0, cssr_1.cB)('collapse-item', `
  font-size: var(--n-font-size);
  color: var(--n-text-color);
  transition:
  color .3s var(--n-bezier),
  border-color .3s var(--n-bezier);
  margin: 16px 0 0 0;
- `, [(0, cssr_1.cB)('collapse-item', 'margin-left: 32px;'), (0, cssr_1.c)('&:first-child', {
-  marginTop: 0
-}), (0, cssr_1.c)('&:first-child >', [(0, cssr_1.cE)('header', {
-  paddingTop: 0
-})]), (0, cssr_1.cM)('left-arrow-placement', [(0, cssr_1.cE)('header', [(0, cssr_1.cB)('collapse-item-arrow', {
-  marginRight: '4px'
-})])]), (0, cssr_1.cM)('right-arrow-placement', [(0, cssr_1.cE)('header', [(0, cssr_1.cB)('collapse-item-arrow', {
-  marginLeft: '4px'
-})])]), (0, cssr_1.cE)('content-wrapper', [(0, cssr_1.cE)('content-inner', {
-  paddingTop: '16px'
-}), (0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
+ `, [(0, cssr_1.cM)('disabled', [(0, cssr_1.cE)('header', 'cursor: not-allowed;', [(0, cssr_1.cE)('header-main', `
+ color: var(--n-title-text-color-disabled);
+ `), (0, cssr_1.cB)('collapse-item-arrow', `
+ color: var(--n-arrow-color-disabled);
+ `)])]), (0, cssr_1.cB)('collapse-item', 'margin-left: 32px;'), (0, cssr_1.c)('&:first-child', 'margin-top: 0;'), (0, cssr_1.c)('&:first-child >', [(0, cssr_1.cE)('header', 'padding-top: 0;')]), (0, cssr_1.cM)('left-arrow-placement', [(0, cssr_1.cE)('header', [(0, cssr_1.cB)('collapse-item-arrow', 'margin-right: 4px;')])]), (0, cssr_1.cM)('right-arrow-placement', [(0, cssr_1.cE)('header', [(0, cssr_1.cB)('collapse-item-arrow', 'margin-left: 4px;')])]), (0, cssr_1.cE)('content-wrapper', [(0, cssr_1.cE)('content-inner', 'padding-top: 16px;'), (0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
   duration: '0.15s'
-})]), (0, cssr_1.cM)('active', [(0, cssr_1.cE)('header', [(0, cssr_1.cM)('active', [(0, cssr_1.cB)('collapse-item-arrow', {
-  transform: 'rotate(90deg)'
-})])])]), (0, cssr_1.c)('&:not(:first-child)', {
-  borderTop: '1px solid var(--n-divider-color)'
-}), (0, cssr_1.cE)('header', `
+})]), (0, cssr_1.cM)('active', [(0, cssr_1.cE)('header', [(0, cssr_1.cM)('active', [(0, cssr_1.cB)('collapse-item-arrow', 'transform: rotate(90deg);')])])]), (0, cssr_1.c)('&:not(:first-child)', 'border-top: 1px solid var(--n-divider-color);'), (0, cssr_1.cE)('header', `
  font-size: var(--n-title-font-size);
  display: flex;
  flex-wrap: nowrap;
@@ -51,8 +41,8 @@ exports.default = (0, cssr_1.cB)('collapse', {
  position: relative;
  padding: 16px 0 0 0;
  color: var(--n-title-text-color);
- `, [(0, cssr_1.cE)('header-main', `
  cursor: pointer;
+ `, [(0, cssr_1.cE)('header-main', `
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
@@ -61,7 +51,6 @@ exports.default = (0, cssr_1.cB)('collapse', {
  flex: 1;
  color: var(--n-title-text-color);
  `), (0, cssr_1.cE)('header-extra', `
- cursor: pointer;
  display: flex;
  align-items: center;
  transition: color .3s var(--n-bezier);

package/lib/collapse/styles/light.d.ts

@@ -5,9 +5,11 @@ export declare const self: (vars: ThemeCommonVars) => {
     titleFontWeight: string;
     dividerColor: string;
     titleTextColor: string;
+    titleTextColorDisabled: string;
     fontSize: string;
     textColor: string;
     arrowColor: string;
+    arrowColorDisabled: string;
 };
 export declare type CollapseThemeVars = ReturnType<typeof self>;
 declare const collapseLight: Theme<'Collapse', CollapseThemeVars>;

package/lib/collapse/styles/light.js

@@ -3,15 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { fontWeight, textColor1, textColor2, dividerColor, fontSize } = vars;
+    const { fontWeight, textColor1, textColor2, textColorDisabled, dividerColor, fontSize } = vars;
     return {
         titleFontSize: fontSize,
         titleFontWeight: fontWeight,
-        dividerColor: dividerColor,
+        dividerColor,
         titleTextColor: textColor1,
+        titleTextColorDisabled: textColorDisabled,
         fontSize,
         textColor: textColor2,
-        arrowColor: textColor2
+        arrowColor: textColor2,
+        arrowColorDisabled: textColorDisabled
     };
 };
 exports.self = self;

package/lib/color-picker/src/ColorInputUnit.d.ts

@@ -137,6 +137,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;

package/lib/color-picker/src/ColorPicker.d.ts

@@ -63,6 +63,7 @@ export declare const colorPickerProps: {
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -343,6 +344,7 @@ export declare const colorPickerProps: {
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -623,6 +625,7 @@ export declare const colorPickerProps: {
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -948,6 +951,7 @@ declare const _default: import("vue").DefineComponent<{
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1228,6 +1232,7 @@ declare const _default: import("vue").DefineComponent<{
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1508,6 +1513,7 @@ declare const _default: import("vue").DefineComponent<{
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1859,6 +1865,7 @@ declare const _default: import("vue").DefineComponent<{
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -2139,6 +2146,7 @@ declare const _default: import("vue").DefineComponent<{
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -2419,6 +2427,7 @@ declare const _default: import("vue").DefineComponent<{
         dividerColor: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;

package/lib/color-picker/src/ColorPicker.js

@@ -411,8 +411,9 @@ exports.default = (0, vue_1.defineComponent)({
             },
             handleClickOutside(e) {
                 var _a;
-                if ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target))
+                if ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(e))) {
                     return;
+                }
                 doUpdateShow(false);
             },
             renderPanel,

package/lib/color-picker/styles/light.d.ts

@@ -31,6 +31,7 @@ declare const colorPickerLight: import("../../_mixins/use-theme").Theme<"ColorPi
     dividerColor: string;
 }, {
     Input: import("../../_mixins/use-theme").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;

package/lib/countdown/src/Countdown.js

@@ -65,8 +65,8 @@ exports.default = (0, vue_1.defineComponent)({
                 distanceRef.value = 0;
                 stopTimer();
                 if (!finished) {
-                    (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props);
                     finished = true;
+                    (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props);
                 }
                 return;
             }

package/lib/data-table/src/DataTable.d.ts

@@ -57,6 +57,7 @@ export declare const dataTableProps: {
     };
     readonly defaultExpandAll: BooleanConstructor;
     readonly expandedRowKeys: PropType<RowKey[]>;
+    readonly stickyExpandedRows: BooleanConstructor;
     readonly virtualScroll: BooleanConstructor;
     readonly tableLayout: {
         readonly type: PropType<"fixed" | "auto">;
@@ -81,6 +82,7 @@ export declare const dataTableProps: {
         readonly default: "current";
     };
     readonly renderCell: PropType<(value: any, rowData: object, column: TableBaseColumn) => VNodeChild>;
+    readonly renderExpandIcon: PropType<() => VNodeChild>;
     readonly onLoad: PropType<DataTableOnLoad>;
     readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void> | undefined>;
     readonly onUpdatePage: PropType<MaybeArray<(page: number) => void> | undefined>;
@@ -618,6 +620,7 @@ export declare const dataTableProps: {
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -1323,6 +1326,7 @@ export declare const dataTableProps: {
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -2028,6 +2032,7 @@ export declare const dataTableProps: {
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -2273,6 +2278,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultExpandAll: BooleanConstructor;
     readonly expandedRowKeys: PropType<RowKey[]>;
+    readonly stickyExpandedRows: BooleanConstructor;
     readonly virtualScroll: BooleanConstructor;
     readonly tableLayout: {
         readonly type: PropType<"fixed" | "auto">;
@@ -2297,6 +2303,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "current";
     };
     readonly renderCell: PropType<(value: any, rowData: object, column: TableBaseColumn<import("./interface").InternalRowData>) => VNodeChild>;
+    readonly renderExpandIcon: PropType<() => VNodeChild>;
     readonly onLoad: PropType<DataTableOnLoad>;
     readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void> | undefined>;
     readonly onUpdatePage: PropType<MaybeArray<(page: number) => void> | undefined>;
@@ -2834,6 +2841,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -3539,6 +3547,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -4244,6 +4253,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -5071,6 +5081,7 @@ declare const _default: import("vue").DefineComponent<{
                     }>;
                 }>;
                 Input: import("../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -5403,6 +5414,7 @@ declare const _default: import("vue").DefineComponent<{
                         }>;
                     }>> | undefined;
                     Input?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;
@@ -5681,6 +5693,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultExpandAll: BooleanConstructor;
     readonly expandedRowKeys: PropType<RowKey[]>;
+    readonly stickyExpandedRows: BooleanConstructor;
     readonly virtualScroll: BooleanConstructor;
     readonly tableLayout: {
         readonly type: PropType<"fixed" | "auto">;
@@ -5705,6 +5718,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "current";
     };
     readonly renderCell: PropType<(value: any, rowData: object, column: TableBaseColumn<import("./interface").InternalRowData>) => VNodeChild>;
+    readonly renderExpandIcon: PropType<() => VNodeChild>;
     readonly onLoad: PropType<DataTableOnLoad>;
     readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void> | undefined>;
     readonly onUpdatePage: PropType<MaybeArray<(page: number) => void> | undefined>;
@@ -6242,6 +6256,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -6947,6 +6962,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -7652,6 +7668,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -7857,6 +7874,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly singleColumn: boolean;
     readonly defaultExpandedRowKeys: RowKey[];
     readonly defaultExpandAll: boolean;
+    readonly stickyExpandedRows: boolean;
     readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
     readonly childrenKey: string;

package/lib/data-table/src/DataTable.js

@@ -51,7 +51,7 @@ exports.dataTableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, remote: Boolean, defaultExpandedRowKeys: {
         type: Array,
         default: []
-    }, defaultExpandAll: Boolean, expandedRowKeys: Array, virtualScroll: Boolean, tableLayout: {
+    }, defaultExpandAll: Boolean, expandedRowKeys: Array, stickyExpandedRows: Boolean, virtualScroll: Boolean, tableLayout: {
         type: String,
         default: 'auto'
     }, allowCheckingNotLoaded: Boolean, cascade: {
@@ -66,7 +66,7 @@ exports.dataTableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, flexHeight: Boolean, paginationBehaviorOnFilter: {
         type: String,
         default: 'current'
-    }, renderCell: Function, onLoad: Function, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 'onUpdate:sorter': [Function, Array], onUpdateSorter: [Function, Array], 'onUpdate:filters': [Function, Array], onUpdateFilters: [Function, Array], 'onUpdate:checkedRowKeys': [Function, Array], onUpdateCheckedRowKeys: [Function, Array], 'onUpdate:expandedRowKeys': [Function, Array], onUpdateExpandedRowKeys: [Function, Array], onScroll: Function, 
+    }, renderCell: Function, renderExpandIcon: Function, onLoad: Function, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 'onUpdate:sorter': [Function, Array], onUpdateSorter: [Function, Array], 'onUpdate:filters': [Function, Array], onUpdateFilters: [Function, Array], 'onUpdate:checkedRowKeys': [Function, Array], onUpdateCheckedRowKeys: [Function, Array], 'onUpdate:expandedRowKeys': [Function, Array], onUpdateExpandedRowKeys: [Function, Array], onScroll: Function, 
     // deprecated
     onPageChange: [Function, Array], onPageSizeChange: [Function, Array], onSorterChange: [Function, Array], onFiltersChange: [Function, Array], onCheckedRowKeysChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
@@ -118,7 +118,7 @@ exports.default = (0, vue_1.defineComponent)({
             treeMateRef,
             paginatedDataRef
         });
-        const { mergedExpandedRowKeysRef, renderExpandRef, doUpdateExpandedRowKeys } = (0, use_expand_1.useExpand)(props, treeMateRef);
+        const { stickyExpandedRowsRef, mergedExpandedRowKeysRef, renderExpandRef, expandableRef, doUpdateExpandedRowKeys } = (0, use_expand_1.useExpand)(props, treeMateRef);
         const { handleTableBodyScroll, handleTableHeaderScroll, syncScrollState, setHeaderScrollLeft, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, leftFixedColumnsRef, rightFixedColumnsRef, fixedColumnLeftMapRef, fixedColumnRightMapRef } = (0, use_scroll_1.useScroll)(props, {
             scrollPartRef,
             bodyWidthRef,
@@ -139,6 +139,7 @@ exports.default = (0, vue_1.defineComponent)({
             return props.tableLayout;
         });
         (0, vue_1.provide)(interface_1.dataTableInjectionKey, {
+            renderExpandIconRef: (0, vue_1.toRef)(props, 'renderExpandIcon'),
             loadingKeySetRef: (0, vue_1.ref)(new Set()),
             slots,
             indentRef: (0, vue_1.toRef)(props, 'indent'),
@@ -172,6 +173,8 @@ exports.default = (0, vue_1.defineComponent)({
             mergedInderminateRowKeySetRef,
             localeRef,
             scrollPartRef,
+            expandableRef,
+            stickyExpandedRowsRef,
             rowKeyRef: (0, vue_1.toRef)(props, 'rowKey'),
             renderExpandRef,
             summaryRef: (0, vue_1.toRef)(props, 'summary'),

package/lib/data-table/src/HeaderButton/FilterButton.d.ts

@@ -635,6 +635,7 @@ declare const _default: import("vue").DefineComponent<{
                     }>;
                 }>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -967,6 +968,7 @@ declare const _default: import("vue").DefineComponent<{
                         }>;
                     }>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/data-table/src/HeaderButton/FilterMenu.d.ts

@@ -660,6 +660,7 @@ declare const _default: import("vue").DefineComponent<{
                     }>;
                 }>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -708,7 +709,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColor: string;
                     clearColorHover: string;
                     clearColorPressed: string;
-                    iconColor: string;
+                    iconColor: string; /** this branch is for compatibility */
                     iconColorDisabled: string;
                     iconColorHover: string;
                     iconColorPressed: string;
@@ -992,6 +993,7 @@ declare const _default: import("vue").DefineComponent<{
                         }>;
                     }>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;
@@ -1040,7 +1042,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColor: string;
                         clearColorHover: string;
                         clearColorPressed: string;
-                        iconColor: string;
+                        iconColor: string; /** this branch is for compatibility */
                         iconColorDisabled: string;
                         iconColorHover: string;
                         iconColorPressed: string;