feat(story): 插槽

stories/SelectTransferModal.stories.ts

@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-08-14 11:07:15
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-08-16 11:13:14
+ * @LastEditTime: 2023-08-16 11:54:25
  * @FilePath: \vue3\stories\SelectTransferModal.stories.ts
  * @Description:
  *
@@ -105,3 +105,36 @@ export const Data: Story = {
   },
   render: meta.render,
 }
+
+export const TransferSlot: Story = {
+  name: '插槽',
+  args: {
+    ...meta.args,
+  },
+  render: args => ({
+    components: { ThSelectTransferModal },
+    setup() {
+      return { args }
+    },
+    template: `<th-select-transfer-modal
+                 v-model:value="args.value"
+                 v-model:show="args.show"
+                 :form-items="args.formItems"
+                 :default-params="args.defaultParams"
+                 :hide-pagination="args.hidePagination"
+                 :request="args.request"
+                 :page-sizes="args.pageSizes"
+                 :pager-count="args.pagerCount"
+                 :props="args.props"
+                 :title="args.title"
+                 :width="args.width"
+                 :z-index="args.zIndex"
+               >
+                <template #transfer="{ option }"> 
+                  <span flex-grow>{{ option.name }}</span>
+                  <span>（{{ option.value }}）</span> 
+                </template>
+               </th-select-transfer-modal>
+              `,
+  }),
+}