x-star-design 0.0.47 → 0.0.49

package/dist/feedback/index.d.ts

@@ -1,13 +1,17 @@
 import React from 'react';
 type feedbackItem = {
-    value: string;
+    value: string | number;
     label: string;
 };
 interface FeedbackProps {
     /**
-     * @description Radio.Group 的选项
+     * @description 好评 Radio.Group 的选项
      */
-    feedbackList?: feedbackItem[];
+    feedbackListGood?: feedbackItem[];
+    /**
+     * @description 差评 Radio.Group 的选项
+     */
+    feedbackListBad?: feedbackItem[];
     /**
      * @description 选中的颜色
      */

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 feedbackList = _ref.feedbackList,
+  var feedbackListGood = _ref.feedbackListGood,
+    feedbackListBad = _ref.feedbackListBad,
     activeColor = _ref.activeColor,
     onSubmit = _ref.onSubmit,
     feedbackKey = _ref.feedbackKey,
@@ -30,6 +31,13 @@ var Feedback = function Feedback(_ref) {
   var _useLocale = useLocale('Feedback'),
     t = _useLocale.format;
   var mainContainer = useRef(null);
+  var choiceTypeList = function choiceTypeList() {
+    if (choiceType === 2) {
+      return feedbackListGood;
+    } else {
+      return feedbackListBad;
+    }
+  };
   var submittedContent = function submittedContent() {
     return /*#__PURE__*/React.createElement(Space, {
       direction: "vertical",
@@ -42,6 +50,7 @@ var Feedback = function Feedback(_ref) {
     }, /*#__PURE__*/React.createElement(CoffeeOutlined, null)), /*#__PURE__*/React.createElement("div", null, t('FEEDBACK_RESPONSE')));
   };
   var submitFormContent = function submitFormContent() {
+    var _choiceTypeList, _choiceTypeList2;
     return /*#__PURE__*/React.createElement(Form, {
       form: form,
       onFinish: function onFinish(val) {
@@ -68,28 +77,28 @@ var Feedback = function Feedback(_ref) {
         padding: '20px 0 10px 0'
       }
     }, /*#__PURE__*/React.createElement(Radio, {
-      value: 1,
-      "data-testid": "feedbackKey-testId",
+      value: 2,
+      "data-testid": "feedbackKey-testId-like",
       onClick: function onClick() {
-        setChoiceType(1);
+        setChoiceType(2);
       },
       style: {
-        color: choiceType === 1 ? activeColor : '#d9d9d9',
+        color: choiceType === 2 ? activeColor : '#d9d9d9',
         transition: 'color 0.3s ease-in-out',
         fontSize: '36px'
       }
     }, /*#__PURE__*/React.createElement(LikeFilled, null)), /*#__PURE__*/React.createElement(Radio, {
-      value: 0,
+      value: 1,
       "data-testid": "feedbackKey-testId-dislike",
       style: {
-        color: choiceType === 0 ? activeColor : '#d9d9d9',
+        color: choiceType === 1 ? activeColor : '#d9d9d9',
         transition: 'color 0.3s ease-in-out',
         fontSize: '36px'
       },
       onClick: function onClick() {
-        setChoiceType(0);
+        setChoiceType(1);
       }
-    }, /*#__PURE__*/React.createElement(DislikeFilled, null))))), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(DislikeFilled, null))))), ((_choiceTypeList = choiceTypeList()) === null || _choiceTypeList === void 0 ? void 0 : _choiceTypeList.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       style: {
         marginBottom: 10
       }
@@ -114,14 +123,14 @@ var Feedback = function Feedback(_ref) {
       style: {
         width: '100%'
       }
-    }, feedbackList === null || feedbackList === void 0 ? void 0 : feedbackList.map(function (item) {
+    }, (_choiceTypeList2 = choiceTypeList()) === null || _choiceTypeList2 === void 0 ? void 0 : _choiceTypeList2.map(function (item) {
       return /*#__PURE__*/React.createElement(Col, {
         span: 8,
         key: item.value
       }, /*#__PURE__*/React.createElement(Checkbox, {
         value: item.value
       }, item.label));
-    })))), /*#__PURE__*/React.createElement(Form.Item, {
+    }))))), /*#__PURE__*/React.createElement(Form.Item, {
       name: feedbackTextAreaKey,
       rules: [{
         required: true,
@@ -138,7 +147,10 @@ var Feedback = function Feedback(_ref) {
     }, /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       className: classNames("".concat(prefix, "-feedbackButton")),
-      htmlType: "submit"
+      htmlType: "submit",
+      onClick: function onClick() {
+        return form.setFieldValue(feedbackKey, choiceType);
+      }
     }, t('SUBMIT')))));
   };
   var content = /*#__PURE__*/React.createElement("div", {
@@ -154,7 +166,7 @@ var Feedback = function Feedback(_ref) {
     getPopupContainer: function getPopupContainer() {
       return mainContainer.current;
     },
-    trigger: ['click'],
+    mouseLeaveDelay: 0.4,
     onOpenChange: function onOpenChange(open) {
       if (open) {
         setShowSubmitContent(false);
@@ -163,7 +175,7 @@ var Feedback = function Feedback(_ref) {
       }
     },
     overlayInnerStyle: {
-      width: '400px',
+      width: '425px',
       minHeight: '320px',
       padding: 20
     }
@@ -172,26 +184,26 @@ var Feedback = function Feedback(_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
     "data-testid": "feedback-button-like",
-    icon: choiceType === 1 ? /*#__PURE__*/React.createElement(LikeFilled, {
+    icon: choiceType === 2 ? /*#__PURE__*/React.createElement(LikeFilled, {
       style: {
         color: activeColor
       }
     }) : /*#__PURE__*/React.createElement(LikeOutlined, null),
     onClick: function onClick() {
-      setChoiceType(1);
-      form.setFieldsValue(_defineProperty({}, "".concat(feedbackKey), 1));
+      setChoiceType(2);
+      form.setFieldsValue(_defineProperty({}, "".concat(feedbackKey), 2));
     }
   }, t('ACCLAIM')), /*#__PURE__*/React.createElement(Button, {
     type: "link",
     "data-testid": "feedback-button-dislike",
-    icon: choiceType === 0 ? /*#__PURE__*/React.createElement(DislikeFilled, {
+    icon: choiceType === 1 ? /*#__PURE__*/React.createElement(DislikeFilled, {
       style: {
         color: activeColor
       }
     }) : /*#__PURE__*/React.createElement(DislikeOutlined, null),
     onClick: function onClick() {
-      setChoiceType(0);
-      form.setFieldsValue(_defineProperty({}, "".concat(feedbackKey), 0));
+      setChoiceType(1);
+      form.setFieldsValue(_defineProperty({}, "".concat(feedbackKey), 1));
     }
   }, t('BAD_REVIEW'))))));
 };

package/package.json

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