naive-ui 2.40.4 → 2.41.1

package/lib/locales/common/kmKH.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const kmKH = {
+    name: 'km-KH',
+    global: {
+        undo: 'បោះបង់',
+        redo: 'ធ្វើឡើងវិញ',
+        confirm: 'បញ្ជាក់',
+        clear: 'ច្បាស់'
+    },
+    Popconfirm: {
+        positiveText: 'បញ្ជាក់',
+        negativeText: 'បោះបង់'
+    },
+    Cascader: {
+        placeholder: 'សូមជ្រើសរើស',
+        loading: 'ការផ្ទុក',
+        loadingRequiredMessage: (label) => `អាចជ្រើសរើសបានតែបន្ទាប់ពីផ្ទុកថ្នាំងកូន  ${label} ទាំងអស់។`
+    },
+    Time: {
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyyឆ្នាំ',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
+        weekFormat: 'YYYY-wសប្តាហ៍',
+        clear: 'ច្បាស់',
+        now: 'ឥឡូវនេះ',
+        confirm: 'បញ្ជាក់',
+        selectTime: 'ជ្រើសរើសកាលបរិច្ឆេទ',
+        selectDate: 'ជ្រើសរើសកាលបរិច្ឆេទ',
+        datePlaceholder: 'ជ្រើសរើសកាលបរិច្ឆេទ',
+        datetimePlaceholder: 'ជ្រើសរើសពេលវេលាកាលបរិច្ឆេទ',
+        monthPlaceholder: 'ជ្រើសរើសខែ',
+        yearPlaceholder: 'ជ្រើសរើសឆ្នាំ',
+        quarterPlaceholder: 'ជ្រើសរើសត្រីមាស',
+        weekPlaceholder: 'ជ្រើសរើសសប្តាហ៍',
+        startDatePlaceholder: 'កាលបរិច្ឆេទចាប់ផ្តើម',
+        endDatePlaceholder: 'កាលបរិច្ឆេទបញ្ចប់',
+        startDatetimePlaceholder: 'កាលបរិច្ឆេទចាប់ផ្តើម',
+        endDatetimePlaceholder: 'កាលបរិច្ឆេទបញ្ចប់',
+        startMonthPlaceholder: 'ខែចាប់ផ្តើម',
+        endMonthPlaceholder: 'ចុងខែ',
+        monthBeforeYear: false,
+        firstDayOfWeek: 0,
+        today: 'ថ្ងៃនេះ'
+    },
+    DataTable: {
+        checkTableAll: 'ជ្រើសរើសទិន្នន័យតារាងទាំងអស់។',
+        uncheckTableAll: 'ដកការជ្រើសរើសទិន្នន័យតារាងទាំងអស់។',
+        confirm: 'បញ្ជាក់',
+        clear: 'កំណត់ឡើងវិញ'
+    },
+    LegacyTransfer: {
+        sourceTitle: 'ធាតុប្រភព',
+        targetTitle: 'ធាតុគោលដៅ'
+    },
+    Transfer: {
+        selectAll: 'ជ្រើសរើសទាំងអស់។',
+        clearAll: 'ច្បាស់',
+        unselectAll: 'ដកការជ្រើសរើសទាំងអស់។',
+        total: (num) => `ទូទៅ ${num} ធាតុ`,
+        selected: (num) => `បានជ្រើសរើស ${num} ធាតុ`
+    },
+    Empty: {
+        description: 'គ្មានទិន្នន័យ'
+    },
+    Select: {
+        placeholder: 'សូមជ្រើសរើស'
+    },
+    TimePicker: {
+        placeholder: 'សូមជ្រើសរើសពេលវេលាមួយ។',
+        positiveText: 'បញ្ជាក់',
+        negativeText: 'បោះបង់',
+        now: 'ឥឡូវនេះ',
+        clear: 'ច្បាស់'
+    },
+    Pagination: {
+        goto: 'លោតទៅ',
+        selectionSuffix: 'ទំព័រ'
+    },
+    DynamicTags: {
+        add: 'បន្ថែមទៅ'
+    },
+    Log: {
+        loading: 'ការផ្ទុក'
+    },
+    Input: {
+        placeholder: 'សូមបញ្ចូល'
+    },
+    InputNumber: {
+        placeholder: 'សូមបញ្ចូល'
+    },
+    DynamicInput: {
+        create: 'បន្ថែមទៅ'
+    },
+    ThemeEditor: {
+        title: 'កម្មវិធីនិពន្ធប្រធានបទ',
+        clearAllVars: 'សម្អាតអថេរទាំងអស់។',
+        clearSearch: 'ជម្រះការស្វែងរក',
+        filterCompName: 'តម្រងឈ្មោះសមាសភាគ',
+        filterVarName: 'ត្រងឈ្មោះអថេរ',
+        import: 'នាំចូល',
+        export: 'នាំចេញ',
+        restore: 'ស្តារលំនាំដើម'
+    },
+    Image: {
+        tipPrevious: 'រូបភាពមុន។（←）',
+        tipNext: 'បន្ទាប់（→）',
+        tipCounterclockwise: 'បង្វិលឆ្វេង',
+        tipClockwise: 'បង្វិលស្តាំ',
+        tipZoomOut: 'បង្រួម ',
+        tipZoomIn: 'ពង្រីក',
+        tipDownload: 'ទាញយក',
+        tipClose: 'ការបិទ（Esc）',
+        tipOriginalSize: 'ធ្វើមាត្រដ្ឋានទៅទំហំដើម'
+    }
+};
+exports.default = kmKH;

package/lib/locales/common/ugCN.d.ts

@@ -0,0 +1,3 @@
+import type { NLocale } from './enUS';
+declare const ugCN: NLocale;
+export default ugCN;

package/lib/locales/common/ugCN.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ugCN = {
+    name: 'ug-CN',
+    global: {
+        undo: 'قالدۇرۇش',
+        redo: 'قايتا',
+        confirm: 'جەزملەش',
+        clear: 'تازلاش'
+    },
+    Popconfirm: {
+        positiveText: 'جەزملەش',
+        negativeText: 'بىكار قىلىش'
+    },
+    Cascader: {
+        placeholder: 'تاللاڭ',
+        loading: 'يۈكلەۋاتىدۇ',
+        loadingRequiredMessage: (label) => `جەمئى ${label} تۈگۈننى يۈكلەپ بولغاندىن كېيىن تاللىغىلى بولىدۇ`
+    },
+    Time: {
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy-يىل',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
+        weekFormat: 'YYYY-wھەپتە',
+        clear: 'تازلاش',
+        now: 'مۇشۇ ۋاقىت',
+        confirm: 'جەزملەش',
+        selectTime: 'ۋاقىت تاللاڭ',
+        selectDate: 'چىسلا تاللاڭ',
+        datePlaceholder: 'چىسلا تاللاڭ',
+        datetimePlaceholder: 'چىسلا ۋاقىت تاللاڭ',
+        monthPlaceholder: 'ئاي تاللاڭ',
+        yearPlaceholder: 'يىل تاللاڭ',
+        quarterPlaceholder: 'پەسىل تاللاڭ',
+        weekPlaceholder: 'ھەپتە تاللاڭ',
+        startDatePlaceholder: 'باشلىنىش ۋاقتى',
+        endDatePlaceholder: 'ئاخىرلىشىش ۋاقتى',
+        startDatetimePlaceholder: 'باشلىندىغان چىسلا ۋاقىت',
+        endDatetimePlaceholder: 'ئاخىرلىشىدىغان چىسلا ۋاقىت',
+        startMonthPlaceholder: 'باشلىندىغان ئاي',
+        endMonthPlaceholder: 'ئاخىرلىشىدىغان ئاي',
+        monthBeforeYear: false,
+        firstDayOfWeek: 0,
+        today: 'بۈگۈن'
+    },
+    DataTable: {
+        checkTableAll: 'ھەممە ئۇچۇرنى تاللاش',
+        uncheckTableAll: 'تاللاشنى بىكار قىلىش',
+        confirm: 'جەزملەش',
+        clear: 'تازلاش'
+    },
+    LegacyTransfer: {
+        sourceTitle: 'ئەسلى تۈر',
+        targetTitle: 'نىشان تۈر'
+    },
+    Transfer: {
+        selectAll: 'ھەممىنى تاللاش',
+        clearAll: 'تازلاش',
+        unselectAll: 'ھەممىنى بىكار قىلىش',
+        total: (num) => `جەمئى ${num} تۈر`,
+        selected: (num) => `${num} تۈر تاللاندى`
+    },
+    Empty: {
+        description: 'ئۇچۇر يوق'
+    },
+    Select: {
+        placeholder: 'تاللاڭ'
+    },
+    TimePicker: {
+        placeholder: 'ۋاقىت تاللاڭ',
+        positiveText: 'جەزملەش',
+        negativeText: 'بىكار قىلىش',
+        now: 'مۇشۇ ۋاقىت',
+        clear: 'تازلاش'
+    },
+    Pagination: {
+        goto: 'ئاتلاش',
+        selectionSuffix: 'بەت'
+    },
+    DynamicTags: {
+        add: 'قوشۇش'
+    },
+    Log: {
+        loading: 'يۈكلەۋاتىدۇ'
+    },
+    Input: {
+        placeholder: 'كىرگۈزۈڭ'
+    },
+    InputNumber: {
+        placeholder: 'كىرگۈزۈڭ'
+    },
+    DynamicInput: {
+        create: 'قوشۇش'
+    },
+    ThemeEditor: {
+        title: 'ئۇسلوب تەھرىرلىگۈچ',
+        clearAllVars: 'ھەممە پارامىتىرنى تازلاش',
+        clearSearch: 'ئىزدەشنى تازلاش',
+        filterCompName: 'ۋىجىت ئىسمىنى فىلتىرلاش',
+        filterVarName: 'پارامىتېرنى فىلتىرلاش',
+        import: 'ئەكىرىش',
+        export: 'چىقىرىش',
+        restore: 'ئەسلىگە قايتۇرۇش'
+    },
+    Image: {
+        tipPrevious: '（←）ئالدىنقىسى',
+        tipNext: 'كېيىنكىسى（→）',
+        tipCounterclockwise: 'سولغا چۆرۈش',
+        tipClockwise: 'ئوڭغا چۆرۈش',
+        tipZoomOut: 'كىچىكلىتىش',
+        tipZoomIn: 'چوڭايتىش',
+        tipDownload: 'چۈشۈرۈش',
+        tipClose: 'تاقاش（Esc）',
+        tipOriginalSize: 'ئەسلىگە قايتۇرۇش'
+    }
+};
+exports.default = ugCN;

package/lib/locales/date/kmKH.d.ts

@@ -0,0 +1,3 @@
+import type { NDateLocale } from './enUS';
+declare const dateKmKH: NDateLocale;
+export default dateKmKH;

package/lib/locales/date/kmKH.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale_1 = require("date-fns/locale");
+const dateKmKH = {
+    name: 'km-KH',
+    locale: locale_1.km
+};
+exports.default = dateKmKH;

package/lib/locales/date/ugCN.d.ts

@@ -0,0 +1,3 @@
+import type { NDateLocale } from './enUS';
+declare const dateUgCN: NDateLocale;
+export default dateUgCN;

package/lib/locales/date/ugCN.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale_1 = require("date-fns/locale");
+const dateUgCN = {
+    name: 'ug-CN',
+    locale: locale_1.ug
+};
+exports.default = dateUgCN;

package/lib/locales/index.d.ts

@@ -13,6 +13,7 @@ export { default as frFR } from './common/frFR';
 export { default as idID } from './common/idID';
 export { default as itIT } from './common/itIT';
 export { default as jaJP } from './common/jaJP';
+export { default as kmKH } from './common/kmKH';
 export { default as koKR } from './common/koKR';
 export { default as nbNO } from './common/nbNO';
 export { default as nlNL } from './common/nlNL';
@@ -43,6 +44,7 @@ export { default as dateFrFR } from './date/frFR';
 export { default as dateIdID } from './date/idID';
 export { default as dateItIT } from './date/itIT';
 export { default as dateJaJP } from './date/jaJP';
+export { default as dateKmKH } from './date/kmKH';
 export { default as dateKoKR } from './date/koKR';
 export { default as dateNbNO } from './date/nbNO';
 export { default as dateNlNL } from './date/nlNL';
@@ -53,6 +55,7 @@ export { default as dateSkSK } from './date/skSK';
 export { default as dateSvSE } from './date/svSE';
 export { default as dateThTH } from './date/thTH';
 export { default as dateTrTR } from './date/trTR';
+export { default as dateUgCN } from './date/ugCN';
 export { default as dateUkUA } from './date/ukUA';
 export { default as dateUzUZ } from './date/uzUZ';
 export { default as dateViVN } from './date/viVN';

package/lib/locales/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateSkSK = exports.dateRuRU = exports.datePtBR = exports.datePlPL = exports.dateNlNL = exports.dateNbNO = exports.dateKoKR = exports.dateJaJP = exports.dateItIT = exports.dateIdID = exports.dateFrFR = exports.dateFaIR = exports.dateEtEE = exports.dateEsAR = exports.dateEo = exports.dateEnUS = exports.dateEnGB = exports.dateDeDE = exports.dateCsCZ = exports.dateAzAZ = exports.dateArDZ = exports.zhTW = exports.zhCN = exports.viVN = exports.uzUZ = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.koKR = exports.jaJP = exports.itIT = exports.idID = exports.frFR = exports.faIR = exports.etEE = exports.esAR = exports.eo = exports.enUS = exports.enGB = exports.deDE = exports.csCZ = exports.azAZ = exports.arDZ = void 0;
-exports.createLocale = exports.dateZhTW = exports.dateZhCN = exports.dateViVN = exports.dateUzUZ = exports.dateUkUA = exports.dateTrTR = exports.dateThTH = exports.dateSvSE = void 0;
+exports.datePtBR = exports.datePlPL = exports.dateNlNL = exports.dateNbNO = exports.dateKoKR = exports.dateKmKH = exports.dateJaJP = exports.dateItIT = exports.dateIdID = exports.dateFrFR = exports.dateFaIR = exports.dateEtEE = exports.dateEsAR = exports.dateEo = exports.dateEnUS = exports.dateEnGB = exports.dateDeDE = exports.dateCsCZ = exports.dateAzAZ = exports.dateArDZ = exports.zhTW = exports.zhCN = exports.viVN = exports.uzUZ = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.koKR = exports.kmKH = exports.jaJP = exports.itIT = exports.idID = exports.frFR = exports.faIR = exports.etEE = exports.esAR = exports.eo = exports.enUS = exports.enGB = exports.deDE = exports.csCZ = exports.azAZ = exports.arDZ = void 0;
+exports.createLocale = exports.dateZhTW = exports.dateZhCN = exports.dateViVN = exports.dateUzUZ = exports.dateUkUA = exports.dateUgCN = exports.dateTrTR = exports.dateThTH = exports.dateSvSE = exports.dateSkSK = exports.dateRuRU = void 0;
 var arDZ_1 = require("./common/arDZ");
 Object.defineProperty(exports, "arDZ", { enumerable: true, get: function () { return __importDefault(arDZ_1).default; } });
 var azAZ_1 = require("./common/azAZ");
@@ -33,6 +33,8 @@ var itIT_1 = require("./common/itIT");
 Object.defineProperty(exports, "itIT", { enumerable: true, get: function () { return __importDefault(itIT_1).default; } });
 var jaJP_1 = require("./common/jaJP");
 Object.defineProperty(exports, "jaJP", { enumerable: true, get: function () { return __importDefault(jaJP_1).default; } });
+var kmKH_1 = require("./common/kmKH");
+Object.defineProperty(exports, "kmKH", { enumerable: true, get: function () { return __importDefault(kmKH_1).default; } });
 var koKR_1 = require("./common/koKR");
 Object.defineProperty(exports, "koKR", { enumerable: true, get: function () { return __importDefault(koKR_1).default; } });
 var nbNO_1 = require("./common/nbNO");
@@ -91,6 +93,8 @@ var itIT_2 = require("./date/itIT");
 Object.defineProperty(exports, "dateItIT", { enumerable: true, get: function () { return __importDefault(itIT_2).default; } });
 var jaJP_2 = require("./date/jaJP");
 Object.defineProperty(exports, "dateJaJP", { enumerable: true, get: function () { return __importDefault(jaJP_2).default; } });
+var kmKH_2 = require("./date/kmKH");
+Object.defineProperty(exports, "dateKmKH", { enumerable: true, get: function () { return __importDefault(kmKH_2).default; } });
 var koKR_2 = require("./date/koKR");
 Object.defineProperty(exports, "dateKoKR", { enumerable: true, get: function () { return __importDefault(koKR_2).default; } });
 var nbNO_2 = require("./date/nbNO");
@@ -111,6 +115,8 @@ var thTH_2 = require("./date/thTH");
 Object.defineProperty(exports, "dateThTH", { enumerable: true, get: function () { return __importDefault(thTH_2).default; } });
 var trTR_2 = require("./date/trTR");
 Object.defineProperty(exports, "dateTrTR", { enumerable: true, get: function () { return __importDefault(trTR_2).default; } });
+var ugCN_1 = require("./date/ugCN");
+Object.defineProperty(exports, "dateUgCN", { enumerable: true, get: function () { return __importDefault(ugCN_1).default; } });
 var ukUA_2 = require("./date/ukUA");
 Object.defineProperty(exports, "dateUkUA", { enumerable: true, get: function () { return __importDefault(ukUA_2).default; } });
 var uzUZ_2 = require("./date/uzUZ");

package/lib/mention/index.d.ts

@@ -1,3 +1,3 @@
 export type { MentionInst, MentionOption } from './src/interface';
 export { mentionProps, default as NMention } from './src/Mention';
-export type { MentionProps } from './src/Mention';
+export type { MentionProps, MentionSlots } from './src/Mention';

package/lib/mention/src/Mention.d.ts

@@ -1,11 +1,11 @@
 import type { RenderLabel } from '../../_internal/select-menu/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { FormValidationStatus } from '../../form/src/interface';
+import type { FormValidationStatus } from '../../form/src/public-types';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { MentionOption } from './interface';
 import { type TreeNode } from 'treemate';
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNode } from 'vue';
 import { type FollowerInst, type FollowerPlacement } from 'vueuc';
 export declare const mentionProps: {
     readonly to: {
@@ -469,6 +469,10 @@ export declare const mentionProps: {
     }>>>;
 };
 export type MentionProps = ExtractPublicPropTypes<typeof mentionProps>;
+export interface MentionSlots {
+    default?: () => VNode[];
+    empty?: () => VNode[];
+}
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -1662,5 +1666,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly placement: FollowerPlacement;
     readonly defaultValue: string;
     readonly internalDebug: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<MentionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/mention/src/Mention.js

@@ -65,6 +65,7 @@ exports.mentionProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props)
 exports.default = (0, vue_1.defineComponent)({
     name: 'Mention',
     props: exports.mentionProps,
+    slots: Object,
     setup(props) {
         const { namespaceRef, mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Mention', '-mention', index_cssr_1.default, styles_1.mentionLight, props, mergedClsPrefixRef);

package/lib/modal/index.d.ts

@@ -1,5 +1,5 @@
 export { useModal, useModalReactiveList } from './src/composables';
 export { modalProps, default as NModal } from './src/Modal';
-export type { ModalProps } from './src/Modal';
+export type { ModalProps, ModalSlots } from './src/Modal';
 export { modalProviderProps, NModalProvider } from './src/ModalProvider';
 export type { ModalApiInjection as ModalApi, ModalOptions, ModalProviderInst, ModalProviderProps, ModalReactive } from './src/ModalProvider';

package/lib/modal/src/BodyWrapper.d.ts

@@ -1,4 +1,6 @@
-import { type ComponentPublicInstance, type PropType, type VNode, type VNodeChild } from 'vue';
+import type { ModalDraggableOptions } from './interface';
+import type { ModalSlots } from './Modal';
+import { type ComponentPublicInstance, type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
 import { type ScrollbarInst } from '../../_internal';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     renderMask: PropType<() => VNodeChild>;
@@ -23,7 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
         required: true;
     };
-    onAfterEnter: PropType<() => void>;
+    onAfterEnter: PropType<(el: HTMLElement) => void>;
     onEsc: PropType<(e: KeyboardEvent) => void>;
     icon: PropType<() => VNodeChild>;
     type: {
@@ -96,6 +98,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     blockScroll: BooleanConstructor;
+    draggable: {
+        type: PropType<boolean | ModalDraggableOptions>;
+        default: boolean;
+    };
 }>, {
     mergedTheme: import("vue").Ref<{
         common: import("../..").ThemeCommonVars;
@@ -1155,15 +1161,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
     } | null>;
+    draggableClass: import("vue").ComputedRef<"" | "n-draggable">;
     displayed: import("vue").Ref<boolean, boolean>;
     childNodeRef: import("vue").Ref<VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null>;
+    cardHeaderClass: import("vue").ComputedRef<string>;
+    dialogTitleClass: import("vue").ComputedRef<string>;
     handlePositiveClick: () => void;
     handleNegativeClick: () => void;
     handleCloseClick: () => void;
+    handleAfterEnter: (el: Element) => void;
     handleAfterLeave: () => void;
     handleBeforeLeave: (el: HTMLElement) => void;
     handleEnter: (el: HTMLElement) => void;
@@ -1190,7 +1200,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
         required: true;
     };
-    onAfterEnter: PropType<() => void>;
+    onAfterEnter: PropType<(el: HTMLElement) => void>;
     onEsc: PropType<(e: KeyboardEvent) => void>;
     icon: PropType<() => VNodeChild>;
     type: {
@@ -1263,10 +1273,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     blockScroll: BooleanConstructor;
+    draggable: {
+        type: PropType<boolean | ModalDraggableOptions>;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     type: "error" | "default" | "info" | "success" | "warning";
     tag: keyof HTMLElementTagNameMap;
     size: "small" | "medium" | "large" | "huge";
+    draggable: boolean | ModalDraggableOptions;
     loading: boolean;
     autoFocus: boolean;
     bordered: boolean;
@@ -1275,7 +1290,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../../card").CardSegmented;
-    blockScroll: boolean;
     trapFocus: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    blockScroll: boolean;
+}, SlotsType<ModalSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/modal/src/BodyWrapper.js

@@ -11,11 +11,13 @@ const Dialog_1 = require("../../dialog/src/Dialog");
 const dialogProps_1 = require("../../dialog/src/dialogProps");
 const interface_1 = require("../../drawer/src/interface");
 const interface_2 = require("../../popover/src/interface");
+const composables_1 = require("./composables");
 const interface_3 = require("./interface");
 const presetProps_1 = require("./presetProps");
 exports.default = (0, vue_1.defineComponent)({
     name: 'ModalBody',
     inheritAttrs: false,
+    slots: Object,
     props: Object.assign(Object.assign({ show: {
             type: Boolean,
             required: true
@@ -28,7 +30,10 @@ exports.default = (0, vue_1.defineComponent)({
         }, autoFocus: {
             type: Boolean,
             default: true
-        }, blockScroll: Boolean }, presetProps_1.presetProps), { renderMask: Function, 
+        }, blockScroll: Boolean, draggable: {
+            type: [Boolean, Object],
+            default: false
+        } }, presetProps_1.presetProps), { renderMask: Function, 
         // events
         onClickoutside: Function, onBeforeLeave: {
             type: Function,
@@ -52,12 +57,31 @@ exports.default = (0, vue_1.defineComponent)({
         const displayedRef = (0, vue_1.ref)(props.show);
         const transformOriginXRef = (0, vue_1.ref)(null);
         const transformOriginYRef = (0, vue_1.ref)(null);
+        const NModal = (0, vue_1.inject)(interface_3.modalInjectionKey);
+        let mousePosition = null;
+        (0, vue_1.watch)((0, vue_1.toRef)(props, 'show'), (value) => {
+            if (value) {
+                mousePosition = NModal.getMousePosition();
+            }
+        }, {
+            immediate: true
+        });
+        const { stopDrag, startDrag, draggableRef, draggableClassRef } = (0, composables_1.useDragModal)((0, vue_1.toRef)(props, 'draggable'), {
+            onEnd: (el) => {
+                syncTransformOrigin(el);
+            }
+        });
+        const dialogTitleClassRef = (0, vue_1.computed)(() => {
+            return (0, vue_1.normalizeClass)([props.titleClass, draggableClassRef.value]);
+        });
+        const cardHeaderClassRef = (0, vue_1.computed)(() => {
+            return (0, vue_1.normalizeClass)([props.headerClass, draggableClassRef.value]);
+        });
         (0, vue_1.watch)((0, vue_1.toRef)(props, 'show'), (value) => {
             if (value)
                 displayedRef.value = true;
         });
         (0, _utils_1.useLockHtmlScroll)((0, vue_1.computed)(() => props.blockScroll && displayedRef.value));
-        const NModal = (0, vue_1.inject)(interface_3.modalInjectionKey);
         function styleTransformOrigin() {
             if (NModal.transformOriginRef.value === 'center') {
                 return '';
@@ -77,7 +101,6 @@ exports.default = (0, vue_1.defineComponent)({
             if (NModal.transformOriginRef.value === 'center') {
                 return;
             }
-            const mousePosition = NModal.getMousePosition();
             if (!mousePosition) {
                 return;
             }
@@ -85,12 +108,10 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             const scrollTop = scrollbarRef.value.containerScrollTop;
             const { offsetLeft, offsetTop } = el;
-            if (mousePosition) {
-                const top = mousePosition.y;
-                const left = mousePosition.x;
-                transformOriginXRef.value = -(offsetLeft - left);
-                transformOriginYRef.value = -(offsetTop - top - scrollTop);
-            }
+            const top = mousePosition.y;
+            const left = mousePosition.x;
+            transformOriginXRef.value = -(offsetLeft - left);
+            transformOriginYRef.value = -(offsetTop - top - scrollTop);
             el.style.transformOrigin = styleTransformOrigin();
         }
         function handleEnter(el) {
@@ -102,10 +123,16 @@ exports.default = (0, vue_1.defineComponent)({
             el.style.transformOrigin = styleTransformOrigin();
             props.onBeforeLeave();
         }
+        function handleAfterEnter(el) {
+            const element = el;
+            draggableRef.value && startDrag(element);
+            props.onAfterEnter && props.onAfterEnter(element);
+        }
         function handleAfterLeave() {
             displayedRef.value = false;
             transformOriginXRef.value = null;
             transformOriginYRef.value = null;
+            stopDrag();
             props.onAfterLeave();
         }
         function handleCloseClick() {
@@ -141,21 +168,27 @@ exports.default = (0, vue_1.defineComponent)({
             mergedClsPrefix: NModal.mergedClsPrefixRef,
             bodyRef,
             scrollbarRef,
+            draggableClass: draggableClassRef,
             displayed: displayedRef,
             childNodeRef,
+            cardHeaderClass: cardHeaderClassRef,
+            dialogTitleClass: dialogTitleClassRef,
             handlePositiveClick,
             handleNegativeClick,
             handleCloseClick,
+            handleAfterEnter,
             handleAfterLeave,
             handleBeforeLeave,
             handleEnter
         };
     },
     render() {
-        const { $slots, $attrs, handleEnter, handleAfterLeave, handleBeforeLeave, preset, mergedClsPrefix } = this;
+        const { $slots, $attrs, handleEnter, handleAfterEnter, handleAfterLeave, handleBeforeLeave, preset, mergedClsPrefix } = this;
         let childNode = null;
         if (!preset) {
-            childNode = (0, _utils_1.getFirstSlotVNode)($slots);
+            childNode = (0, _utils_1.getFirstSlotVNodeWithTypedProps)('default', $slots.default, {
+                draggableClass: this.draggableClass
+            });
             if (!childNode) {
                 (0, _utils_1.warn)('modal', 'default slot is empty');
                 return;
@@ -175,7 +208,7 @@ exports.default = (0, vue_1.defineComponent)({
                             (0, vue_1.h)(vueuc_1.VFocusTrap, { disabled: !this.trapFocus, active: this.show, onEsc: this.onEsc, autoFocus: this.autoFocus }, {
                                 default: () => {
                                     var _a;
-                                    return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: (_a = this.appear) !== null && _a !== void 0 ? _a : this.isMounted, onEnter: handleEnter, onAfterEnter: this.onAfterEnter, onAfterLeave: handleAfterLeave, onBeforeLeave: handleBeforeLeave }, {
+                                    return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: (_a = this.appear) !== null && _a !== void 0 ? _a : this.isMounted, onEnter: handleEnter, onAfterEnter: handleAfterEnter, onAfterLeave: handleAfterLeave, onBeforeLeave: handleBeforeLeave }, {
                                         default: () => {
                                             const dirs = [
                                                 [vue_1.vShow, this.show]
@@ -193,10 +226,10 @@ exports.default = (0, vue_1.defineComponent)({
                                                 || this.preset === 'dialog' ? ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, this.$attrs, { class: [
                                                     `${mergedClsPrefix}-modal`,
                                                     this.$attrs.class
-                                                ], ref: "bodyRef", theme: this.mergedTheme.peers.Dialog, themeOverrides: this.mergedTheme.peerOverrides.Dialog }, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { "aria-modal": "true" }), $slots)) : this.preset === 'card' ? ((0, vue_1.h)(card_1.NCard, Object.assign({}, this.$attrs, { ref: "bodyRef", class: [
+                                                ], ref: "bodyRef", theme: this.mergedTheme.peers.Dialog, themeOverrides: this.mergedTheme.peerOverrides.Dialog }, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { titleClass: this.dialogTitleClass, "aria-modal": "true" }), $slots)) : this.preset === 'card' ? ((0, vue_1.h)(card_1.NCard, Object.assign({}, this.$attrs, { ref: "bodyRef", class: [
                                                     `${mergedClsPrefix}-modal`,
                                                     this.$attrs.class
-                                                ], theme: this.mergedTheme.peers.Card, themeOverrides: this.mergedTheme.peerOverrides.Card }, (0, _utils_1.keep)(this.$props, Card_1.cardBasePropKeys), { "aria-modal": "true", role: "dialog" }), $slots)) : ((this.childNodeRef = childNode))), dirs);
+                                                ], theme: this.mergedTheme.peers.Card, themeOverrides: this.mergedTheme.peerOverrides.Card }, (0, _utils_1.keep)(this.$props, Card_1.cardBasePropKeys), { headerClass: this.cardHeaderClass, "aria-modal": "true", role: "dialog" }), $slots)) : ((this.childNodeRef = childNode))), dirs);
                                         }
                                     }));
                                 }