x-star-design 0.0.50 → 0.0.52

package/dist/feedback/index.js

@@ -62,6 +62,7 @@ var Feedback = function Feedback(_ref) {
       onFinish: function onFinish(val) {
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(val);
         setShowSubmitContent(true);
+        setChoiceType(undefined);
       },
       className: classNames("".concat(prefix, "-feedbackForm"), _defineProperty({}, "".concat(prefix, "-feedbackFormHidden"), showSubmitContent))
     }, /*#__PURE__*/React.createElement(Space, {
@@ -91,21 +92,31 @@ var Feedback = function Feedback(_ref) {
       },
       style: {
         color: choiceType === 2 ? activeColor : '#d9d9d9',
-        transition: 'color 0.3s ease-in-out',
+        transition: 'color 0.3s ease-in-out'
+      }
+    }, /*#__PURE__*/React.createElement(Space, {
+      direction: "vertical"
+    }, /*#__PURE__*/React.createElement(LikeFilled, {
+      style: {
         fontSize: '36px'
       }
-    }, /*#__PURE__*/React.createElement(LikeFilled, null)), /*#__PURE__*/React.createElement(Radio, {
+    }), t('ACCLAIM'))), /*#__PURE__*/React.createElement(Radio, {
       value: 1,
       "data-testid": "feedbackKey-testId-dislike",
       style: {
         color: choiceType === 1 ? activeColor : '#d9d9d9',
-        transition: 'color 0.3s ease-in-out',
-        fontSize: '36px'
+        transition: 'color 0.3s ease-in-out'
       },
       onClick: function onClick() {
         setChoiceType(1);
       }
-    }, /*#__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", {
+    }, /*#__PURE__*/React.createElement(Space, {
+      direction: "vertical"
+    }, /*#__PURE__*/React.createElement(DislikeFilled, {
+      style: {
+        fontSize: '36px'
+      }
+    }), t('BAD_REVIEW')))))), ((_choiceTypeList = choiceTypeList()) === null || _choiceTypeList === void 0 ? void 0 : _choiceTypeList.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       style: {
         marginBottom: 10
       }
@@ -142,14 +153,29 @@ var Feedback = function Feedback(_ref) {
       rules: [{
         required: true,
         message: t('FEEDBACK_MESSAGE_3')
+      }, {
+        validator: function validator(_, value) {
+          //空格字符串校验
+          if (/^\s+$/g.test(value)) {
+            return Promise.reject();
+          }
+          return Promise.resolve();
+        },
+        message: t('FEEDBACK_MESSAGE_3')
       }]
     }, /*#__PURE__*/React.createElement(TextArea, {
       "data-testid": "feedbackTextAreaKey-testId",
-      placeholder: "\u8BF7\u8BE6\u7EC6\u63CF\u8FF0\u4F60\u7684\u53CD\u9988\uFF0C\u6211\u4EEC\u4F1A\u5C3D\u5FEB\u5904\u7406",
-      className: "".concat(prefix, "-feedbackTextArea")
+      placeholder: t('FEEDBACK_TEXTAREA_PLACEHOLDER'),
+      showCount: true,
+      maxLength: 200,
+      style: {
+        height: '100px',
+        resize: 'none'
+      }
     })), /*#__PURE__*/React.createElement(Form.Item, {
       style: {
-        marginBottom: 0
+        marginBottom: 0,
+        marginTop: 16
       }
     }, /*#__PURE__*/React.createElement(Button, {
       type: "primary",
@@ -194,6 +220,7 @@ var Feedback = function Feedback(_ref) {
     "data-testid": "popover-testId"
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
+    className: classNames("".concat(prefix, "-outsideFeedbackButton")),
     "data-testid": "feedback-button-like",
     icon: choiceType === 2 ? /*#__PURE__*/React.createElement(LikeFilled, {
       style: {
@@ -207,9 +234,10 @@ var Feedback = function Feedback(_ref) {
         e.stopPropagation();
       }
     }
-  }, t('ACCLAIM')), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     type: "link",
     "data-testid": "feedback-button-dislike",
+    className: classNames("".concat(prefix, "-outsideFeedbackButton")),
     icon: choiceType === 1 ? /*#__PURE__*/React.createElement(DislikeFilled, {
       style: {
         color: activeColor
@@ -222,6 +250,6 @@ var Feedback = function Feedback(_ref) {
         e.stopPropagation();
       }
     }
-  }, t('BAD_REVIEW'))))));
+  })))));
 };
 export default Feedback;

package/dist/locales/en_US.d.ts

@@ -67,8 +67,8 @@ declare const _default: {
         readonly FEEDBACK_TYPE: "Feedback Type";
         readonly SUBMIT: "Submit";
         readonly FEEDBACK_ON_THE_PROBLEM: "Your feedback on this problem";
-        readonly ACCLAIM: "Acclaim";
-        readonly BAD_REVIEW: "Bad Review";
+        readonly ACCLAIM: "Like";
+        readonly BAD_REVIEW: "Dislike";
         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";

package/dist/locales/en_US.js

@@ -67,8 +67,8 @@ export default {
     FEEDBACK_TYPE: 'Feedback Type',
     SUBMIT: 'Submit',
     FEEDBACK_ON_THE_PROBLEM: 'Your feedback on this problem',
-    ACCLAIM: 'Acclaim',
-    BAD_REVIEW: 'Bad Review',
+    ACCLAIM: 'Like',
+    BAD_REVIEW: 'Dislike',
     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_MESSAGE_1: 'Please fill in the satisfaction',

package/dist/locales/index.d.ts

@@ -78,8 +78,8 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly FEEDBACK_TYPE: "反馈类型";
             readonly SUBMIT: "提交";
             readonly FEEDBACK_ON_THE_PROBLEM: "您对本题目的反馈";
-            readonly ACCLAIM: "好评";
-            readonly BAD_REVIEW: "差评";
+            readonly ACCLAIM: "满意";
+            readonly BAD_REVIEW: "不满意";
             readonly PLEASE_SELECT_FEEDBACK_TYPE: "请填写反馈评价";
             readonly FEEDBACK_TEXTAREA_PLACEHOLDER: "请详细描述你的反馈，我们会尽快处理";
             readonly FEEDBACK_MESSAGE_1: "请填写满意度";
@@ -155,8 +155,8 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly FEEDBACK_TYPE: "Feedback Type";
             readonly SUBMIT: "Submit";
             readonly FEEDBACK_ON_THE_PROBLEM: "Your feedback on this problem";
-            readonly ACCLAIM: "Acclaim";
-            readonly BAD_REVIEW: "Bad Review";
+            readonly ACCLAIM: "Like";
+            readonly BAD_REVIEW: "Dislike";
             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";

package/dist/locales/zh_CN.d.ts

@@ -67,8 +67,8 @@ declare const _default: {
         readonly FEEDBACK_TYPE: "反馈类型";
         readonly SUBMIT: "提交";
         readonly FEEDBACK_ON_THE_PROBLEM: "您对本题目的反馈";
-        readonly ACCLAIM: "好评";
-        readonly BAD_REVIEW: "差评";
+        readonly ACCLAIM: "满意";
+        readonly BAD_REVIEW: "不满意";
         readonly PLEASE_SELECT_FEEDBACK_TYPE: "请填写反馈评价";
         readonly FEEDBACK_TEXTAREA_PLACEHOLDER: "请详细描述你的反馈，我们会尽快处理";
         readonly FEEDBACK_MESSAGE_1: "请填写满意度";

package/dist/locales/zh_CN.js

@@ -67,8 +67,8 @@ export default {
     FEEDBACK_TYPE: '反馈类型',
     SUBMIT: '提交',
     FEEDBACK_ON_THE_PROBLEM: '您对本题目的反馈',
-    ACCLAIM: '好评',
-    BAD_REVIEW: '差评',
+    ACCLAIM: '满意',
+    BAD_REVIEW: '不满意',
     PLEASE_SELECT_FEEDBACK_TYPE: '请填写反馈评价',
     FEEDBACK_TEXTAREA_PLACEHOLDER: '请详细描述你的反馈，我们会尽快处理',
     FEEDBACK_MESSAGE_1: '请填写满意度',

package/dist/styles/index.css

@@ -39,7 +39,6 @@
   z-index: 999;
   border: 3px dashed orange !important;
 }
-.x-star-design-contactButtonCard .ant-card-body,
 .x-star-design-contactButtonCard .x-star-design-card-body {
   padding: 5px;
 }
@@ -185,9 +184,6 @@
 .x-star-design-feedbackContainer .x-star-design-feedbackContent .x-star-design-feedbackButton {
   width: 100%;
 }
-.x-star-design-feedbackContainer .x-star-design-feedbackContent .x-star-design-feedbackTextArea {
-  height: 100px;
-}
 .x-star-design-feedbackContainer .x-star-design-feedbackContent :global(.x-star-design-form-item) {
   margin-bottom: 10px;
 }
@@ -208,6 +204,11 @@
 .x-star-design-feedbackContainer .x-star-design-popover-title {
   margin-bottom: 0 !important;
 }
+.x-star-design-feedbackContainer .x-star-design-outsideFeedbackButton {
+  padding-left: 8px !important;
+  padding-right: 8px !important;
+  font-size: 12px;
+}
 .x-star-design-feedbackContainer .x-star-design-popover-inner {
   display: flex;
   flex-direction: column;
@@ -516,18 +517,21 @@
   width: 100%;
 }
 
-.x-star-design-XTabs.x-star-design-tabs, .x-star-design-XTabs.ant-tabs {
+.x-star-design-xtabs-wrapper {
+  width: 100%;
+}
+
+.x-star-design-xtabs.x-star-design-tabs {
   width: 100%;
   min-height: 80vh;
   border: 0;
   background-color: #fff;
   color: #9e9e9e;
 }
-.x-star-design-XTabs .x-star-design-tabs-nav-wrap,
-.x-star-design-XTabs .ant-tabs-nav-wrap {
+.x-star-design-xtabs .x-star-design-tabs-nav-wrap {
   background-color: var(--xtabs-secondary-color);
 }
-.x-star-design-XTabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab, .x-star-design-XTabs.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
+.x-star-design-xtabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab {
   width: 130px;
   height: 130px;
   background-color: unset;
@@ -538,42 +542,38 @@
   border: 0;
   color: #9e9e9e;
 }
-.x-star-design-XTabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab-active, .x-star-design-XTabs.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active {
+.x-star-design-xtabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab-active {
   border-left: 6px solid var(--xtabs-primary-color);
   background-color: #fff;
   transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
   border-radius: 0;
 }
-.x-star-design-XTabs.x-star-design-tabs .x-star-design-tabs-tab:hover, .x-star-design-XTabs.ant-tabs .ant-tabs-tab:hover {
+.x-star-design-xtabs.x-star-design-tabs .x-star-design-tabs-tab:hover {
   color: var(--xtabs-primary-color);
 }
-.x-star-design-XTabs .x-star-design-tabs-tab-btn,
-.x-star-design-XTabs .ant-tabs-tab-btn {
+.x-star-design-xtabs .x-star-design-tabs-tab-btn {
   text-align: center;
   white-space: normal;
 }
-.x-star-design-XTabs .x-star-design-tabs-content-holder,
-.x-star-design-XTabs .ant-tabs-content-holder {
+.x-star-design-xtabs .x-star-design-tabs-content-holder {
   border-left: 0;
 }
-.x-star-design-XTabs .x-star-design-tabs-content,
-.x-star-design-XTabs .ant-tabs-content {
+.x-star-design-xtabs .x-star-design-tabs-content {
   display: flex;
   width: 100%;
   height: 100%;
   border: 1px solid #d7d7d7;
   padding: 0 20px;
 }
-.x-star-design-XTabs .x-star-design-tabs-tabpane,
-.x-star-design-XTabs .ant-tabs-tabpane {
+.x-star-design-xtabs .x-star-design-tabs-tabpane {
   padding: 0 24px 24px;
 }
-.x-star-design-XTabs .x-star-design-icon-img {
+.x-star-design-xtabs .x-star-design-icon-img {
   text-align: center;
   font-size: 44px;
   padding-left: 10px;
 }
-.x-star-design-XTabs .x-star-design-icon-title {
+.x-star-design-xtabs .x-star-design-icon-title {
   font-size: 16px;
   display: block;
   padding-top: 10px;

package/dist/title-with-icon/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-type TitleWithIconProps = {
-    title: React.ReactNode;
+interface TitleWithIconProps {
+    id?: string;
     className?: string;
+    title?: React.ReactNode;
     description?: React.ReactNode;
-    id?: string;
-};
-declare const TitleWithIcon: ({ className, title, description, id, }: TitleWithIconProps) => React.JSX.Element;
+}
+declare const TitleWithIcon: ({ id, className, title, description, }: TitleWithIconProps) => React.JSX.Element;
 export default TitleWithIcon;

package/dist/title-with-icon/index.js

@@ -4,21 +4,23 @@ import classNames from 'classnames';
 import React, { useContext } from 'react';
 import { prefix } from "../utils/global";
 var TitleWithIcon = function TitleWithIcon(_ref) {
-  var className = _ref.className,
+  var _theme$token;
+  var id = _ref.id,
+    className = _ref.className,
     title = _ref.title,
-    description = _ref.description,
-    id = _ref.id;
+    description = _ref.description;
   var _useContext = useContext(ConfigContext),
     theme = _useContext.theme;
-  var _ref2 = (theme === null || theme === void 0 ? void 0 : theme.token) || {},
-    colorPrimary = _ref2.colorPrimary;
+  var _ref2 = (_theme$token = theme === null || theme === void 0 ? void 0 : theme.token) !== null && _theme$token !== void 0 ? _theme$token : {},
+    _ref2$colorPrimary = _ref2.colorPrimary,
+    colorPrimary = _ref2$colorPrimary === void 0 ? '#1990fe' : _ref2$colorPrimary;
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "wrapper",
-    className: classNames(className, "".concat(prefix, "-titleSection")),
-    id: id
+    id: id,
+    className: classNames(className, "".concat(prefix, "-titleSection"))
   }, /*#__PURE__*/React.createElement(RightSquareFilled, {
     style: {
-      color: colorPrimary || '#1990fe'
+      color: colorPrimary
     }
   }), /*#__PURE__*/React.createElement("span", {
     "data-testid": "title",

package/dist/xtabs/index.d.ts

@@ -2,9 +2,9 @@ import { TabsProps } from 'antd';
 import React from 'react';
 type XTabsItem = Exclude<TabsProps['items'], undefined> extends (infer Item)[] ? Item & {
     icon?: React.ReactNode;
-} : undefined;
+} : never;
 interface XTabsProps extends TabsProps {
-    items: XTabsItem[];
+    items?: XTabsItem[];
 }
 declare const XTabs: ({ items, ...props }: XTabsProps) => React.JSX.Element;
 export default XTabs;

package/dist/xtabs/index.js

@@ -7,6 +7,7 @@ import { ConfigContext } from 'antd/es/config-provider';
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import ConfigProviderWrapper from "../config-provider-wrapper";
 import { prefix } from "../utils/global";
+
 //hash颜色转换rgba
 function hexToRGBA(hex, alpha) {
   var r = '',
@@ -24,25 +25,21 @@ function hexToRGBA(hex, alpha) {
   return "rgba(".concat(+r, ",").concat(+g, ",").concat(+b, ",").concat(alpha, ")");
 }
 var XTabs = function XTabs(_ref) {
+  var _theme$token;
   var items = _ref.items,
     props = _objectWithoutProperties(_ref, _excluded);
+  var colorThemeRef = useRef(null);
   var _useContext = useContext(ConfigContext),
     theme = _useContext.theme;
-  var _ref2 = (theme === null || theme === void 0 ? void 0 : theme.token) || {},
+  var _ref2 = (_theme$token = theme === null || theme === void 0 ? void 0 : theme.token) !== null && _theme$token !== void 0 ? _theme$token : {},
     _ref2$colorPrimary = _ref2.colorPrimary,
     colorPrimary = _ref2$colorPrimary === void 0 ? '#1990fe' : _ref2$colorPrimary;
-  var colorThemeRef = useRef(null);
   useEffect(function () {
     var _colorThemeRef$curren, _colorThemeRef$curren2;
     //设置主题色
     (_colorThemeRef$curren = colorThemeRef.current) === null || _colorThemeRef$curren === void 0 ? void 0 : _colorThemeRef$curren.style.setProperty('--xtabs-primary-color', colorPrimary);
     (_colorThemeRef$curren2 = colorThemeRef.current) === null || _colorThemeRef$curren2 === void 0 ? void 0 : _colorThemeRef$curren2.style.setProperty('--xtabs-secondary-color', hexToRGBA(colorPrimary, 0.15));
-    return function () {
-      var _colorThemeRef$curren3, _colorThemeRef$curren4;
-      (_colorThemeRef$curren3 = colorThemeRef.current) === null || _colorThemeRef$curren3 === void 0 ? void 0 : _colorThemeRef$curren3.style.removeProperty('--xtabs-primary-color');
-      (_colorThemeRef$curren4 = colorThemeRef.current) === null || _colorThemeRef$curren4 === void 0 ? void 0 : _colorThemeRef$curren4.style.removeProperty('--xtabs-secondary-color');
-    };
-  }, []);
+  }, [colorPrimary]);
   var newItems = useMemo(function () {
     return items === null || items === void 0 ? void 0 : items.map(function (item) {
       return _objectSpread(_objectSpread({}, item), {}, {
@@ -57,10 +54,11 @@ var XTabs = function XTabs(_ref) {
     });
   }, [items]);
   return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement("div", {
+    "data-testid": 'xtabsColorTheme',
     ref: colorThemeRef,
-    "data-testid": 'xtabsColorTheme'
+    className: "".concat(prefix, "-xtabs-wrapper")
   }, /*#__PURE__*/React.createElement(Tabs, _extends({
-    className: "".concat(prefix, "-XTabs"),
+    className: "".concat(prefix, "-xtabs"),
     tabPosition: 'left',
     size: "large",
     type: "card",

package/package.json

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

package/dist/assets/status-tag/pending.svg

@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>review</title>
-    <g id="融合题页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="融合题-页面布局-方案一" transform="translate(-186.000000, -824.000000)" fill="#FC7D33">
-            <g id="左侧" transform="translate(50.000000, 88.000000)">
-                <g id="图例" transform="translate(0.000000, 522.000000)">
-                    <g id="状态区分" transform="translate(24.000000, 128.000000)">
-                        <g transform="translate(10.000000, 30.000000)" id="客观题备份-4">
-                            <g transform="translate(86.000000, 52.000000)">
-                                <g id="1备份-11" transform="translate(12.000000, 0.000000)">
-                                    <g id="review" transform="translate(4.000000, 4.000000)">
-                                        <rect id="矩形" fill-rule="nonzero" opacity="0" x="0" y="0" width="12" height="12"></rect>
-                                        <rect id="矩形" stroke="#FC7D33" x="1.92753247" y="5.96077922" width="8.14285714" height="1"></rect>
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/assets/title-with-icon/right.svg

@@ -1,16 +0,0 @@
-<svg
-  t="1692761303575"
-  class="icon"
-  viewBox="64 64 896 896"
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  p-id="8268"
-  data-spm-anchor-id="a313x.search_index.0.i2.2cc53a81BXBCFy"
-  width="1em"
-  height="1em"
->
-  <path
-    d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM658.7 518.5l-246 178c-5.3 3.8-12.7 0-12.7-6.5v-46.9c0-10.2 4.9-19.9 13.2-25.9L558.6 512 413.2 406.8c-8.3-6-13.2-15.6-13.2-25.9V334c0-6.5 7.4-10.3 12.7-6.5l246 178c4.4 3.2 4.4 9.8 0 13z"
-    fill="#1890ff"
-  ></path>
-</svg>