naive-ui 2.33.4 → 2.34.0

package/es/locales/index.d.ts

@@ -17,6 +17,8 @@ export { default as enGB } from './common/enGB';
 export { default as plPL } from './common/plPL';
 export { default as ptBR } from './common/ptBR';
 export { default as thTH } from './common/thTH';
+export { default as arDZ } from './common/arDZ';
+export { default as trTR } from './common/trTR';
 export { default as eo } from './common/eo';
 export { default as viVN } from './common/viVN';
 export { default as dateZhCN } from './date/zhCN';
@@ -38,6 +40,8 @@ export { default as dateEnGB } from './date/enGB';
 export { default as datePlPL } from './date/plPL';
 export { default as datePtBR } from './date/ptBR';
 export { default as dateThTH } from './date/thTH';
+export { default as dateArDZ } from './date/arDZ';
+export { default as dateTrTR } from './date/trTR';
 export { default as dateEo } from './date/eo';
 export { default as dateViVN } from './date/viVN';
 export type { NLocale } from './common/enUS';

package/es/locales/index.js

@@ -17,6 +17,8 @@ export { default as enGB } from './common/enGB';
 export { default as plPL } from './common/plPL';
 export { default as ptBR } from './common/ptBR';
 export { default as thTH } from './common/thTH';
+export { default as arDZ } from './common/arDZ';
+export { default as trTR } from './common/trTR';
 export { default as eo } from './common/eo';
 export { default as viVN } from './common/viVN';
 export { default as dateZhCN } from './date/zhCN';
@@ -38,6 +40,8 @@ export { default as dateEnGB } from './date/enGB';
 export { default as datePlPL } from './date/plPL';
 export { default as datePtBR } from './date/ptBR';
 export { default as dateThTH } from './date/thTH';
+export { default as dateArDZ } from './date/arDZ';
+export { default as dateTrTR } from './date/trTR';
 export { default as dateEo } from './date/eo';
 export { default as dateViVN } from './date/viVN';
 export { createLocale } from './utils/index';

package/es/log/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cB, cE } from '../../../_utils/cssr';
-import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+// vars:
 // --n-bezier
 // --n-loading-color
 // --n-loader-border
@@ -7,7 +8,6 @@ import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-sc
 // --n-loader-text-color
 // --n-loader-font-size
 // --n-loading-color
-
 export default cB('log', `
  position: relative;
  box-sizing: border-box;

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

@@ -55,6 +55,8 @@ export declare const mentionProps: {
     readonly size: PropType<InputSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: string) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<(value: string) => void>>;
     readonly onSearch: PropType<(pattern: string, prefix: string) => void>;
@@ -466,6 +468,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<InputSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: string) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<(value: string) => void>>;
     readonly onSearch: PropType<(pattern: string, prefix: string) => void>;
@@ -1175,6 +1179,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<InputSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: string) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<(value: string) => void>>;
     readonly onSearch: PropType<(pattern: string, prefix: string) => void>;

package/es/mention/src/Mention.js

@@ -41,7 +41,7 @@ export const mentionProps = Object.assign(Object.assign({}, useTheme.props), { t
     }, placement: {
         type: String,
         default: 'bottom-start'
-    }, size: String, renderLabel: Function, status: String, 'onUpdate:value': [Array, Function], onUpdateValue: [Array, Function], onSearch: Function, onSelect: Function, onFocus: Function, onBlur: Function, 
+    }, size: String, renderLabel: Function, status: String, 'onUpdate:show': [Array, Function], onUpdateShow: [Array, Function], 'onUpdate:value': [Array, Function], onUpdateValue: [Array, Function], onSearch: Function, onSelect: Function, onFocus: Function, onBlur: Function, 
     // private
     internalDebug: Boolean });
 export default defineComponent({
@@ -99,6 +99,11 @@ export default defineComponent({
         function doUpdateShowMenu(show) {
             if (props.disabled)
                 return;
+            const { onUpdateShow, 'onUpdate:show': _onUpdateShow } = props;
+            if (onUpdateShow)
+                call(onUpdateShow, show);
+            if (_onUpdateShow)
+                call(_onUpdateShow, show);
             if (!show) {
                 cachedPrefix = null;
                 cachedPartialPatternStart = null;

package/es/mention/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
-import { c, cB } from '../../../_utils/cssr'; // --n-menu-box-shadow
-
+import { c, cB } from '../../../_utils/cssr';
+// --n-menu-box-shadow
 export default c([cB('mention', 'width: 100%; z-index: auto; position: relative;'), cB('mention-menu', `
  box-shadow: var(--n-menu-box-shadow);
  `, [fadeInScaleUpTransition({

package/es/menu/src/styles/index.cssr.js

@@ -19,7 +19,8 @@ const horizontalHoverStyleChildren = [cE('icon', `
  color: var(--n-item-text-color-hover-horizontal);
  `), cE('extra', `
  color: var(--n-item-text-color-hover-horizontal);
- `)])]; // vars:
+ `)])];
+// vars:
 // --n-color
 // --n-group-text-color
 // --n-bezier
@@ -62,7 +63,6 @@ const horizontalHoverStyleChildren = [cE('icon', `
 // --n-item-icon-color-child-active-horizontal
 // --n-item-icon-color-child-active-hover-horizontal
 // --n-item-height
-
 export default c([cB('menu', `
  background-color: var(--n-color);
  color: var(--n-item-text-color);
@@ -223,7 +223,6 @@ export default c([cB('menu', `
  height: 1px;
  margin: 6px 18px;
  `)]);
-
 function hoverStyle(props, children) {
   return [cM('hover', props, children), c('&:hover', props, children)];
 }

package/es/message/src/styles/index.cssr.js

@@ -1,6 +1,7 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
 import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
-import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
+// vars:
 // --n-margin
 // --n-bezier
 // --n-padding
@@ -27,7 +28,6 @@ import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-
 // --n-close-icon-color-pressed
 // --n-close-icon-color-hover
 // --n-border-radius
-
 export default c([cB('message-wrapper', `
  margin: var(--n-margin);
  z-index: 0;

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

@@ -696,7 +696,7 @@ declare const _default: import("vue").DefineComponent<{
     appear: import("vue").Ref<boolean | undefined>;
     isMounted: import("vue").Ref<boolean>;
     mergedClsPrefix: import("vue").Ref<string>;
-    bodyRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | HTMLElement | null>;
+    bodyRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | HTMLElement | null>;
     scrollbarRef: import("vue").Ref<{
         $el: HTMLElement;
         containerRef: HTMLElement | null;

package/es/modal/src/styles/index.cssr.js

@@ -1,11 +1,11 @@
 import { cB, c } from '../../../_utils/cssr';
 import { fadeInTransition } from '../../../_styles/transitions/fade-in.cssr';
-import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+// vars:
 // --n-bezier-ease-out
 // --n-box-shadow
 // --n-color
 // --n-text-color
-
 export default c([cB('modal-container', `
  position: fixed;
  left: 0;

package/es/notification/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM } from '../../../_utils/cssr';
+// vars:
 // --n-color
 // --n-text-color
 // --n-description-text-color
@@ -28,7 +29,6 @@ import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
 // --n-padding-bottom
 // --n-padding-left
 // --n-padding-right
-
 export default c([cB('notification-container', `
  z-index: 4000;
  position: fixed;
@@ -214,7 +214,6 @@ export default c([cB('notification-container', `
  `, [c('&:first-child', {
   margin: 0
 })])])])])]);
-
 function placementTransformStyle(placement) {
   const direction = placement.split('-')[1];
   const transformXEnter = direction === 'left' ? 'calc(-100%)' : 'calc(100%)';

package/es/page-header/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cE } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE } from '../../../_utils/cssr';
+// vars:
 // --n-title-font-size
 // --n-title-text-color
 // --n-font-size
@@ -9,7 +10,6 @@ import { c, cB, cE } from '../../../_utils/cssr'; // vars:
 // --n-back-size
 // --n-title-font-weight
 // --n-bezier
-
 export default c([cB('page-header-header', `
  margin-bottom: 20px;
  `), cB('page-header', `

package/es/pagination/src/Pagination.js

@@ -156,7 +156,7 @@ export default defineComponent({
             const endIndex = mergedPageRef.value * mergedPageSizeRef.value - 1;
             const { itemCount } = props;
             if (itemCount !== undefined) {
-                return endIndex > itemCount ? itemCount : endIndex;
+                return endIndex > itemCount - 1 ? itemCount - 1 : endIndex;
             }
             return endIndex;
         });

package/es/pagination/src/styles/index.cssr.js

@@ -8,7 +8,8 @@ const hoverStyleChildren = [cM('button', `
  background: var(--n-button-color-hover);
  border: var(--n-button-border-hover);
  color: var(--n-button-icon-color-hover);
- `)]; // vars:
+ `)];
+// vars:
 // --n-item-font-size
 // --n-select-width
 // --n-input-width
@@ -44,7 +45,6 @@ const hoverStyleChildren = [cM('button', `
 // --n-button-color
 // --n-button-color-hover
 // --n-button-color-pressed
-
 export default cB('pagination', `
  display: flex;
  vertical-align: middle;

package/es/popconfirm/src/styles/index.cssr.js

@@ -1,9 +1,9 @@
-import { c, cB, cE } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE } from '../../../_utils/cssr';
+// vars:
 // --n-font-size
 // --n-icon-size
 // --n-bezier
 // --n-icon-color
-
 export default cB('popconfirm', [cE('body', `
  font-size: var(--n-font-size);
  display: flex;

package/es/popover/src/styles/index.cssr.js

@@ -6,7 +6,8 @@ const oppositePlacement = {
   left: 'right',
   right: 'left'
 };
-const arrowSize = 'var(--n-arrow-height) * 1.414'; // vars:
+const arrowSize = 'var(--n-arrow-height) * 1.414';
+// vars:
 // --n-bezier
 // --n-bezier-ease-in
 // --n-bezier-ease-out
@@ -21,7 +22,6 @@ const arrowSize = 'var(--n-arrow-height) * 1.414'; // vars:
 // --n-space
 // --n-space-arrow
 // --n-divider-color
-
 export default c([cB('popover', `
  transition:
  box-shadow .3s var(--n-bezier),
@@ -31,6 +31,7 @@ export default c([cB('popover', `
  font-size: var(--n-font-size);
  color: var(--n-text-color);
  box-shadow: var(--n-box-shadow);
+ word-break: break-word;
  `, [c('>', [cB('scrollbar', `
  height: inherit;
  max-height: inherit;
@@ -63,7 +64,8 @@ export default c([cB('popover', `
  transform: rotate(45deg);
  background-color: var(--n-color);
  pointer-events: all;
- `)]), // body transition
+ `)]),
+// body transition
 c('&.popover-transition-enter-from, &.popover-transition-leave-to', `
  opacity: 0;
  transform: scale(.85);
@@ -140,11 +142,9 @@ c('&.popover-transition-enter-from, &.popover-transition-leave-to', `
     return c(`[v-placement="${placement}"] >`, [cB('popover-shared', [cM('center-arrow', [cB('popover-arrow', `${direction}: calc(max(${centerOffset}, ${offset}) ${isReverse ? '+' : '-'} var(--v-offset-${isVertical ? 'left' : 'top'}));`)])])]);
   });
 })]);
-
 function getArrowOffset(placement) {
   return ['top', 'bottom'].includes(placement.split('-')[0]) ? 'var(--n-arrow-offset)' : 'var(--n-arrow-offset-vertical)';
 }
-
 function placementStyle(placement, arrowStyleLiteral) {
   const position = placement.split('-')[0];
   const sizeStyle = ['top', 'bottom'].includes(position) ? 'height: var(--n-space-arrow);' : 'width: var(--n-space-arrow);';

package/es/popselect/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
-import { cB } from '../../../_utils/cssr'; // --n-menu-box-shadow
-
+import { cB } from '../../../_utils/cssr';
+// --n-menu-box-shadow
 export default cB('popselect-menu', `
  box-shadow: var(--n-menu-box-shadow);
 `);

package/es/progress/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cM } from '../../../_utils/cssr'; // vars
+import { c, cB, cM } from '../../../_utils/cssr';
+// vars
 // --n-bezier
 // --n-fill-color
 // --n-font-size
@@ -13,7 +14,6 @@ import { c, cB, cM } from '../../../_utils/cssr'; // vars
 // --n-text-color-circle
 // --n-text-color-line-inner
 // --n-text-color-line-outer
-
 export default c([cB('progress', {
   display: 'inline-block'
 }, [cB('progress-icon', `

package/es/radio/src/styles/radio-group.cssr.js

@@ -1,11 +1,11 @@
-import { cB, cE, cM, c, cNotM } from '../../../_utils/cssr'; // vars:
+import { cB, cE, cM, c, cNotM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-button-border-color
 // --n-button-border-color-active
 // --n-height
 // --n-opacity-disabled
 // --n-font-size
-
 export default cB('radio-group', `
  display: inline-block;
  font-size: var(--n-font-size);

package/es/radio/src/styles/radio.cssr.js

@@ -1,4 +1,5 @@
-import { c, cE, cM, cNotM, cB } from '../../../_utils/cssr'; // vars:
+import { c, cE, cM, cNotM, cB } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-box-shadow
 // --n-box-shadow-active
@@ -16,7 +17,6 @@ import { c, cE, cM, cNotM, cB } from '../../../_utils/cssr'; // vars:
 // --n-label-padding
 // --n-label-line-height
 // --n-color-active
-
 export default cB('radio', `
  line-height: var(--n-label-line-height);
  outline: none;

package/es/rate/src/styles/index.cssr.js

@@ -1,8 +1,8 @@
-import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-item-color
 // --n-item-color-active
-
 export default cB('rate', {
   display: 'inline-flex',
   flexWrap: 'nowrap'

package/es/result/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { cB, cE } from '../../../_utils/cssr'; // --n-bezier
+import { cB, cE } from '../../../_utils/cssr';
+// --n-bezier
 // --n-font-size
 // --n-icon-size
 // --n-line-height
@@ -6,7 +7,6 @@ import { cB, cE } from '../../../_utils/cssr'; // --n-bezier
 // --n-title-font-size
 // --n-title-font-weight
 // --n-title-text-color
-
 export default cB('result', `
  color: var(--n-text-color);
  line-height: var(--n-line-height);

package/es/select/src/Select.js

@@ -195,6 +195,7 @@ export default defineComponent({
         const selectedOptionsRef = computed(() => {
             if (props.multiple) {
                 const { value: values } = mergedValueRef;
+                console.log('values', values);
                 if (!Array.isArray(values))
                     return [];
                 return getMergedOptions(values);

package/es/select/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import { cB, c } from '../../../_utils/cssr';
-import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // --n-menu-box-shadow
-
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+// --n-menu-box-shadow
 export default c([cB('select', `
  z-index: auto;
  outline: none;

package/es/skeleton/src/styles/index.cssr.js

@@ -1,8 +1,8 @@
-import { c, cB } from '../../../_utils/cssr'; // vars:
+import { c, cB } from '../../../_utils/cssr';
+// vars:
 // --n-color-start
 // --n-color-end
 // --n-bezier
-
 export default c([cB('skeleton', `
  height: 1em;
  width: 100%;

package/es/slider/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { cB, c, cM, cE, insideModal, insidePopover } from '../../../_utils/cssr';
-import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+// vars:
 // --n-bezier
 // --n-dot-border
 // --n-dot-border-active
@@ -28,7 +29,6 @@ import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-sc
 // --n-rail-height
 // --n-rail-width-vertical
 // --n-mark-font-size
-
 export default c([cB('slider', `
  display: block;
  padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;

package/es/spin/src/styles/index.cssr.js

@@ -1,12 +1,12 @@
 import { c, cM, cB } from '../../../_utils/cssr';
-import { fadeInTransition } from '../../../_styles/transitions/fade-in.cssr'; // vars:
+import { fadeInTransition } from '../../../_styles/transitions/fade-in.cssr';
+// vars:
 // --n-bezier
 // --n-opacity-spinning
 // --n-size
 // --n-color
 // --n-text-color
 // --n-font-size
-
 export default c([c('@keyframes spin-rotate', `
  from {
  transform: rotate(0);

package/es/statistic/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { cB, cE } from '../../../_utils/cssr'; // vars:
+import { cB, cE } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-label-font-size
 // --n-label-font-weight
@@ -8,7 +9,6 @@ import { cB, cE } from '../../../_utils/cssr'; // vars:
 // --n-value-prefix-text-color
 // --n-value-suffix-text-color
 // --n-value-text-color
-
 export default cB('statistic', [cE('label', `
  font-weight: var(--n-label-font-weight);
  transition: .3s color var(--n-bezier);

package/es/steps/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
-import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr'; // vars:
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
+// vars:
 // --n-bezier
 // --n-description-text-color
 // --n-header-text-color
@@ -12,7 +13,6 @@ import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.c
 // --n-splitor-color
 // --n-step-header-font-size
 // --n-step-header-font-weight
-
 export default cB('steps', `
  width: 100%;
  display: flex;

package/es/switch/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
-import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-button-border-radius
 // --n-button-box-shadow
@@ -18,7 +19,6 @@ import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
 // --n-loading-color
 // --n-text-color
 // --n-icon-color
-
 export default cB('switch', `
  height: var(--n-height);
  min-width: var(--n-width);

package/es/table/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cM, cNotM, insideModal, insidePopover } from '../../../_utils/cssr'; // vars:
+import { c, cB, cM, cNotM, insideModal, insidePopover } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-td-color
 // --n-td-color-modal
@@ -17,7 +18,6 @@ import { c, cB, cM, cNotM, insideModal, insidePopover } from '../../../_utils/cs
 // --n-line-height
 // --n-td-padding
 // --n-th-padding
-
 export default c([cB('table', `
  font-size: var(--n-font-size);
  font-variant-numeric: tabular-nums;

package/es/tabs/src/Tabs.d.ts

@@ -486,7 +486,7 @@ declare const _default: import("vue").DefineComponent<{
     tabsPaneWrapperRef: import("vue").Ref<HTMLElement | null>;
     tabsElRef: import("vue").Ref<HTMLElement | null>;
     barElRef: import("vue").Ref<HTMLElement | null>;
-    addTabInstRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null>;
+    addTabInstRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null>;
     xScrollInstRef: import("vue").Ref<(VXScrollInst & {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -500,11 +500,11 @@ declare const _default: import("vue").DefineComponent<{
         $slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: 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<any, any, any, any, any, any, any, any, any, {}> & {
+        $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -519,12 +519,12 @@ 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: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: 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 nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties) | null>;
+        $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;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {}) | null>;
     scrollWrapperElRef: import("vue").Ref<HTMLElement | null>;
     addTabFixed: import("vue").Ref<boolean>;
     tabWrapperStyle: import("vue").ComputedRef<{

package/es/tabs/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cM, cB, cE, cNotM } from '../../../_utils/cssr'; // vars:
+import { c, cM, cB, cE, cNotM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-close-size
 // --n-close-color-hover
@@ -25,7 +26,6 @@ import { c, cM, cB, cE, cNotM } from '../../../_utils/cssr'; // vars:
 // --n-color-segment
 // --n-font-weight-strong
 // --n-tab-color-segment
-
 export default cB('tabs', `
  box-sizing: border-box;
  width: 100%;

package/es/tag/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-border-radius
 // --n-border
@@ -24,7 +25,6 @@ import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
 // --n-text-color-hover-checkable
 // --n-text-color-pressed-checkable
 // --n-font-weight-strong
-
 export default cB('tag', `
  white-space: nowrap;
  position: relative;

package/es/themes/dark.js

@@ -30,6 +30,7 @@ import { dynamicTagsDark } from '../dynamic-tags/styles';
 import { elementDark } from '../element/styles';
 import { ellipsisDark } from '../ellipsis/styles';
 import { emptyDark } from '../empty/styles';
+import { equationDark } from '../equation/styles';
 import { formDark } from '../form/styles';
 import { gradientTextDark } from '../gradient-text/styles';
 import { iconDark } from '../icon/styles';
@@ -113,6 +114,7 @@ export const darkTheme = {
     Element: elementDark,
     Empty: emptyDark,
     Ellipsis: ellipsisDark,
+    Equation: equationDark,
     Form: formDark,
     GradientText: gradientTextDark,
     Icon: iconDark,

package/es/themes/light.js

@@ -32,6 +32,7 @@ import { dynamicTagsLight } from '../dynamic-tags/styles';
 import { elementLight } from '../element/styles';
 import { ellipsisLight } from '../ellipsis/styles';
 import { emptyLight } from '../empty/styles';
+import { equationLight } from '../equation/styles';
 import { formLight } from '../form/styles';
 import { gradientTextLight } from '../gradient-text/styles';
 import { iconLight } from '../icon/styles';
@@ -114,6 +115,7 @@ export const lightTheme = {
     DynamicTags: dynamicTagsLight,
     Element: elementLight,
     Empty: emptyLight,
+    Equation: equationLight,
     Ellipsis: ellipsisLight,
     Form: formLight,
     GradientText: gradientTextLight,