x-star-design 0.0.20 → 0.0.22

package/dist/code-detail-modal/define.d.ts

@@ -1,4 +1,5 @@
 import { LangId } from '../code-mirror-wrapper/define';
+export declare const langVL: Map<LangId, string>;
 export interface CodeDetail {
     problemNameZh: string;
     problemNameEn: string;

package/dist/code-detail-modal/define.js

@@ -1 +1,2 @@
-export {};
+import { LangId } from "../code-mirror-wrapper/define";
+export var langVL = new Map([[LangId.CPP17, 'C++17'], [LangId.CPP14, 'C++14'], [LangId.CPP11, 'C++11'], [LangId.CPP, 'C++'], [LangId.GCC, 'C'], [LangId.FPC, 'Pascal'], [LangId.PY2, 'Python2.7'], [LangId.PY3, 'Python3.8'], [LangId.JAVA, 'Java8'], [LangId.PLAIN, 'plain']]);

package/dist/code-detail-modal/index.js

@@ -13,6 +13,7 @@ import ConfigProviderWrapper from "../config-provider-wrapper";
 import { useLocale } from "../locales";
 import SubmissionStatus from "../submission-status";
 import { prefix } from "../utils/global";
+import { langVL } from "./define";
 var CodeDetailModal = function CodeDetailModal(_ref) {
   var codeData = _ref.codeData,
     open = _ref.open,
@@ -38,7 +39,10 @@ var CodeDetailModal = function CodeDetailModal(_ref) {
     key: 'language',
     align: 'center',
     title: t('Language'),
-    dataIndex: 'language'
+    dataIndex: 'language',
+    render: function render(language) {
+      return langVL.get(language);
+    }
   }, {
     key: 'status',
     align: 'center',
@@ -104,7 +108,7 @@ var CodeDetailModal = function CodeDetailModal(_ref) {
     },
     open: open,
     onCancel: onCancel,
-    width: '60%',
+    width: 800,
     footer: null
   }, props), /*#__PURE__*/React.createElement(Table, {
     pagination: false,

package/dist/index.d.ts

@@ -11,7 +11,6 @@ export type { FallbackProps } from './error-boundary';
 export { default as InputNumbers } from './input-numbers';
 export { default as LoadingMask } from './loading-mask';
 export { LocaleProvider } from './locales';
-export { default as PaneTitle } from './pane-title';
 export { default as RainbowCat } from './rainbow-cat';
 export { default as SortTable } from './sort-table';
 export { default as StatusTag } from './status-tag';

package/dist/index.js

@@ -9,7 +9,6 @@ export { default as ErrorBoundary } from "./error-boundary";
 export { default as InputNumbers } from "./input-numbers";
 export { default as LoadingMask } from "./loading-mask";
 export { LocaleProvider } from "./locales";
-export { default as PaneTitle } from "./pane-title";
 export { default as RainbowCat } from "./rainbow-cat";
 export { default as SortTable } from "./sort-table";
 export { default as StatusTag } from "./status-tag";

package/dist/styles/index.css

@@ -287,8 +287,11 @@
 }
 .x-star-design-titleSection .x-star-design-title {
   color: #000;
-  display: inline;
-  margin-left: 10px;
+  margin: 0 10px;
+}
+.x-star-design-titleSection .x-star-design-description {
+  color: #b6b6b6;
+  font-size: 12px;
 }
 
 .x-star-design-virtual-grid::-webkit-scrollbar {
@@ -323,17 +326,6 @@
   background: #141414;
 }
 
-.x-star-design-title {
-  background-color: #fff;
-  min-height: 50px;
-  margin: 0;
-  padding: 10px 20px;
-}
-.x-star-design-title .x-star-design-description {
-  font-size: 12px;
-  color: #b6b6b6;
-}
-
 .x-star-design-XTabs.x-star-design-tabs, .x-star-design-XTabs.ant-tabs {
   width: 100%;
   min-height: 80vh;
@@ -359,6 +351,7 @@
   border-left: 6px solid #1890ff;
   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-tab-btn,
 .x-star-design-XTabs .ant-tabs-tab-btn {

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

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

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

@@ -4,14 +4,17 @@ import rightSvg from "../assets/title-with-icon/right.svg";
 import { prefix } from "../utils/global";
 var TitleWithIcon = function TitleWithIcon(_ref) {
   var className = _ref.className,
-    title = _ref.title;
+    title = _ref.title,
+    description = _ref.description;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, "".concat(prefix, "titleSection"))
   }, /*#__PURE__*/React.createElement("img", {
     src: rightSvg,
     alt: ""
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "title")
-  }, title));
+  }, title), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefix, "description")
+  }, description));
 };
 export default TitleWithIcon;

package/package.json

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

package/dist/pane-title/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type PaneTitleProps = {
-    title: string;
-    description: string;
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-};
-declare const PaneTitle: React.FC<PaneTitleProps>;
-export default PaneTitle;

package/dist/pane-title/index.js

@@ -1,27 +0,0 @@
-import { Space } from 'antd';
-import React from 'react';
-import ConfigProviderWrapper from "../config-provider-wrapper";
-import TitleWithIcon from "../title-with-icon";
-import { prefix } from "../utils/global";
-var PaneTitle = function PaneTitle(_ref) {
-  var title = _ref.title,
-    description = _ref.description,
-    children = _ref.children,
-    style = _ref.style;
-  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "title")
-  }, /*#__PURE__*/React.createElement(Space, {
-    align: "center"
-  }, /*#__PURE__*/React.createElement(TitleWithIcon, {
-    title: title
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "description")
-  }, description), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: 40
-    }
-  }, children)))));
-};
-export default PaneTitle;