export default [
  {
    title: "下拉菜单",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/dropdown-1.png",
    schema: {
      componentName: "Dropdown",
      props: {
        overlay: {
          type: "JSSlot",
          value: [
            {
              componentName: "Menu",
              props: {
                items: [
                  {
                    key: "timeLinei5wd",
                    category: "Item",
                    title: "菜单名",
                    label: "菜单名"
                  },
                ],
              },
            },
          ],
        },
      },
      children: [
        {
          componentName: "Button",
          props: {
            type: "link",
            children: {
              type: "JSSlot",
              value: [
                {
                  componentName: "Typography.Text",
                  props: {
                    children: "Hover me",
                    style: {
                      color: "inherit",
                    },
                  },
                },
                {
                  componentName: "Icon",
                  props: {
                    type: "DownOutlined",
                    size: 15,
                    style: {
                      marginLeft: 4,
                      verticalAlign: "middle",
                    },
                  },
                },
              ],
            },
          },
        },
      ],
    },
  },
  {
    title: "筛选下拉",
    screenshot:
      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/dropdown-1.png",
    schema: {
      componentName: "Dropdown",
      props: {
        overlay: {
          type: "JSSlot",
          value: [
            {
              componentName: "ClassicLayout",
              props: {
                header: "",
                content: {
                  type: "JSSlot",
                  value: [
                    {
                      componentName: "FDCol",
                      props: {
                        width: "",
                        gap: 12,
                        style: {},
                      },
                      title: "列容器",
                      children: [
                        {
                          componentName: "FDCell",
                          props: {
                            align: "left",
                            verAlign: "top",
                            width: "",
                          },
                          title: "",

                          children: [
                            {
                              componentName: "FDP",
                              props: {
                                spacing: "small",
                                style: {
                                  display: "flex",
                                  flexDirection: "column",
                                  justifyContent: "flex-start",
                                  alignItems: "flex-start",
                                  gap: "4px",
                                },
                              },
                              title: "段落",

                              children: [
                                {
                                  componentName: "Typography.Text",
                                  props: {
                                    children: "状态筛选",
                                    code: false,
                                    delete: false,
                                    disabled: false,
                                    mark: false,
                                    keyboard: false,
                                    underline: false,
                                    strong: false,
                                  },
                                  title: "",
                                },
                                {
                                  componentName: "Select",
                                  props: {
                                    style: {
                                      width: 200,
                                    },
                                    options: [
                                      {
                                        label: "A",
                                        value: "A",
                                      },
                                      {
                                        label: "B",
                                        value: "B",
                                      },
                                      {
                                        label: "C",
                                        value: "C",
                                      },
                                    ],
                                    allowClear: false,
                                    autoFocus: false,
                                    defaultActiveFirstOption: true,
                                    disabled: false,
                                    labelInValue: false,
                                    showSearch: false,
                                    loading: false,
                                    bordered: true,
                                    optionFilterProp: "value",
                                    tokenSeparators: [],
                                    isShowDropdown: false,
                                    maxTagCount: 0,
                                    maxTagTextLength: 0,
                                    selectAll: false,
                                  },
                                  title: "",
                                },
                              ],
                            },
                          ],
                        },
                        {
                          componentName: "FDCell",
                          props: {
                            align: "left",
                            verAlign: "top",
                            width: "",
                          },
                          title: "容器",

                          children: [
                            {
                              componentName: "FDP",
                              props: {
                                style: {
                                  display: "flex",
                                  flexDirection: "column",
                                  justifyContent: "flex-start",
                                  alignItems: "flex-start",
                                  gap: "4px",
                                },
                              },
                              title: "段落",

                              children: [
                                {
                                  componentName: "Typography.Text",
                                  props: {
                                    children: "日期区间",
                                    code: false,
                                    delete: false,
                                    disabled: false,
                                    mark: false,
                                    keyboard: false,
                                    underline: false,
                                    strong: false,
                                  },

                                  title: "",
                                },
                                {
                                  componentName: "DatePicker",
                                  props: {
                                    format: "YYYY-MM-DD",
                                    allowClear: true,
                                    bordered: true,
                                    showToday: true,
                                    autoFocus: false,
                                    disabled: false,
                                    inputReadOnly: false,
                                    showTime: false,
                                    style: {
                                      width: "100%",
                                    },
                                  },
                                  title: "",
                                },
                              ],
                            },
                          ],
                        },
                        {
                          componentName: "FDCell",
                          props: {
                            align: "left",
                            verAlign: "top",
                          },
                          title: "容器",

                          children: [
                            {
                              componentName: "FDP",
                              props: {
                                style: {
                                  display: "flex",
                                  flexDirection: "column",
                                  justifyContent: "flex-start",
                                  alignItems: "flex-start",
                                  gap: "4px",
                                },
                              },
                              title: "段落",

                              children: [
                                {
                                  componentName: "Typography.Text",
                                  props: {
                                    children: "场次",
                                    code: false,
                                    delete: false,
                                    disabled: false,
                                    mark: false,
                                    keyboard: false,
                                    underline: false,
                                    strong: false,
                                  },

                                  title: "",
                                },
                                {
                                  componentName: "Input",
                                  props: {
                                    placeholder: "请输入",
                                    bordered: true,
                                    disabled: false,
                                  },
                                  title: "",
                                },
                              ],
                            },
                          ],
                        },
                      ],
                    },
                  ],
                },
                footer: "",
                style: {
                  borderRadius: "8px",
                  border: "1px solid var(--gray-200, #EAECF0)",
                  boxShadow:
                    "0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08)",
                  background: "var(--base-white, #FFF)",
                  padding: "16px",
                },
              },

              title: "",
            },
          ],
        },
        arrow: false,
        disabled: false,
        placement: "bottomCenter",
        trigger: ["click"],
      },
      children: [
        {
          componentName: "Button",
          props: {
            type: "primary",
            children: {
              type: "JSSlot",
              value: [
                {
                  componentName: "Typography.Text",
                  props: {
                    children: "Filtered",
                    style: {
                      color: "inherit",
                    },
                    code: false,
                    delete: false,
                    disabled: false,
                    mark: false,
                    keyboard: false,
                    underline: false,
                    strong: false,
                  },
                  title: "",
                },
              ],
            },
            htmlType: "button",
            size: "middle",
            shape: "default",
            icon: {
              type: "JSSlot",
              value: [
                {
                  componentName: "Icon",
                  props: {
                    type: "FilterOutlined",
                    size: 20,
                    rotate: 0,
                    spin: false,
                  },
                  title: "",
                },
              ],
            },
            block: false,
            danger: false,
            ghost: false,
            disabled: false,
            style: {
              display: "inline-flex",
              color: "var(--gray-700, #344054)",
              borderRadius: "99px",
              backgroundColor: "#fff",
            },
          },
          title: "",
        },
      ],
    },
  },
];
