"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var tdesign_react_1 = require("tdesign-react");
var tdesign_icons_react_1 = require("tdesign-icons-react");
var web_module_less_1 = tslib_1.__importDefault(require("./web.module.less"));
var ListItem = tdesign_react_1.List.ListItem, ListItemMeta = tdesign_react_1.List.ListItemMeta;
function render() {
    var _this = this;
    var _a = this.state, mobiles = _a.mobiles, confirmDeleteModalVisible = _a.confirmDeleteModalVisible, deleteIdx = _a.deleteIdx;
    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: web_module_less_1.default.container }, { children: [(0, jsx_runtime_1.jsx)(tdesign_react_1.List, tslib_1.__assign({ layout: "horizontal", size: "medium", className: web_module_less_1.default.list, split: true }, { children: mobiles === null || mobiles === void 0 ? void 0 : mobiles.map(function (ele, index) { return ((0, jsx_runtime_1.jsx)(ListItem, tslib_1.__assign({ action: (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ onClick: function () {
                            _this.setState({
                                confirmDeleteModalVisible: true,
                                deleteIdx: index,
                            });
                        } }, { children: (0, jsx_runtime_1.jsx)(tdesign_icons_react_1.Icon, { size: 18, name: "delete" }) })) }, { children: (0, jsx_runtime_1.jsx)(ListItemMeta, { image: (0, jsx_runtime_1.jsx)(tdesign_icons_react_1.Icon, { size: 18, name: "mobile" }), title: ele.mobile }) }), index)); }) })), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }), (0, jsx_runtime_1.jsx)(tdesign_react_1.Button, tslib_1.__assign({ block: true, size: "large", theme: "primary", onClick: function () { return _this.goAddMobile(); } }, { children: "\u6DFB\u52A0" })), (0, jsx_runtime_1.jsx)(tdesign_react_1.Dialog, { visible: confirmDeleteModalVisible, header: "\u786E\u8BA4\u5220\u9664\u624B\u673A\u53F7\u5417\uFF1F", confirmBtn: "\u786E\u5B9A", cancelBtn: "\u53D6\u6D88", body: "\u5220\u9664\u540E\uFF0C\u4E0D\u53EF\u6062\u590D", destroyOnClose: true, onClose: function () {
                    _this.setState({
                        confirmDeleteModalVisible: false,
                        deleteIdx: undefined,
                    });
                }, onConfirm: function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
                    return tslib_1.__generator(this, function (_a) {
                        switch (_a.label) {
                            case 0: return [4 /*yield*/, this.addOperation({
                                    action: 'remove',
                                    data: {},
                                    filter: {
                                        id: mobiles[deleteIdx].id,
                                    },
                                })];
                            case 1:
                                _a.sent();
                                return [4 /*yield*/, this.execute()];
                            case 2:
                                _a.sent();
                                this.setState({
                                    confirmDeleteModalVisible: false,
                                    deleteIdx: undefined,
                                });
                                return [2 /*return*/];
                        }
                    });
                }); } })] })));
}
exports.default = render;