feat: 左侧插槽

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-18 16:45:45
+ * @LastEditTime: 2023-09-05 18:19:09
  * @FilePath: \vue3\stories\SelectTransferModal.stories.ts
  * @Description:
  *
@@ -131,7 +131,7 @@ export const TransferLock: Story = {
 }
 
 export const TransferSlot: Story = {
-  name: '插槽',
+  name: '穿梭框插槽',
   args: {
     ...meta.args,
   },
@@ -163,3 +163,39 @@ export const TransferSlot: Story = {
               `,
   }),
 }
+
+export const LeftSlot: 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"
+                 :lock-list="args.lockList"
+                 :page-sizes="args.pageSizes"
+                 :pager-count="args.pagerCount"
+                 :props="args.props"
+                 :title="args.title"
+                 :width="args.width"
+                 :z-index="args.zIndex"
+               >
+                <template #left="{ queryParams }">
+                <div style="width:200px">
+                
+                <input v-model="queryParams.name" />
+                </div>
+                </template>
+               </th-select-transfer-modal>
+              `,
+  }),
+}