feat: vue 3.4

package.json

@@ -100,7 +100,7 @@
     "@vicons/fluent": "^0.12.0",
     "@vicons/ionicons4": "^0.12.0",
     "@vicons/ionicons5": "^0.12.0",
-    "@vitejs/plugin-vue": "^4.3.4",
+    "@vitejs/plugin-vue": "^5.0.0",
     "@vue/compiler-sfc": "^3.3.4",
     "@vue/eslint-config-standard": "^8.0.1",
     "@vue/eslint-config-typescript": "^12.0.0",
@@ -145,7 +145,7 @@
     "vite": "^5.0.4",
     "vue": "^3.3.4",
     "vue-router": "^4.2.4",
-    "vue-tsc": "^1.8.10"
+    "vue-tsc": "^1.8.27"
   },
   "peerDependencies": {
     "vue": "^3.0.0"

src/_internal/clear/src/Clear.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, type PropType, toRef } from 'vue'
+import { defineComponent, type PropType, toRef } from 'vue'
 import { resolveSlot } from '../../../_utils'
 import { useStyle } from '../../../_mixins'
 import { ClearIcon } from '../../icons'

src/_internal/close/src/Close.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, type PropType, toRef } from 'vue'
+import { defineComponent, type PropType, toRef } from 'vue'
 import { useStyle } from '../../../_mixins'
 import { NBaseIcon } from '../../icon'
 import { CloseIcon } from '../../icons'

src/_internal/focus-detector/src/FocusDetector.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, type PropType } from 'vue'
+import { defineComponent, type PropType } from 'vue'
 
 export default defineComponent({
   props: {

src/_internal/icon-switch-transition/src/IconSwitchTransition.tsx

@@ -1,4 +1,4 @@
-import { h, Transition, defineComponent } from 'vue'
+import { Transition, defineComponent } from 'vue'
 import { useIsMounted } from 'vooks'
 
 export default defineComponent({

src/_internal/icon/src/Icon.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, type PropType, toRef } from 'vue'
+import { defineComponent, type PropType, toRef } from 'vue'
 import { useStyle } from '../../../_mixins'
 import style from './styles/index.cssr'
 

src/_internal/icons/Add.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Add',

src/_internal/icons/ArrowBack.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ArrowBack',

src/_internal/icons/ArrowDown.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ArrowDown',

src/_internal/icons/ArrowUp.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ArrowUp',

src/_internal/icons/Attach.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Backward.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Backward',

src/_internal/icons/Cancel.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Checkmark.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Checkmark',

src/_internal/icons/ChevronDown.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ChevronDown',

src/_internal/icons/ChevronDownFilled.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ChevronDownFilled',

src/_internal/icons/ChevronLeft.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ChevronLeft',

src/_internal/icons/ChevronRight.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ChevronRight',

src/_internal/icons/Clear.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Close.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Date.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Download.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Empty.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Empty',

src/_internal/icons/Error.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Eye.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Eye',

src/_internal/icons/EyeOff.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'EyeOff',

src/_internal/icons/FastBackward.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'FastBackward',

src/_internal/icons/FastForward.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'FastForward',

src/_internal/icons/File.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'File',

src/_internal/icons/Filter.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Filter',

src/_internal/icons/Forward.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Forward',

src/_internal/icons/Info.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/More.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'More',

src/_internal/icons/Photo.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Photo',

src/_internal/icons/Remove.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Remove',

src/_internal/icons/ResizeSmall.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'ResizeSmall',

src/_internal/icons/Retry.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/RotateClockwise.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/RotateCounterclockwise.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Search.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Search',

src/_internal/icons/Success.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Switcher.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'Switcher',

src/_internal/icons/Time.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/To.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Trash.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/Warning.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/ZoomIn.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/icons/ZoomOut.tsx

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import { replaceable } from './replaceable'
 
 export default replaceable(

src/_internal/loading/src/Loading.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, toRef } from 'vue'
+import { defineComponent, toRef } from 'vue'
 import { useStyle } from '../../../_mixins'
 import type { ExtractPublicPropTypes } from '../../../_utils'
 import NIconSwitchTransition from '../../icon-switch-transition'

src/_internal/menu-mask/src/MenuMask.tsx

@@ -1,11 +1,4 @@
-import {
-  h,
-  ref,
-  onBeforeUnmount,
-  defineComponent,
-  Transition,
-  toRef
-} from 'vue'
+import { ref, onBeforeUnmount, defineComponent, Transition, toRef } from 'vue'
 import { useStyle } from '../../../_mixins'
 import type { MenuMaskRef } from './interface'
 import style from './styles/index.cssr'

src/_internal/scrollbar/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NScrollbar } from '../index'

src/_internal/select-menu/src/SelectGroupHeader.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, type PropType, inject, type Ref } from 'vue'
+import { defineComponent, type PropType, inject, type Ref } from 'vue'
 import type { TreeNode } from 'treemate'
 import type { SelectGroupOption } from '../../../select/src/interface'
 import { render } from '../../../_utils'

src/_internal/select-menu/src/SelectMenu.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   ref,
   onMounted,
   computed,
@@ -565,10 +564,7 @@ export default defineComponent({
             }}
           </NScrollbar>
         ) : (
-          <div
-            class={`${clsPrefix}-base-select-menu__empty`}
-            data-empty
-          >
+          <div class={`${clsPrefix}-base-select-menu__empty`} data-empty>
             {resolveSlot($slots.empty, () => [
               <NEmpty
                 theme={mergedTheme.peers.Empty}

src/_internal/selection/src/Selection.tsx

@@ -1,8 +1,6 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import {
-  h,
   defineComponent,
-  Fragment,
   type PropType,
   ref,
   computed,

src/_internal/slot-machine/src/SlotMachine.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   defineComponent,
   TransitionGroup,
   computed,

src/_internal/slot-machine/src/SlotMachineNumber.tsx

@@ -1,6 +1,5 @@
 import {
   defineComponent,
-  h,
   nextTick,
   ref,
   computed,

src/_internal/suffix/src/Suffix.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, type PropType } from 'vue'
+import { defineComponent, type PropType } from 'vue'
 import NBaseClear from '../../clear'
 import NBaseLoading from '../../loading'
 import { NBaseIcon } from '../../icon'

src/_internal/wave/src/Wave.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, ref, onBeforeUnmount, nextTick, toRef } from 'vue'
+import { defineComponent, ref, onBeforeUnmount, nextTick, toRef } from 'vue'
 import { useStyle } from '../../../_mixins'
 import style from './styles/index.cssr'
 

src/affix/src/Affix.tsx

@@ -5,8 +5,7 @@ import {
   onBeforeUnmount,
   defineComponent,
   type CSSProperties,
-  type PropType,
-  h
+  type PropType
 } from 'vue'
 import { unwrapElement, beforeNextFrameOnce } from 'seemly'
 import { useConfig, useStyle } from '../../_mixins'

src/affix/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NAffix } from '../..'

src/alert/src/Alert.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   ref,
   computed,
   defineComponent,

src/alert/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NAlert } from '../..'

src/anchor/src/AnchorAdapter.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, ref, type CSSProperties } from 'vue'
+import { defineComponent, computed, ref, type CSSProperties } from 'vue'
 import { NAffix } from '../../affix'
 import { affixProps, affixPropKeys } from '../../affix/src/Affix'
 import { useConfig, useTheme, useThemeClass } from '../../_mixins'

src/anchor/src/BaseAnchor.tsx

@@ -1,7 +1,6 @@
 import {
   computed,
   defineComponent,
-  h,
   nextTick,
   onBeforeUnmount,
   onMounted,

src/anchor/src/Link.tsx

@@ -1,4 +1,4 @@
-import { h, toRef, ref, inject, defineComponent, watch, type Ref } from 'vue'
+import { toRef, ref, inject, defineComponent, watch, type Ref } from 'vue'
 import { useMemo } from 'vooks'
 import {
   useInjectionCollection,

src/anchor/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NAnchor } from '../..'

src/auto-complete/src/AutoComplete.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   ref,
   toRef,
   computed,

src/auto-complete/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NAutoComplete } from '../..'

src/avatar-group/src/AvatarGroup.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   defineComponent,
   type PropType,
   type CSSProperties,

src/avatar-group/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NAvatar } from '../..'

src/avatar/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NAvatar } from '../..'

src/back-top/src/BackTopIcon.tsx

@@ -1,5 +1,3 @@
-import { h } from 'vue'
-
 export default (
   <svg
     viewBox="0 0 24 24"

src/back-top/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NBackTop } from '../..'

src/badge/src/Badge.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   computed,
   onMounted,
   ref,

src/badge/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NBadge } from '../..'

src/breadcrumb/src/Breadcrumb.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   computed,
   defineComponent,
   type CSSProperties,

src/breadcrumb/src/BreadcrumbItem.tsx

@@ -1,10 +1,10 @@
 import {
-  h,
   defineComponent,
   inject,
   type ExtractPropTypes,
   computed,
-  type PropType
+  type PropType,
+  h
 } from 'vue'
 import { resolveSlot, warn } from '../../_utils'
 import { useBrowserLocation } from '../../_utils/composable/use-browser-location'

src/breadcrumb/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NBreadcrumb } from '../..'

src/button-group/src/ButtonGroup.tsx

@@ -1,4 +1,4 @@
-import { h, type PropType, defineComponent, provide } from 'vue'
+import { type PropType, defineComponent, provide } from 'vue'
 import type { Size } from '../../button/src/interface'
 import { useRtl } from '../../_mixins/use-rtl'
 import { useConfig, useStyle } from '../../_mixins'

src/button-group/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NButtonGroup } from '../..'

src/button/src/Button.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   ref,
   computed,
   inject,

src/button/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NButton } from '../..'

src/calendar/src/Calendar.tsx

@@ -1,11 +1,9 @@
 import {
   computed,
   defineComponent,
-  h,
   ref,
   type PropType,
   type CSSProperties,
-  Fragment,
   toRef
 } from 'vue'
 import {

src/calendar/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NCalendar } from '../..'

src/card/src/Card.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   defineComponent,
   computed,
   type PropType,

src/card/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NCard } from '../..'

src/carousel/src/Carousel.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 import {
-  h,
   defineComponent,
   ref,
   cloneVNode,

src/carousel/src/CarouselArrow.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 import { useConfig } from '../../_mixins'
 import { useCarouselContext } from './CarouselContext'
 

src/carousel/src/CarouselDots.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, ref, onBeforeUpdate } from 'vue'
+import { defineComponent, ref, onBeforeUpdate } from 'vue'
 import type { PropType } from 'vue'
 import { indexMap } from 'seemly'
 import { useConfig } from '../../_mixins'

src/carousel/src/CarouselItem.tsx

@@ -1,11 +1,4 @@
-import {
-  h,
-  defineComponent,
-  computed,
-  ref,
-  onMounted,
-  onBeforeUnmount
-} from 'vue'
+import { defineComponent, computed, ref, onMounted, onBeforeUnmount } from 'vue'
 import type { VNode } from 'vue'
 import { camelCase } from 'lodash-es'
 import { useConfig } from '../../_mixins'

src/carousel/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NCarousel } from '../..'

src/cascader/src/Cascader.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   defineComponent,
   computed,
   provide,

src/cascader/src/CascaderMenu.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   ref,
   defineComponent,
   type PropType,

src/cascader/src/CascaderOption.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   computed,
   inject,
   defineComponent,

src/cascader/src/CascaderSelectMenu.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   Transition,
   ref,
   inject,

src/cascader/src/CascaderSubmenu.tsx

@@ -1,4 +1,4 @@
-import { h, ref, defineComponent, inject, type PropType, computed } from 'vue'
+import { ref, defineComponent, inject, type PropType, computed } from 'vue'
 import { VirtualList, type VirtualListInst } from 'vueuc'
 import NCascaderOption from './CascaderOption'
 import { NScrollbar } from '../../_internal'

src/cascader/tests/__snapshots__/Cascader.spec.ts.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`n-cascader should work with \`size\` prop 1`] = `"--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border: 1px solid rgb(224, 224, 230); --n-border-active: 1px solid #18a058; --n-border-focus: 1px solid #36ad6a; --n-border-hover: 1px solid #36ad6a; --n-border-radius: 3px; --n-box-shadow-active: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-hover: none; --n-caret-color: #18a058; --n-color: rgba(255, 255, 255, 1); --n-color-active: rgba(255, 255, 255, 1); --n-color-disabled: rgb(250, 250, 252); --n-font-size: 14px; --n-height: 28px; --n-padding-single: 0 26px 0 12px; --n-padding-multiple: 3px 26px 0 12px; --n-placeholder-color: rgba(194, 194, 194, 1); --n-placeholder-color-disabled: rgba(209, 209, 209, 1); --n-text-color: rgb(51, 54, 57); --n-text-color-disabled: rgba(194, 194, 194, 1); --n-arrow-color: rgba(194, 194, 194, 1); --n-arrow-color-disabled: rgba(209, 209, 209, 1); --n-loading-color: #18a058; --n-color-active-warning: rgba(255, 255, 255, 1); --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-active-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-hover-warning: none; --n-border-warning: 1px solid #f0a020; --n-border-focus-warning: 1px solid #fcb040; --n-border-hover-warning: 1px solid #fcb040; --n-border-active-warning: 1px solid #f0a020; --n-color-active-error: rgba(255, 255, 255, 1); --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-active-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-hover-error: none; --n-border-error: 1px solid #d03050; --n-border-focus-error: 1px solid #de576d; --n-border-hover-error: 1px solid #de576d; --n-border-active-error: 1px solid #d03050; --n-clear-size: 16px; --n-clear-color: rgba(194, 194, 194, 1); --n-clear-color-hover: rgba(146, 146, 146, 1); --n-clear-color-pressed: rgba(175, 175, 175, 1); --n-arrow-size: 16px;"`;
+exports[`n-cascader should work with \`size\` prop 1`] = `"--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border: 1px solid rgb(224, 224, 230); --n-border-active: 1px solid #18a058; --n-border-focus: 1px solid #36ad6a; --n-border-hover: 1px solid #36ad6a; --n-border-radius: 3px; --n-box-shadow-active: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-hover: none; --n-caret-color: #18a058; --n-color: rgba(255, 255, 255, 1); --n-color-active: rgba(255, 255, 255, 1); --n-color-disabled: rgb(250, 250, 252); --n-font-size: 14px; --n-height: 28px; --n-padding-single-top: 0; --n-padding-multiple-top: 3px; --n-padding-single-right: 26px; --n-padding-multiple-right: 26px; --n-padding-single-left: 12px; --n-padding-multiple-left: 12px; --n-padding-single-bottom: 0; --n-padding-multiple-bottom: 0; --n-placeholder-color: rgba(194, 194, 194, 1); --n-placeholder-color-disabled: rgba(209, 209, 209, 1); --n-text-color: rgb(51, 54, 57); --n-text-color-disabled: rgba(194, 194, 194, 1); --n-arrow-color: rgba(194, 194, 194, 1); --n-arrow-color-disabled: rgba(209, 209, 209, 1); --n-loading-color: #18a058; --n-color-active-warning: rgba(255, 255, 255, 1); --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-active-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-hover-warning: none; --n-border-warning: 1px solid #f0a020; --n-border-focus-warning: 1px solid #fcb040; --n-border-hover-warning: 1px solid #fcb040; --n-border-active-warning: 1px solid #f0a020; --n-color-active-error: rgba(255, 255, 255, 1); --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-active-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-hover-error: none; --n-border-error: 1px solid #d03050; --n-border-focus-error: 1px solid #de576d; --n-border-hover-error: 1px solid #de576d; --n-border-active-error: 1px solid #d03050; --n-clear-size: 16px; --n-clear-color: rgba(194, 194, 194, 1); --n-clear-color-hover: rgba(146, 146, 146, 1); --n-clear-color-pressed: rgba(175, 175, 175, 1); --n-arrow-size: 16px;"`;
 
-exports[`n-cascader should work with \`size\` prop 2`] = `"--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border: 1px solid rgb(224, 224, 230); --n-border-active: 1px solid #18a058; --n-border-focus: 1px solid #36ad6a; --n-border-hover: 1px solid #36ad6a; --n-border-radius: 3px; --n-box-shadow-active: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-hover: none; --n-caret-color: #18a058; --n-color: rgba(255, 255, 255, 1); --n-color-active: rgba(255, 255, 255, 1); --n-color-disabled: rgb(250, 250, 252); --n-font-size: 14px; --n-height: 34px; --n-padding-single: 0 26px 0 12px; --n-padding-multiple: 3px 26px 0 12px; --n-placeholder-color: rgba(194, 194, 194, 1); --n-placeholder-color-disabled: rgba(209, 209, 209, 1); --n-text-color: rgb(51, 54, 57); --n-text-color-disabled: rgba(194, 194, 194, 1); --n-arrow-color: rgba(194, 194, 194, 1); --n-arrow-color-disabled: rgba(209, 209, 209, 1); --n-loading-color: #18a058; --n-color-active-warning: rgba(255, 255, 255, 1); --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-active-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-hover-warning: none; --n-border-warning: 1px solid #f0a020; --n-border-focus-warning: 1px solid #fcb040; --n-border-hover-warning: 1px solid #fcb040; --n-border-active-warning: 1px solid #f0a020; --n-color-active-error: rgba(255, 255, 255, 1); --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-active-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-hover-error: none; --n-border-error: 1px solid #d03050; --n-border-focus-error: 1px solid #de576d; --n-border-hover-error: 1px solid #de576d; --n-border-active-error: 1px solid #d03050; --n-clear-size: 16px; --n-clear-color: rgba(194, 194, 194, 1); --n-clear-color-hover: rgba(146, 146, 146, 1); --n-clear-color-pressed: rgba(175, 175, 175, 1); --n-arrow-size: 16px;"`;
+exports[`n-cascader should work with \`size\` prop 2`] = `"--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border: 1px solid rgb(224, 224, 230); --n-border-active: 1px solid #18a058; --n-border-focus: 1px solid #36ad6a; --n-border-hover: 1px solid #36ad6a; --n-border-radius: 3px; --n-box-shadow-active: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-hover: none; --n-caret-color: #18a058; --n-color: rgba(255, 255, 255, 1); --n-color-active: rgba(255, 255, 255, 1); --n-color-disabled: rgb(250, 250, 252); --n-font-size: 14px; --n-height: 34px; --n-padding-single-top: 0; --n-padding-multiple-top: 3px; --n-padding-single-right: 26px; --n-padding-multiple-right: 26px; --n-padding-single-left: 12px; --n-padding-multiple-left: 12px; --n-padding-single-bottom: 0; --n-padding-multiple-bottom: 0; --n-placeholder-color: rgba(194, 194, 194, 1); --n-placeholder-color-disabled: rgba(209, 209, 209, 1); --n-text-color: rgb(51, 54, 57); --n-text-color-disabled: rgba(194, 194, 194, 1); --n-arrow-color: rgba(194, 194, 194, 1); --n-arrow-color-disabled: rgba(209, 209, 209, 1); --n-loading-color: #18a058; --n-color-active-warning: rgba(255, 255, 255, 1); --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-active-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-hover-warning: none; --n-border-warning: 1px solid #f0a020; --n-border-focus-warning: 1px solid #fcb040; --n-border-hover-warning: 1px solid #fcb040; --n-border-active-warning: 1px solid #f0a020; --n-color-active-error: rgba(255, 255, 255, 1); --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-active-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-hover-error: none; --n-border-error: 1px solid #d03050; --n-border-focus-error: 1px solid #de576d; --n-border-hover-error: 1px solid #de576d; --n-border-active-error: 1px solid #d03050; --n-clear-size: 16px; --n-clear-color: rgba(194, 194, 194, 1); --n-clear-color-hover: rgba(146, 146, 146, 1); --n-clear-color-pressed: rgba(175, 175, 175, 1); --n-arrow-size: 16px;"`;
 
-exports[`n-cascader should work with \`size\` prop 3`] = `"--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border: 1px solid rgb(224, 224, 230); --n-border-active: 1px solid #18a058; --n-border-focus: 1px solid #36ad6a; --n-border-hover: 1px solid #36ad6a; --n-border-radius: 3px; --n-box-shadow-active: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-hover: none; --n-caret-color: #18a058; --n-color: rgba(255, 255, 255, 1); --n-color-active: rgba(255, 255, 255, 1); --n-color-disabled: rgb(250, 250, 252); --n-font-size: 15px; --n-height: 40px; --n-padding-single: 0 26px 0 12px; --n-padding-multiple: 3px 26px 0 12px; --n-placeholder-color: rgba(194, 194, 194, 1); --n-placeholder-color-disabled: rgba(209, 209, 209, 1); --n-text-color: rgb(51, 54, 57); --n-text-color-disabled: rgba(194, 194, 194, 1); --n-arrow-color: rgba(194, 194, 194, 1); --n-arrow-color-disabled: rgba(209, 209, 209, 1); --n-loading-color: #18a058; --n-color-active-warning: rgba(255, 255, 255, 1); --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-active-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-hover-warning: none; --n-border-warning: 1px solid #f0a020; --n-border-focus-warning: 1px solid #fcb040; --n-border-hover-warning: 1px solid #fcb040; --n-border-active-warning: 1px solid #f0a020; --n-color-active-error: rgba(255, 255, 255, 1); --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-active-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-hover-error: none; --n-border-error: 1px solid #d03050; --n-border-focus-error: 1px solid #de576d; --n-border-hover-error: 1px solid #de576d; --n-border-active-error: 1px solid #d03050; --n-clear-size: 16px; --n-clear-color: rgba(194, 194, 194, 1); --n-clear-color-hover: rgba(146, 146, 146, 1); --n-clear-color-pressed: rgba(175, 175, 175, 1); --n-arrow-size: 16px;"`;
+exports[`n-cascader should work with \`size\` prop 3`] = `"--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border: 1px solid rgb(224, 224, 230); --n-border-active: 1px solid #18a058; --n-border-focus: 1px solid #36ad6a; --n-border-hover: 1px solid #36ad6a; --n-border-radius: 3px; --n-box-shadow-active: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-box-shadow-hover: none; --n-caret-color: #18a058; --n-color: rgba(255, 255, 255, 1); --n-color-active: rgba(255, 255, 255, 1); --n-color-disabled: rgb(250, 250, 252); --n-font-size: 15px; --n-height: 40px; --n-padding-single-top: 0; --n-padding-multiple-top: 3px; --n-padding-single-right: 26px; --n-padding-multiple-right: 26px; --n-padding-single-left: 12px; --n-padding-multiple-left: 12px; --n-padding-single-bottom: 0; --n-padding-multiple-bottom: 0; --n-placeholder-color: rgba(194, 194, 194, 1); --n-placeholder-color-disabled: rgba(209, 209, 209, 1); --n-text-color: rgb(51, 54, 57); --n-text-color-disabled: rgba(194, 194, 194, 1); --n-arrow-color: rgba(194, 194, 194, 1); --n-arrow-color-disabled: rgba(209, 209, 209, 1); --n-loading-color: #18a058; --n-color-active-warning: rgba(255, 255, 255, 1); --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-active-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-box-shadow-hover-warning: none; --n-border-warning: 1px solid #f0a020; --n-border-focus-warning: 1px solid #fcb040; --n-border-hover-warning: 1px solid #fcb040; --n-border-active-warning: 1px solid #f0a020; --n-color-active-error: rgba(255, 255, 255, 1); --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-active-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-box-shadow-hover-error: none; --n-border-error: 1px solid #d03050; --n-border-focus-error: 1px solid #de576d; --n-border-hover-error: 1px solid #de576d; --n-border-active-error: 1px solid #d03050; --n-clear-size: 16px; --n-clear-color: rgba(194, 194, 194, 1); --n-clear-color-hover: rgba(146, 146, 146, 1); --n-clear-color-pressed: rgba(175, 175, 175, 1); --n-arrow-size: 16px;"`;

src/cascader/tests/server.spec.tsx

@@ -1,7 +1,7 @@
 /**
  * @jest-environment node
  */
-import { h, createSSRApp } from 'vue'
+import { createSSRApp } from 'vue'
 import { renderToString } from '@vue/server-renderer'
 import { setup } from '@css-render/vue3-ssr'
 import { NCascader } from '../..'

src/checkbox/src/CheckMark.tsx

@@ -1,5 +1,3 @@
-import { h } from 'vue'
-
 export default (
   <svg viewBox="0 0 64 64" class="check-icon">
     <path d="M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z" />

src/checkbox/src/Checkbox.tsx

@@ -1,5 +1,4 @@
 import {
-  h,
   defineComponent,
   computed,
   inject,