抽屉

基于 naive-ui 的drawer二次封装。

INFO

无需引入，可直接使用

Usage

<template>
  <w-drawer
    v-model:show="show"
    :width="350"
    :title="someTitle"
    @yes="() => (show = false)"
    @no="() => (show = false)"
  >
    some drawer content
    some drawer content
    some drawer content
    some drawer content
    some drawer content
    some drawer content
    some drawer content
    some drawer content
  </w-drawer>
</template>

Props

名称	类型	默认值	说明
closable	boolean	false	覆盖默认的 true
title	string	'title'	抽屉的标题
loading	boolean	false	default slot 外封了一层 spin 的 loading
on-yes	function	-	确定按钮事件
on-no	function	-	取消按钮事件
defaultButton	boolean	true	采用默认按钮组
helpMessage	string	-	抽屉标题辅助信息
width	string/number	-	抽屉宽度

Type

import type { DrawerProps } from 'naive-ui'

import { props } from './props'

type ExtendProps = Partial<ExtractPropTypes<typeof props>>

export interface WDrawertProps extends DrawerProps, ExtendProps {}