naive-ui 2.24.6 → 2.25.2

package/es/data-table/src/use-scroll.js

@@ -1,7 +1,7 @@
 import { beforeNextFrameOnce } from 'seemly';
 import { computed, watch, ref } from 'vue';
 import { formatLength } from '../../_utils';
-import { getColWidth, getColKey } from './utils';
+import { getNumberColWidth, getColKey } from './utils';
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef, scrollPartRef }) {
     let scrollLeft = 0;
@@ -30,7 +30,7 @@ export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyW
                     positionInfo.end = left;
                 }
                 else {
-                    left += getColWidth(col) || 0;
+                    left += getNumberColWidth(col) || 0;
                     positionInfo.end = left;
                 }
             });
@@ -51,7 +51,7 @@ export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyW
                     positionInfo.end = right;
                 }
                 else {
-                    right += getColWidth(col) || 0;
+                    right += getNumberColWidth(col) || 0;
                     positionInfo.end = right;
                 }
             }

package/es/data-table/src/use-sorter.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { ColumnKey, InternalRowData, SortOrder, SortState, TmNode, TableBaseColumn, TableExpandColumn, TableSelectionColumn, CompareFn } from './interface';
+import type { ColumnKey, InternalRowData, SortOrder, SortState, TmNode, TableBaseColumn, TableExpandColumn, TableSelectionColumn, CompareFn } from './interface';
 import type { DataTableSetupProps } from './DataTable';
 export declare function useSorter(props: DataTableSetupProps, { dataRelatedColsRef, filteredDataRef }: {
     dataRelatedColsRef: ComputedRef<Array<TableSelectionColumn | TableBaseColumn | TableExpandColumn>>;

package/es/data-table/src/use-table-data.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from 'vue';
 import type { DataTableSetupProps } from './DataTable';
-import { ColumnKey, FilterState, TableBaseColumn, TableSelectionColumn, InternalRowData, TmNode, TableExpandColumn, RowKey } from './interface';
+import type { ColumnKey, FilterState, TableBaseColumn, TableSelectionColumn, InternalRowData, TmNode, TableExpandColumn, RowKey } from './interface';
 import { PaginationProps } from '../../pagination/src/Pagination';
 export declare function useTableData(props: DataTableSetupProps, { dataRelatedColsRef }: {
     dataRelatedColsRef: ComputedRef<Array<TableSelectionColumn | TableBaseColumn | TableExpandColumn>>;

package/es/data-table/src/utils.d.ts

@@ -2,7 +2,8 @@ import { CSSProperties } from 'vue';
 import type { SortOrder, TableBaseColumn, InternalRowData, SortOrderFlag, SortState, CreateRowClassName, TableSelectionColumn, TableColumn, TableExpandColumn } from './interface';
 export declare const selectionColWidth = 40;
 export declare const expandColWidth = 40;
-export declare function getColWidth(col: TableColumn): number | undefined;
+export declare function getNumberColWidth(col: TableColumn): number | undefined;
+export declare function getStringColWidth(col: TableColumn): string | undefined;
 export declare function getColKey(col: TableColumn): string | number;
 export declare function createShallowClonedObject<T>(object: T): T;
 export declare function getFlagOfOrder(order: SortOrder): SortOrderFlag;

package/es/data-table/src/utils.js

@@ -1,7 +1,8 @@
-import { depx, pxfy } from 'seemly';
+import { depx } from 'seemly';
+import { formatLength } from '../../_utils';
 export const selectionColWidth = 40;
 export const expandColWidth = 40;
-export function getColWidth(col) {
+export function getNumberColWidth(col) {
     if (col.type === 'selection')
         return selectionColWidth;
     if (col.type === 'expand')
@@ -13,6 +14,15 @@ export function getColWidth(col) {
     }
     return col.width;
 }
+export function getStringColWidth(col) {
+    if (col.type === 'selection')
+        return formatLength(selectionColWidth);
+    if (col.type === 'expand')
+        return formatLength(expandColWidth);
+    if ('children' in col)
+        return undefined;
+    return formatLength(col.width);
+}
 export function getColKey(col) {
     if (col.type === 'selection')
         return '__n_selection__';
@@ -36,7 +46,7 @@ export function getFlagOfOrder(order) {
     return 0;
 }
 export function createCustomWidthStyle(column) {
-    const width = pxfy(getColWidth(column));
+    const width = getStringColWidth(column);
     return {
         width,
         minWidth: width

package/es/data-table/styles/light.d.ts

@@ -432,7 +432,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
-                boxShadowHover: null;
+                boxShadowHover: string;
                 boxShadowActive: string;
                 boxShadowFocus: string;
                 caretColor: string;
@@ -443,7 +443,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 borderHoverWarning: string;
                 borderActiveWarning: string;
                 borderFocusWarning: string;
-                boxShadowHoverWarning: null;
+                boxShadowHoverWarning: string;
                 boxShadowActiveWarning: string;
                 boxShadowFocusWarning: string;
                 colorActiveWarning: string;
@@ -452,7 +452,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 borderHoverError: string;
                 borderActiveError: string;
                 borderFocusError: string;
-                boxShadowHoverError: null;
+                boxShadowHoverError: string;
                 boxShadowActiveError: string;
                 boxShadowFocusError: string;
                 colorActiveError: string;

package/es/date-picker/src/DatePicker.d.ts

@@ -3795,6 +3795,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
@@ -6818,8 +6819,8 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     disabled: boolean | undefined;
     to: string | boolean | HTMLElement;
-    placement: FollowerPlacement;
     bordered: boolean | undefined;
+    placement: FollowerPlacement;
     clearable: boolean;
     updateValueOnClose: boolean;
     inputReadonly: boolean;

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

@@ -51,7 +51,7 @@ export default defineComponent({
         }
         const { localeRef, dateLocaleRef } = useLocale('DatePicker');
         const formItem = useFormItem(props);
-        const { mergedSizeRef, mergedDisabledRef } = formItem;
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const { NConfigProvider, mergedClsPrefixRef, mergedBorderedRef, namespaceRef } = useConfig(props);
         const panelInstRef = ref(null);
         const triggerElRef = ref(null);
@@ -120,7 +120,7 @@ export default defineComponent({
         const singleInputValueRef = ref('');
         const rangeStartInputValueRef = ref('');
         const rangeEndInputValueRef = ref('');
-        const themeRef = useTheme('DatePicker', 'DatePicker', style, datePickerLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('DatePicker', '-date-picker', style, datePickerLight, props, mergedClsPrefixRef);
         const timePickerSizeRef = computed(() => {
             var _a, _b;
             return (((_b = (_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DatePicker) === null || _b === void 0 ? void 0 : _b.timePickerSize) || 'small');
@@ -486,7 +486,7 @@ export default defineComponent({
                 (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
             }
         };
-        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, namespace: namespaceRef, uncontrolledValue: uncontrolledValueRef, pendingValue: pendingValueRef, panelInstRef,
+        return Object.assign(Object.assign({}, exposedMethods), { mergedStatus: mergedStatusRef, mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, namespace: namespaceRef, uncontrolledValue: uncontrolledValueRef, pendingValue: pendingValueRef, panelInstRef,
             triggerElRef,
             inputInstRef, isMounted: useIsMounted(), displayTime: singleInputValueRef, displayStartTime: rangeStartInputValueRef, displayEndTime: rangeEndInputValueRef, mergedShow: mergedShowRef, adjustedTo: useAdjustedTo(props), isRange: isRangeRef, localizedStartPlaceholder: localizedStartPlaceholderRef, localizedEndPlaceholder: localizedEndPlaceholderRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, localizedPlacehoder: localizedPlacehoderRef, isValueInvalid: uniVaidation.isValueInvalidRef, isStartValueInvalid: dualValidation.isStartValueInvalidRef, isEndValueInvalid: dualValidation.isEndValueInvalidRef, handleClickOutside,
             handleKeyDown,
@@ -604,7 +604,7 @@ export default defineComponent({
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
-                        default: () => this.isRange ? (h(NInput, Object.assign({ ref: "inputInstRef", value: [this.displayStartTime, this.displayEndTime], placeholder: [
+                        default: () => this.isRange ? (h(NInput, Object.assign({ ref: "inputInstRef", status: this.mergedStatus, value: [this.displayStartTime, this.displayEndTime], placeholder: [
                                 this.localizedStartPlaceholder,
                                 this.localizedEndPlaceholder
                             ], textDecoration: [
@@ -613,13 +613,13 @@ export default defineComponent({
                             ], pair: true, onUpdateValue: this.handleRangeUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
                             separator: () => this.separator === undefined ? (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, { default: () => h(ToIcon, null) })) : (this.separator),
                             [clearable ? 'clear' : 'suffix']: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, { default: () => h(DateIcon, null) }))
-                        })) : (h(NInput, Object.assign({ ref: "inputInstRef", value: this.displayTime, placeholder: this.localizedPlacehoder, textDecoration: this.isValueInvalid && !this.isRange
+                        })) : (h(NInput, Object.assign({ ref: "inputInstRef", status: this.mergedStatus, value: this.displayTime, placeholder: this.localizedPlacehoder, textDecoration: this.isValueInvalid && !this.isRange
                                 ? 'line-through'
                                 : '', onUpdateValue: this.handleSingleUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
                             [clearable ? 'clear' : 'suffix']: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, { default: () => h(DateIcon, null) }))
                         }))
                     }),
-                    h(VFollower, { show: this.mergedShow, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: "bottom-start" }, {
+                    h(VFollower, { show: this.mergedShow, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: this.placement }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.mergedShow
                                 ? withDirectives(this.type === 'datetime' ? (h(DatetimePanel, Object.assign({}, commonPanelProps))) : this.type === 'daterange' ? (h(DaterangePanel, Object.assign({}, commonPanelProps))) : this.type === 'datetimerange' ? (h(DatetimerangePanel, Object.assign({}, commonPanelProps))) : this.type === 'month' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "month", key: "month" }))) : this.type === 'year' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "year", key: "year" }))) : this.type === 'quarter' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "quarter", key: "quarter" }))) : (h(DatePanel, Object.assign({}, commonPanelProps))), [[clickoutside, this.handleClickOutside]])

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

@@ -387,7 +387,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "small" | "medium" | "large";
     separator: string;
     bordered: boolean;
-    labelPlacement: "left" | "top";
     labelAlign: "left" | "right" | "center";
+    labelPlacement: "left" | "top";
 }>;
 export default _default;

package/es/descriptions/src/Descriptions.js

@@ -26,7 +26,7 @@ export default defineComponent({
     props: descriptionProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Descriptions', 'Descriptions', style, descriptionsLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Descriptions', '-descriptions', style, descriptionsLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/dialog/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NDialog } from './src/Dialog';
-export type { DialogProps } from './src/Dialog';
-export { default as NDialogProvider } from './src/DialogProvider';
+export { NDialog } from './src/Dialog';
+export type { DialogProps } from './src/dialogProps';
+export { NDialogProvider } from './src/DialogProvider';
 export type { DialogProviderProps, DialogProviderInst, DialogOptions, DialogReactive, DialogApiInjection as DialogApi } from './src/DialogProvider';
 export { useDialog } from './src/use-dialog';

package/es/dialog/index.js

@@ -1,3 +1,3 @@
-export { default as NDialog } from './src/Dialog';
-export { default as NDialogProvider } from './src/DialogProvider';
+export { NDialog } from './src/Dialog';
+export { NDialogProvider } from './src/DialogProvider';
 export { useDialog } from './src/use-dialog';

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

@@ -1,61 +1,29 @@
-import { VNodeChild, PropType } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
-import type { IconPlacement } from './interface';
-declare const dialogProps: {
-    readonly icon: PropType<() => VNodeChild>;
-    readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
-        readonly default: "default";
-    };
-    readonly title: PropType<string | (() => VNodeChild)>;
-    readonly closable: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly negativeText: StringConstructor;
-    readonly positiveText: StringConstructor;
-    readonly content: PropType<string | (() => VNodeChild)>;
-    readonly action: PropType<() => VNodeChild>;
-    readonly showIcon: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly loading: BooleanConstructor;
-    readonly bordered: BooleanConstructor;
-    readonly iconPlacement: PropType<IconPlacement>;
-    readonly onPositiveClick: PropType<(e: MouseEvent) => void>;
-    readonly onNegativeClick: PropType<(e: MouseEvent) => void>;
-    readonly onClose: PropType<() => void>;
-};
-export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
-export { dialogProps };
-export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "showIcon" | "bordered" | "onClose" | "closable" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];
-declare const _default: import("vue").DefineComponent<{
-    icon: PropType<() => VNodeChild>;
+export declare const NDialog: import("vue").DefineComponent<{
+    icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
-    title: PropType<string | (() => VNodeChild)>;
+    title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
     closable: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    content: PropType<string | (() => VNodeChild)>;
-    action: PropType<() => VNodeChild>;
+    content: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    action: import("vue").PropType<() => import("vue").VNodeChild>;
     showIcon: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
-    iconPlacement: PropType<IconPlacement>;
-    onPositiveClick: PropType<(e: MouseEvent) => void>;
-    onNegativeClick: PropType<(e: MouseEvent) => void>;
-    onClose: PropType<() => void>;
-    theme: PropType<import("../../_mixins").Theme<"Dialog", {
+    iconPlacement: import("vue").PropType<import("./interface").IconPlacement>;
+    onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onClose: import("vue").PropType<() => void>;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -288,7 +256,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -521,7 +489,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -756,7 +724,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    mergedIconPlacement: import("vue").ComputedRef<IconPlacement>;
+    mergedIconPlacement: import("vue").ComputedRef<import("./interface").IconPlacement>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -1130,31 +1098,31 @@ declare const _default: import("vue").DefineComponent<{
         '--n-action-space': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    icon: PropType<() => VNodeChild>;
+    icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
-    title: PropType<string | (() => VNodeChild)>;
+    title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
     closable: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    content: PropType<string | (() => VNodeChild)>;
-    action: PropType<() => VNodeChild>;
+    content: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    action: import("vue").PropType<() => import("vue").VNodeChild>;
     showIcon: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
-    iconPlacement: PropType<IconPlacement>;
-    onPositiveClick: PropType<(e: MouseEvent) => void>;
-    onNegativeClick: PropType<(e: MouseEvent) => void>;
-    onClose: PropType<() => void>;
-    theme: PropType<import("../../_mixins").Theme<"Dialog", {
+    iconPlacement: import("vue").PropType<import("./interface").IconPlacement>;
+    onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onClose: import("vue").PropType<() => void>;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1387,7 +1355,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1620,7 +1588,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1856,8 +1824,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
-    showIcon: boolean;
     bordered: boolean;
+    showIcon: boolean;
     closable: boolean;
 }>;
-export default _default;

package/es/dialog/src/Dialog.js

@@ -1,11 +1,12 @@
 import { h, defineComponent, computed } from 'vue';
 import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from '../../_internal/icons';
 import { useConfig, useTheme } from '../../_mixins';
-import { render, createKey, keysOf } from '../../_utils';
+import { render, createKey } from '../../_utils';
 import { NBaseIcon, NBaseClose } from '../../_internal';
 import { NButton } from '../../button';
 import { dialogLight } from '../styles';
 import style from './styles/index.cssr';
+import { dialogProps } from './dialogProps';
 const infoIcon = h(InfoIcon, null);
 const iconMap = {
     default: infoIcon,
@@ -14,35 +15,7 @@ const iconMap = {
     warning: h(WarningIcon, null),
     error: h(ErrorIcon, null)
 };
-const dialogProps = {
-    icon: Function,
-    type: {
-        type: String,
-        default: 'default'
-    },
-    title: [String, Function],
-    closable: {
-        type: Boolean,
-        default: true
-    },
-    negativeText: String,
-    positiveText: String,
-    content: [String, Function],
-    action: Function,
-    showIcon: {
-        type: Boolean,
-        default: true
-    },
-    loading: Boolean,
-    bordered: Boolean,
-    iconPlacement: String,
-    onPositiveClick: Function,
-    onNegativeClick: Function,
-    onClose: Function
-};
-export { dialogProps };
-export const dialogPropKeys = keysOf(dialogProps);
-export default defineComponent({
+export const NDialog = defineComponent({
     name: 'Dialog',
     alias: [
         'NimbusConfirmCard',
@@ -71,7 +44,7 @@ export default defineComponent({
             if (onClose)
                 onClose();
         }
-        const themeRef = useTheme('Dialog', 'Dialog', style, dialogLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Dialog', '-dialog', style, dialogLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedIconPlacement: mergedIconPlacementRef,

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

@@ -31,7 +31,7 @@ export declare const exposedDialogEnvProps: {
     readonly bordered: BooleanConstructor;
     readonly iconPlacement: PropType<import("./interface").IconPlacement>;
 };
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogEnvironment: import("vue").DefineComponent<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -46,9 +46,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
@@ -95,9 +95,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
@@ -123,9 +123,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
-    showIcon: boolean;
     bordered: boolean;
+    showIcon: boolean;
     closable: boolean;
     maskClosable: boolean;
 }>;
-export default _default;

package/es/dialog/src/DialogEnvironment.js

@@ -3,12 +3,13 @@
 import { h, defineComponent, ref } from 'vue';
 import NModal from '../../modal/src/Modal';
 import { keep } from '../../_utils';
-import NDialog, { dialogProps, dialogPropKeys } from './Dialog';
+import { NDialog } from './Dialog';
+import { dialogProps, dialogPropKeys } from './dialogProps';
 export const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), { internalStyle: [String, Object], maskClosable: {
         type: Boolean,
         default: true
     }, onPositiveClick: Function, onNegativeClick: Function, onClose: Function, onMaskClick: Function });
-export default defineComponent({
+export const NDialogEnvironment = defineComponent({
     name: 'DialogEnvironment',
     props: Object.assign(Object.assign({}, exposedDialogEnvProps), { internalKey: {
             type: String,

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

@@ -16,7 +16,6 @@ export interface DialogApiInjection {
     error: (options: DialogOptions) => DialogReactive;
     info: (options: DialogOptions) => DialogReactive;
 }
-export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;
 export interface DialogProviderInjection {
     clickedRef: Ref<boolean>;
     clickPositionRef: Ref<{
@@ -24,7 +23,6 @@ export interface DialogProviderInjection {
         y: number;
     } | null>;
 }
-export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
 interface DialogInst {
     hide: () => void;
 }
@@ -34,7 +32,7 @@ declare const dialogProviderProps: {
     to: PropType<string | HTMLElement>;
 };
 export declare type DialogProviderProps = ExtractPublicPropTypes<typeof dialogProviderProps>;
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogProvider: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }, {
@@ -49,8 +47,8 @@ declare const _default: import("vue").DefineComponent<{
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
-        showIcon?: boolean | undefined;
         bordered?: boolean | undefined;
+        showIcon?: boolean | undefined;
         onClose?: (() => unknown) | undefined;
         closable?: boolean | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
@@ -72,4 +70,4 @@ declare const _default: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }>>, {}>;
-export default _default;
+export {};

package/es/dialog/src/DialogProvider.js

@@ -1,15 +1,14 @@
 import { defineComponent, Fragment, ref, h, provide, reactive } from 'vue';
 import { createId } from 'seemly';
-import { createInjectionKey, omit } from '../../_utils';
-import DialogEnvironment from './DialogEnvironment';
 import { useClicked, useClickPosition } from 'vooks';
-export const dialogApiInjectionKey = createInjectionKey('n-dialog-api');
-export const dialogProviderInjectionKey = createInjectionKey('n-dialog-provider');
+import { omit } from '../../_utils';
+import { NDialogEnvironment } from './DialogEnvironment';
+import { dialogApiInjectionKey, dialogProviderInjectionKey } from './context';
 const dialogProviderProps = {
     injectionKey: String,
     to: [String, Object]
 };
-export default defineComponent({
+export const NDialogProvider = defineComponent({
     name: 'DialogProvider',
     props: dialogProviderProps,
     setup() {
@@ -52,7 +51,7 @@ export default defineComponent({
     render() {
         var _a, _b;
         return h(Fragment, null, [
-            this.dialogList.map((dialog) => h(DialogEnvironment, omit(dialog, ['destroy', 'style'], {
+            this.dialogList.map((dialog) => h(NDialogEnvironment, omit(dialog, ['destroy', 'style'], {
                 internalStyle: dialog.style,
                 to: this.to,
                 ref: ((inst) => {

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

@@ -0,0 +1,3 @@
+import type { DialogApiInjection, DialogProviderInjection } from './DialogProvider';
+export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
+export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;

package/es/dialog/src/context.js

@@ -0,0 +1,3 @@
+import { createInjectionKey } from '../../_utils';
+export const dialogProviderInjectionKey = createInjectionKey('n-dialog-provider');
+export const dialogApiInjectionKey = createInjectionKey('n-dialog-api');

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

@@ -0,0 +1,32 @@
+import { PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { IconPlacement } from './interface';
+declare const dialogProps: {
+    readonly icon: PropType<() => VNodeChild>;
+    readonly type: {
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly default: "default";
+    };
+    readonly title: PropType<string | (() => VNodeChild)>;
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly negativeText: StringConstructor;
+    readonly positiveText: StringConstructor;
+    readonly content: PropType<string | (() => VNodeChild)>;
+    readonly action: PropType<() => VNodeChild>;
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly loading: BooleanConstructor;
+    readonly bordered: BooleanConstructor;
+    readonly iconPlacement: PropType<IconPlacement>;
+    readonly onPositiveClick: PropType<(e: MouseEvent) => void>;
+    readonly onNegativeClick: PropType<(e: MouseEvent) => void>;
+    readonly onClose: PropType<() => void>;
+};
+export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
+export { dialogProps };
+export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "onClose" | "closable" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];