return value should include the css function

[xiweixiong]

Is your feature request related to a problem? Please describe

${(props) => {}}

The return value is only string or number
I can't write complex logic or return complex css

I hope to achieve
${(props) => expression ? css`` : css``}

Describe the solution you'd like

No response

Additional context

No response

[github-actions]

👋 @xiweixiong, Thanks for submitting your issue. We'll look into it and keep you updated on our progress. Let us know if you have any questions.

[akinoccc]

@xiweixiong Do you want like this?

<script setup>
const testEmbedCss1 = css`
  background: white;
`
const testEmbedCss2 = css`
  background: blue;
`
const TestEmbedComponent = styled('div', { show: Boolean })`
  ${(props) => {
    return props.show ? testEmbedCss1 : testEmbedCss2
  }}
`
</script>

[xiweixiong]

@xiweixiong你想要這樣嗎？

<script setup>
const testEmbedCss1 = css`
  background: white;
`
const testEmbedCss2 = css`
  background: blue;
`
const TestEmbedComponent = styled('div', { show: Boolean })`
  ${(props) => {
    return props.show ? testEmbedCss1 : testEmbedCss2
  }}
`
</script>

yes

[akinoccc]

It should be supported, but now I've found a bug that causes it to not run properly. Once I fix it, the above code will be supported. Thank you for opening the issue!

[akinoccc]

@xiweixiong I released a beta version v1.3.0-beta.1 and you can try it.