export default [
  {
    title: "简单列表",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
    schema: {
      componentName: "List",
      props: {
        dataSource: [
          {
            id: 1,
            text: "Racing car sprays burning fuel into crowd.",
          },
          {
            id: 2,
            text: "Japanese princess to wed commoner.",
          },
          {
            id: 3,
            text: "Australian walks 100km after outback crash.",
          },
          {
            id: 4,
            text: "Man charged over missing wedding girl.",
          },
          {
            id: 5,
            text: "Los Angeles battles huge wildfires.",
          },
        ],
        renderItem: {
          type: "JSSlot",
          params: ["item"],
          value: [
            {
              componentName: "List.Item",
              props: {},
              children: {
                componentName: "Typography.Text",
                props: {
                  children: {
                    type: "JSExpression",
                    value: "this.item.text",
                  },
                },
              },
            },
          ],
        },
        header: {
          type: "JSSlot",
          value: [
            {
              componentName: "Typography.Text",
              props: {
                children: "列表头部",
              },
            },
          ],
        },
        footer: {
          type: "JSSlot",
          value: [
            {
              componentName: "Typography.Text",
              props: {
                children: "列表底部",
              },
            },
          ],
        },
        itemLayout: "horizontal",
        size: "default",
        bordered: true,
        split: true,
        pagination: {
          pageSize: 5,
          total: 10,
          current: 1,
        },
      },
    },
  },
  {
    title: "基础列表",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
    schema: {
      componentName: "List",
      props: {
        dataSource: [
          {
            id: 1,
            title: "Ant Design Title 1",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 2,
            title: "Ant Design Title 2",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 3,
            title: "Ant Design Title 3",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 4,
            title: "Ant Design Title 4",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 5,
            title: "Ant Design Title 5",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
        ],
        renderItem: {
          type: "JSSlot",
          params: ["item"],
          value: [
            {
              componentName: "List.Item",
              props: {},
              children: {
                componentName: "List.Item.Meta",
                props: {
                  avatar: {
                    type: "JSSlot",
                    value: [
                      {
                        componentName: "Avatar",
                        props: {
                          icon: {
                            componentName: "Icon",
                            props: {
                              type: "UserOutlined",
                            },
                          },
                          src: {
                            type: "JSExpression",
                            value: "this.item.avatar",
                          },
                        },
                      },
                    ],
                  },
                  title: {
                    type: "JSSlot",
                    value: [
                      {
                        componentName: "Typography.Link",
                        props: {
                          children: {
                            type: "JSExpression",
                            value: "this.item.title",
                          },
                        },
                      },
                    ],
                  },
                  description: {
                    type: "JSSlot",
                    value: [
                      {
                        componentName: "Typography.Text",
                        props: {
                          children: {
                            type: "JSExpression",
                            value: "this.item.description",
                          },
                        },
                      },
                    ],
                  },
                },
              },
            },
          ],
        },
        itemLayout: "horizontal",
        size: "default",
        bordered: true,
        split: true,
        pagination: {
          pageSize: 10,
          total: 15,
          current: 1,
        },
      },
    },
  },
  {
    title: "Gallery",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
    schema: {
      componentName: "List",
      props: {
        dataSource: [
          {
            id: 1,
            title: "Ant Design Title 1",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 2,
            title: "Ant Design Title 2",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 3,
            title: "Ant Design Title 3",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 4,
            title: "Ant Design Title 4",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
          {
            id: 5,
            title: "Ant Design Title 5",
            avatar:
              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
            description:
              "Ant Design, a design language for background applications, is refined by Ant UED Team",
          },
        ],
        renderItem: {
          type: "JSSlot",
          params: ["item"],
          value: [
            {
              componentName: "List.Item",
              props: {
                style: {
                  padding: 0,
                  margin: 0,
                },
              },
              children: [
                {
                  componentName: "ClassicLayout",
                  id: "node_oclo5iy2upp",
                  props: {
                    header: {
                      type: "JSSlot",
                      value: [
                        {
                          componentName: "Div",
                          id: "node_oclo5iy2upw",
                          props: {
                            style: {
                              textAlign: "center",
                              color: "#fff",
                              height: 64,
                              paddingInline: 50,
                              lineHeight: "64px",
                              backgroundColor: "#7dbcea",
                            },
                            children: "Header",
                          },
                          hidden: false,
                          title: "",
                          isLocked: false,
                          condition: true,
                          conditionGroup: "",
                        },
                      ],
                      id: "node_oclo5iy2upq",
                    },
                    content: {
                      type: "JSSlot",
                      value: [
                        {
                          componentName: "Div",
                          id: "node_oclo5iy2upx",
                          props: {
                            style: {
                              textAlign: "center",
                              minHeight: 120,
                              lineHeight: "120px",
                              color: "#fff",
                              backgroundColor: "#108ee9",
                            },
                            children: "Content",
                          },
                          hidden: false,
                          title: "",
                          isLocked: false,
                          condition: true,
                          conditionGroup: "",
                        },
                      ],
                      id: "node_oclo5iy2ups",
                    },
                    footer: {
                      type: "JSSlot",
                      value: [
                        {
                          componentName: "Div",
                          id: "node_oclo5iy2upy",
                          props: {
                            style: {
                              textAlign: "center",
                              color: "#fff",
                              backgroundColor: "#7dbcea",
                              height: 70,
                              lineHeight: "70px",
                            },
                            children: "Footer",
                          },
                          hidden: false,
                          title: "",
                          isLocked: false,
                          condition: true,
                          conditionGroup: "",
                        },
                      ],
                      id: "node_oclo5iy2upu",
                    },
                  },
                  hidden: false,
                  title: "",
                  isLocked: false,
                  condition: true,
                  conditionGroup: "",
                },
              ],
            },
          ],
        },
        itemLayout: "horizontal",
        size: "default",
        bordered: true,
        split: true,
        gridEnable: true,
        grid: {
          column: 4,
          oneLine: false,
          gutter: [10, 10],
        },
        header: false,
        footer: false,
        loadMore: false,
        pagination: {
          pageSize: 10,
          total: 15,
          current: 1,
        },
      },
    },
  },
];