Giter VIP home page Giter VIP logo

Comments (2)

Phoenix-Alpha avatar Phoenix-Alpha commented on June 3, 2024

Here is my blockSchema:

export const featureBlockSchema: TinaTemplate = {
  name: "feature",
  label: "Feature",
  ui: {
    previewSrc: "/blocks/feature.png",
    defaultItem: {
      heading: "Key Features",
      text: "Integer posuere erat a ante venenatis dapibus posuere velit aliquet",
      features: [
        {
          image: {
            image: "https://res.cloudinary.com/tina-io/image/upload/path/to/image.jpg",
            size: "medium",
          },
          title: "Heading",
          text: "Integer posuere erat a ante venenatis dapibus posuere velit aliquet",
        }
      ],
      design: {
        bgColor: "white",
        borderTop: true,
        borderBottom: false,
      }
    },
  },
  fields: [
    {
      type: "string",
      label: "Heading",
      name: "heading",
    },
    {
      type: "string",
      label: "Text",
      name: "text",
      ui: {
        component: "textarea",
      },
    },
    {
      type: "object",
      label: "Features",
      name: "features",
      ui: {
        itemProps: (item) => ({ label: item.title }),
        defaultValue:  {
          image: {
            image: "https://res.cloudinary.com/tina-io/image/upload/path/to/image.jpg",
            size: "medium",
          },
          title: "Heading",
          text: "Integer posuere erat a ante venenatis dapibus posuere velit aliquet",
        }
      },
      list: true,
      fields: [
        {
          type: "object",
          label: "Image",
          name: "image",
          fields: [
            {
              type: "image",
              label: "Image",
              name: "image",
            },
            {
              type: "string",
              label: "Size",
              name: "size",
              options: [
                { label: "Small", value: "small" },
                { label: "Medium", value: "medium" },
                { label: "Large", value: "large" },
              ],
            },
            {
              type: "string",
              label: "Image Text",
              name: "imageText",
            },
          ]
        },
        {
          type: "string",
          label: "Title",
          name: "title",
        },
        {
          type: "string",
          label: "Text",
          name: "text",
        },
      ],
    },
    {
      type: "object",
      label: "Design",
      name: "design",
      fields: [
        colorSchema({ label: "Background Color", name: "bgColor" }),
        spacingSchema({ label: "Spacing Top", name: "spacingTop" }),
        spacingSchema({ label: "Spacing Bottom", name: "spacingBottom" }),
        borderSchema({ label: "Border Top", name: "borderTop" }),
        borderSchema({ label: "Border Bottom", name: "borderBottom" }),
      ]
    }
  ],
};

from tina-cloud-starter.

Phoenix-Alpha avatar Phoenix-Alpha commented on June 3, 2024

I set the defaultValue for the features list item. And it causes the error.

defaultValue:  {
    defaultValue:  {
  image: {
    image: "https://res.cloudinary.com/tina-io/image/upload/path/to/image.jpg",
    size: "medium",
  },
  title: "Heading",
  text: "Integer posuere erat a ante venenatis dapibus posuere velit aliquet",
}

from tina-cloud-starter.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.