#TextEllipsis 文本省略

import { TextEllipsis } from "@taroify/core"

<TextEllipsis content="慢慢来，不要急，生活给你出了难题，可也终有一天会给出答案。" />

<TextEllipsis
  content="似水流年是一个人所有的一切，只有这个东西，才真正归你所有。其余的一切，都是片刻的欢娱和不幸，转眼间就已跑到那似水流年里去了。"
  expandText="展开"
  collapseText="收起"
/>

<TextEllipsis
  content="那一天我二十一岁，在我一生的黄金时代。我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。后来我才知道，生活就是个缓慢受锤的过程，人一天天老下去，奢望也一天天消失，最后变得像挨了锤的牛一样。可是我过二十一岁生日时没有预见到这一点。我觉得自己会永远生猛下去，什么也锤不了我。"
  rows={2}
  expandText="展开"
  collapseText="收起"
/>

<TextEllipsis
  content="那一天我二十一岁，在我一生的黄金时代。我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。后来我才知道，生活就是个缓慢受锤的过程，人一天天老下去，奢望也一天天消失，最后变得像挨了锤的牛一样。可是我过二十一岁生日时没有预见到这一点。我觉得自己会永远生猛下去，什么也锤不了我。"
  position="start"
  rows={3}
  expandText="展开"
  collapseText="收起"
/>

<TextEllipsis
  content="那一天我二十一岁，在我一生的黄金时代。我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。后来我才知道，生活就是个缓慢受锤的过程，人一天天老下去，奢望也一天天消失，最后变得像挨了锤的牛一样。可是我过二十一岁生日时没有预见到这一点。我觉得自己会永远生猛下去，什么也锤不了我。"
  position="middle"
  rows={3}
  expandText="展开"
  collapseText="收起"
/>

const wrapRef = useRef<TextEllipsisInstance>(null);

const onClick = () => {
  wrapRef.current?.toggle(true)
}

return (
  <Block variant="card" title="方法调用">
    <TextEllipsis ref={wrapRef} content="那一天我二十一岁，在我一生的黄金时代。我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。后来我才知道，生活就是个缓慢受锤的过程，人一天天老下去，奢望也一天天消失，最后变得像挨了锤的牛一样。可是我过二十一岁生日时没有预见到这一点。我觉得自己会永远生猛下去，什么也锤不了我。" position="start" rows={3} expandText="展开" collapseText="收起" />
    <Button onClick={onClick}>展开</Button>
  </Block>
)