naive-ui 2.35.0 → 2.37.0

package/lib/form/src/interface.d.ts

@@ -14,6 +14,7 @@ export type FormItemRule = Omit<RuleItem, 'validator' | 'asyncValidator'> & {
     validator?: FormItemRuleValidator;
     asyncValidator?: FormItemRuleAsyncValidator;
     renderMessage?: () => VNodeChild;
+    level?: 'warning' | 'error';
 };
 export interface FormItemValidateOptions {
     trigger?: ValidationTrigger | string;
@@ -21,10 +22,12 @@ export interface FormItemValidateOptions {
     shouldRuleBeApplied?: ShouldRuleBeApplied;
     options?: ValidateOption;
 }
-export type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ShouldRuleBeApplied, options?: ValidateOption) => Promise<{
+export interface FormItemInternalValidateResult {
     valid: boolean;
-    errors?: ValidateError[];
-}>;
+    errors: ValidateError[] | undefined;
+    warnings: ValidateError[] | undefined;
+}
+export type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ShouldRuleBeApplied, options?: ValidateOption) => Promise<FormItemInternalValidateResult>;
 export type FormItemValidate = ((options: FormItemValidateOptions) => Promise<void>) & ((trigger?: string, callback?: ValidateCallback) => Promise<void>);
 export interface FormItemInst {
     validate: FormItemValidate;
@@ -44,8 +47,12 @@ export type LabelPlacement = 'left' | 'top';
 export type Size = 'small' | 'medium' | 'large';
 export type ValidationTrigger = 'input' | 'change' | 'blur' | 'focus';
 export type ShouldRuleBeApplied = (rule: FormItemRule) => boolean;
-export type ValidateCallback = (errors?: ValidateError[]) => void;
-export type FormValidateCallback = (errors?: ValidateError[][]) => void;
+export type ValidateCallback = (errors: ValidateError[] | undefined, extra: {
+    warnings: ValidateError[] | undefined;
+}) => void;
+export type FormValidateCallback = (errors: ValidateError[][] | undefined, extra: {
+    warnings: ValidateError[][] | undefined;
+}) => void;
 export type FormValidate = (callback?: FormValidateCallback, shouldRuleBeApplied?: ShouldRuleBeApplied) => Promise<void>;
 export type FormValidationError = ValidateError[];
 export interface FormInst {

package/lib/form/src/styles/form-item.cssr.js

@@ -57,7 +57,7 @@ exports.default = (0, cssr_1.cB)('form-item', `
  "label feedback";
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto 1fr;
- align-items: start;
+ align-items: flex-start;
  `, [(0, cssr_1.cB)('form-item-label', `
  display: grid;
  grid-template-columns: 1fr auto;

package/lib/form/src/utils.d.ts

@@ -6,7 +6,8 @@ export declare function formItemSize(props: FormItemSetupProps): {
 };
 export declare function formItemMisc(props: FormItemSetupProps): {
     validationErrored: import("vue").Ref<boolean>;
-    mergedLabelStyle: ComputedRef<(import("vue").StyleValue | undefined)[]>;
+    validationWarned: import("vue").Ref<boolean>;
+    mergedLabelStyle: ComputedRef<import("vue").StyleValue[]>;
     mergedLabelPlacement: ComputedRef<import("./interface").LabelPlacement>;
     mergedLabelAlign: ComputedRef<import("./interface").LabelAlign | undefined>;
     mergedShowRequireMark: ComputedRef<boolean | undefined>;

package/lib/form/src/utils.js

@@ -85,12 +85,15 @@ function formItemMisc(props) {
         return (NForm === null || NForm === void 0 ? void 0 : NForm.props.requireMarkPlacement) || 'right';
     });
     const validationErroredRef = (0, vue_1.ref)(false);
+    const validationWarnedRef = (0, vue_1.ref)(false);
     const mergedValidationStatusRef = (0, vue_1.computed)(() => {
         const { validationStatus } = props;
         if (validationStatus !== undefined)
             return validationStatus;
         if (validationErroredRef.value)
             return 'error';
+        if (validationWarnedRef.value)
+            return 'warning';
         return undefined;
     });
     const mergedShowFeedbackRef = (0, vue_1.computed)(() => {
@@ -111,6 +114,7 @@ function formItemMisc(props) {
     });
     return {
         validationErrored: validationErroredRef,
+        validationWarned: validationWarnedRef,
         mergedLabelStyle: mergedLabelStyleRef,
         mergedLabelPlacement: mergedLabelPlacementRef,
         mergedLabelAlign: mergedLabelAlignRef,

package/lib/grid/src/Grid.d.ts

@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: Ref<string>;
     style: import("vue").ComputedRef<CSSProperties>;
     isResponsive: import("vue").ComputedRef<boolean>;
-    responsiveQuery: import("vue").ComputedRef<number | ("m" | "s" | "l" | "xs" | "xl" | "xxl")[] | undefined>;
+    responsiveQuery: import("vue").ComputedRef<number | ("m" | "s" | "xs" | "l" | "xl" | "xxl")[] | undefined>;
     responsiveCols: import("vue").ComputedRef<number>;
     handleResize: import("vue").ComputedRef<VResizeObserverOnResize | undefined>;
     overflow: Ref<boolean>;

package/lib/image/src/Image.js

@@ -66,8 +66,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         (0, vue_1.watchEffect)(() => {
             var _a;
-            void props.src;
-            void ((_a = props.imgProps) === null || _a === void 0 ? void 0 : _a.src);
+            void (props.src || ((_a = props.imgProps) === null || _a === void 0 ? void 0 : _a.src));
             showErrorRef.value = false;
         });
         const loadedRef = (0, vue_1.ref)(false);

package/lib/image/src/ImagePreview.js

@@ -10,10 +10,10 @@ const vueuc_1 = require("vueuc");
 const evtd_1 = require("evtd");
 const seemly_1 = require("seemly");
 const lodash_1 = require("lodash");
-const utils_1 = require("../../upload/src/utils");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
 const _internal_1 = require("../../_internal");
+const _utils_1 = require("../../_utils");
 const tooltip_1 = require("../../tooltip");
 const styles_1 = require("../styles");
 const icons_2 = require("./icons");
@@ -261,7 +261,7 @@ exports.default = (0, vue_1.defineComponent)({
         function handleDownloadClick() {
             const src = previewSrcRef.value;
             if (src) {
-                (0, utils_1.download)(src, undefined);
+                (0, _utils_1.download)(src, undefined);
             }
         }
         function derivePreviewStyle(transition = true) {

package/lib/input/src/Input.d.ts

@@ -40,7 +40,7 @@ export declare const inputProps: {
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -320,7 +320,7 @@ declare const _default: import("vue").DefineComponent<{
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -849,6 +849,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     isCompositing: import("vue").Ref<boolean>;
     blur: () => void;
+    clear: () => void;
     focus: () => void;
     select: () => void;
     activate: () => void;
@@ -892,7 +893,7 @@ declare const _default: import("vue").DefineComponent<{
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -1138,11 +1139,11 @@ declare const _default: import("vue").DefineComponent<{
     round: boolean;
     disabled: boolean | undefined;
     autofocus: boolean;
+    loading: boolean;
     autosize: boolean | {
         minRows?: number | undefined;
         maxRows?: number | undefined;
     };
-    loading: boolean;
     bordered: boolean | undefined;
     clearable: boolean;
     defaultValue: string | [string, string] | null;

package/lib/input/src/Input.js

@@ -259,23 +259,23 @@ exports.default = (0, vue_1.defineComponent)({
         // other methods
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const vm = (0, vue_1.getCurrentInstance)().proxy;
-        function doUpdateValue(value) {
+        function doUpdateValue(value, meta) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onInput } = props;
             const { nTriggerFormInput } = formItem;
             if (onUpdateValue)
-                (0, _utils_1.call)(onUpdateValue, value);
+                (0, _utils_1.call)(onUpdateValue, value, meta);
             if (_onUpdateValue)
-                (0, _utils_1.call)(_onUpdateValue, value);
+                (0, _utils_1.call)(_onUpdateValue, value, meta);
             if (onInput)
-                (0, _utils_1.call)(onInput, value);
+                (0, _utils_1.call)(onInput, value, meta);
             uncontrolledValueRef.value = value;
             nTriggerFormInput();
         }
-        function doChange(value) {
+        function doChange(value, meta) {
             const { onChange } = props;
             const { nTriggerFormChange } = formItem;
             if (onChange)
-                (0, _utils_1.call)(onChange, value);
+                (0, _utils_1.call)(onChange, value, meta);
             uncontrolledValueRef.value = value;
             nTriggerFormChange();
         }
@@ -365,7 +365,9 @@ exports.default = (0, vue_1.defineComponent)({
             const isIncomingValueValid = allowInput(targetValue);
             if (isIncomingValueValid) {
                 if (!props.pair) {
-                    event === 'input' ? doUpdateValue(targetValue) : doChange(targetValue);
+                    event === 'input'
+                        ? doUpdateValue(targetValue, { source: index })
+                        : doChange(targetValue, { source: index });
                 }
                 else {
                     let { value } = mergedValueRef;
@@ -376,7 +378,9 @@ exports.default = (0, vue_1.defineComponent)({
                         value = [value[0], value[1]];
                     }
                     value[index] = targetValue;
-                    event === 'input' ? doUpdateValue(value) : doChange(value);
+                    event === 'input'
+                        ? doUpdateValue(value, { source: index })
+                        : doChange(value, { source: index });
                 }
             }
             // force update to sync input's view with value
@@ -483,13 +487,16 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleClear(e) {
             doClear(e);
+            clearValue();
+        }
+        function clearValue() {
             if (props.pair) {
-                doUpdateValue(['', '']);
-                doChange(['', '']);
+                doUpdateValue(['', ''], { source: 'clear' });
+                doChange(['', ''], { source: 'clear' });
             }
             else {
-                doUpdateValue('');
-                doChange('');
+                doUpdateValue('', { source: 'clear' });
+                doChange('', { source: 'clear' });
             }
         }
         function handleMouseDown(e) {
@@ -725,6 +732,7 @@ exports.default = (0, vue_1.defineComponent)({
             inputElRef,
             textareaElRef,
             isCompositing: isComposingRef,
+            clear: clearValue,
             focus,
             blur,
             select,

package/lib/input/src/interface.d.ts

@@ -1,13 +1,18 @@
 import type { Ref, UnwrapRef } from 'vue';
 export type Size = 'tiny' | 'small' | 'medium' | 'large';
-export type OnUpdateValue = (value: string & [string, string]) => void;
-export type OnUpdateValueImpl = (value: string | [string, string]) => void;
+export type OnUpdateValue = (value: string & [string, string], meta: {
+    source: 0 | 1 | 'clear';
+}) => void;
+export type OnUpdateValueImpl = (value: string | [string, string], meta: {
+    source: 0 | 1 | 'clear';
+}) => void;
 export interface InputWrappedRef {
     wrapperElRef: Ref<HTMLElement | null>;
     textareaElRef: Ref<HTMLTextAreaElement | null>;
     inputElRef: Ref<HTMLInputElement | null>;
     isCompositing: Ref<boolean>;
     blur: () => void;
+    clear: () => void;
     focus: () => void;
     select: () => void;
     activate: () => void;

package/lib/input/src/styles/input.cssr.js

@@ -129,7 +129,7 @@ exports.default = (0, cssr_1.cB)('input', `
  padding: 0;
  height: var(--n-height);
  line-height: var(--n-height);
- `, [(0, cssr_1.c)('+', [(0, cssr_1.cE)('placeholder', `
+ `, [(0, cssr_1.c)('&[type=password]::-ms-reveal', 'display: none;'), (0, cssr_1.c)('+', [(0, cssr_1.cE)('placeholder', `
  display: flex;
  align-items: center; 
  `)])]), (0, cssr_1.cNotM)('textarea', [(0, cssr_1.cE)('placeholder', 'white-space: nowrap;')]), (0, cssr_1.cE)('eye', `

package/lib/input-number/src/InputNumber.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import { type PropType, type InputHTMLAttributes } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
 import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
@@ -38,6 +38,7 @@ export declare const inputNumberProps: {
         type: PropType<"right" | "both">;
         default: string;
     };
+    inputProps: PropType<InputHTMLAttributes>;
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
     keyboard: {
@@ -906,6 +907,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"right" | "both">;
         default: string;
     };
+    inputProps: PropType<InputHTMLAttributes>;
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
     keyboard: {
@@ -1744,6 +1746,7 @@ declare const _default: import("vue").DefineComponent<{
         inputElRef: HTMLInputElement | null;
         isCompositing: boolean;
         blur: () => void;
+        clear: () => void;
         focus: () => void;
         select: () => void;
         activate: () => void;
@@ -2215,6 +2218,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"right" | "both">;
         default: string;
     };
+    inputProps: PropType<InputHTMLAttributes>;
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
     keyboard: {

package/lib/input-number/src/InputNumber.js

@@ -41,7 +41,7 @@ exports.inputNumberProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pr
     }, buttonPlacement: {
         type: String,
         default: 'right'
-    }, readonly: Boolean, clearable: Boolean, keyboard: {
+    }, inputProps: Object, readonly: Boolean, clearable: Boolean, keyboard: {
         type: Object,
         default: {}
     }, updateValueOnInput: {
@@ -549,7 +549,7 @@ exports.default = (0, vue_1.defineComponent)({
                 `${mergedClsPrefix}-input-number`,
                 this.rtlEnabled && `${mergedClsPrefix}-input-number--rtl`
             ] },
-            (0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", autofocus: this.autofocus, status: this.mergedStatus, bordered: this.mergedBordered, loading: this.loading, value: this.displayedValue, onUpdateValue: this.handleUpdateDisplayedValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, builtinThemeOverrides: this.inputThemeOverrides, size: this.mergedSize, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, readonly: this.readonly, textDecoration: this.displayedValueInvalid ? 'line-through' : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onClear: this.handleClear, clearable: this.clearable, internalLoadingBeforeSuffix: true }, {
+            (0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", autofocus: this.autofocus, status: this.mergedStatus, bordered: this.mergedBordered, loading: this.loading, value: this.displayedValue, onUpdateValue: this.handleUpdateDisplayedValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, builtinThemeOverrides: this.inputThemeOverrides, size: this.mergedSize, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, readonly: this.readonly, textDecoration: this.displayedValueInvalid ? 'line-through' : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onClear: this.handleClear, clearable: this.clearable, inputProps: this.inputProps, internalLoadingBeforeSuffix: true }, {
                 prefix: () => {
                     var _a;
                     return this.showButton && this.buttonPlacement === 'both'

package/lib/layout/src/Layout.d.ts

@@ -13,6 +13,7 @@ export declare const layoutProps: {
     };
     readonly scrollbarProps: PropType<Partial<ScrollbarProps>>;
     readonly onScroll: PropType<(e: Event) => void>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -36,6 +37,7 @@ export declare const layoutInjectionKey: import("vue").InjectionKey<ExtractPropT
     };
     readonly scrollbarProps: PropType<Partial<ScrollbarProps>>;
     readonly onScroll: PropType<(e: Event) => void>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -58,6 +60,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -339,6 +342,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -458,6 +462,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -739,6 +744,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";

package/lib/layout/src/Layout.js

@@ -20,6 +20,7 @@ exports.layoutProps = {
     },
     scrollbarProps: Object,
     onScroll: Function,
+    contentClass: String,
     contentStyle: {
         type: [String, Object],
         default: ''
@@ -46,9 +47,11 @@ function createLayoutComponent(isContent) {
                     const { value: scrollableEl } = scrollableElRef;
                     if (scrollableEl) {
                         if (y === undefined) {
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                             scrollableEl.scrollTo(options);
                         }
                         else {
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                             scrollableEl.scrollTo(options, y);
                         }
                     }
@@ -56,6 +59,7 @@ function createLayoutComponent(isContent) {
                 else {
                     const { value: scrollbarInst } = scrollbarInstRef;
                     if (scrollbarInst) {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                         scrollbarInst.scrollTo(options, y);
                     }
                 }
@@ -116,7 +120,10 @@ function createLayoutComponent(isContent) {
                 `${mergedClsPrefix}-layout`,
                 `${mergedClsPrefix}-layout--${this.position}-positioned`
             ];
-            return ((0, vue_1.h)("div", { class: layoutClass, style: this.cssVars }, this.nativeScrollbar ? ((0, vue_1.h)("div", { ref: "scrollableElRef", class: `${mergedClsPrefix}-layout-scroll-container`, style: [this.contentStyle, hasSiderStyle], onScroll: this.handleNativeElScroll }, this.$slots)) : ((0, vue_1.h)(_internal_1.NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, contentStyle: [this.contentStyle, hasSiderStyle] }), this.$slots))));
+            return ((0, vue_1.h)("div", { class: layoutClass, style: this.cssVars }, this.nativeScrollbar ? ((0, vue_1.h)("div", { ref: "scrollableElRef", class: [
+                    `${mergedClsPrefix}-layout-scroll-container`,
+                    this.contentClass
+                ], style: [this.contentStyle, hasSiderStyle], onScroll: this.handleNativeElScroll }, this.$slots)) : ((0, vue_1.h)(_internal_1.NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, contentClass: this.contentClass, contentStyle: [this.contentStyle, hasSiderStyle] }), this.$slots))));
         }
     });
 }

package/lib/layout/src/LayoutContent.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: import("vue").PropType<Partial<import("../../_internal").ScrollbarProps>>;
     onScroll: import("vue").PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly default: "";
@@ -291,6 +292,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: import("vue").PropType<Partial<import("../../_internal").ScrollbarProps>>;
     onScroll: import("vue").PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly default: "";

package/lib/layout/src/LayoutSider.d.ts

@@ -15,6 +15,7 @@ export declare const layoutSiderProps: {
         readonly type: PropType<string | number>;
         readonly default: 272;
     };
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -44,7 +45,9 @@ export declare const layoutSiderProps: {
     readonly scrollbarProps: PropType<Partial<ScrollbarProps> & {
         style: CSSProperties;
     }>;
+    readonly triggerClass: StringConstructor;
     readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly collapsedTriggerClass: StringConstructor;
     readonly collapsedTriggerStyle: PropType<string | CSSProperties>;
     readonly 'onUpdate:collapsed': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateCollapsed: PropType<MaybeArray<(value: boolean) => void>>;
@@ -69,6 +72,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<string | number>;
         readonly default: 272;
     };
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -98,7 +102,9 @@ declare const _default: import("vue").DefineComponent<{
     scrollbarProps: PropType<Partial<ScrollbarProps> & {
         style: CSSProperties;
     }>;
+    triggerClass: StringConstructor;
     triggerStyle: PropType<string | CSSProperties>;
+    collapsedTriggerClass: StringConstructor;
     collapsedTriggerStyle: PropType<string | CSSProperties>;
     'onUpdate:collapsed': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateCollapsed: PropType<MaybeArray<(value: boolean) => void>>;
@@ -383,6 +389,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<string | number>;
         readonly default: 272;
     };
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -412,7 +419,9 @@ declare const _default: import("vue").DefineComponent<{
     scrollbarProps: PropType<Partial<ScrollbarProps> & {
         style: CSSProperties;
     }>;
+    triggerClass: StringConstructor;
     triggerStyle: PropType<string | CSSProperties>;
+    collapsedTriggerClass: StringConstructor;
     collapsedTriggerStyle: PropType<string | CSSProperties>;
     'onUpdate:collapsed': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateCollapsed: PropType<MaybeArray<(value: boolean) => void>>;

package/lib/layout/src/LayoutSider.js

@@ -26,6 +26,7 @@ exports.layoutSiderProps = {
         type: [Number, String],
         default: 272
     },
+    contentClass: String,
     contentStyle: {
         type: [String, Object],
         default: ''
@@ -53,7 +54,9 @@ exports.layoutSiderProps = {
     },
     inverted: Boolean,
     scrollbarProps: Object,
+    triggerClass: String,
     triggerStyle: [String, Object],
+    collapsedTriggerClass: String,
     collapsedTriggerStyle: [String, Object],
     'onUpdate:collapsed': [Function, Array],
     onUpdateCollapsed: [Function, Array],
@@ -101,9 +104,11 @@ exports.default = (0, vue_1.defineComponent)({
                 const { value: scrollableEl } = scrollableElRef;
                 if (scrollableEl) {
                     if (y === undefined) {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                         scrollableEl.scrollTo(options);
                     }
                     else {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                         scrollableEl.scrollTo(options, y);
                     }
                 }
@@ -111,6 +116,7 @@ exports.default = (0, vue_1.defineComponent)({
             else {
                 const { value: scrollbarInst } = scrollbarInstRef;
                 if (scrollbarInst) {
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                     scrollbarInst.scrollTo(options, y);
                 }
             }
@@ -229,7 +235,7 @@ exports.default = (0, vue_1.defineComponent)({
                     width: (0, _utils_1.formatLength)(this.width)
                 }
             ] },
-            !this.nativeScrollbar ? ((0, vue_1.h)(_internal_1.NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", style: this.scrollContainerStyle, contentStyle: this.contentStyle, theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, 
+            !this.nativeScrollbar ? ((0, vue_1.h)(_internal_1.NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", style: this.scrollContainerStyle, contentStyle: this.contentStyle, contentClass: this.contentClass, theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, 
                 // here is a hack, since in light theme the scrollbar color is dark,
                 // we need to invert it in light color...
                 builtinThemeOverrides: this.inverted && this.cssVars.__invertScrollbar === 'true'
@@ -237,14 +243,17 @@ exports.default = (0, vue_1.defineComponent)({
                         colorHover: 'rgba(255, 255, 255, .4)',
                         color: 'rgba(255, 255, 255, .3)'
                     }
-                    : undefined }), this.$slots)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-layout-sider-scroll-container`, onScroll: this.handleNativeElScroll, style: [
+                    : undefined }), this.$slots)) : ((0, vue_1.h)("div", { class: [
+                    `${mergedClsPrefix}-layout-sider-scroll-container`,
+                    this.contentClass
+                ], onScroll: this.handleNativeElScroll, style: [
                     this.scrollContainerStyle,
                     {
                         overflow: 'auto'
                     },
                     this.contentStyle
                 ], ref: "scrollableElRef" }, this.$slots)),
-            showTrigger ? (showTrigger === 'bar' ? ((0, vue_1.h)(ToggleBar_1.default, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : ((0, vue_1.h)(ToggleButton_1.default, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null,
+            showTrigger ? (showTrigger === 'bar' ? ((0, vue_1.h)(ToggleBar_1.default, { clsPrefix: mergedClsPrefix, class: mergedCollapsed ? this.collapsedTriggerClass : this.triggerClass, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : ((0, vue_1.h)(ToggleButton_1.default, { clsPrefix: mergedClsPrefix, class: mergedCollapsed ? this.collapsedTriggerClass : this.triggerClass, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null,
             this.bordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-layout-sider__border` })) : null));
     }
 });

package/lib/legacy-grid/src/styles/index.cssr.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+const seemly_1 = require("seemly");
 const cssr_1 = require("../../../_utils/cssr");
-const positionStyles = Array.apply(null, {
-  length: 24
-}).map((_, index) => {
+const positionStyles = (0, seemly_1.repeat)(24, null).map((_, index) => {
   const prefixIndex = index + 1;
   const percent = `calc(100% / 24 * ${prefixIndex})`;
   return [(0, cssr_1.cM)(`${prefixIndex}-span`, {

package/lib/legacy-grid/src/styles/rtl.cssr.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+const seemly_1 = require("seemly");
 const cssr_1 = require("../../../_utils/cssr");
-const positionStyles = Array.apply(null, {
-  length: 24
-}).map((_, index) => {
+const positionStyles = (0, seemly_1.repeat)(24, null).map((_, index) => {
   const prefixIndex = index + 1;
   const percent = `calc(100% / 24 * ${prefixIndex})`;
   return [(0, cssr_1.cM)(`${prefixIndex}-span`, {

package/lib/legacy-transfer/src/Transfer.d.ts

@@ -3643,8 +3643,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly options: Option[];
     readonly filter: Filter;
     readonly disabled: boolean | undefined;
-    readonly virtualScroll: boolean;
     readonly filterable: boolean;
+    readonly virtualScroll: boolean;
     readonly defaultValue: OptionValue[] | null;
 }, {}>;
 export default _default;

package/lib/legacy-transfer/src/TransferList.d.ts

@@ -518,7 +518,7 @@ declare const _default: import("vue").DefineComponent<{
     vlInstRef: import("vue").Ref<{
         listElRef: HTMLElement;
         itemsElRef: HTMLElement | null;
-        scrollTo: import("vueuc/lib/virtual-list/src/VirtualList").ScrollTo;
+        scrollTo: import("vueuc").VirtualListScrollTo;
     } | null>;
     syncVLScroller: () => void;
     scrollContainer: () => HTMLElement | null;

package/lib/loading-bar/src/LoadingBar.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
@@ -23,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
 }>>, {}, {}>;
 export default _default;