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-14 19:35:09
+ * @LastEditTime: 2023-08-16 11:13:14
  * @FilePath: \vue3\stories\SelectTransferModal.stories.ts
  * @Description:
  *
@@ -62,7 +62,6 @@ const meta = {
                  :default-params="args.defaultParams"
                  :hide-pagination="args.hidePagination"
                  :request="args.request"
-                 :layout="args.layout"
                  :page-sizes="args.pageSizes"
                  :pager-count="args.pagerCount"
                  :props="args.props"
@@ -79,3 +78,30 @@ type Story = StoryObj<typeof meta>
 export const Base: Story = {
   name: '基本使用',
 }
+
+export const Data: Story = {
+  name: '数据回显',
+  args: {
+    value: [{
+      id: 1,
+      name: 'name1',
+      value: 'value1',
+    }, {
+      id: 12,
+      name: 'name1',
+      value: 'value1',
+    }],
+    show: false,
+    defaultParams: {},
+    formItems: [{ label: 'label1', prop: 'prop1' }, { label: 'label2', prop: 'prop2', selectOptions: [{ label: '1', value: '1' }, { label: '2', value: '2' }] }],
+    request,
+    pageSizes: [20, 50, 100, 200],
+    pagerCount: document.body.clientWidth < 992 ? 5 : 7,
+    props: { key: 'id', label: 'name', disabled: 'disabled' },
+    hidePagination: false,
+    title: '选择',
+    width: '70%',
+    zIndex: 2023,
+  },
+  render: meta.render,
+}