@chatui/core
Version:
The React library for Chatbot UI
45 lines (44 loc) • 1.84 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.OrderObject = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Goods = require("../Goods");
var _Flex = require("../Flex");
var _ImageList = require("../ImageList");
var _Icon = require("../Icon");
var OrderObject = exports.OrderObject = function OrderObject(props) {
var className = props.className,
title = props.title,
_props$list = props.list,
list = _props$list === void 0 ? [] : _props$list,
_props$count = props.count,
count = _props$count === void 0 ? list.length : _props$count,
onClick = props.onClick;
var firstOrder = list[0];
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _clsx.default)('OrderObject', className),
onClick: onClick
}, title && /*#__PURE__*/_react.default.createElement("div", {
className: "OrderObject-title"
}, title), count > 1 ? /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
alignItems: "center"
}, /*#__PURE__*/_react.default.createElement(_Flex.FlexItem, null, /*#__PURE__*/_react.default.createElement(_ImageList.ImageList, {
list: list.slice(0, 3).map(function (t) {
return {
src: t.img
};
})
})), /*#__PURE__*/_react.default.createElement("div", {
className: "OrderObject-count"
}, "\u5171".concat(count, "\u4EF6")), /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
type: "chevron-right"
})) : /*#__PURE__*/_react.default.createElement(_Goods.Goods, (0, _extends2.default)({
type: "order",
variant: "compact"
}, firstOrder)));
};