@aliretail/react-materials-components/lib/LogisticsGroupDialog/index.js

B 端物料组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = void 0;

var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));

var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));

var _table = _interopRequireDefault(require("@alifd/next/lib/table"));

var _button = _interopRequireDefault(require("@alifd/next/lib/button"));

var React = _interopRequireWildcard(require("react"));

var _CheckLogistics = _interopRequireDefault(require("../CheckLogistics"));

var _ahooks = require("ahooks");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

var LogisticsGroupDialog = function LogisticsGroupDialog(props) {
  var _props$dataSource = props.dataSource,
      dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
      total = props.total,
      receiveOrderCode = props.receiveOrderCode,
      onFetchFullDataSource = props.onFetchFullDataSource;

  var _React$useState = React.useState(false),
      visible = _React$useState[0],
      setVisible = _React$useState[1];

  var _React$useState2 = React.useState([]),
      dialogDataSource = _React$useState2[0],
      setDialogDataSource = _React$useState2[1];

  var _React$useState3 = React.useState(false),
      loading = _React$useState3[0],
      setLoading = _React$useState3[1];
  /** 只展示前面两条 */


  var showed = dataSource.slice(0, 2);
  /** 获取弹窗里的dataSource */

  var handleFetchFullDataSource = (0, _ahooks.usePersistFn)(function () {
    setLoading(true);
    onFetchFullDataSource().then(function (d) {
      setDialogDataSource(d);
    })["finally"](function () {
      setLoading(false);
    });
  });

  var handleCloseDialog = function handleCloseDialog() {
    setVisible(false);
    setDialogDataSource([]);
  };

  var handleOpenDialog = function handleOpenDialog() {
    setVisible(true);
    handleFetchFullDataSource();
  };

  if (!dataSource.length) {
    return /*#__PURE__*/React.createElement(React.Fragment, null, "-");
  }

  return /*#__PURE__*/React.createElement("div", null, showed.map(function (data) {
    return /*#__PURE__*/React.createElement("div", {
      key: data.deliveryCode
    }, data.type, " ", data.deliveryCode, ' ', /*#__PURE__*/React.createElement(_CheckLogistics["default"], {
      align: "t",
      className: "",
      footer: null,
      loading: loading,
      triggerType: "click",
      delivery: [data].filter(Boolean),
      trigger: /*#__PURE__*/React.createElement(_button["default"], {
        type: "primary",
        text: true,
        size: "small"
      }, "\u8BE6\u60C5")
    }));
  }), dataSource.length > 2 && /*#__PURE__*/React.createElement(_button["default"], {
    onClick: handleOpenDialog,
    type: "primary",
    text: true,
    size: "small"
  }, "\u5171", total, "\u6761"), /*#__PURE__*/React.createElement(_dialog["default"], {
    title: "\u7269\u6D41\u8BE6\u60C5",
    visible: visible,
    footerActions: ['cancel'],
    onCancel: handleCloseDialog,
    onClose: handleCloseDialog,
    style: {
      width: 600
    },
    cancelProps: {
      children: '关闭'
    }
  }, /*#__PURE__*/React.createElement(_loading["default"], {
    visible: loading
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      marginBottom: 8
    }
  }, "\u6536\u8D27\u5355 ", receiveOrderCode), /*#__PURE__*/React.createElement(_table["default"], {
    dataSource: dialogDataSource,
    hasBorder: false
  }, /*#__PURE__*/React.createElement(_table["default"].Column, {
    title: "\u7269\u6D41\u516C\u53F8",
    dataIndex: "type"
  }), /*#__PURE__*/React.createElement(_table["default"].Column, {
    title: "\u7269\u6D41\u5355\u53F7",
    dataIndex: "deliveryCode"
  }), /*#__PURE__*/React.createElement(_table["default"].Column, {
    title: "\u7269\u6D41\u8BE6\u60C5",
    cell: function cell(v, i, r) {
      var _r$deliveryInfos, _r$deliveryInfos$;

      return /*#__PURE__*/React.createElement(React.Fragment, null, "\u3010", r.deliveryStateDesc, "\u3011", (_r$deliveryInfos = r.deliveryInfos) === null || _r$deliveryInfos === void 0 ? void 0 : (_r$deliveryInfos$ = _r$deliveryInfos[0]) === null || _r$deliveryInfos$ === void 0 ? void 0 : _r$deliveryInfos$.packageInfo, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_CheckLogistics["default"], {
        align: "t",
        className: "",
        footer: null,
        loading: loading,
        triggerType: "click",
        delivery: [r].filter(Boolean),
        trigger: /*#__PURE__*/React.createElement(_button["default"], {
          type: "primary",
          text: true,
          size: "small"
        }, "\u7269\u6D41\u8BE6\u60C5")
      })));
    }
  })))));
};

var _default = LogisticsGroupDialog;
exports["default"] = _default;