25 lines
1.8 KiB
JavaScript
25 lines
1.8 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var tslib_1 = require("tslib");
|
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
var tdesign_mobile_react_1 = require("tdesign-mobile-react");
|
|
var tdesign_icons_react_1 = require("tdesign-icons-react");
|
|
var CustomTag = tdesign_mobile_react_1.Tag;
|
|
function render() {
|
|
var _this = this;
|
|
var t = this.t;
|
|
var event = this.props.event;
|
|
var _a = this.state, stateColor = _a.stateColor, userArr = _a.userArr;
|
|
return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ style: { height: '100vh' } }, { children: [userArr === null || userArr === void 0 ? void 0 : userArr.map(function (ele, index) {
|
|
return ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { onClick: function () { return _this.onCellClicked(ele.id, event); }, image: (0, jsx_runtime_1.jsx)("img", { className: "avatar", src: ele.avatar }), title: ele.name || '未设置', description: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "mobile" }, { children: ["\u624B\u673A\u53F7\uFF1A", ele.mobile || '未设置'] })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ style: { display: 'flex' } }, { children: (0, jsx_runtime_1.jsx)(CustomTag, tslib_1.__assign({ theme: stateColor[ele.userState], className: "", style: {} }, { children: t("user:v.userState.".concat(ele.userState)) })) }))] }) }, index));
|
|
}), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Fab, { style: {
|
|
bottom: 50,
|
|
right: 16,
|
|
}, buttonProps: {
|
|
theme: 'primary',
|
|
}, onClick: function (event) {
|
|
_this.goNewUser();
|
|
}, icon: (0, jsx_runtime_1.jsx)(tdesign_icons_react_1.Icon, { name: "add" }) })] })));
|
|
}
|
|
exports.default = render;
|