@aliretail/react-materials-components/es/SelectGoodsDialog/Edit.js

B 端物料组件库

import _Button from "@alifd/next/es/button";
import _Table from "@alifd/next/es/table";
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
import _regeneratorRuntime from "@babel/runtime/regenerator";
import * as React from 'react';
import { useRequest } from 'ahooks';
import ImageText from "../ImageText";

var Edit = function Edit(props) {
  var _SellItem$data2, _SellItem$data3, _SellItem$data3$conte, _SellItem$data3$conte2;

  var onClick = props.onClick,
      keys = props.keys,
      type = props.type,
      onFetchGoodsInfo = props.onFetchGoodsInfo; // 根据value 获取dataSource

  var SellItem = useRequest( /*#__PURE__*/function () {
    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
      return _regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              return _context.abrupt("return", onFetchGoodsInfo(params));

            case 1:
            case "end":
              return _context.stop();
          }
        }
      }, _callee);
    }));

    return function (_x) {
      return _ref.apply(this, arguments);
    };
  }(), {
    formatResult: function formatResult(res) {
      res.content[0].children = res.content[0].scItemChildren;
      return res;
    },
    refreshDeps: [keys]
  });

  var goodsTitle = function () {
    var _SellItem$data, _SellItem$data$conten, _SellItem$data$conten2, _SellItem$data$conten3;

    if (type === 'normal') {
      return '货品信息';
    }

    return "\u8D27\u54C1\uFF08" + ((SellItem === null || SellItem === void 0 ? void 0 : (_SellItem$data = SellItem.data) === null || _SellItem$data === void 0 ? void 0 : (_SellItem$data$conten = _SellItem$data.content) === null || _SellItem$data$conten === void 0 ? void 0 : (_SellItem$data$conten2 = _SellItem$data$conten[0]) === null || _SellItem$data$conten2 === void 0 ? void 0 : (_SellItem$data$conten3 = _SellItem$data$conten2.children) === null || _SellItem$data$conten3 === void 0 ? void 0 : _SellItem$data$conten3.length) || 0) + "\u4E2A\u5B50\u8D27\u54C1\uFF09";
  }();

  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Table, {
    className: "select-good-dialog-table",
    isTree: type === 'group',
    loading: SellItem.loading,
    dataSource: (_SellItem$data2 = SellItem.data) === null || _SellItem$data2 === void 0 ? void 0 : _SellItem$data2.content,
    hasBorder: false,
    primaryKey: "scItemId",
    openRowKeys: [(_SellItem$data3 = SellItem.data) === null || _SellItem$data3 === void 0 ? void 0 : (_SellItem$data3$conte = _SellItem$data3.content) === null || _SellItem$data3$conte === void 0 ? void 0 : (_SellItem$data3$conte2 = _SellItem$data3$conte[0]) === null || _SellItem$data3$conte2 === void 0 ? void 0 : _SellItem$data3$conte2.scItemId]
  }, /*#__PURE__*/React.createElement(_Table.Column, {
    title: goodsTitle,
    dataIndex: "scItem",
    cell: function cell(v) {
      return /*#__PURE__*/React.createElement(ImageText, v);
    }
  }), type === 'group' && /*#__PURE__*/React.createElement(_Table.Column, {
    title: "\u6570\u91CF",
    dataIndex: "quantity",
    cell: function cell(v) {
      return v !== null && v !== void 0 ? v : '-';
    }
  }), /*#__PURE__*/React.createElement(_Table.Column, {
    title: "\u64CD\u4F5C",
    cell: function cell(v, i, r) {
      var _r$children;

      if (type === 'normal') {
        return /*#__PURE__*/React.createElement(_Button, {
          text: true,
          type: "primary",
          onClick: onClick
        }, "\u4FEE\u6539");
      } // 组合货品


      if ((_r$children = r.children) !== null && _r$children !== void 0 && _r$children.length) {
        return /*#__PURE__*/React.createElement(_Button, {
          text: true,
          type: "primary",
          onClick: onClick
        }, "\u4FEE\u6539");
      }

      return '-';
    }
  })));
};

export default Edit;