fix: 显示配置

stories/PreviewOfficeView.stories.ts

@@ -2,23 +2,44 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-07-18 12:22:11
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-18 12:39:40
+ * @LastEditTime: 2023-08-22 02:08:24
  * @FilePath: \vue3\stories\PreviewOfficeView.stories.ts
  * @Description:
  *
  */
 import type { Meta, StoryObj } from '@storybook/vue3'
+
 import ThPreviewOfficeView from '../packages/preview-office-view/index.vue'
 
 const meta = {
   title: '数据展示/Office预览/PreviewOfficeView',
   component: ThPreviewOfficeView,
   tags: ['autodocs'],
+  args: {
+    url: 'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.docx',
+    extension: 'docx',
+  },
 } satisfies Meta<typeof ThPreviewOfficeView>
 export default meta
 
 type Story = StoryObj<typeof meta>
 
-export const Base: Story = {
-  name: '基本使用',
+export const docx: Story = {
+  name: 'Word文档（仅支持.docx）',
+}
+
+export const excel: Story = {
+  name: 'Excel表格（仅支持.xlsx）',
+  args: {
+    url: 'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.xlsx',
+    extension: 'xlsx',
+  },
+}
+
+export const pdf: Story = {
+  name: 'PDF文档',
+  args: {
+    url: 'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.pdf',
+    extension: 'pdf',
+  },
 }