naive-ui 2.32.0 → 2.32.2

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.32.0";
+declare const _default: "2.32.2";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.32.0';
+export default '2.32.2';

package/lib/_internal/scrollbar/src/Scrollbar.js

@@ -8,6 +8,7 @@ const vue_1 = require("vue");
 const evtd_1 = require("evtd");
 const vueuc_1 = require("vueuc");
 const vooks_1 = require("vooks");
+const seemly_1 = require("seemly");
 const _mixins_1 = require("../../../_mixins");
 const _utils_1 = require("../../../_utils");
 const styles_1 = require("../styles");
@@ -367,7 +368,7 @@ const Scrollbar = (0, vue_1.defineComponent)({
         }
         function isMouseUpAway(e) {
             var _a;
-            return !((_a = wrapperRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target));
+            return !((_a = wrapperRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(e)));
         }
         function handleXScrollMouseDown(e) {
             e.preventDefault();

package/lib/_internal/select-menu/styles/light.js

@@ -11,7 +11,7 @@ const _common_1 = __importDefault(require("./_common"));
 const _mixins_1 = require("../../../_mixins");
 const self = (vars) => {
     const { borderRadius, popoverColor, textColor3, dividerColor, textColor2, primaryColorPressed, textColorDisabled, primaryColor, opacityDisabled, hoverColor, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeHuge, heightSmall, heightMedium, heightLarge, heightHuge } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { optionFontSizeSmall: fontSizeSmall, optionFontSizeMedium: fontSizeMedium, optionFontSizeLarge: fontSizeLarge, optionFontSizeHuge: fontSizeHuge, optionHeightSmall: heightSmall, optionHeightMedium: heightMedium, optionHeightLarge: heightLarge, optionHeightHuge: heightHuge, borderRadius: borderRadius, color: popoverColor, groupHeaderTextColor: textColor3, actionDividerColor: dividerColor, optionTextColor: textColor2, optionTextColorPressed: primaryColorPressed, optionTextColorDisabled: textColorDisabled, optionTextColorActive: primaryColor, optionOpacityDisabled: opacityDisabled, optionCheckColor: primaryColor, optionColorPending: hoverColor, optionColorActive: 'rgba(0, 0, 0, 0)', optionColorActivePending: hoverColor, actionTextColor: textColor2, loadingColor: primaryColor });
+    return Object.assign(Object.assign({}, _common_1.default), { optionFontSizeSmall: fontSizeSmall, optionFontSizeMedium: fontSizeMedium, optionFontSizeLarge: fontSizeLarge, optionFontSizeHuge: fontSizeHuge, optionHeightSmall: heightSmall, optionHeightMedium: heightMedium, optionHeightLarge: heightLarge, optionHeightHuge: heightHuge, borderRadius, color: popoverColor, groupHeaderTextColor: textColor3, actionDividerColor: dividerColor, optionTextColor: textColor2, optionTextColorPressed: primaryColorPressed, optionTextColorDisabled: textColorDisabled, optionTextColorActive: primaryColor, optionOpacityDisabled: opacityDisabled, optionCheckColor: primaryColor, optionColorPending: hoverColor, optionColorActive: 'rgba(0, 0, 0, 0)', optionColorActivePending: hoverColor, actionTextColor: textColor2, loadingColor: primaryColor });
 };
 exports.self = self;
 const internalSelectMenuLight = (0, _mixins_1.createTheme)({

package/lib/_internal/selection/src/Selection.js

@@ -442,7 +442,7 @@ exports.default = (0, vue_1.defineComponent)({
             const createTag = (option) => ((0, vue_1.h)("div", { class: `${clsPrefix}-base-selection-tag-wrapper`, key: option.value }, renderTag ? (renderTag({
                 option,
                 handleClose: () => this.handleDeleteOption(option)
-            })) : ((0, vue_1.h)(tag_1.NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => this.handleDeleteOption(option), internalCloseFocusable: false, internalStopClickPropagation: true }, {
+            })) : ((0, vue_1.h)(tag_1.NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => this.handleDeleteOption(option), internalCloseFocusable: false }, {
                 default: () => renderLabel
                     ? renderLabel(option, true)
                     : (0, _utils_1.render)(option[labelField], option, true)

package/lib/_utils/cssr/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createKey = exports.find = exports.namespace = exports.prefix = exports.asModal = exports.insidePopover = exports.insideModal = exports.cCB = exports.cNotM = exports.cM = exports.cE = exports.cB = exports.c = void 0;
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
-const css_render_1 = __importDefault(require("css-render"));
+const css_render_1 = require("css-render");
 const plugin_bem_1 = __importDefault(require("@css-render/plugin-bem"));
 const namespace = 'n';
 exports.namespace = namespace;
@@ -13,7 +13,7 @@ const prefix = `.${namespace}-`;
 exports.prefix = prefix;
 const elementPrefix = '__';
 const modifierPrefix = '--';
-const cssr = (0, css_render_1.default)();
+const cssr = (0, css_render_1.CssRender)();
 const plugin = (0, plugin_bem_1.default)({
     blockPrefix: prefix,
     elementPrefix,

package/lib/alert/src/Alert.d.ts

@@ -10,6 +10,10 @@ export declare const alertProps: {
         type: PropType<"default" | "error" | "info" | "success" | "warning">;
         default: string;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     closable: BooleanConstructor;
     onClose: FunctionConstructor;
     onAfterLeave: FunctionConstructor;
@@ -222,6 +226,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"default" | "error" | "info" | "success" | "warning">;
         default: string;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     closable: BooleanConstructor;
     onClose: FunctionConstructor;
     onAfterLeave: FunctionConstructor;
@@ -425,6 +433,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedBordered: import("vue").ComputedRef<boolean>;
     visible: import("vue").Ref<boolean>;
     handleCloseClick: () => void;
     handleAfterLeave: () => void;
@@ -644,6 +653,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"default" | "error" | "info" | "success" | "warning">;
         default: string;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     closable: BooleanConstructor;
     onClose: FunctionConstructor;
     onAfterLeave: FunctionConstructor;
@@ -846,6 +859,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";
+    bordered: boolean;
     showIcon: boolean;
     closable: boolean;
 }>;

package/lib/alert/src/Alert.js

@@ -19,6 +19,9 @@ exports.alertProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, type: {
         type: String,
         default: 'default'
+    }, bordered: {
+        type: Boolean,
+        default: true
     }, closable: Boolean, onClose: Function, onAfterLeave: Function, 
     /** @deprecated */
     onAfterHide: Function });
@@ -34,7 +37,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Alert', '-alert', index_cssr_1.default, styles_1.alertLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Alert', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
@@ -99,6 +102,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
+            mergedBordered: mergedBorderedRef,
             visible: visibleRef,
             handleCloseClick,
             handleAfterLeave,
@@ -127,6 +131,7 @@ exports.default = (0, vue_1.defineComponent)({
                 };
                 return this.visible ? ((0, vue_1.h)("div", Object.assign({}, (0, vue_1.mergeProps)(this.$attrs, attrs)),
                     this.closable && ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-alert__close`, onClick: this.handleCloseClick })),
+                    this.bordered && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert__border` })),
                     this.showIcon && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert__icon`, "aria-hidden": "true" }, (0, _utils_1.resolveSlot)($slots.icon, () => [
                         (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
                             default: () => {
@@ -145,7 +150,11 @@ exports.default = (0, vue_1.defineComponent)({
                             }
                         })
                     ]))),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert-body` },
+                    (0, vue_1.h)("div", { class: [
+                            `${mergedClsPrefix}-alert-body`,
+                            this.mergedBordered &&
+                                `${mergedClsPrefix}-alert-body--bordered`
+                        ] },
                         (0, _utils_1.resolveWrappedSlot)($slots.header, (children) => {
                             const mergedChildren = children || this.title;
                             return mergedChildren ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert-body__title` }, mergedChildren)) : null;

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

@@ -40,12 +40,21 @@ exports.default = (0, cssr_1.cB)('alert', `
  background-color: var(--n-color);
  text-align: start;
  word-break: break-word;
-`, [(0, cssr_1.cM)('closable', [(0, cssr_1.cB)('alert-body', [(0, cssr_1.cE)('title', `
+`, [(0, cssr_1.cE)('border', `
+ border-radius: inherit;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ transition: border-color .3s var(--n-bezier);
+ border: var(--n-border);
+ pointer-events: none;
+ `), (0, cssr_1.cM)('closable', [(0, cssr_1.cB)('alert-body', [(0, cssr_1.cE)('title', `
  padding-right: 24px;
  `)])]), (0, cssr_1.cE)('icon', {
   color: 'var(--n-icon-color)'
 }), (0, cssr_1.cB)('alert-body', {
-  border: 'var(--n-border)',
   padding: 'var(--n-padding)'
 }, [(0, cssr_1.cE)('title', {
   color: 'var(--n-title-text-color)'

package/lib/alert/styles/dark.js

@@ -12,7 +12,11 @@ const alertDark = {
     self(vars) {
         const { lineHeight, borderRadius, fontWeightStrong, dividerColor, inputColor, textColor1, textColor2, closeColorHover, closeColorPressed, closeIconColor, closeIconColorHover, closeIconColorPressed, infoColorSuppl, successColorSuppl, warningColorSuppl, errorColorSuppl, fontSize } = vars;
         return Object.assign(Object.assign({}, _common_1.default), { fontSize,
-            lineHeight, titleFontWeight: fontWeightStrong, borderRadius, border: `1px solid ${dividerColor}`, color: inputColor, titleTextColor: textColor1, iconColor: textColor2, contentTextColor: textColor2, closeBorderRadius: borderRadius, closeColorHover: closeColorHover, closeColorPressed: closeColorPressed, closeIconColor: closeIconColor, closeIconColorHover: closeIconColorHover, closeIconColorPressed: closeIconColorPressed, borderInfo: `1px solid ${(0, seemly_1.changeColor)(infoColorSuppl, { alpha: 0.35 })}`, colorInfo: (0, seemly_1.changeColor)(infoColorSuppl, { alpha: 0.25 }), titleTextColorInfo: textColor1, iconColorInfo: infoColorSuppl, contentTextColorInfo: textColor2, closeColorHoverInfo: closeColorHover, closeColorPressedInfo: closeColorPressed, closeIconColorInfo: closeIconColor, closeIconColorHoverInfo: closeIconColorHover, closeIconColorPressedInfo: closeIconColorPressed, borderSuccess: `1px solid ${(0, seemly_1.changeColor)(successColorSuppl, {
+            lineHeight, titleFontWeight: fontWeightStrong, borderRadius, border: `1px solid ${dividerColor}`, color: inputColor, titleTextColor: textColor1, iconColor: textColor2, contentTextColor: textColor2, closeBorderRadius: borderRadius, closeColorHover,
+            closeColorPressed,
+            closeIconColor,
+            closeIconColorHover,
+            closeIconColorPressed, borderInfo: `1px solid ${(0, seemly_1.changeColor)(infoColorSuppl, { alpha: 0.35 })}`, colorInfo: (0, seemly_1.changeColor)(infoColorSuppl, { alpha: 0.25 }), titleTextColorInfo: textColor1, iconColorInfo: infoColorSuppl, contentTextColorInfo: textColor2, closeColorHoverInfo: closeColorHover, closeColorPressedInfo: closeColorPressed, closeIconColorInfo: closeIconColor, closeIconColorHoverInfo: closeIconColorHover, closeIconColorPressedInfo: closeIconColorPressed, borderSuccess: `1px solid ${(0, seemly_1.changeColor)(successColorSuppl, {
                 alpha: 0.35
             })}`, colorSuccess: (0, seemly_1.changeColor)(successColorSuppl, { alpha: 0.25 }), titleTextColorSuccess: textColor1, iconColorSuccess: successColorSuppl, contentTextColorSuccess: textColor2, closeColorHoverSuccess: closeColorHover, closeColorPressedSuccess: closeColorPressed, closeIconColorSuccess: closeIconColor, closeIconColorHoverSuccess: closeIconColorHover, closeIconColorPressedSuccess: closeIconColorPressed, borderWarning: `1px solid ${(0, seemly_1.changeColor)(warningColorSuppl, {
                 alpha: 0.35

package/lib/anchor/styles/light.js

@@ -9,7 +9,8 @@ const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
 const self = (vars) => {
     const { borderRadius, railColor, primaryColor, primaryColorHover, primaryColorPressed, textColor2 } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { borderRadius, railColor: railColor, railColorActive: primaryColor, linkColor: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.15 }), linkTextColor: textColor2, linkTextColorHover: primaryColorHover, linkTextColorPressed: primaryColorPressed, linkTextColorActive: primaryColor });
+    return Object.assign(Object.assign({}, _common_1.default), { borderRadius,
+        railColor, railColorActive: primaryColor, linkColor: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.15 }), linkTextColor: textColor2, linkTextColorHover: primaryColorHover, linkTextColorPressed: primaryColorPressed, linkTextColorActive: primaryColor });
 };
 exports.self = self;
 const anchorLight = {

package/lib/auto-complete/src/AutoComplete.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InputHTMLAttributes } from 'vue';
+import { PropType, InputHTMLAttributes, HTMLAttributes } from 'vue';
 import { TreeNode } from 'treemate';
 import { FollowerPlacement } from 'vueuc';
 import { RenderOption, RenderLabel } from '../../_internal/select-menu/src/interface';
@@ -12,6 +12,7 @@ export declare const autoCompleteProps: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
     };
+    readonly menuProps: PropType<HTMLAttributes>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -114,6 +115,7 @@ export declare const autoCompleteProps: {
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -231,6 +233,7 @@ export declare const autoCompleteProps: {
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -348,6 +351,7 @@ export declare const autoCompleteProps: {
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -415,6 +419,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
     };
+    readonly menuProps: PropType<HTMLAttributes>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -517,6 +522,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -634,6 +640,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -751,6 +758,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1015,6 +1023,7 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -1118,6 +1127,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
     };
+    readonly menuProps: PropType<HTMLAttributes>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -1220,6 +1230,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1337,6 +1348,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1454,6 +1466,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;

package/lib/auto-complete/src/AutoComplete.js

@@ -9,6 +9,7 @@ const treemate_1 = require("treemate");
 const vueuc_1 = require("vueuc");
 const vdirs_1 = require("vdirs");
 const vooks_1 = require("vooks");
+const seemly_1 = require("seemly");
 const utils_1 = require("../../select/src/utils");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -17,7 +18,7 @@ const input_1 = require("../../input");
 const styles_1 = require("../styles");
 const utils_2 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, bordered: {
+exports.autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, menuProps: Object, bordered: {
         type: Boolean,
         default: undefined
     }, clearable: {
@@ -177,7 +178,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleClickOutsideMenu(e) {
             var _a;
-            if (!((_a = triggerElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+            if (!((_a = triggerElRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(e)))) {
                 canBeActivatedRef.value = false;
             }
         }
@@ -270,20 +271,25 @@ exports.default = (0, vue_1.defineComponent)({
                             default: () => {
                                 var _a;
                                 (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-                                return this.active
-                                    ? (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, ref: "menuInstRef", theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
-                                            .InternalSelectMenu, "auto-pending": true, class: [
-                                            `${mergedClsPrefix}-auto-complete-menu`,
-                                            this.themeClass
-                                        ], style: this.cssVars, treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle }), [
-                                        [
-                                            vdirs_1.clickoutside,
-                                            this.handleClickOutsideMenu,
-                                            undefined,
-                                            { capture: true }
-                                        ]
-                                    ])
-                                    : null;
+                                if (!this.active)
+                                    return null;
+                                const { menuProps } = this;
+                                return (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, Object.assign({}, menuProps, { clsPrefix: mergedClsPrefix, ref: "menuInstRef", theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
+                                        .InternalSelectMenu, "auto-pending": true, class: [
+                                        `${mergedClsPrefix}-auto-complete-menu`,
+                                        this.themeClass,
+                                        menuProps === null || menuProps === void 0 ? void 0 : menuProps.class
+                                    ], style: [
+                                        menuProps === null || menuProps === void 0 ? void 0 : menuProps.style,
+                                        this.cssVars
+                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle })), [
+                                    [
+                                        vdirs_1.clickoutside,
+                                        this.handleClickOutsideMenu,
+                                        undefined,
+                                        { capture: true }
+                                    ]
+                                ]);
                             }
                         }))
                     })

package/lib/auto-complete/styles/light.d.ts

@@ -59,6 +59,7 @@ declare const autoCompleteLight: import("../../_mixins").Theme<"AutoComplete", {
         }, any>;
     }>;
     Input: import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;

package/lib/breadcrumb/styles/light.js

@@ -8,7 +8,7 @@ const _common_1 = __importDefault(require("./_common"));
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
     const { fontSize, textColor3, textColor2, borderRadius, buttonColor2Hover, buttonColor2Pressed } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { fontSize: fontSize, itemLineHeight: '1.25', itemTextColor: textColor3, itemTextColorHover: textColor2, itemTextColorPressed: textColor2, itemTextColorActive: textColor2, itemBorderRadius: borderRadius, itemColorHover: buttonColor2Hover, itemColorPressed: buttonColor2Pressed, separatorColor: textColor3 });
+    return Object.assign(Object.assign({}, _common_1.default), { fontSize, itemLineHeight: '1.25', itemTextColor: textColor3, itemTextColorHover: textColor2, itemTextColorPressed: textColor2, itemTextColorActive: textColor2, itemBorderRadius: borderRadius, itemColorHover: buttonColor2Hover, itemColorPressed: buttonColor2Pressed, separatorColor: textColor3 });
 };
 exports.self = self;
 const breadcrumbLight = {

package/lib/button/styles/light.js

@@ -11,7 +11,11 @@ const self = (vars) => {
     return Object.assign(Object.assign({}, _common_1.default), { heightTiny,
         heightSmall,
         heightMedium,
-        heightLarge, borderRadiusTiny: borderRadius, borderRadiusSmall: borderRadius, borderRadiusMedium: borderRadius, borderRadiusLarge: borderRadius, fontSizeTiny: fontSizeTiny, fontSizeSmall: fontSizeSmall, fontSizeMedium: fontSizeMedium, fontSizeLarge: fontSizeLarge, opacityDisabled: opacityDisabled, 
+        heightLarge, borderRadiusTiny: borderRadius, borderRadiusSmall: borderRadius, borderRadiusMedium: borderRadius, borderRadiusLarge: borderRadius, fontSizeTiny,
+        fontSizeSmall,
+        fontSizeMedium,
+        fontSizeLarge,
+        opacityDisabled, 
         // secondary
         colorOpacitySecondary: '0.16', colorOpacitySecondaryHover: '0.22', colorOpacitySecondaryPressed: '0.28', colorSecondary: buttonColor2, colorSecondaryHover: buttonColor2Hover, colorSecondaryPressed: buttonColor2Pressed, 
         // tertiary

package/lib/card/styles/light.js

@@ -8,7 +8,7 @@ const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
 const self = (vars) => {
     const { primaryColor, borderRadius, lineHeight, fontSize, cardColor, textColor2, textColor1, dividerColor, fontWeightStrong, closeIconColor, closeIconColorHover, closeIconColorPressed, closeColorHover, closeColorPressed, modalColor, boxShadow1, popoverColor, actionColor } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { lineHeight, color: cardColor, colorModal: modalColor, colorPopover: popoverColor, colorTarget: primaryColor, colorEmbedded: actionColor, textColor: textColor2, titleTextColor: textColor1, borderColor: dividerColor, actionColor: actionColor, titleFontWeight: fontWeightStrong, closeColorHover,
+    return Object.assign(Object.assign({}, _common_1.default), { lineHeight, color: cardColor, colorModal: modalColor, colorPopover: popoverColor, colorTarget: primaryColor, colorEmbedded: actionColor, textColor: textColor2, titleTextColor: textColor1, borderColor: dividerColor, actionColor, titleFontWeight: fontWeightStrong, closeColorHover,
         closeColorPressed, closeBorderRadius: borderRadius, closeIconColor,
         closeIconColorHover,
         closeIconColorPressed, fontSizeSmall: fontSize, fontSizeMedium: fontSize, fontSizeLarge: fontSize, fontSizeHuge: fontSize, boxShadow: boxShadow1, borderRadius });

package/lib/carousel/src/Carousel.js

@@ -31,6 +31,7 @@ const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vooks_1 = require("vooks");
 const evtd_1 = require("evtd");
+const seemly_1 = require("seemly");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
@@ -450,8 +451,9 @@ exports.default = (0, vue_1.defineComponent)({
             var _a;
             if (globalDragging)
                 return;
-            if (!((_a = slidesElRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            if (!((_a = slidesElRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(event)))) {
                 return;
+            }
             globalDragging = true;
             dragging = true;
             isEffectiveDrag = false;
@@ -653,7 +655,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             resetAutoplay();
             if (sequenceLayoutRef.value) {
-                if (duplicatedableRef.value) {
+                if (duplicatedableRef.value && displayTotalViewRef.value > 2) {
                     const { value: length } = totalViewRef;
                     if (realIndex === length - 2 && lastRealIndex === 1) {
                         realIndex = 0;
@@ -703,9 +705,9 @@ exports.default = (0, vue_1.defineComponent)({
         }));
         const caroulseExposedMethod = {
             getCurrentIndex: () => mergedDisplayIndexRef.value,
-            to: to,
-            prev: prev,
-            next: next
+            to,
+            prev,
+            next
         };
         const themeRef = (0, _mixins_1.useTheme)('Carousel', '-carousel', index_cssr_1.default, styles_1.carouselLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {

package/lib/cascader/src/Cascader.d.ts

@@ -32,6 +32,10 @@ export declare const cascaderProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly disabledField: {
+        readonly type: StringConstructor;
+        readonly default: "disabled";
+    };
     readonly expandTrigger: {
         readonly type: PropType<ExpandTrigger>;
         readonly default: "click";
@@ -684,6 +688,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly disabledField: {
+        readonly type: StringConstructor;
+        readonly default: "disabled";
+    };
     readonly expandTrigger: {
         readonly type: PropType<ExpandTrigger>;
         readonly default: "click";
@@ -1768,6 +1776,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly disabledField: {
+        readonly type: StringConstructor;
+        readonly default: "disabled";
+    };
     readonly expandTrigger: {
         readonly type: PropType<ExpandTrigger>;
         readonly default: "click";
@@ -2413,6 +2425,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
     readonly checkStrategy: CheckStrategy;
+    readonly disabledField: string;
     readonly leafOnly: boolean;
     readonly showPath: boolean;
 }>;

package/lib/cascader/src/Cascader.js

@@ -30,6 +30,9 @@ exports.cascaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props
     }, placeholder: String, multiple: Boolean, size: String, filterable: Boolean, disabled: {
         type: Boolean,
         default: undefined
+    }, disabledField: {
+        type: String,
+        default: 'disabled'
     }, expandTrigger: {
         type: String,
         default: 'click'
@@ -112,8 +115,11 @@ exports.default = (0, vue_1.defineComponent)({
             loadingKeySetRef.value.delete(key);
         };
         const treeMateRef = (0, vue_1.computed)(() => {
-            const { valueField, childrenField } = props;
+            const { valueField, childrenField, disabledField } = props;
             return (0, treemate_1.createTreeMate)(props.options, {
+                getDisabled(node) {
+                    return node[disabledField];
+                },
                 getKey(node) {
                     return node[valueField];
                 },
@@ -408,7 +414,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (showSelectMenuRef.value)
                 return;
             if (mergedShowRef.value) {
-                if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.target))) {
+                if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains((0, seemly_1.getPreciseEventTarget)(e)))) {
                     closeMenu();
                 }
             }
@@ -787,7 +793,9 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { onResize: this.handleTriggerResize, ref: "triggerInstRef", status: this.mergedStatus, clsPrefix: mergedClsPrefix, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, focused: this.focused, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onClick: this.handleTriggerClick, onClear: this.handleClear, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onKeydown: this.handleKeydown }))
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { onResize: this.handleTriggerResize, ref: "triggerInstRef", status: this.mergedStatus, clsPrefix: mergedClsPrefix, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, focused: this.focused, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onClick: this.handleTriggerClick, onClear: this.handleClear, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onKeydown: this.handleKeydown }, {
+                            arrow: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                        }))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { key: "cascaderMenu", ref: "cascaderMenuFollowerRef", show: this.mergedShow && !this.showSelectMenu, containerClass: this.namespace, placement: this.placement, width: !this.options.length ? 'target' : undefined, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, to: this.adjustedTo }, {
                         default: () => {

package/lib/checkbox/src/CheckboxGroup.js

@@ -148,9 +148,9 @@ exports.default = (0, vue_1.defineComponent)({
             checkedCountRef: checkedCount,
             maxRef: (0, vue_1.toRef)(props, 'max'),
             minRef: (0, vue_1.toRef)(props, 'min'),
-            valueSetRef: valueSetRef,
+            valueSetRef,
             disabledRef: mergedDisabledRef,
-            mergedSizeRef: mergedSizeRef,
+            mergedSizeRef,
             toggleCheckbox
         });
         return {

package/lib/checkbox/styles/light.js

@@ -11,7 +11,7 @@ const self = (vars) => {
     const { baseColor, inputColorDisabled, cardColor, modalColor, popoverColor, textColorDisabled, borderColor, primaryColor, textColor2, fontSizeSmall, fontSizeMedium, fontSizeLarge, borderRadiusSmall, lineHeight } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { labelLineHeight: lineHeight, fontSizeSmall,
         fontSizeMedium,
-        fontSizeLarge, borderRadius: borderRadiusSmall, color: baseColor, colorChecked: primaryColor, colorDisabled: inputColorDisabled, colorDisabledChecked: inputColorDisabled, colorTableHeader: cardColor, colorTableHeaderModal: modalColor, colorTableHeaderPopover: popoverColor, checkMarkColor: baseColor, checkMarkColorDisabled: textColorDisabled, checkMarkColorDisabledChecked: textColorDisabled, border: `1px solid ${borderColor}`, borderDisabled: `1px solid ${borderColor}`, borderDisabledChecked: `1px solid ${borderColor}`, borderChecked: `1px solid ${primaryColor}`, borderFocus: `1px solid ${primaryColor}`, boxShadowFocus: `0 0 0 2px ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}`, textColor: textColor2, textColorDisabled: textColorDisabled });
+        fontSizeLarge, borderRadius: borderRadiusSmall, color: baseColor, colorChecked: primaryColor, colorDisabled: inputColorDisabled, colorDisabledChecked: inputColorDisabled, colorTableHeader: cardColor, colorTableHeaderModal: modalColor, colorTableHeaderPopover: popoverColor, checkMarkColor: baseColor, checkMarkColorDisabled: textColorDisabled, checkMarkColorDisabledChecked: textColorDisabled, border: `1px solid ${borderColor}`, borderDisabled: `1px solid ${borderColor}`, borderDisabledChecked: `1px solid ${borderColor}`, borderChecked: `1px solid ${primaryColor}`, borderFocus: `1px solid ${primaryColor}`, boxShadowFocus: `0 0 0 2px ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}`, textColor: textColor2, textColorDisabled });
 };
 exports.self = self;
 const checkboxLight = {