YMFE · leeguooooo · Dec 29, 2025 · Dec 29, 2025
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -17,10 +17,16 @@ module.exports = {
         "react",
         "import"
     ],
+    settings: {
+        react: {
+            version: "16.2"
+        }
+    },
     rules: {
         "indent": ["off", 2],
         "react/display-name": ["off"],
         "react/jsx-indent": ["error", 2],
+        "react/no-deprecated": ["off"],
         "comma-dangle": ["error", "never"],
         "no-console": ["off"],
         "import/no-unresolved": ["off"],
@@ -29,4 +35,3 @@ module.exports = {
         // "react/no-unescaped-entities": 0
     }
 };
-
diff --git a/.gitignore b/.gitignore
@@ -22,6 +22,7 @@ target/
 *.diff
 *.patch
 *.tmp
+.tmp_*.png
 
 # system ignore
 .DS_Store

diff --git a/README.md b/README.md
@@ -24,7 +24,7 @@ YApi 是<strong>高效</strong>、<strong>易用</strong>、<strong>功能强大
 *  类似 postman 的接口调试
 *  自动化测试, 支持对 Response 断言
 *  MockServer 除支持普通的随机 mock 外，还增加了 Mock 期望功能，根据设置的请求过滤规则，返回期望数据
-*  支持 postman, har, swagger 数据导入
+*  支持 postman, har, OpenAPI/Swagger 数据导入
 *  免费开源，内网部署，信息再也不怕泄露了
 
 ### 内网部署
@@ -127,4 +127,3 @@ YApi 是<strong>高效</strong>、<strong>易用</strong>、<strong>功能强大
 
 ### License
 Apache License 2.0
-
diff --git a/client/components/Breadcrumb/Breadcrumb.scss b/client/components/Breadcrumb/Breadcrumb.scss
@@ -1,4 +1,4 @@
-@import '../../styles/mixin.scss';
+@use '../../styles/mixin.scss';
 
 .breadcrumb-container {
   .ant-breadcrumb {
@@ -12,7 +12,7 @@
   .ant-breadcrumb a {
     color: #fff;
     &:hover {
-      color: $color-blue
+      color: mixin.$color-blue
     }
   }
   .ant-breadcrumb > span:last-child {

diff --git a/client/components/Footer/Footer.scss b/client/components/Footer/Footer.scss
@@ -1,10 +1,10 @@
-@import '../../styles/common.scss';
-@import '../../styles/mixin.scss';
+@use '../../styles/common.scss';
+@use '../../styles/mixin.scss';
 
 .footer-wrapper{
   height: 2.4rem;
   width: 100%;
-  background-color: $color-bg-dark;
+  background-color: mixin.$color-bg-dark;
   overflow: hidden;
   position: relative;
   z-index: 0;
@@ -30,7 +30,7 @@
     line-height: .3rem;
     transition: color .2s;
     &:hover {
-      color: $color-bg-gray;
+      color: mixin.$color-bg-gray;
     }
   }
 }

diff --git a/client/components/Header/Header.scss b/client/components/Header/Header.scss
@@ -1,4 +1,4 @@
-@import '../../styles/mixin.scss';
+@use '../../styles/mixin.scss';
 
 .nav-tooltip {
   color: red;
@@ -35,7 +35,7 @@
       display: block;
     }
     .logo-name {
-      color: $color-white;
+      color: mixin.$color-white;
       font-size: .24rem;
       font-weight: 300;
       margin-left: .38rem;

diff --git a/client/components/Loading/Loading.scss b/client/components/Loading/Loading.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 $ball-color:#30a1f2;
 $ball-size:.15rem;
 $ball-margin:.02rem;
@@ -20,7 +22,7 @@ $loader-radius:.25rem;
 @mixin ball-spin-fade-loader($n:8,$start:1){
   @for $i from $start through $n {
     > div:nth-child(#{$i}) {
-      $quarter: ($loader-radius/2) + ($loader-radius/5.5);
+      $quarter: ($loader-radius*0.5) + math.div($loader-radius, 5.5);
 
       @if $i == 1 {
         top: $loader-radius;

diff --git a/client/components/Postman/Postman.js b/client/components/Postman/Postman.js
@@ -33,7 +33,7 @@ const {
   handleContentType,
   crossRequest,
   checkNameIsExistInArray
-} = require('common/postmanLib.js');
+} = require('common/postmanLib.browser.js');
 
 const plugin = require('client/plugin.js');
 

diff --git a/client/components/Postman/Postman.scss b/client/components/Postman/Postman.scss
@@ -1,4 +1,4 @@
-@import '../../styles/mixin.scss';
+@use '../../styles/mixin.scss';
 .postman {
 
 
@@ -95,10 +95,10 @@
     border-radius: 2px;
   }
   .res-code.success {
-    background-color: $color-antd-green;
+    background-color: mixin.$color-antd-green;
   }
   .res-code.fail {
-    background-color: $color-antd-red;
+    background-color: mixin.$color-antd-red;
   }
 
   // 容器：左侧是header 右侧是body

diff --git a/client/components/ProjectCard/ProjectCard.scss b/client/components/ProjectCard/ProjectCard.scss
@@ -1,4 +1,4 @@
-@import '../../styles/mixin.scss';
+@use '../../styles/mixin.scss';
 .card-container {
   position: relative;
   user-select: none;
@@ -12,7 +12,7 @@
       transform: translateY(-4px);
     }
     .m-card .ant-card-body {
-      background-color: $color-bg-gray;
+      background-color: mixin.$color-bg-gray;
       box-shadow: 0 4px 8px rgba(50, 50, 93, 0.11), 0 4px 6px rgba(0, 0, 0, 0.08);
     }
     .card-btns .icon  {

diff --git a/client/components/SchemaTable/SchemaTable.js b/client/components/SchemaTable/SchemaTable.js
@@ -21,7 +21,9 @@ const messageMap = {
   itemType: 'item 类型',
   format: 'format',
   itemFormat: 'format',
-  mock: 'mock'
+  mock: 'mock',
+  nullable: '可为空',
+  const: '常量值'
 };
 
 const columns = [

diff --git a/client/components/Subnav/Subnav.scss b/client/components/Subnav/Subnav.scss
@@ -1,4 +1,4 @@
-@import '../../styles/common.scss';
+@use '../../styles/common.scss';
 
 .m-subnav {
   margin-bottom: .24rem;

diff --git a/client/containers/AddProject/Addproject.scss b/client/containers/AddProject/Addproject.scss
@@ -1,4 +1,4 @@
-@import '../../styles/common.scss';
+@use '../../styles/common.scss';
 
 .m-container {
   margin: .24rem auto !important;

diff --git a/client/containers/Follows/Follows.scss b/client/containers/Follows/Follows.scss
@@ -1,5 +1,5 @@
-@import '../../styles/common.scss';
-@import '../../styles/mixin.scss';
+@use '../../styles/common.scss';
+@use '../../styles/mixin.scss';
 
 
 .follow-box{

diff --git a/client/containers/Group/Group.scss b/client/containers/Group/Group.scss
@@ -1,7 +1,7 @@
-@import '../../styles/mixin.scss';
+@use '../../styles/mixin.scss';
 
 .g-doc {
-  @include row-width-limit;
+  @include mixin.row-width-limit;
   margin: 0 auto .24rem;
 }
 .news-box .news-timeline .ant-timeline-item .ant-timeline-item-content{

diff --git a/client/containers/Group/GroupList/GroupList.scss b/client/containers/Group/GroupList/GroupList.scss
@@ -1,16 +1,16 @@
-@import '../../../styles/mixin.scss';
+@use '../../../styles/mixin.scss';
 
 .group-bar {
   min-height: 5rem;
   .curr-group {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
              "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
              SimSun, sans-serif;
-    background-color: $color-bg-dark;
-    color: $color-white;
+    background-color: mixin.$color-bg-dark;
+    color: mixin.$color-white;
     padding: .24rem .24rem 0;
     .curr-group-name {
-      color: $color-white;
+      color: mixin.$color-white;
       font-size: .22rem;
       display: flex;
       justify-content: space-between;
@@ -59,7 +59,7 @@
       }
     }
     .curr-group-desc {
-      color: $color-white-secondary;
+      color: mixin.$color-white-secondary;
       font-size: 13px;
       max-height: 54px;
       margin-top: .16rem;
@@ -73,33 +73,33 @@
       font-size: 14px;
       margin-left: .08rem;
       cursor: pointer;
-      border: 1px solid $color-white;
+      border: 1px solid mixin.$color-white;
       padding: 6px 12px;
       border-radius: 4px;
       transition: all .2s;
     }
     .delete-group:hover, .edit-group:hover {
-      background-color: $color-blue;
-      border: 1px solid $color-blue;
+      background-color: mixin.$color-blue;
+      border: 1px solid mixin.$color-blue;
     }
   }
   .group-operate {
     padding: 16px 24px;
     display: flex;
     justify-content: space-around;
-    background-color: $color-bg-dark;
+    background-color: mixin.$color-bg-dark;
     .search {
       flex-grow: 1;
     }
     .ant-input {
-      color: $color-white;
-      background-color: $color-bg-dark;
+      color: mixin.$color-white;
+      background-color: mixin.$color-bg-dark;
     }
     .ant-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
-      color: $color-white-secondary;
+      color: mixin.$color-white-secondary;
     }
     .ant-input-suffix {
-      color: $color-white;
+      color: mixin.$color-white;
     }
   }
   .group-list {

diff --git a/client/containers/Group/MemberList/MemberList.scss b/client/containers/Group/MemberList/MemberList.scss
@@ -1,4 +1,4 @@
-@import '../../../styles/mixin.scss';
+@use '../../../styles/mixin.scss';
 
 .m-panel{
   background-color: #fff;

diff --git a/client/containers/Home/Home.scss b/client/containers/Home/Home.scss
@@ -1,12 +1,12 @@
-@import '../../styles/mixin.scss';
+@use '../../styles/mixin.scss';
 
-$color-white : #fff;
+mixin.$color-white : #fff;
 $color-blue-lighter : #f1f5ff;
 $color-blue-grey-lighter : #f7fafc;
 $color-grey-lighter : #F7F7F7;
 $color-blue-light: #5dade2;
 $color-black-lighter: #404040;
-$color-text-dark: #2e2e5a;
+mixin.$color-text-dark: #2e2e5a;
 $color-text-light: #6d7c90;
 $color-bg-lightblue: #c6e2ff;
 .g-body {
@@ -152,7 +152,7 @@ $color-bg-lightblue: #c6e2ff;
       }
     }
     .login-form{
-      color: $color-white;
+      color: mixin.$color-white;
     }
     .main-one-left{
       padding-right: .15rem;
@@ -196,12 +196,12 @@ $color-bg-lightblue: #c6e2ff;
       background-color: $color-blue-lighter;
     }
     &:nth-child(even){
-      background-color: $color-white;
+      background-color: mixin.$color-white;
     }
   }
   .feat-part{
     padding: 1.5rem 0;
-    background-color: $color-white;
+    background-color: mixin.$color-white;
   }
   .section-feature {
     min-height: 6rem;
@@ -223,7 +223,7 @@ $color-bg-lightblue: #c6e2ff;
       width: 1.2rem;
       border-radius: 100%;
       margin-bottom: .2rem;
-      color: $color-white;
+      color: mixin.$color-white;
       i {
         line-height: 1.2rem;
         font-size: .6rem;
@@ -310,7 +310,7 @@ $color-bg-lightblue: #c6e2ff;
   text-align: center;
   -webkit-font-smoothing: antialiased;
   .title {
-    color: $color-text-dark;
+    color: mixin.$color-text-dark;
     line-height: .32rem;
     margin-bottom: .08rem;
     font-size: .24rem;
@@ -334,7 +334,7 @@ $color-bg-lightblue: #c6e2ff;
       margin-bottom: .24rem;
     }
     .title {
-      color: $color-text-dark;
+      color: mixin.$color-text-dark;
       font-size: .2rem;
     }
     .desc {
@@ -364,7 +364,7 @@ $color-bg-lightblue: #c6e2ff;
     }
     .ant-card-head-title {
       font-size: .17rem;
-      color: $color-text-dark;
+      color: mixin.$color-text-dark;
     }
     .ant-card-body {
       text-align: left;

diff --git a/client/containers/Login/Login.scss b/client/containers/Login/Login.scss
@@ -1,4 +1,4 @@
-@import '../../styles/common.scss';
+@use '../../styles/common.scss';
 
 // .login-body {
 //   background-color: #fff;

diff --git a/client/containers/News/News.scss b/client/containers/News/News.scss
@@ -1,7 +1,7 @@
-@import '../../styles/mixin.scss';
+@use '../../styles/mixin.scss';
 
 .news-box {
-  @include row-width-limit;
+  @include mixin.row-width-limit;
 
   display: -webkit-box;
   -webkit-box-flex: 1;

diff --git a/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js b/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js
@@ -31,7 +31,7 @@ const {
   crossRequest,
   handleCurrDomain,
   checkNameIsExistInArray
-} = require('common/postmanLib.js');
+} = require('common/postmanLib.browser.js');
 const { handleParamsValue, json_parse, ArrayToObject } = require('common/utils.js');
 import CaseEnv from 'client/components/CaseEnv';
 import Label from '../../../../components/Label/Label.js';

diff --git a/client/containers/Project/Interface/InterfaceList/Edit.scss b/client/containers/Project/Interface/InterfaceList/Edit.scss
@@ -1,4 +1,4 @@
-@import '../../../../styles/mixin.scss';
+@use '../../../../styles/mixin.scss';
 
 .interface-edit{
   padding: 24px;

diff --git a/client/containers/Project/Interface/InterfaceList/InterfaceEditForm.js b/client/containers/Project/Interface/InterfaceList/InterfaceEditForm.js
@@ -13,7 +13,7 @@ import AceEditor from 'client/components/AceEditor/AceEditor';
 import axios from 'axios';
 import { MOCK_SOURCE } from '../../../../constants/variable.js';
 import Editor from 'common/tui-editor/dist/tui-editor-Editor-all.min.js';
-const jSchema = require('json-schema-editor-visual');
+const jSchema = require('json-schema-editor-visual/dist/main.js');
 const ResBodySchema = jSchema({ lang: 'zh_CN', mock: MOCK_SOURCE });
 const ReqBodySchema = jSchema({ lang: 'zh_CN', mock: MOCK_SOURCE });
 const TabPane = Tabs.TabPane;
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,6 +22,7 @@ target/ @@
     *.diff
     *.patch
     *.tmp
+    .tmp_*.png
     # system ignore
     .DS_Store
@@ Expand Down @@