@modern-js/main-doc 2.60.3 → 2.60.4

package/docs/en/configure/app/html/disable-html-folder.mdx

@@ -9,6 +9,10 @@ title: disableHtmlFolder
 
 Remove the folder of the HTML files. When this option is enabled, the generated HTML file path will change from `[name]/index.html` to `[name].html`.
 
+:::warning
+**Deprecated**: This configuration is deprecated, please use `html.outputStructure` instead.
+:::
+
 ### Example
 
 By default, the structure of HTML files in the `dist` directory is:

package/docs/en/configure/app/html/output-structure.mdx

@@ -0,0 +1,15 @@
+---
+title: outputStructure
+configName: html.outputStructure
+---
+
+# html.outputStructure
+
+- **Type:** `'flat' | 'nested'`
+- **Default:** `'flat'`
+
+Define the directory structure of the HTML output files.
+
+import RsbuildConig from '@site-docs-en/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/html/disable-html-folder.mdx

@@ -7,6 +7,10 @@ title: disableHtmlFolder
 - **类型：** `boolean`
 - **默认值：** `false`
 
+:::warning
+**Deprecated**：该配置已废弃，请使用 `html.outputStructure` 的代替。
+:::
+
 移除 HTML 产物对应的文件夹。开启该选项后，生成的 HTML 文件目录会从 `[name]/index.html` 变为 `[name].html`。
 
 ### 示例

package/docs/zh/configure/app/html/output-structure.mdx

@@ -0,0 +1,15 @@
+---
+title: outputStructure
+configName: html.outputStructure
+---
+
+# html.outputStructure
+
+- **类型：** `'flat' | 'nested'`
+- **默认值：** `'flat'`
+
+用于定义 HTML 产物文件的目录结构。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/package.json

@@ -15,14 +15,14 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.60.3",
+  "version": "2.60.4",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
     "provenance": true
   },
   "dependencies": {
-    "@modern-js/sandpack-react": "2.60.3"
+    "@modern-js/sandpack-react": "2.60.4"
   },
   "devDependencies": {
     "@rspress/shared": "1.31.1",

package/src/components/ListCard/index.module.css

@@ -1,5 +1,4 @@
-
-.card{
+.card {
   display: flex;
   max-width: 32%;
   flex: 1 1 32%;
@@ -8,7 +7,7 @@
   margin-bottom: 16px;
   height: 135px;
   padding: 0 35.4px;
-  color: #FFFFFF;
+  color: #ffffff;
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.2);
   box-sizing: border-box;
@@ -17,17 +16,17 @@
   transition: all 0.3s ease;
 }
 
-.card:hover{
+.card:hover {
   transition: all 0.3s ease;
   background: rgba(78, 202, 255, 0.2);
 }
-.desc{
+.desc {
   display: inline-block;
   margin-left: 20px;
   color: #fff;
 }
 
-.icon{
+.icon {
   width: 48px;
   height: 48px;
   fill: #fff;
@@ -35,14 +34,14 @@
 }
 
 @media screen and (min-width: 966px) and (max-width: 1300px) {
-  .card{
+  .card {
     max-width: 48%;
     flex: 1 1 48%;
   }
 }
 
 @media screen and (max-width: 966px) {
-  .card{
+  .card {
     width: 100%;
     height: 70px;
     margin: 0;
@@ -51,7 +50,7 @@
     max-width: none;
     flex: none;
   }
-  .icon{
+  .icon {
     width: 20px;
     height: 20px;
   }