x-star-design 0.0.49 → 0.0.50

package/dist/feedback/index.d.ts

@@ -4,6 +4,11 @@ type feedbackItem = {
     label: string;
 };
 interface FeedbackProps {
+    /**
+     * @description 标题
+     * @default 您对本题目的反馈
+     */
+    title?: string;
     /**
      * @description 好评 Radio.Group 的选项
      */
@@ -21,7 +26,7 @@ interface FeedbackProps {
      */
     onSubmit?: (value: any) => void;
     /**
-     * @description 好评、差评的Form.Item name
+     * @description 好评、差评的Form.Item name 1:差评 2:好评
      */
     feedbackKey: string;
     /**

package/dist/feedback/index.js

@@ -10,7 +10,8 @@ import { prefix } from "../utils/global";
 var Text = Typography.Text;
 var TextArea = Input.TextArea;
 var Feedback = function Feedback(_ref) {
-  var feedbackListGood = _ref.feedbackListGood,
+  var title = _ref.title,
+    feedbackListGood = _ref.feedbackListGood,
     feedbackListBad = _ref.feedbackListBad,
     activeColor = _ref.activeColor,
     onSubmit = _ref.onSubmit,
@@ -26,8 +27,12 @@ var Feedback = function Feedback(_ref) {
     setChoiceType = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showSubmitContent = _useState4[0],
-    setShowSubmitContent = _useState4[1];
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showSubmitContent = _useState6[0],
+    setShowSubmitContent = _useState6[1];
   var _useLocale = useLocale('Feedback'),
     t = _useLocale.format;
   var mainContainer = useRef(null);
@@ -53,6 +58,7 @@ var Feedback = function Feedback(_ref) {
     var _choiceTypeList, _choiceTypeList2;
     return /*#__PURE__*/React.createElement(Form, {
       form: form,
+      "data-testid": "feedback-form-testId",
       onFinish: function onFinish(val) {
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(val);
         setShowSubmitContent(true);
@@ -69,13 +75,14 @@ var Feedback = function Feedback(_ref) {
       name: feedbackKey,
       rules: [{
         required: true,
-        message: t('PLEASE_SELECT_FEEDBACK_TYPE')
+        message: t('FEEDBACK_MESSAGE_1')
       }]
     }, /*#__PURE__*/React.createElement(Radio.Group, {
       className: classNames("".concat(prefix, "-feedbackRadioGroup")),
       style: {
         padding: '20px 0 10px 0'
-      }
+      },
+      "data-testid": "radioGroup-testId"
     }, /*#__PURE__*/React.createElement(Radio, {
       value: 2,
       "data-testid": "feedbackKey-testId-like",
@@ -111,7 +118,7 @@ var Feedback = function Feedback(_ref) {
       name: feedbackTypeKey,
       rules: [{
         required: true,
-        message: t('PLEASE_SELECT_FEEDBACK_TYPE')
+        message: t('FEEDBACK_MESSAGE_2')
       }]
     }, /*#__PURE__*/React.createElement(Checkbox.Group, {
       style: {
@@ -125,7 +132,7 @@ var Feedback = function Feedback(_ref) {
       }
     }, (_choiceTypeList2 = choiceTypeList()) === null || _choiceTypeList2 === void 0 ? void 0 : _choiceTypeList2.map(function (item) {
       return /*#__PURE__*/React.createElement(Col, {
-        span: 8,
+        span: 24,
         key: item.value
       }, /*#__PURE__*/React.createElement(Checkbox, {
         value: item.value
@@ -134,7 +141,7 @@ var Feedback = function Feedback(_ref) {
       name: feedbackTextAreaKey,
       rules: [{
         required: true,
-        message: t('PLEASE_SELECT_FEEDBACK_TYPE')
+        message: t('FEEDBACK_MESSAGE_3')
       }]
     }, /*#__PURE__*/React.createElement(TextArea, {
       "data-testid": "feedbackTextAreaKey-testId",
@@ -161,8 +168,9 @@ var Feedback = function Feedback(_ref) {
     className: classNames("".concat(prefix, "-feedbackContainer"))
   }, /*#__PURE__*/React.createElement(Popover, {
     content: content,
-    title: t('FEEDBACK_ON_THE_PROBLEM'),
+    title: title !== null && title !== void 0 ? title : t('FEEDBACK_ON_THE_PROBLEM'),
     placement: "bottom",
+    trigger: ['click'],
     getPopupContainer: function getPopupContainer() {
       return mainContainer.current;
     },
@@ -170,17 +178,20 @@ var Feedback = function Feedback(_ref) {
     onOpenChange: function onOpenChange(open) {
       if (open) {
         setShowSubmitContent(false);
+        setOpen(true);
       } else {
         form.resetFields();
+        setOpen(false);
       }
     },
     overlayInnerStyle: {
-      width: '425px',
+      width: '350px',
       minHeight: '320px',
       padding: 20
     }
   }, /*#__PURE__*/React.createElement(Space, {
-    size: 0
+    size: 0,
+    "data-testid": "popover-testId"
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
     "data-testid": "feedback-button-like",
@@ -189,9 +200,12 @@ var Feedback = function Feedback(_ref) {
         color: activeColor
       }
     }) : /*#__PURE__*/React.createElement(LikeOutlined, null),
-    onClick: function onClick() {
+    onClick: function onClick(e) {
       setChoiceType(2);
       form.setFieldsValue(_defineProperty({}, "".concat(feedbackKey), 2));
+      if (open) {
+        e.stopPropagation();
+      }
     }
   }, t('ACCLAIM')), /*#__PURE__*/React.createElement(Button, {
     type: "link",
@@ -201,9 +215,12 @@ var Feedback = function Feedback(_ref) {
         color: activeColor
       }
     }) : /*#__PURE__*/React.createElement(DislikeOutlined, null),
-    onClick: function onClick() {
+    onClick: function onClick(e) {
       setChoiceType(1);
       form.setFieldsValue(_defineProperty({}, "".concat(feedbackKey), 1));
+      if (open) {
+        e.stopPropagation();
+      }
     }
   }, t('BAD_REVIEW'))))));
 };

package/dist/locales/en_US.d.ts

@@ -71,6 +71,9 @@ declare const _default: {
         readonly BAD_REVIEW: "Bad Review";
         readonly PLEASE_SELECT_FEEDBACK_TYPE: "Please fill in the feedback review";
         readonly FEEDBACK_TEXTAREA_PLACEHOLDER: "Please describe your feedback in detail and we will deal with it as soon as possible";
+        readonly FEEDBACK_MESSAGE_1: "Please fill in the satisfaction";
+        readonly FEEDBACK_MESSAGE_2: "Please check the feedback type";
+        readonly FEEDBACK_MESSAGE_3: "Please fill in the feedback content";
     };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -70,6 +70,9 @@ export default {
     ACCLAIM: 'Acclaim',
     BAD_REVIEW: 'Bad Review',
     PLEASE_SELECT_FEEDBACK_TYPE: 'Please fill in the feedback review',
-    FEEDBACK_TEXTAREA_PLACEHOLDER: 'Please describe your feedback in detail and we will deal with it as soon as possible'
+    FEEDBACK_TEXTAREA_PLACEHOLDER: 'Please describe your feedback in detail and we will deal with it as soon as possible',
+    FEEDBACK_MESSAGE_1: 'Please fill in the satisfaction',
+    FEEDBACK_MESSAGE_2: 'Please check the feedback type',
+    FEEDBACK_MESSAGE_3: 'Please fill in the feedback content'
   }
 };

package/dist/locales/index.d.ts

@@ -82,6 +82,9 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly BAD_REVIEW: "差评";
             readonly PLEASE_SELECT_FEEDBACK_TYPE: "请填写反馈评价";
             readonly FEEDBACK_TEXTAREA_PLACEHOLDER: "请详细描述你的反馈，我们会尽快处理";
+            readonly FEEDBACK_MESSAGE_1: "请填写满意度";
+            readonly FEEDBACK_MESSAGE_2: "请勾选反馈类型";
+            readonly FEEDBACK_MESSAGE_3: "请填写反馈内容";
         };
     } | {
         readonly VisualDataConfig: {
@@ -156,6 +159,9 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly BAD_REVIEW: "Bad Review";
             readonly PLEASE_SELECT_FEEDBACK_TYPE: "Please fill in the feedback review";
             readonly FEEDBACK_TEXTAREA_PLACEHOLDER: "Please describe your feedback in detail and we will deal with it as soon as possible";
+            readonly FEEDBACK_MESSAGE_1: "Please fill in the satisfaction";
+            readonly FEEDBACK_MESSAGE_2: "Please check the feedback type";
+            readonly FEEDBACK_MESSAGE_3: "Please fill in the feedback content";
         };
     })[T][U];
 };

package/dist/locales/zh_CN.d.ts

@@ -71,6 +71,9 @@ declare const _default: {
         readonly BAD_REVIEW: "差评";
         readonly PLEASE_SELECT_FEEDBACK_TYPE: "请填写反馈评价";
         readonly FEEDBACK_TEXTAREA_PLACEHOLDER: "请详细描述你的反馈，我们会尽快处理";
+        readonly FEEDBACK_MESSAGE_1: "请填写满意度";
+        readonly FEEDBACK_MESSAGE_2: "请勾选反馈类型";
+        readonly FEEDBACK_MESSAGE_3: "请填写反馈内容";
     };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -70,6 +70,9 @@ export default {
     ACCLAIM: '好评',
     BAD_REVIEW: '差评',
     PLEASE_SELECT_FEEDBACK_TYPE: '请填写反馈评价',
-    FEEDBACK_TEXTAREA_PLACEHOLDER: '请详细描述你的反馈，我们会尽快处理'
+    FEEDBACK_TEXTAREA_PLACEHOLDER: '请详细描述你的反馈，我们会尽快处理',
+    FEEDBACK_MESSAGE_1: '请填写满意度',
+    FEEDBACK_MESSAGE_2: '请勾选反馈类型',
+    FEEDBACK_MESSAGE_3: '请填写反馈内容'
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",