ze-react-component-library
Version:
ZeroETP React Component Library
327 lines (280 loc) • 8.2 kB
JavaScript
import "antd/es/modal/style";
import _Modal from "antd/es/modal";
import "antd/es/button/style";
import _Button from "antd/es/button";
import "antd/es/space/style";
import _Space from "antd/es/space";
import "antd/es/input/style";
import _Input from "antd/es/input";
var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P ? value : new P(function (resolve) {
resolve(value);
});
}
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = this && this.__generator || function (thisArg, body) {
var _ = {
label: 0,
sent: function sent() {
if (t[0] & 1) throw t[1];
return t[1];
},
trys: [],
ops: []
},
f,
y,
t,
g;
return g = {
next: verb(0),
"throw": verb(1),
"return": verb(2)
}, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
return this;
}), g;
function verb(n) {
return function (v) {
return step([n, v]);
};
}
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) {
try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return {
value: op[1],
done: false
};
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2]) _.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
} catch (e) {
op = [6, e];
y = 0;
} finally {
f = t = 0;
}
}
if (op[0] & 5) throw op[1];
return {
value: op[0] ? op[1] : void 0,
done: true
};
}
};
import React, { useState } from "react";
import { DislikeOutlined, LikeOutlined, LikeFilled, DislikeFilled } from "@ant-design/icons";
import { useRequest } from "@umijs/hooks";
import { postFeedbacks, deleteFeedbacksById } from "../request";
import useLocale from "../hooks/useLocale";
var TextArea = _Input.TextArea;
var ZEFeedback = function ZEFeedback(_a) {
var question = _a.question,
logicform = _a.logicform,
size = _a.size,
style = _a.style;
var t = useLocale().t;
var _b = useState(),
created = _b[0],
setCreated = _b[1];
var _c = useState(false),
feedbackTextModalOpen = _c[0],
setFeedbackTextModalOpen = _c[1];
var _d = useState(),
feedbackText = _d[0],
setFeedbackText = _d[1];
var _e = useRequest(postFeedbacks, {
manual: true,
onSuccess: function onSuccess(data) {
setCreated(data === null || data === void 0 ? void 0 : data.data);
}
}),
createFeedback = _e.run,
loading = _e.loading;
var deleteFeedback = useRequest(deleteFeedbacksById, {
manual: true,
onSuccess: function onSuccess() {
setCreated(undefined);
}
}).run; // console.log(created);
return /*#__PURE__*/React.createElement(_Space, {
size: 0,
className: "ze-feedback",
style: style
}, /*#__PURE__*/React.createElement(_Button, {
type: "text",
size: size,
icon: (created === null || created === void 0 ? void 0 : created.useful) ? /*#__PURE__*/React.createElement(LikeFilled, null) : /*#__PURE__*/React.createElement(LikeOutlined, null),
onClick: function onClick() {
return __awaiter(void 0, void 0, void 0, function () {
var useful;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
useful = created === null || created === void 0 ? void 0 : created.useful;
if (!(created === null || created === void 0 ? void 0 : created._id)) return [3
/*break*/
, 2];
return [4
/*yield*/
, deleteFeedback({
id: created._id
})];
case 1:
_a.sent();
_a.label = 2;
case 2:
if (!!useful) return [3
/*break*/
, 4];
return [4
/*yield*/
, createFeedback({
useful: true,
question: question,
logicform: logicform
})];
case 3:
_a.sent();
_a.label = 4;
case 4:
return [2
/*return*/
];
}
});
});
},
loading: loading
}, t("nlq.feedback.thumbup")), /*#__PURE__*/React.createElement(_Button, {
type: "text",
size: size,
icon: created && !created.useful ? /*#__PURE__*/React.createElement(DislikeFilled, null) : /*#__PURE__*/React.createElement(DislikeOutlined, null),
onClick: function onClick() {
return __awaiter(void 0, void 0, void 0, function () {
var unuseful;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
unuseful = created && !created.useful;
if (!(created === null || created === void 0 ? void 0 : created._id)) return [3
/*break*/
, 2];
return [4
/*yield*/
, deleteFeedback({
id: created._id
})];
case 1:
_a.sent();
_a.label = 2;
case 2:
if (!unuseful) {
setFeedbackTextModalOpen(true);
}
return [2
/*return*/
];
}
});
});
}
}, t("nlq.feedback.thumbdown")), /*#__PURE__*/React.createElement(_Modal, {
title: t("nlq.feedback.reason"),
open: feedbackTextModalOpen,
onOk: function onOk() {
return __awaiter(void 0, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
return [4
/*yield*/
, createFeedback({
useful: false,
feedback: feedbackText,
question: question,
logicform: logicform
})];
case 1:
_a.sent();
setFeedbackTextModalOpen(false);
return [2
/*return*/
];
}
});
});
},
confirmLoading: loading,
onCancel: function onCancel() {
return setFeedbackTextModalOpen(false);
}
}, /*#__PURE__*/React.createElement(TextArea, {
rows: 4,
onChange: function onChange(e) {
return setFeedbackText(e.target.value);
}
})));
};
export default ZEFeedback;