import { SwipeCell } from "@ls-design/ui-react";

export default () => {
  return (
    <SwipeCell>
      <Cell title="这是标题" desc="描述文字" />
      <div slot="left">
        <Button type="primary" shape="square">
          选择
        </Button>
      </div>
      <div slot="right">
        <Button type="danger" shape="square">
          删除
        </Button>
        <Button type="primary" shape="square">
          收藏
        </Button>
      </div>
    </SwipeCell>
  );
};

export default () => {
  return (
    <SwipeCell>
      <Empty title="暂无数据" desc="快去添加数据吧~" type="local" />
      <div slot="right">
        <Button type="primary" shape="square">
          添加
        </Button>
      </div>
    </SwipeCell>
  );
};

export default () => {
  const swipeCellRef = useRef<SwipeCellRef>(null);

  useEffect(() => {
    const { current } = swipeCellRef;
    current.setBeforeClose((position: SwipeCellPosition) => {
      if (position === "right") {
        return new Promise((resolve) => {
          const toast = Toast.loading("请求中");
          setTimeout(() => {
            toast.hide();
            Toast.success("删除成功");
            resolve(true);
          }, 1000);
        });
      } else {
        return true;
      }
    });
  }, []);

  return (
    <SwipeCell ref={swipeCellRef}>
      <Cell title="这是标题" desc="描述文字" />
      <div slot="right">
        <Button type="primary" shape="square">
          删除
        </Button>
      </div>
    </SwipeCell>
  );
};

type SwipeCellSide = "left" | "right";
type SwipeCellPosition = SwipeCellSide | "cell" | "outside";
type Params = {
  detail: {
    name: string | number;
    position: SwipeCellPosition;
  };
};