naive-ui 2.35.0 → 2.36.0

package/es/date-picker/src/panel/use-calendar.d.ts

@@ -38,8 +38,8 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
     clearSelectedDateTime: () => void;
-    virtualListContainer: () => HTMLElement;
-    virtualListContent: () => HTMLElement;
+    virtualListContainer: () => HTMLElement | null;
+    virtualListContent: () => HTMLElement | null;
     handleVirtualListScroll: (e: Event) => void;
     timePickerSize: import("vue").Ref<"small" | "medium" | "large">;
     dateInputValue: import("vue").Ref<string>;

package/es/date-picker/src/panel/use-calendar.js

@@ -250,12 +250,12 @@ function useCalendar(props, type) {
     // For month type
     function virtualListContainer() {
         const { value } = yearVlRef;
-        return value === null || value === void 0 ? void 0 : value.listElRef;
+        return (value === null || value === void 0 ? void 0 : value.listElRef) || null;
     }
     // For month type
     function virtualListContent() {
         const { value } = yearVlRef;
-        return value === null || value === void 0 ? void 0 : value.itemsElRef;
+        return (value === null || value === void 0 ? void 0 : value.itemsElRef) || null;
     }
     // For month type
     function handleVirtualListScroll(e) {

package/es/date-picker/src/panel/use-dual-calendar.d.ts

@@ -60,8 +60,8 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
     handleEndDateInputBlur: () => void;
     handleStartYearVlScroll: () => void;
     handleEndYearVlScroll: () => void;
-    virtualListContainer: (type: 'start' | 'end') => HTMLElement;
-    virtualListContent: (type: 'start' | 'end') => HTMLElement;
+    virtualListContainer: (type: 'start' | 'end') => HTMLElement | null;
+    virtualListContent: (type: 'start' | 'end') => HTMLElement | null;
     onUpdateStartCalendarValue: (value: number) => void;
     onUpdateEndCalendarValue: (value: number) => void;
     startYearScrollbarRef: import("vue").Ref<ScrollbarInst | null>;

package/es/date-picker/src/panel/use-dual-calendar.js

@@ -607,19 +607,19 @@ function useDualCalendar(props, type) {
     function virtualListContainer(type) {
         var _a, _b;
         if (type === 'start') {
-            return (_a = startYearVlRef.value) === null || _a === void 0 ? void 0 : _a.listElRef;
+            return ((_a = startYearVlRef.value) === null || _a === void 0 ? void 0 : _a.listElRef) || null;
         }
         else {
-            return (_b = endYearVlRef.value) === null || _b === void 0 ? void 0 : _b.listElRef;
+            return ((_b = endYearVlRef.value) === null || _b === void 0 ? void 0 : _b.listElRef) || null;
         }
     }
     function virtualListContent(type) {
         var _a, _b;
         if (type === 'start') {
-            return (_a = startYearVlRef.value) === null || _a === void 0 ? void 0 : _a.itemsElRef;
+            return ((_a = startYearVlRef.value) === null || _a === void 0 ? void 0 : _a.itemsElRef) || null;
         }
         else {
-            return (_b = endYearVlRef.value) === null || _b === void 0 ? void 0 : _b.itemsElRef;
+            return ((_b = endYearVlRef.value) === null || _b === void 0 ? void 0 : _b.itemsElRef) || null;
         }
     }
     const childComponentRefs = {

package/es/date-picker/src/utils.js

@@ -24,12 +24,7 @@ const matcherMap = {
 };
 function matchDate(sourceTime, patternTime, type) {
     const matcher = matcherMap[type];
-    if (Array.isArray(sourceTime)) {
-        return sourceTime.some((time) => matcher(time, patternTime));
-    }
-    else {
-        return matcher(sourceTime, patternTime);
-    }
+    return matcher(sourceTime, patternTime);
 }
 // date item's valueTs can be a tuple since two date may show in one panel, so
 // any matched value would make it shown as selected

package/es/date-picker/styles/_common.js

@@ -17,7 +17,7 @@ export default {
     calendarLeftPaddingDatetime: '4px 12px',
     calendarLeftPaddingDaterange: '6px 12px 4px 12px',
     calendarLeftPaddingDatetimerange: '4px 12px',
-    calendarLeftPaddingMonth: '0',
+    calendarLeftPaddingMonth: '0', // TODO: make it actually effective
     calendarLeftPaddingYear: '0',
     calendarLeftPaddingQuarter: '0',
     calendarLeftPaddingMonthrange: '0',

package/es/descriptions/src/Descriptions.d.ts

@@ -24,7 +24,9 @@ export declare const descriptionsProps: {
         readonly default: "medium";
     };
     readonly bordered: BooleanConstructor;
+    readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | CSSProperties>;
     readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
         lineHeight: string;
@@ -150,7 +152,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly bordered: BooleanConstructor;
+    readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | CSSProperties>;
     readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
         lineHeight: string;
@@ -299,7 +303,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly bordered: BooleanConstructor;
+    readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | CSSProperties>;
     readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
         lineHeight: string;

package/es/descriptions/src/Descriptions.js

@@ -21,7 +21,7 @@ export const descriptionsProps = Object.assign(Object.assign({}, useTheme.props)
     }, size: {
         type: String,
         default: 'medium'
-    }, bordered: Boolean, labelStyle: [Object, String], contentStyle: [Object, String] });
+    }, bordered: Boolean, labelClass: String, labelStyle: [Object, String], contentClass: String, contentStyle: [Object, String] });
 export default defineComponent({
     name: 'Descriptions',
     props: descriptionsProps,
@@ -76,7 +76,7 @@ export default defineComponent({
         const defaultSlots = this.$slots.default;
         const children = defaultSlots ? flatten(defaultSlots()) : [];
         const memorizedLength = children.length;
-        const { compitableColumn, labelPlacement, labelAlign, size, bordered, title, cssVars, mergedClsPrefix, separator, onRender } = this;
+        const { contentClass, labelClass, compitableColumn, labelPlacement, labelAlign, size, bordered, title, cssVars, mergedClsPrefix, separator, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const filteredChildren = children.filter((child) => isDescriptionsItem(child));
         if (process.env.NODE_ENV !== 'production' && memorizedLength !== filteredChildren.length) {
@@ -102,7 +102,13 @@ export default defineComponent({
             const contentStyle = props.contentStyle || props['content-style'] || this.contentStyle;
             if (labelPlacement === 'left') {
                 if (bordered) {
-                    state.row.push(h("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: 1, style: labelStyle }, itemLabel), h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
+                    state.row.push(h("th", { class: [
+                            `${mergedClsPrefix}-descriptions-table-header`,
+                            labelClass
+                        ], colspan: 1, style: labelStyle }, itemLabel), h("td", { class: [
+                            `${mergedClsPrefix}-descriptions-table-content`,
+                            contentClass
+                        ], colspan: isLastIteration
                             ? (compitableColumn - memorizedSpan) * 2 + 1
                             : itemSpan * 2 - 1, style: contentStyle }, itemChildren));
                 }
@@ -110,19 +116,28 @@ export default defineComponent({
                     state.row.push(h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
                             ? (compitableColumn - memorizedSpan) * 2
                             : itemSpan * 2 },
-                        h("span", { class: `${mergedClsPrefix}-descriptions-table-content__label`, style: labelStyle }, [
+                        h("span", { class: [
+                                `${mergedClsPrefix}-descriptions-table-content__label`,
+                                labelClass
+                            ], style: labelStyle }, [
                             ...itemLabel,
                             separator && (h("span", { class: `${mergedClsPrefix}-descriptions-separator` }, separator))
                         ]),
-                        h("span", { class: `${mergedClsPrefix}-descriptions-table-content__content`, style: contentStyle }, itemChildren)));
+                        h("span", { class: [
+                                `${mergedClsPrefix}-descriptions-table-content__content`,
+                                contentClass
+                            ], style: contentStyle }, itemChildren)));
                 }
             }
             else {
                 const colspan = isLastIteration
                     ? (compitableColumn - memorizedSpan) * 2
                     : itemSpan * 2;
-                state.row.push(h("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: colspan, style: labelStyle }, itemLabel));
-                state.secondRow.push(h("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: colspan, style: contentStyle }, itemChildren));
+                state.row.push(h("th", { class: [`${mergedClsPrefix}-descriptions-table-header`, labelClass], colspan: colspan, style: labelStyle }, itemLabel));
+                state.secondRow.push(h("td", { class: [
+                        `${mergedClsPrefix}-descriptions-table-content`,
+                        contentClass
+                    ], colspan: colspan, style: contentStyle }, itemChildren));
             }
             if (state.span >= compitableColumn || isLastIteration) {
                 state.span = 0;

package/es/descriptions/src/DescriptionsItem.d.ts

@@ -6,7 +6,9 @@ export declare const descriptionsItemProps: {
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | CSSProperties>;
 };
 export type DescriptionItemProps = ExtractPublicPropTypes<typeof descriptionsItemProps>;
@@ -16,7 +18,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | CSSProperties>;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
@@ -24,7 +28,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | CSSProperties>;
 }>>, {
     readonly span: number;

package/es/descriptions/src/DescriptionsItem.js

@@ -6,7 +6,9 @@ export const descriptionsItemProps = {
         type: Number,
         default: 1
     },
+    labelClass: String,
     labelStyle: [Object, String],
+    contentClass: String,
     contentStyle: [Object, String]
 };
 export default defineComponent({

package/es/dialog/src/Dialog.js

@@ -17,7 +17,7 @@ const iconRenderMap = {
 export const NDialog = defineComponent({
     name: 'Dialog',
     alias: [
-        'NimbusConfirmCard',
+        'NimbusConfirmCard', // deprecated
         'Confirm' // deprecated
     ],
     props: Object.assign(Object.assign({}, useTheme.props), dialogProps),
@@ -119,7 +119,11 @@ export const NDialog = defineComponent({
                 `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`,
                 bordered && `${mergedClsPrefix}-dialog--bordered`
             ], style: cssVars, role: "dialog" },
-            closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__close`, onClick: this.handleCloseClick })) : null,
+            closable
+                ? resolveWrappedSlot(this.$slots.close, (node) => {
+                    return node ? (h("div", { class: `${mergedClsPrefix}-dialog__close` }, node)) : (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__close`, onClick: this.handleCloseClick }));
+                })
+                : null,
             showIcon && mergedIconPlacement === 'top' ? (h("div", { class: `${mergedClsPrefix}-dialog-icon-container` }, icon)) : null,
             h("div", { class: `${mergedClsPrefix}-dialog__title` },
                 showIcon && mergedIconPlacement === 'left' ? icon : null,

package/es/dialog/src/DialogEnvironment.d.ts

@@ -177,8 +177,8 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     iconPlacement: PropType<import("./interface").IconPlacement>;
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";
-    autoFocus: boolean;
     loading: boolean;
+    autoFocus: boolean;
     bordered: boolean;
     showIcon: boolean;
     closable: boolean;

package/es/dialog/src/DialogProvider.d.ts

@@ -49,10 +49,10 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         onAfterLeave?: (() => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
+        loading?: boolean | undefined;
         autoFocus?: boolean | undefined;
         positiveText?: string | undefined;
         negativeText?: string | undefined;
-        loading?: boolean | undefined;
         bordered?: boolean | undefined;
         showIcon?: boolean | undefined;
         closable?: boolean | undefined;
@@ -71,6 +71,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             circle?: boolean | undefined;
             disabled?: boolean | undefined;
             onClick?: import("../../_utils").MaybeArray<(e: MouseEvent) => void> | undefined;
+            loading?: boolean | undefined;
             focusable?: boolean | undefined;
             strong?: boolean | undefined;
             themeOverrides?: {
@@ -385,7 +386,6 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
                     name: "common";
                 } | undefined;
             } | undefined;
-            loading?: boolean | undefined;
             bordered?: boolean | undefined;
             textColor?: string | undefined;
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
@@ -410,6 +410,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             circle?: boolean | undefined;
             disabled?: boolean | undefined;
             onClick?: import("../../_utils").MaybeArray<(e: MouseEvent) => void> | undefined;
+            loading?: boolean | undefined;
             focusable?: boolean | undefined;
             strong?: boolean | undefined;
             themeOverrides?: {
@@ -724,7 +725,6 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
                     name: "common";
                 } | undefined;
             } | undefined;
-            loading?: boolean | undefined;
             bordered?: boolean | undefined;
             textColor?: string | undefined;
             renderIcon?: (() => import("vue").VNodeChild) | undefined;

package/es/dialog/src/dialogProps.d.ts

@@ -32,4 +32,4 @@ declare const dialogProps: {
 };
 export type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
 export { dialogProps };
-export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
+export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "loading" | "positiveText" | "negativeText" | "bordered" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];

package/es/dropdown/src/Dropdown.d.ts

@@ -300,7 +300,10 @@ export declare const dropdownProps: {
         type: PropType<"show" | "if">;
         default: string;
     };
+    readonly arrowClass: StringConstructor;
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
+    readonly arrowWrapperClass: StringConstructor;
+    readonly arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     readonly flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -320,8 +323,11 @@ export declare const dropdownProps: {
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerClass: StringConstructor;
     readonly footerStyle: PropType<string | import("vue").CSSProperties>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -626,7 +632,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    readonly arrowClass: StringConstructor;
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
+    readonly arrowWrapperClass: StringConstructor;
+    readonly arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     readonly flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -646,8 +655,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerClass: StringConstructor;
     readonly footerStyle: PropType<string | import("vue").CSSProperties>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -1144,7 +1156,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    readonly arrowClass: StringConstructor;
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
+    readonly arrowWrapperClass: StringConstructor;
+    readonly arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     readonly flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -1164,8 +1179,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerClass: StringConstructor;
     readonly footerStyle: PropType<string | import("vue").CSSProperties>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;

package/es/dropdown/src/Dropdown.js

@@ -312,7 +312,7 @@ export default defineComponent({
                 class: [className, `${mergedClsPrefix}-dropdown`, this.themeClass],
                 clsPrefix: mergedClsPrefix,
                 tmNodes: this.tmNodes,
-                style: [style, this.cssVars],
+                style: [...style, this.cssVars],
                 showArrow: this.showArrow,
                 arrowStyle: this.arrowStyle,
                 scrollable: this.scrollable,

package/es/dropdown/src/DropdownMenu.js

@@ -93,7 +93,10 @@ export default defineComponent({
             this.showArrow
                 ? renderArrow({
                     clsPrefix,
-                    arrowStyle: this.arrowStyle
+                    arrowStyle: this.arrowStyle,
+                    arrowClass: undefined,
+                    arrowWrapperClass: undefined,
+                    arrowWrapperStyle: undefined
                 })
                 : null));
     }

package/es/dropdown/src/DropdownOption.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type Ref, type HTMLAttributes } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
+import type { MenuGroupOption } from '../../menu/src/interface';
 import type { TreeNode } from 'treemate';
 export interface NDropdownOptionInjection {
     enteringSubmenuRef: Ref<boolean>;
@@ -10,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<import("../../menu/src/interface").MenuOption, MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -33,14 +34,14 @@ declare const _default: import("vue").DefineComponent<{
     popoverBody: Ref<HTMLElement | null>;
     animated: Ref<boolean>;
     mergedShowSubmenu: import("vue").ComputedRef<boolean>;
-    rawNode: import("vue").ComputedRef<import("../..").MenuOption | import("../..").MenuGroupOption | import("../../menu/src/interface").MenuIgnoredOption>;
+    rawNode: import("vue").ComputedRef<import("../../menu/src/interface").MenuOption | MenuGroupOption | import("../../menu/src/interface").MenuIgnoredOption>;
     hasSubmenu: import("vue").ComputedRef<boolean>;
     pending: import("vue").ComputedRef<boolean>;
     childActive: import("vue").ComputedRef<boolean>;
     active: import("vue").ComputedRef<boolean>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     renderOption: Ref<import("./interface").RenderOptionImpl | undefined>;
-    nodeProps: Ref<import("../..").MenuNodeProps | undefined>;
+    nodeProps: Ref<import("../../menu/src/interface").MenuNodeProps | undefined>;
     handleClick: () => void;
     handleMouseMove: () => void;
     handleMouseEnter: () => void;
@@ -53,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<import("../../menu/src/interface").MenuOption, MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
         required: true;
     };
     parentKey: {

package/es/dropdown/src/DropdownOption.js

@@ -1,6 +1,7 @@
 import { h, computed, inject, ref, Transition, defineComponent, provide, mergeProps } from 'vue';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { useMemo } from 'vooks';
+import { happensIn } from 'seemly';
 import { ChevronRightIcon } from '../../_internal/icons';
 import { render, useDeferredTrue } from '../../_utils';
 import { NIcon } from '../../icon';
@@ -9,7 +10,6 @@ import NDropdownMenu from './DropdownMenu';
 import { dropdownMenuInjectionKey, dropdownInjectionKey, dropdownOptionInjectionKey } from './context';
 import { popoverBodyInjectionKey } from '../../popover/src/interface';
 import { isSubmenuNode } from './utils';
-import { happensIn } from 'seemly';
 export default defineComponent({
     name: 'DropdownOption',
     props: {
@@ -181,9 +181,7 @@ export default defineComponent({
         const { animated, rawNode, mergedShowSubmenu, clsPrefix, siblingHasIcon, siblingHasSubmenu, renderLabel, renderIcon, renderOption, nodeProps, props, scrollable } = this;
         let submenuVNode = null;
         if (mergedShowSubmenu) {
-            const submenuNodeProps = (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.call(this, rawNode, 
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            rawNode.children);
+            const submenuNodeProps = (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.call(this, rawNode, rawNode.children);
             submenuVNode = (h(NDropdownMenu, Object.assign({}, submenuNodeProps, { clsPrefix: clsPrefix, scrollable: this.scrollable, tmNodes: this.tmNode.children, parentKey: this.tmNode.key })));
         }
         const builtinProps = {

package/es/dynamic-input/src/DynamicInput.d.ts

@@ -18,6 +18,7 @@ export declare const dynamicInputProps: {
         readonly default: "input";
     };
     readonly keyField: StringConstructor;
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly keyPlaceholder: {
         readonly type: StringConstructor;
@@ -868,6 +869,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "input";
     };
     readonly keyField: StringConstructor;
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly keyPlaceholder: {
         readonly type: StringConstructor;
@@ -2130,6 +2132,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "input";
     };
     readonly keyField: StringConstructor;
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly keyPlaceholder: {
         readonly type: StringConstructor;

package/es/dynamic-input/src/DynamicInput.js

@@ -26,7 +26,7 @@ export const dynamicInputProps = Object.assign(Object.assign({}, useTheme.props)
     }, preset: {
         type: String,
         default: 'input'
-    }, keyField: String, itemStyle: [String, Object], 
+    }, keyField: String, itemClass: String, itemStyle: [String, Object], 
     // for preset pair
     keyPlaceholder: {
         type: String,
@@ -233,7 +233,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { $slots, buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, itemStyle, preset, showSortButton, NFormItem, ensureKey, handleValueChange, remove, createItem, move, onRender, disabled } = this;
+        const { $slots, itemClass, buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, itemStyle, preset, showSortButton, NFormItem, ensureKey, handleValueChange, remove, createItem, move, onRender, disabled } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h("div", { class: [
                 `${mergedClsPrefix}-dynamic-input`,
@@ -246,7 +246,7 @@ export default defineComponent({
             icon: () => resolveSlot($slots['create-button-icon'], () => [
                 h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(AddIcon, null) })
             ])
-        })) : (mergedValue.map((_, index) => (h("div", { key: keyField ? _[keyField] : ensureKey(_, index), "data-key": keyField ? _[keyField] : ensureKey(_, index), class: `${mergedClsPrefix}-dynamic-input-item`, style: itemStyle },
+        })) : (mergedValue.map((_, index) => (h("div", { key: keyField ? _[keyField] : ensureKey(_, index), "data-key": keyField ? _[keyField] : ensureKey(_, index), class: [`${mergedClsPrefix}-dynamic-input-item`, itemClass], style: itemStyle },
             resolveSlotWithProps($slots.default, {
                 value: mergedValue[index],
                 index

package/es/dynamic-tags/src/DynamicTags.d.ts

@@ -16,9 +16,11 @@ export declare const dynamicTagsProps: {
         default: () => never[];
     };
     value: PropType<(string | DynamicTagsOption)[]>;
+    inputClass: StringConstructor;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
+    tagClass: StringConstructor;
     tagStyle: PropType<string | CSSProperties>;
     renderTag: PropType<((tag: string, index: number) => VNodeChild) | ((tag: DynamicTagsOption, index: number) => VNodeChild)>;
     onCreate: {
@@ -1143,9 +1145,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     value: PropType<(string | DynamicTagsOption)[]>;
+    inputClass: StringConstructor;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
+    tagClass: StringConstructor;
     tagStyle: PropType<string | CSSProperties>;
     renderTag: PropType<((tag: string, index: number) => VNodeChild) | ((tag: DynamicTagsOption, index: number) => VNodeChild)>;
     onCreate: {
@@ -2796,9 +2800,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     value: PropType<(string | DynamicTagsOption)[]>;
+    inputClass: StringConstructor;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
+    tagClass: StringConstructor;
     tagStyle: PropType<string | CSSProperties>;
     renderTag: PropType<((tag: string, index: number) => VNodeChild) | ((tag: DynamicTagsOption, index: number) => VNodeChild)>;
     onCreate: {

package/es/dynamic-tags/src/DynamicTags.js

@@ -20,7 +20,7 @@ export const dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, us
     }, defaultValue: {
         type: Array,
         default: () => []
-    }, value: Array, inputStyle: [String, Object], inputProps: Object, max: Number, tagStyle: [String, Object], renderTag: Function, onCreate: {
+    }, value: Array, inputClass: String, inputStyle: [String, Object], inputProps: Object, max: Number, tagClass: String, tagStyle: [String, Object], renderTag: Function, onCreate: {
         type: Function,
         default: (label) => label
     }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
@@ -141,9 +141,9 @@ export default defineComponent({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h(NSpace, { class: [`${mergedClsPrefix}-dynamic-tags`, this.themeClass], size: "small", style: cssVars, theme: mergedTheme.peers.Space, themeOverrides: mergedTheme.peerOverrides.Space, itemStyle: "display: flex;" }, {
             default: () => {
-                const { mergedTheme, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyUp, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
+                const { mergedTheme, tagClass, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputClass, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyUp, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
                 return this.mergedValue
-                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : (h(NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => {
+                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : (h(NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, class: tagClass, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => {
                         handleCloseClick(index);
                     } }, {
                     default: () => (typeof tag === 'string' ? tag : tag.label)
@@ -151,7 +151,7 @@ export default defineComponent({
                     .concat(showInput ? ($slots.input ? ($slots.input({
                     submit: handleInputConfirm,
                     deactivate: handleInputBlur
-                })) : (h(NInput, Object.assign({ placeholder: "", size: inputSize, style: inputStyle, autosize: true }, this.inputProps, { ref: "inputInstRef", value: inputValue, onUpdateValue: (v) => {
+                })) : (h(NInput, Object.assign({ placeholder: "", size: inputSize, style: inputStyle, class: inputClass, autosize: true }, this.inputProps, { ref: "inputInstRef", value: inputValue, onUpdateValue: (v) => {
                         this.inputValue = v;
                     }, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, onKeyup: handleInputKeyUp, onBlur: handleInputBlur, internalForceFocus: inputForceFocused })))) : $slots.trigger ? ($slots.trigger({
                     activate: handleAddClick,

package/es/equation/index.d.ts

@@ -1 +1,2 @@
 export { Equation as NEquation, equationProps } from './src/Equation';
+export type { EquationProps } from './src/Equation';

package/es/equation/src/Equation.d.ts

@@ -1,10 +1,12 @@
 import { type PropType } from 'vue';
 import type { KatexOptions } from 'katex';
+import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const equationProps: {
     readonly value: StringConstructor;
     readonly katex: PropType<typeof import("katex")>;
     readonly katexOptions: PropType<KatexOptions>;
 };
+export type EquationProps = ExtractPublicPropTypes<typeof equationProps>;
 export declare const Equation: import("vue").DefineComponent<{
     readonly value: StringConstructor;
     readonly katex: PropType<typeof import("katex")>;

package/es/form/src/FormItem.d.ts

@@ -282,7 +282,7 @@ declare const _default: import("vue").DefineComponent<{
     internalValidate: FormItemInternalValidate;
     mergedSize: import("vue").ComputedRef<import("./interface").Size>;
     validationErrored: import("vue").Ref<boolean>;
-    mergedLabelStyle: import("vue").ComputedRef<(import("vue").StyleValue | undefined)[]>;
+    mergedLabelStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
     mergedLabelPlacement: import("vue").ComputedRef<LabelPlacement>;
     mergedLabelAlign: import("vue").ComputedRef<LabelAlign | undefined>;
     mergedShowRequireMark: import("vue").ComputedRef<boolean | undefined>;

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

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