diff --git a/lib/component/drawer/drawer.vue b/lib/component/drawer/drawer.vue
new file mode 100644
index 0000000..1f2d2bb
--- /dev/null
+++ b/lib/component/drawer/drawer.vue
@@ -0,0 +1,34 @@
+<!-- @format -->
+
+<template>
+  <a-drawer v-bind="getBindValue">
+    <template #[item]="data" v-for="item in Object.keys($slots)" :key="item">
+      <slot :name="item" v-bind="data || {}"></slot>
+    </template>
+    <template #footer>
+      <a-button>取消</a-button>
+    </template>
+  </a-drawer>
+</template>
+
+<script lang="ts">
+  import { computed, defineComponent, toRefs } from 'vue';
+  import { drawerProps } from 'ant-design-vue/es/drawer';
+
+  export default defineComponent({
+    name: 'NsDrawer',
+    props: {
+      ...drawerProps(),
+    },
+    setup(props, { attrs, emit, slots }) {
+      console.log(props, slots);
+
+      const getBindValue = computed(() => ({
+        ...attrs,
+        ...props,
+      }));
+      return { getBindValue };
+    },
+  });
+</script>
+<style lang="less" scoped></style>
diff --git a/lib/component/drawer/index.ts b/lib/component/drawer/index.ts
new file mode 100644
index 0000000..81db241
--- /dev/null
+++ b/lib/component/drawer/index.ts
@@ -0,0 +1,4 @@
+import drawer from './drawer.vue';
+import { withInstall } from '/nerv-lib/util';
+
+export const NsDrawer = withInstall(drawer);
diff --git a/lib/component/index.ts b/lib/component/index.ts
index 1fa3fa3..6ca7a93 100644
--- a/lib/component/index.ts
+++ b/lib/component/index.ts
@@ -1,5 +1,3 @@
-
-
 export {
   Button,
   Select,
@@ -68,6 +66,7 @@ export { NsSteps } from './form/steps';
 export { NsVNode } from './VNode';
 export { NsMessage } from './message';
 export { NsModal } from './modal';
+export { NsDrawer } from './drawer';
 
 export { NsForm } from './form/form';
 export * from './table';