test-nut-ui/dist/esm/votepagesharecard2.js

<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import React__default, { useState, useEffect } from "react";
import { P as Popup } from "./popup2.js";
import { G as Grid } from "./grid2.js";
import { I as Image } from "./image2.js";
var VotePageShareCard = function VotePageShareCard2(props) {
  var _props$visible = props.visible, visible = _props$visible === void 0 ? false : _props$visible, options = props.options, columns = props.columns, onGridClick = props.onGridClick, title = props.title, cancelTitle = props.cancelTitle, onCancelClick = props.onCancelClick, shareContent = props.shareContent, onPosterClick = props.onPosterClick;
  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), showWithTabs = _useState2[0], setShowWithTabs = _useState2[1];
  useEffect(function() {
    setShowWithTabs(visible);
  }, [visible]);
  var handelClick = function handelClick2(item) {
    if (item.index === 0)
      ;
    else if (item.index === 1) {
      onPosterClick && onPosterClick();
    }
  };
  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Popup, {
    visible: showWithTabs,
    position: "bottom",
    round: true,
    onClose: function onClose() {
      onCancelClick && onCancelClick();
      setShowWithTabs(false);
    },
    onCloseIconClick: function onCloseIconClick() {
      onCancelClick && onCancelClick();
      setShowWithTabs(false);
    },
    onOverlayClick: function onOverlayClick() {
      onCancelClick && onCancelClick();
      setShowWithTabs(false);
    }
  }, React__default.createElement("div", {
    className: "votepagesharecard"
  }, React__default.createElement("div", {
    className: "title"
  }, title), React__default.createElement(Grid, {
    columns,
    onClick: function onClick(e) {
      onCancelClick && onCancelClick();
      setShowWithTabs(false);
      handelClick(e);
    }
  }, options && options.map(function(item, index) {
    return React__default.createElement(Grid.Item, {
      key: index,
      text: item.name
    }, React__default.createElement(Image, {
      style: {
        width: "36px",
        height: "36px",
        flexShrink: 0
      },
      src: item.src
    }));
  })), React__default.createElement("div", {
    className: "cancelview",
    onClick: function onClick() {
      onCancelClick && onCancelClick();
      setShowWithTabs(false);
    }
  }, cancelTitle))));
};
VotePageShareCard.displayName = "NutVotePageShareCard";
export {
  VotePageShareCard as V
};