export default [
  {
    title: "侧边抽屉",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/drawer-1.png",
    schema: {
      componentName: "Drawer",
      props: {
        title: "Basic Drawer",
        open: true,
        placement: "right",
        destroyOnClose: true,
      },
      children: [
        {
          componentName: "Typography.Paragraph",
          children: "Some contents...",
        },
      ],
    },
  },
  {
    title: "底部抽屉",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/drawer-2.png",
    schema: {
      componentName: "Drawer",
      props: {
        title: "Basic Drawer",
        open: true,
        placement: "bottom",
        destroyOnClose: true,
      },
      children: [
        {
          componentName: "Typography.Paragraph",
          children: "Some contents...",
        },
      ],
    },
  },
  {
    title: "抽屉结合标签页",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/drawer-1.png",
    schema: {
      componentName: "Drawer",
      props: {
        title: "Basic Drawer",
        open: true,
        placement: "right",
        destroyOnClose: true,
        operateMode: "outside",
        mask: false,
        maskClosable: false,
        autoFocus: true,
        keyboard: true,
        closable: false,
        forceRender: false,
        bodyStyle: {
          padding: "0",
        },
      },
      children: [
        {
          componentName: "Tabs",
          props: {
            type: "icon-label",
            items: [
              {
                label: "标签项1",
                key: "tab-item-1",
                icon: {
                  type: "JSSlot",
                  value: [
                    {
                      componentName: "Icon",
                      props: {
                        type: "SmileOutlined",
                        size: 20,
                        rotate: 0,
                        spin: false,
                      },
                      title: "",
                    },
                  ],
                },
                children: {
                  type: "JSSlot",
                  id: "node_oclonzwkqig",
                },
              },
              {
                label: "标签项2",
                key: "tab-item-2",
                icon: {
                  type: "JSSlot",
                  value: [
                    {
                      componentName: "Icon",
                      props: {
                        type: "SmileOutlined",
                        size: 20,
                        rotate: 0,
                        spin: false,
                      },
                      title: "",
                    },
                  ],
                },
                children: {
                  type: "JSSlot",
                },
              },
            ],
            size: "large",
            centered: false,
            tabPosition: "left",
            keyboard: false,
            hideAdd: false,
            style: {
              height: "100%",
            },
          },
        },
      ],
    },
  },
];
