fix(tab-nav): add missing component dependencies

fix vexip-ui#528

.commitlintrc.js

@@ -1,3 +1,6 @@
+/**
+ * @type {import('@commitlint/types').UserConfig}
+ */
 export default {
   extends: ['@vexip-ui/commitlint-config']
 }

.github/workflows/ci.yml

@@ -70,14 +70,5 @@ jobs:
       - name: Build common packages
         run: pnpm run build:common
 
-      - name: Test BEM
-        run: pnpm -C common/bem-helper test
-
-      - name: Test utils
-        run: pnpm -C common/utils test
-
-      - name: Test plugins
-        run: pnpm -C common/plugins test
-
       - name: Test
         run: pnpm run test

components/avatar/avatar.vue

@@ -37,9 +37,9 @@ const props = useProps('avatar', _props, {
   slots: () => ({})
 })
 
-defineSlots<{
-  default: () => any,
-  icon: () => any
+const slots = defineSlots<{
+  default?: () => any,
+  icon?: () => any
 }>()
 
 const groupState = inject(GROUP_STATE, null)
@@ -156,7 +156,7 @@ function handleClick(event: MouseEvent) {
       :alt="props.alt"
       @error="fallbackFail = true"
     />
-    <template v-else-if="icon || $slots.icon">
+    <template v-else-if="icon || slots.icon">
       <slot name="icon">
         <Renderer :renderer="props.slots.icon">
           <Icon :class="nh.be('icon')" :icon="icon" :scale="props.iconScale"></Icon>

components/form/form-item.vue

@@ -75,10 +75,10 @@ const props = useProps('formItem', _props, {
 })
 
 const slots = defineSlots<{
-  default: () => any,
-  help: () => any,
-  label: () => any,
-  error: (params: { tip: string }) => any
+  default?: () => any,
+  help?: () => any,
+  label?: () => any,
+  error?: (params: { tip: string }) => any
 }>()
 
 const formProps = inject(FORM_PROPS, {})
@@ -130,7 +130,7 @@ const allRules = computed(() => {
 })
 const currentValue = computed(getValue)
 const isValidateAll = computed(() => {
-  return isNull(props.validateAll) ? formProps.validateAll ?? false : props.validateAll
+  return isNull(props.validateAll) ? (formProps.validateAll ?? false) : props.validateAll
 })
 const useAsterisk = computed(() => {
   if (props.hideAsterisk === true || formProps.hideAsterisk) {
@@ -400,7 +400,7 @@ const isNative = computed(() => !!(formProps.action && formProps.method))
       :for="props.htmlFor || props.prop"
       @click="handleLabelClick"
     >
-      <Tooltip v-if="props.help || $slots.help" transfer>
+      <Tooltip v-if="props.help || slots.help" transfer>
         <template #trigger>
           <Icon v-bind="icons.help" :class="nh.be('help')"></Icon>
         </template>

components/form/form-reset.vue

@@ -35,10 +35,10 @@ const props = useProps('formReset', _props, {
   }
 })
 
-defineSlots<{
-  default: () => any,
-  icon: () => any,
-  loading: () => any
+const slots = defineSlots<{
+  default?: () => any,
+  icon?: () => any,
+  loading?: () => any
 }>()
 
 const actions = inject(FORM_ACTIONS, null)
@@ -94,10 +94,10 @@ async function handleReset() {
     <slot>
       {{ props.label || locale.reset }}
     </slot>
-    <template v-if="$slots.icon" #icon>
+    <template v-if="slots.icon" #icon>
       <slot name="icon"></slot>
     </template>
-    <template v-if="$slots.loading" #loading>
+    <template v-if="slots.loading" #loading>
       <slot name="loading"></slot>
     </template>
   </Button>

components/form/form-submit.vue

@@ -36,10 +36,10 @@ const props = useProps('form-submit', _props, {
   }
 })
 
-defineSlots<{
-  default: () => any,
-  icon: () => any,
-  loading: () => any
+const slots = defineSlots<{
+  default?: () => any,
+  icon?: () => any,
+  loading?: () => any
 }>()
 
 const fieldActions = inject(FIELD_OPTIONS, null)
@@ -125,10 +125,10 @@ async function handleSubmit() {
     <slot>
       {{ props.label || locale.submit }}
     </slot>
-    <template v-if="$slots.icon" #icon>
+    <template v-if="slots.icon" #icon>
       <slot name="icon"></slot>
     </template>
-    <template v-if="$slots.loading" #loading>
+    <template v-if="slots.loading" #loading>
       <slot name="loading"></slot>
     </template>
     <button

components/tab-nav/tab-nav.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { Icon } from '@/components/icon'
+import { Renderer } from '@/components/renderer'
 import { ResizeObserver } from '@/components/resize-observer'
 import { Scroll } from '@/components/scroll'
 import { TabNavItem } from '@/components/tab-nav-item'

package.json

@@ -143,7 +143,8 @@
     "@vexip-ui/utils": "workspace:*"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.1",
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/types": "^19.5.0",
     "@juggle/resize-observer": "^3.4.0",
     "@types/eslint": "^8.56.7",
     "@types/fs-extra": "^11.0.4",
@@ -200,7 +201,7 @@
     "tsx": "^4.7.2",
     "typescript": "5.4.4",
     "vite": "^5.4.6",
-    "vite-plugin-dts": "^4.1.0",
+    "vite-plugin-dts": "^4.5.0",
     "vitest": "^2.1.5",
     "vue": "^3.4.38",
     "vue-router": "^4.4.3"