175 lines
18 KiB
JavaScript
175 lines
18 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var tslib_1 = require("tslib");
|
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
var react_1 = require("react");
|
|
var antd_1 = require("antd");
|
|
var lodash_1 = require("oak-domain/lib/utils/lodash");
|
|
var web_module_less_1 = tslib_1.__importDefault(require("./web.module.less"));
|
|
function Ali(props) {
|
|
var _a = tslib_1.__read((0, react_1.useState)(false), 2), open = _a[0], setModal = _a[1];
|
|
var _b = tslib_1.__read((0, react_1.useState)(''), 2), smsIndex = _b[0], setSmsIndex = _b[1];
|
|
var _c = tslib_1.__read((0, react_1.useState)(''), 2), labelType = _c[0], setLabelType = _c[1];
|
|
var sms = props.sms, setValue = props.setValue, addItem = props.addItem, removeItem = props.removeItem, cleanKey = props.cleanKey;
|
|
return ((0, jsx_runtime_1.jsxs)(antd_1.Col, tslib_1.__assign({ flex: "auto" }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Divider, tslib_1.__assign({ orientation: "left", className: web_module_less_1.default.title }, { children: "\u963F\u91CC\u4E91\u4E91\u77ED\u4FE1\u914D\u7F6E" })), (0, jsx_runtime_1.jsx)(antd_1.Tabs, { tabPosition: 'top', size: 'middle', type: "editable-card",
|
|
// hideAdd={!(sms.length > 0)}
|
|
onEdit: function (targetKey, action) {
|
|
if (action === 'add') {
|
|
addItem('', sms.length);
|
|
}
|
|
else {
|
|
removeItem('', parseInt(targetKey, 10));
|
|
}
|
|
}, items: sms.length > 0
|
|
? sms.map(function (ele, idx) { return ({
|
|
key: "".concat(idx),
|
|
label: "\u77ED\u4FE1".concat(idx + 1),
|
|
children: ((0, jsx_runtime_1.jsxs)(antd_1.Form, tslib_1.__assign({ colon: false, labelAlign: "left", layout: "vertical", style: { marginTop: 10 } }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "accessKeyId", name: "accessKeyId" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165accessKeyId", type: "text", value: ele.accessKeyId, onChange: function (e) {
|
|
return setValue("".concat(idx, ".accessKeyId"), e.target.value);
|
|
} }) }) })), (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "defaultSignName", name: "defaultSignName" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165defaultSignName", type: "text", value: ele.defaultSignName, onChange: function (e) {
|
|
return setValue("".concat(idx, ".defaultSignName"), e.target.value);
|
|
} }) }) })), (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "templates", name: "templates" }, { children: (0, jsx_runtime_1.jsx)(antd_1.Tabs, { tabPosition: 'top', size: 'middle', type: "editable-card",
|
|
// hideAdd={!(Object.keys(ele.templates).length > 0)}
|
|
onEdit: function (targetKey, action) {
|
|
if (action === 'add') {
|
|
setSmsIndex("".concat(idx));
|
|
setModal(true);
|
|
}
|
|
else {
|
|
cleanKey("".concat(idx, ".templates"), targetKey);
|
|
}
|
|
}, items: Object.keys(ele.templates || {}).length > 0
|
|
? Object.keys(ele.templates).map(function (name, idx) {
|
|
var template = ele.templates[name];
|
|
return {
|
|
key: "".concat(name),
|
|
label: "".concat(name),
|
|
children: ((0, jsx_runtime_1.jsxs)(antd_1.Form, tslib_1.__assign({ colon: true, labelAlign: "left", layout: "vertical", style: {
|
|
marginTop: 10,
|
|
} }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "signName", name: "signName" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165signName", type: "text", value: template.signName, onChange: function (e) {
|
|
return setValue("".concat(idx, ".templates.").concat(name, ".signName"), e
|
|
.target
|
|
.value);
|
|
} }) }) })), (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "code", name: "code" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165code", type: "text", value: template.code, onChange: function (e) {
|
|
return setValue("".concat(idx, ".templates.").concat(name, ".code"), e
|
|
.target
|
|
.value);
|
|
} }) }) }))] }))),
|
|
};
|
|
})
|
|
: [] }) }))] }))),
|
|
}); })
|
|
: [] }), (0, jsx_runtime_1.jsx)(antd_1.Modal, tslib_1.__assign({ title: "\u65B0\u5EFA\u6A21\u7248\u6807\u7B7E", onCancel: function () {
|
|
setModal(false);
|
|
setLabelType('');
|
|
}, onOk: function () {
|
|
if (!labelType) {
|
|
antd_1.message.error({
|
|
content: '请输入标签名称',
|
|
});
|
|
return;
|
|
}
|
|
var templates = (0, lodash_1.get)(sms, "".concat(smsIndex, ".templates")) || {};
|
|
if (Object.keys(templates).includes(labelType)) {
|
|
antd_1.message.error({
|
|
content: '已存在相同的标签名，请重新输入',
|
|
});
|
|
return;
|
|
}
|
|
setValue("".concat(smsIndex, ".templates.").concat(labelType), {});
|
|
setModal(false);
|
|
setLabelType('');
|
|
setSmsIndex('');
|
|
}, open: open, cancelText: "\u53D6\u6D88", okText: "\u786E\u5B9A", destroyOnClose: true }, { children: (0, jsx_runtime_1.jsx)(antd_1.Form, tslib_1.__assign({ colon: true, labelAlign: "left", layout: "vertical", style: { marginTop: 10 } }, { children: (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "\u6807\u7B7E\u540D\u79F0", name: "messageType", help: "\u53EA\u80FD\u8F93\u5165\u82F1\u6587\u548C\u4E2D\u6587" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\u540D\u79F0", type: "text", value: labelType, onChange: function (e) {
|
|
return setLabelType(e.target.value.replace(/[0-9-.]/g, ''));
|
|
} }) }) })) })) }))] })));
|
|
}
|
|
function Tencent(props) {
|
|
var _a = tslib_1.__read((0, react_1.useState)(false), 2), open = _a[0], setModal = _a[1];
|
|
var _b = tslib_1.__read((0, react_1.useState)(''), 2), smsIndex = _b[0], setSmsIndex = _b[1];
|
|
var _c = tslib_1.__read((0, react_1.useState)(''), 2), labelType = _c[0], setLabelType = _c[1];
|
|
var sms = props.sms, setValue = props.setValue, addItem = props.addItem, removeItem = props.removeItem, cleanKey = props.cleanKey;
|
|
return ((0, jsx_runtime_1.jsxs)(antd_1.Col, tslib_1.__assign({ flex: "auto" }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Divider, tslib_1.__assign({ orientation: "left", className: web_module_less_1.default.title }, { children: "\u817E\u8BAF\u4E91\u77ED\u4FE1\u914D\u7F6E" })), (0, jsx_runtime_1.jsx)(antd_1.Tabs, { tabPosition: 'top', size: 'middle', type: "editable-card",
|
|
// hideAdd={!(sms.length > 0)}
|
|
onEdit: function (targetKey, action) {
|
|
if (action === 'add') {
|
|
addItem('', sms.length);
|
|
}
|
|
else {
|
|
removeItem('', parseInt(targetKey, 10));
|
|
}
|
|
}, items: sms.length > 0
|
|
? sms.map(function (ele, idx) { return ({
|
|
key: "".concat(idx),
|
|
label: "\u77ED\u4FE1".concat(idx + 1),
|
|
children: ((0, jsx_runtime_1.jsxs)(antd_1.Form, tslib_1.__assign({ colon: false, labelAlign: "left", layout: "vertical", style: { marginTop: 10 } }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "secretId", name: "secretId" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165secretId", type: "text", value: ele.secretId, onChange: function (e) {
|
|
return setValue("".concat(idx, ".secretId"), e.target.value);
|
|
} }) }) })), (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "smsSdkAppId", name: "smsSdkAppId" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165smsSdkAppId", type: "text", value: ele.smsSdkAppId, onChange: function (e) {
|
|
return setValue("".concat(idx, ".smsSdkAppId"), e.target.value);
|
|
} }) }) })), (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "defaultSignName", name: "defaultSignName" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165defaultSignName", type: "text", value: ele.defaultSignName, onChange: function (e) {
|
|
return setValue("".concat(idx, ".defaultSignName"), e.target.value);
|
|
} }) }) })), (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "templates", name: "templates" }, { children: (0, jsx_runtime_1.jsx)(antd_1.Tabs, { tabPosition: 'top', size: 'middle', type: "editable-card",
|
|
// hideAdd={!(Object.keys(ele.templates).length > 0)}
|
|
onEdit: function (targetKey, action) {
|
|
if (action === 'add') {
|
|
setSmsIndex("".concat(idx));
|
|
setModal(true);
|
|
}
|
|
else {
|
|
cleanKey("".concat(idx, ".templates"), targetKey);
|
|
}
|
|
}, items: Object.keys(ele.templates || {}).length > 0
|
|
? Object.keys(ele.templates).map(function (name, idx) {
|
|
var template = ele.templates[name];
|
|
return {
|
|
key: "".concat(name),
|
|
label: "".concat(name),
|
|
children: ((0, jsx_runtime_1.jsxs)(antd_1.Form, tslib_1.__assign({ colon: true, labelAlign: "left", layout: "vertical", style: {
|
|
marginTop: 10,
|
|
} }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "signName", name: "signName" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165signName", type: "text", value: template.signName, onChange: function (e) {
|
|
return setValue("".concat(idx, ".templates.").concat(name, ".signName"), e
|
|
.target
|
|
.value);
|
|
} }) }) })), (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "code", name: "code" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165code", type: "text", value: template.code, onChange: function (e) {
|
|
return setValue("".concat(idx, ".templates.").concat(name, ".code"), e
|
|
.target
|
|
.value);
|
|
} }) }) }))] }))),
|
|
};
|
|
})
|
|
: [] }) }))] }))),
|
|
}); })
|
|
: [] }), (0, jsx_runtime_1.jsx)(antd_1.Modal, tslib_1.__assign({ title: "\u65B0\u5EFA\u6A21\u7248\u6807\u7B7E", onCancel: function () {
|
|
setModal(false);
|
|
setLabelType('');
|
|
}, onOk: function () {
|
|
if (!labelType) {
|
|
antd_1.message.error({
|
|
content: '请输入标签名称',
|
|
});
|
|
return;
|
|
}
|
|
var templates = (0, lodash_1.get)(sms, "".concat(smsIndex, ".templates")) || {};
|
|
if (Object.keys(templates).includes(labelType)) {
|
|
antd_1.message.error({
|
|
content: '已存在相同的标签名，请重新输入',
|
|
});
|
|
return;
|
|
}
|
|
setValue("".concat(smsIndex, ".templates.").concat(labelType), {});
|
|
setModal(false);
|
|
setLabelType('');
|
|
setSmsIndex('');
|
|
}, open: open, cancelText: "\u53D6\u6D88", okText: "\u786E\u5B9A", destroyOnClose: true }, { children: (0, jsx_runtime_1.jsx)(antd_1.Form, tslib_1.__assign({ colon: true, labelAlign: "left", layout: "vertical", style: { marginTop: 10 } }, { children: (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "\u6807\u7B7E\u540D\u79F0", name: "messageType", help: "\u53EA\u80FD\u8F93\u5165\u82F1\u6587\u548C\u4E2D\u6587" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\u540D\u79F0", type: "text", value: labelType, onChange: function (e) {
|
|
return setLabelType(e.target.value.replace(/[0-9-.]/g, ''));
|
|
} }) }) })) })) }))] })));
|
|
}
|
|
function Sms(props) {
|
|
var sms = props.sms, setValue = props.setValue, removeItem = props.removeItem, cleanKey = props.cleanKey;
|
|
var ali = sms.ali, tencent = sms.tencent, mockSend = sms.mockSend;
|
|
return ((0, jsx_runtime_1.jsxs)(antd_1.Space, tslib_1.__assign({ direction: "vertical", size: "middle", style: { display: 'flex' } }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Row, { children: (0, jsx_runtime_1.jsx)(antd_1.Card, tslib_1.__assign({ className: web_module_less_1.default.tips }, { children: "\u6BCF\u79CD\u5747\u53EF\u914D\u7F6E\u4E00\u4E2A\uFF0C\u76F8\u5E94\u7684\u670D\u52A1\u6240\u4F7F\u7528\u7684\u5E10\u53F7\u8BF7\u51C6\u786E\u5BF9\u5E94" })) }), (0, jsx_runtime_1.jsxs)(antd_1.Col, tslib_1.__assign({ flex: "auto" }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Divider, tslib_1.__assign({ orientation: "left", className: web_module_less_1.default.title }, { children: "\u77ED\u4FE1\u914D\u7F6E" })), (0, jsx_runtime_1.jsx)(antd_1.Form, { children: (0, jsx_runtime_1.jsx)(antd_1.Form.Item, tslib_1.__assign({ label: "\u6A21\u62DF\u53D1\u9001", name: "mockSend", tooltip: "\u5F00\u542F\u6A21\u62DF\u53D1\u9001\u77ED\u4FE1\uFF0C\u53D1\u77ED\u4FE1\u4E0D\u4F1A\u8C03\u7528api" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Switch, { checkedChildren: "\u662F", unCheckedChildren: "\u5426", checked: mockSend, onChange: function (checked) {
|
|
return setValue("mockSend", checked);
|
|
} }) }) })) })] })), (0, jsx_runtime_1.jsx)(Tencent, { sms: tencent || [], setValue: function (path, value) { return setValue("tencent.".concat(path), value); }, removeItem: function (path, index) { return removeItem("tencent", index); }, addItem: function (path, index) { return setValue("tencent.".concat(index), {}); }, cleanKey: function (path, key) { return cleanKey("tencent.".concat(path), key); } }), (0, jsx_runtime_1.jsx)(Ali, { sms: ali || [], setValue: function (path, value) { return setValue("ali.".concat(path), value); }, removeItem: function (path, index) { return removeItem("ali", index); }, addItem: function (path, index) { return setValue("ali.".concat(index), {}); }, cleanKey: function (path, key) { return cleanKey("ali.".concat(path), key); } })] })));
|
|
}
|
|
exports.default = Sms;
|