naive-ui 2.33.4 → 2.34.0

package/lib/data-table/src/styles/index.cssr.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
-
 const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
-
 const cssr_1 = require("../../../_utils/cssr");
-
-const fixedColumnStyle = createFixedColumnStyle(); // vars:
+const fixedColumnStyle = createFixedColumnStyle();
+// vars:
 // --n-font-size
 // --n-th-padding
 // --n-td-padding
@@ -52,7 +49,6 @@ const fixedColumnStyle = createFixedColumnStyle(); // vars:
 // --n-opacity-loading
 // --n-box-shadow-before used in Body.tsx
 // --n-box-shadow-after used in Body.tsx
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  width: 100%;
  font-size: var(--n-font-size);
@@ -73,9 +69,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  display: flex;
  flex-direction: column;
  flex-grow: 1;
- `, [(0, cssr_1.c)('>', [(0, cssr_1.cB)('data-table-base-table-body', 'flex-basis: 0;', [// last-child means there is no empty icon
+ `, [(0, cssr_1.c)('>', [(0, cssr_1.cB)('data-table-base-table-body', 'flex-basis: 0;', [
+// last-child means there is no empty icon
 // body is a scrollbar, we need to override height 100%
-(0, cssr_1.c)('&:last-child', 'flex-grow: 1;')])])])])])])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('base-loading', `
+(0, cssr_1.c)('&:last-child', 'flex-grow: 1;')])])])])])])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('data-table-loading-wrapper', `
  color: var(--n-loading-color);
  font-size: var(--n-loading-size);
  position: absolute;
@@ -83,6 +80,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: color .3s var(--n-bezier);
+ display: flex;
+ align-items: center;
+ justify-content: center;
  `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)({
   originalTransform: 'translateX(-50%) translateY(-50%)'
 })])]), (0, cssr_1.cB)('data-table-expand-placeholder', `
@@ -142,7 +142,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  margin: calc(var(--n-th-padding) * -1);
  padding: var(--n-th-padding);
  box-sizing: border-box;
- `), (0, cssr_1.cM)('striped', 'background-color: var(--n-merged-td-color-striped);', [(0, cssr_1.cB)('data-table-td', 'background-color: var(--n-merged-td-color-striped);')]), (0, cssr_1.cNotM)('summary', [(0, cssr_1.c)('&:hover', 'background-color: var(--n-merged-td-color-hover);', [(0, cssr_1.cB)('data-table-td', 'background-color: var(--n-merged-td-color-hover);')])])]), (0, cssr_1.cB)('data-table-th', `
+ `), (0, cssr_1.cM)('striped', 'background-color: var(--n-merged-td-color-striped);', [(0, cssr_1.cB)('data-table-td', 'background-color: var(--n-merged-td-color-striped);')]), (0, cssr_1.cNotM)('summary', [(0, cssr_1.c)('&:hover', 'background-color: var(--n-merged-td-color-hover);', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('data-table-td', 'background-color: var(--n-merged-td-color-hover);')])])])]), (0, cssr_1.cB)('data-table-th', `
  padding: var(--n-th-padding);
  position: relative;
  text-align: start;
@@ -158,12 +158,20 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  font-weight: var(--n-th-font-weight);
  `, [(0, cssr_1.cM)('filterable', {
   paddingRight: '36px'
-}), fixedColumnStyle, (0, cssr_1.cM)('selection', `
+}, [(0, cssr_1.cM)('sortable', {
+  paddingRight: 'calc(var(--n-th-padding) + 36px)'
+})]), fixedColumnStyle, (0, cssr_1.cM)('selection', `
  padding: 0;
  text-align: center;
  line-height: 0;
  z-index: 3;
- `), (0, cssr_1.cE)('ellipsis', `
+ `), (0, cssr_1.cE)('title', {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  flex: 'auto',
+  maxWidth: '100%'
+}), (0, cssr_1.cE)('ellipsis', `
  display: inline-block;
  vertical-align: bottom;
  text-overflow: ellipsis;
@@ -259,7 +267,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  margin-right: 0;
  `)]), (0, cssr_1.cM)('last-row', {
   borderBottom: '0 solid var(--n-merged-border-color)'
-}, [// make sure there is no overlap between bottom border and
+}, [
+// make sure there is no overlap between bottom border and
 // fixed column box shadow
 (0, cssr_1.c)('&::after', {
   bottom: '0 !important'
@@ -396,7 +405,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  --n-merged-td-color-hover: var(--n-td-color-hover-popover);
  --n-merged-td-color-striped: var(--n-td-color-striped-popover);
  `))]);
-
 function createFixedColumnStyle() {
   return [(0, cssr_1.cM)('fixed-left', `
  left: 0;

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

@@ -458,6 +458,8 @@ exports.default = (0, vue_1.defineComponent)({
             // TODO, fix conflict with clear
             if (v === '') {
                 doUpdateValue(null, { doConfirm: false });
+                pendingValueRef.value = null;
+                singleInputValueRef.value = '';
                 return;
             }
             const newSelectedDateTime = (0, utils_1.strictParse)(v, mergedFormatRef.value, new Date(), dateFnsOptionsRef.value);
@@ -473,6 +475,9 @@ exports.default = (0, vue_1.defineComponent)({
             if (v[0] === '' && v[1] === '') {
                 // clear or just delete all the inputs
                 doUpdateValue(null, { doConfirm: false });
+                pendingValueRef.value = null;
+                rangeStartInputValueRef.value = '';
+                rangeEndInputValueRef.value = '';
                 return;
             }
             const [startTime, endTime] = v;

package/lib/date-picker/src/panel/panelHeader.d.ts

@@ -76,8 +76,8 @@ declare const _default: import("vue").DefineComponent<{
         $slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -1236,7 +1236,7 @@ declare const _default: import("vue").DefineComponent<{
             actions: string[];
             panel: boolean;
             useAsQuickJump: boolean;
-        }> & {
+        }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1251,11 +1251,11 @@ declare const _default: import("vue").DefineComponent<{
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: PropType<"month" | "year" | "quarter">;
@@ -2406,7 +2406,7 @@ declare const _default: import("vue").DefineComponent<{
         handleConfirmClick: () => void;
         handleSingleShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
         handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-    }> & {} & import("vue").ComponentCustomProperties) | null>;
+    }> & {} & import("vue").ComponentCustomProperties & {}) | null>;
     handleHeaderClick: () => void;
     handleClickOutside: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/date-picker/src/styles/index.cssr.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
-const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
+// vars:
 // --n-bezier
 // --n-icon-color-override
 // --n-icon-color-disabled-override
@@ -55,8 +54,6 @@ const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-sc
 // panel arrow
 // --n-arrow-size
 // --n-arrow-color
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  position: relative;
  z-index: auto;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-th-padding
 // --n-td-padding
 // --n-font-size
@@ -24,8 +24,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-border-color-modal
 // --n-border-color-popover
 // --n-title-text-color
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('descriptions', {
   fontSize: 'var(--n-font-size)'
 }, [(0, cssr_1.cB)('descriptions-separator', `

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

@@ -2,6 +2,7 @@ import { PropType, CSSProperties } from 'vue';
 export declare const exposedDialogEnvProps: {
     readonly onAfterEnter: PropType<() => void>;
     readonly onAfterLeave: PropType<() => void>;
+    readonly transformOrigin: PropType<"center" | "mouse">;
     readonly blockScroll: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -60,6 +61,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     };
     onAfterEnter: PropType<() => void>;
     onAfterLeave: PropType<() => void>;
+    transformOrigin: PropType<"center" | "mouse">;
     blockScroll: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -127,6 +129,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     };
     onAfterEnter: PropType<() => void>;
     onAfterLeave: PropType<() => void>;
+    transformOrigin: PropType<"center" | "mouse">;
     blockScroll: {
         readonly type: BooleanConstructor;
         readonly default: true;

package/lib/dialog/src/DialogEnvironment.js

@@ -11,7 +11,7 @@ const Modal_1 = __importDefault(require("../../modal/src/Modal"));
 const _utils_1 = require("../../_utils");
 const Dialog_1 = require("./Dialog");
 const dialogProps_1 = require("./dialogProps");
-exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { onAfterEnter: Function, onAfterLeave: Function, blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
+exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { onAfterEnter: Function, onAfterLeave: Function, transformOrigin: String, blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
         type: Boolean,
         default: true
     }, internalStyle: [String, Object], maskClosable: {
@@ -110,7 +110,7 @@ exports.NDialogEnvironment = (0, vue_1.defineComponent)({
     },
     render() {
         const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, handleEsc, to, maskClosable, show } = this;
-        return ((0, vue_1.h)(Modal_1.default, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, to: to, maskClosable: maskClosable, onAfterEnter: this.onAfterEnter, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, internalAppear: true, internalDialog: true }, {
+        return ((0, vue_1.h)(Modal_1.default, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, to: to, maskClosable: maskClosable, onAfterEnter: this.onAfterEnter, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, transformOrigin: this.transformOrigin, internalAppear: true, internalDialog: true }, {
             default: () => ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
         }));
     }

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

@@ -44,6 +44,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         type?: "default" | "error" | "info" | "success" | "warning" | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
+        transformOrigin?: "center" | "mouse" | undefined;
         onAfterEnter?: (() => void) | undefined;
         onAfterLeave?: (() => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
@@ -387,6 +388,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             loading?: boolean | undefined;
             bordered?: boolean | undefined;
             textColor?: string | undefined;
+            renderIcon?: (() => import("vue").VNodeChild) | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
             secondary?: boolean | undefined;
@@ -725,6 +727,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             loading?: boolean | undefined;
             bordered?: boolean | undefined;
             textColor?: string | undefined;
+            renderIcon?: (() => import("vue").VNodeChild) | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
             secondary?: boolean | undefined;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-icon-color
 // --n-bezier
 // --n-icon-margin
@@ -28,8 +28,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-title-font-weight
 // --n-title-text-color
 // --n-action-space
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('dialog', `
  word-break: break-word;
  line-height: var(--n-line-height);

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

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-color
 // --n-text-color
 // --n-font-weight
-
-
 exports.default = (0, cssr_1.cB)('divider', `
  position: relative;
  display: flex;

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

@@ -3,18 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 const slide_in_from_right_1 = require("../../../_styles/transitions/slide-in-from-right");
-
 const slide_in_from_left_1 = require("../../../_styles/transitions/slide-in-from-left");
-
 const slide_in_from_top_1 = require("../../../_styles/transitions/slide-in-from-top");
-
 const slide_in_from_bottom_1 = require("../../../_styles/transitions/slide-in-from-bottom");
-
-const fade_in_cssr_1 = require("../../../_styles/transitions/fade-in.cssr"); // vars:
+const fade_in_cssr_1 = require("../../../_styles/transitions/fade-in.cssr");
+// vars:
 // --n-line-height
 // --n-color
 // --n-text-color
@@ -38,8 +33,6 @@ const fade_in_cssr_1 = require("../../../_styles/transitions/fade-in.cssr"); //
 // --n-close-icon-color-pressed
 // --n-close-size
 // --n-close-icon-size
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('drawer', `
  word-break: break-word;
  line-height: var(--n-line-height);

package/lib/drawer/src/styles/rtl.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.cB)('drawer', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  text-align: right;

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

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
-const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-padding
@@ -30,8 +29,6 @@ const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-sc
 // --n-option-opacity-disabled
 // shared with popover
 // --n-box-shadow
-
-
 exports.default = (0, cssr_1.cB)('dropdown-menu', `
  transform-origin: var(--v-transform-origin);
  background-color: var(--n-color);

package/lib/dynamic-input/src/styles/index.cssr.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --action-margin
-
-
 exports.default = (0, cssr_1.cB)('dynamic-input', {
   width: '100%'
 }, [(0, cssr_1.cB)('dynamic-input-item', `

package/lib/dynamic-input/src/styles/rtl.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.cB)('dynamic-input', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  `, [(0, cssr_1.cB)('dynamic-input-preset-pair', [(0, cssr_1.cB)('dynamic-input-pair-input', [(0, cssr_1.c)('&:first-child', {

package/lib/dynamic-tags/src/styles/index.cssr.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --input-width
-
-
 exports.default = (0, cssr_1.cB)('dynamic-tags', [(0, cssr_1.cB)('input', {
   minWidth: 'var(--n-input-width)'
 })]);

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.cB)('ellipsis', {
   overflow: 'hidden'
 }, [(0, cssr_1.cNotM)('line-clamp', `

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

@@ -3,16 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-font-size
 // --n-icon-size
 // --n-icon-color
 // --n-bezier
 // --n-text-color
 // --n-extra-text-color
-
-
 exports.default = (0, cssr_1.cB)('empty', `
  display: flex;
  flex-direction: column;

package/lib/equation/index.d.ts

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

package/lib/equation/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.equationProps = exports.NEquation = void 0;
+var Equation_1 = require("./src/Equation");
+Object.defineProperty(exports, "NEquation", { enumerable: true, get: function () { return Equation_1.Equation; } });
+Object.defineProperty(exports, "equationProps", { enumerable: true, get: function () { return Equation_1.equationProps; } });

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

@@ -0,0 +1,18 @@
+import { PropType } from 'vue';
+import { KatexOptions } from 'katex';
+export declare const equationProps: {
+    readonly value: StringConstructor;
+    readonly katex: PropType<typeof import("katex").default>;
+    readonly katexOptions: PropType<KatexOptions>;
+};
+export declare const Equation: import("vue").DefineComponent<{
+    readonly value: StringConstructor;
+    readonly katex: PropType<typeof import("katex").default>;
+    readonly katexOptions: PropType<KatexOptions>;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: StringConstructor;
+    readonly katex: PropType<typeof import("katex").default>;
+    readonly katexOptions: PropType<KatexOptions>;
+}>>, {}>;

package/lib/equation/src/Equation.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Equation = exports.equationProps = void 0;
+const vue_1 = require("vue");
+const context_1 = require("../../config-provider/src/context");
+exports.equationProps = {
+    value: String,
+    katex: Object,
+    katexOptions: Object
+};
+exports.Equation = (0, vue_1.defineComponent)({
+    name: 'Equation',
+    props: exports.equationProps,
+    setup(props) {
+        const configProviderContext = (0, vue_1.inject)(context_1.configProviderInjectionKey);
+        const extractedHtmlInfo = (0, vue_1.computed)(() => {
+            var _a;
+            const outerHtml = ((_a = (props.katex || (configProviderContext === null || configProviderContext === void 0 ? void 0 : configProviderContext.mergedKatexRef.value))) === null || _a === void 0 ? void 0 : _a.renderToString(props.value || '', Object.assign({ throwOnError: false }, props.katexOptions))) || 'no katex provided';
+            const matchResult = outerHtml.match(/^<([a-z]+)[^>]+class="([^"]+)"[^>]*>/);
+            const wrapperTag = (matchResult === null || matchResult === void 0 ? void 0 : matchResult[1]) || 'span';
+            const wrapperClass = matchResult === null || matchResult === void 0 ? void 0 : matchResult[2];
+            const innerHtml = outerHtml
+                .replace(/^<[a-z]+[^>]*>/, '')
+                .replace(/<\/[a-z]+>$/, '');
+            return { wrapperTag, innerHtml, wrapperClass };
+        });
+        return () => {
+            const { innerHtml, wrapperClass, wrapperTag } = extractedHtmlInfo.value;
+            return (0, vue_1.h)(wrapperTag, { class: wrapperClass, innerHTML: innerHtml });
+        };
+    }
+});

package/lib/equation/styles/dark.d.ts

@@ -0,0 +1,3 @@
+import type { EquationTheme } from './light';
+declare const equationDark: EquationTheme;
+export default equationDark;

package/lib/equation/styles/dark.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("../../_styles/common");
+const light_1 = require("./light");
+const equationDark = {
+    name: 'Equation',
+    common: common_1.commonDark,
+    self: light_1.self
+};
+exports.default = equationDark;

package/lib/equation/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as equationDark } from './dark';
+export { default as equationLight } from './light';
+export type { EquationThemeVars, EquationTheme } from './light';

package/lib/equation/styles/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.equationLight = exports.equationDark = void 0;
+var dark_1 = require("./dark");
+Object.defineProperty(exports, "equationDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
+var light_1 = require("./light");
+Object.defineProperty(exports, "equationLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });

package/lib/equation/styles/light.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '../../_mixins';
+export declare const self: () => {};
+export declare type EquationThemeVars = ReturnType<typeof self>;
+declare const equationLight: Theme<'Equation', EquationThemeVars>;
+export default equationLight;
+export declare type EquationTheme = typeof equationLight;

package/lib/equation/styles/light.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.self = void 0;
+const common_1 = require("../../_styles/common");
+const self = () => ({});
+exports.self = self;
+const equationLight = {
+    name: 'Equation',
+    common: common_1.commonLight,
+    self: exports.self
+};
+exports.default = equationLight;

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

@@ -267,8 +267,8 @@ declare const _default: import("vue").DefineComponent<{
         '--n-feedback-text-color-warning': string;
         '--n-feedback-text-color-error': string;
     }> | undefined;
-    themeClass: import("vue").Ref<string>;
-    onRender: () => void;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
     validate: import("./interface").FormItemValidate;
     restoreValidation: () => void;
     path?: string | undefined;
@@ -292,6 +292,7 @@ declare const _default: import("vue").DefineComponent<{
         key: string;
         render: () => VNodeChild;
     }[]>;
+    reverseColSpace: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;