x-star-design 0.0.6 → 0.0.8

package/dist/code-mirror-wrapper/define.d.ts

@@ -1,14 +1,14 @@
 export declare enum LangId {
-    CPP = 1,
-    CPP11 = 2,
-    CPP14 = 3,
-    GCC = 4,
-    FPC = 5,
-    PY2 = 6,
-    PY3 = 7,
-    JAVA = 8,
-    PLAIN = 9,
-    CPP17 = 10
+    CPP = "g++",
+    CPP11 = "g++11",
+    CPP14 = "g++14",
+    CPP17 = "g++17",
+    GCC = "gcc",
+    FPC = "fpc",
+    PY2 = "python2.7",
+    PY3 = "python3.8",
+    JAVA = "java8",
+    PLAIN = "plain"
 }
 export declare enum Language {
     CPP = "cpp",

package/dist/code-mirror-wrapper/define.js

@@ -4,16 +4,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 export var LangId = /*#__PURE__*/function (LangId) {
-  LangId[LangId["CPP"] = 1] = "CPP";
-  LangId[LangId["CPP11"] = 2] = "CPP11";
-  LangId[LangId["CPP14"] = 3] = "CPP14";
-  LangId[LangId["GCC"] = 4] = "GCC";
-  LangId[LangId["FPC"] = 5] = "FPC";
-  LangId[LangId["PY2"] = 6] = "PY2";
-  LangId[LangId["PY3"] = 7] = "PY3";
-  LangId[LangId["JAVA"] = 8] = "JAVA";
-  LangId[LangId["PLAIN"] = 9] = "PLAIN";
-  LangId[LangId["CPP17"] = 10] = "CPP17";
+  LangId["CPP"] = "g++";
+  LangId["CPP11"] = "g++11";
+  LangId["CPP14"] = "g++14";
+  LangId["CPP17"] = "g++17";
+  LangId["GCC"] = "gcc";
+  LangId["FPC"] = "fpc";
+  LangId["PY2"] = "python2.7";
+  LangId["PY3"] = "python3.8";
+  LangId["JAVA"] = "java8";
+  LangId["PLAIN"] = "plain";
   return LangId;
 }({});
 import { bbedit } from '@uiw/codemirror-theme-bbedit';

package/dist/code-mirror-wrapper/index.d.ts

@@ -9,16 +9,16 @@ interface Props {
     theme?: Theme;
     /**
      * @description
-    CPP = 1,
-    CPP11,
-    CPP14,
-    GCC,
-    FPC,
-    PY2,
-    PY3,
-    JAVA,
-    PLAIN,
-    CPP17
+    CPP = 'g++',
+    CPP11 = 'g++11',
+    CPP14 = 'g++14',
+    CPP17 = 'g++17',
+    GCC = 'gcc',
+    FPC = 'fpc',
+    PY2 = 'python2.7',
+    PY3 = 'python3.8',
+    JAVA = 'java8',
+    PLAIN = 'plain',
     @default LangId.CPP
      */
     lang?: LangId;

package/dist/status-tag/define.d.ts

@@ -23,4 +23,5 @@ export interface StatusTagProps {
     hover?: boolean;
     className?: string;
     style?: React.CSSProperties;
+    onClick?: () => void;
 }

package/dist/status-tag/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { StatusTagProps } from './define';
-declare const StatusTag: ({ shape, status, hover, required, children, ...props }: StatusTagProps) => React.JSX.Element;
+declare const StatusTag: ({ shape, status, hover, required, children, onClick, ...props }: StatusTagProps) => React.JSX.Element;
 export default StatusTag;

package/dist/status-tag/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["shape", "status", "hover", "required", "children"];
+var _excluded = ["shape", "status", "hover", "required", "children", "onClick"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -28,6 +28,7 @@ var StatusTag = function StatusTag(_ref) {
     hover = _ref.hover,
     required = _ref.required,
     children = _ref.children,
+    onClick = _ref.onClick,
     props = _objectWithoutProperties(_ref, _excluded);
   var timeoutRef = useRef(0);
   var _useState = useState(false),
@@ -94,6 +95,7 @@ var StatusTag = function StatusTag(_ref) {
     style: _objectSpread(_objectSpread({}, statusCSSMap.get(status)), {}, {
       borderRadius: shape === 'circle' ? '50%' : '4px'
     }, props.style),
+    onClick: onClick,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, statusCSSMap !== null && statusCSSMap !== void 0 && (_statusCSSMap$get = statusCSSMap.get(status)) !== null && _statusCSSMap$get !== void 0 && _statusCSSMap$get.icon ? hover ? showContent ? children : statusCSSMap === null || statusCSSMap === void 0 ? void 0 : (_statusCSSMap$get2 = statusCSSMap.get(status)) === null || _statusCSSMap$get2 === void 0 ? void 0 : _statusCSSMap$get2.icon : statusCSSMap === null || statusCSSMap === void 0 ? void 0 : (_statusCSSMap$get3 = statusCSSMap.get(status)) === null || _statusCSSMap$get3 === void 0 ? void 0 : _statusCSSMap$get3.icon : children, required && /*#__PURE__*/React.createElement("img", {

package/dist/styles/index.css

@@ -35,7 +35,7 @@
   height: 100%;
 }
 .x-star-design-codeMirror .cm-editor {
-  font-family: "JBMono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
+  font-family: JBMono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
   height: 100%;
   font-size: 16px;
   line-height: 150%;
@@ -49,7 +49,6 @@
   position: relative;
   background-color: #fafafa;
   width: 16px;
-  height: 50px;
   background-size: cover;
   background-position: center;
   font-size: 32px;
@@ -72,8 +71,8 @@
 
 .x-star-design-draggableDivider {
   position: absolute;
-  top: 0px;
-  bottom: 0px;
+  top: 0;
+  bottom: 0;
   border-left: 4px transparent solid;
   z-index: 91;
 }
@@ -87,14 +86,14 @@
 
 .x-star-design-draggableMask {
   position: absolute;
-  inset: 0px;
+  inset: 0;
   z-index: 90;
 }
 
 .x-star-design-draggableChildren {
   position: absolute;
-  top: 0px;
-  bottom: 0px;
+  top: 0;
+  bottom: 0;
 }
 .x-star-design-draggableChildren > * {
   height: 100%;
@@ -111,7 +110,7 @@
   margin-bottom: 20px;
 }
 .x-star-design-rainbowContent .x-star-design-rainbowDot {
-  font-family: simsun;
+  font-family: simsun, monospace;
   /* 固定字体避免设置的宽度无效 */
   display: inline-block;
   overflow: hidden;
@@ -140,7 +139,7 @@
 
 .x-star-design-loadingMask {
   position: absolute;
-  inset: 0px;
+  inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -162,13 +161,13 @@
 
 .x-star-design-loadingSquare {
   position: absolute;
-  top: 0px;
+  top: 0;
   width: 20px;
   height: 20px;
 }
 
 .x-star-design-loadingSquare:nth-child(1) {
-  left: 0px;
+  left: 0;
   animation: square1 1.5s linear forwards infinite;
 }
 
@@ -190,83 +189,83 @@
 @keyframes square1 {
   0% {
     background-color: #096dd9;
-    transform: translate(0px, 0px);
+    transform: translate(0, 0);
   }
   9.09091% {
     background-color: #096dd9;
-    transform: translate(0px, -22px);
+    transform: translate(0, -22px);
   }
   18.18182% {
     background-color: #022679;
     transform: translate(22px, -22px);
   }
   27.27273% {
-    transform: translate(22px, 0px);
+    transform: translate(22px, 0);
   }
   100% {
     background-color: #022679;
-    transform: translate(22px, 0px);
+    transform: translate(22px, 0);
   }
 }
 @keyframes square2 {
   0% {
     background-color: #022679;
-    transform: translate(0px, 0px);
+    transform: translate(0, 0);
   }
   18.18182% {
-    transform: translate(0px, 0px);
+    transform: translate(0, 0);
   }
   27.27273% {
     background-color: #022679;
-    transform: translate(0px, 22px);
+    transform: translate(0, 22px);
   }
   36.36364% {
     background-color: #f57712;
     transform: translate(22px, 22px);
   }
   45.45455% {
-    transform: translate(22px, 0px);
+    transform: translate(22px, 0);
   }
   100% {
     background-color: #f57712;
-    transform: translate(22px, 0px);
+    transform: translate(22px, 0);
   }
 }
 @keyframes square3 {
   0% {
     background-color: #f57712;
-    transform: translate(0px, 0px);
+    transform: translate(0, 0);
   }
   36.36364% {
-    transform: translate(0px, 0px);
+    transform: translate(0, 0);
   }
   45.45455% {
     background-color: #f57712;
-    transform: translate(0px, -22px);
+    transform: translate(0, -22px);
   }
   54.54545% {
     background-color: #ffd600;
     transform: translate(22px, -22px);
   }
   63.63636% {
-    transform: translate(22px, 0px);
+    transform: translate(22px, 0);
   }
   100% {
     background-color: #ffd600;
-    transform: translate(22px, 0px);
+    transform: translate(22px, 0);
   }
 }
 @keyframes square4 {
   0% {
     background-color: #ffd600;
-    transform: translate(0px, 0px);
+    transform: translate(0, 0);
   }
   54.54545% {
-    transform: translate(0px, 0px);
+    transform: translate(0, 0);
   }
   63.63636% {
     background-color: #ffd600;
-    transform: translate(0px, 22px);
+    transform: translate(0, 22px);
   }
   72.72727% {
     background-color: #f57712;
@@ -280,7 +279,7 @@
   }
   100% {
     background-color: #096dd9;
-    transform: translate(-66px, 0px);
+    transform: translate(-66px, 0);
   }
 }
 .x-star-design-titleSection {
@@ -291,7 +290,6 @@
 .x-star-design-titleSection img {
   width: 1em;
   height: 1em;
-  color: #1890ff;
   display: inline-flex;
   align-items: center;
   color: inherit;
@@ -300,11 +298,11 @@
   text-align: center;
   text-transform: none;
   vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
 }
 .x-star-design-titleSection .x-star-design-title {
-  color: #000000;
+  color: #000;
   display: inline;
   margin-left: 10px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",
@@ -15,7 +15,7 @@
     "docs:build": "dumi build",
     "doctor": "father doctor",
     "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,scss}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
@@ -30,7 +30,7 @@
     "*.{md,json}": [
       "prettier --write --no-error-on-unmatched-pattern"
     ],
-    "*.{css,less}": [
+    "*.{css,scss}": [
       "stylelint --fix",
       "prettier --write"
     ],
@@ -75,7 +75,8 @@
     "prettier-plugin-packagejson": "^2.2.18",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "stylelint": "^14.9.1"
+    "stylelint": "^14.9.1",
+    "stylelint-config-standard-scss": "^6.1.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",