style: perf code style

build/plugin/vite-plugin-context-plugin/transform.ts

@@ -1,3 +1,4 @@
+// 修改自
 // https://github.com/luxueyan/vite-transform-globby-import/blob/master/src/index.ts
 
 // TODO 目前还不能监听文件新增及删除 内容已经改变，缓存问题？

build/script/build.ts

@@ -1,6 +1,7 @@
 // #!/usr/bin/env node
 
 import { sh } from 'tasksfile';
+
 import { argv } from 'yargs';
 import { runBuildConfig } from './buildConf';
 import { runUpdateHtml } from './updateHtml';
@@ -9,7 +10,7 @@ import { errorConsole, successConsole } from '../utils';
 export const runBuild = async () => {
   try {
     const argvList = argv._;
-    let cmd = `cross-env NODE_ENV=production vite build`;
+    let cmd = `npx cross-env NODE_ENV=production vite build`;
     await sh(cmd, {
       async: true,
       nopipe: true,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vben-admin-2.0",
-  "version": "2.0.0-beta.7",
+  "version": "2.0.0-beta.8",
   "scripts": {
     "bootstrap": "yarn install",
     "serve": "node ./build/jsc.js preserve && cross-env NODE_ENV=development vite",

postcss.config.js

@@ -1,4 +1,3 @@
-const path = require('path');
 module.exports = {
   plugins: [require('autoprefixer'), require('postcss-import')],
 };

src/components/Menu/src/BasicMenu.tsx

@@ -91,7 +91,7 @@ export default defineComponent({
     });
 
     watch(
-      () => currentRoute.value.name,
+      () => currentRoute.value.path,
       (name: string) => {
         name !== 'Redirect' && handleMenuChange();
         getParentPath();
@@ -210,7 +210,7 @@ export default defineComponent({
         : {};
       return (
         <Menu
-          // forceSubMenuRender={props.isAppMenu}
+          forceSubMenuRender={props.isAppMenu}
           selectedKeys={selectedKeys}
           defaultSelectedKeys={defaultSelectedKeys}
           mode={mode}

src/design/transition/fade.less

@@ -1,6 +1,6 @@
 .fade-enter-active,
 .fade-leave-active {
-  transition: opacity 0.2s ease-in-out;
+  transition: opacity 0.1s ease-in-out;
 }
 
 .fade-enter-from,

src/design/transition/zoom.less

@@ -1,7 +1,7 @@
 // zoom-out
 .zoom-out-enter-active,
 .zoom-out-leave-active {
-  transition: opacity 0.2 ease-in-out, transform 0.2s ease-out;
+  transition: opacity 0.1 ease-in-out, transform 0.15s ease-out;
 }
 
 .zoom-out-enter-from,
@@ -13,7 +13,7 @@
 // zoom-fade
 .zoom-fade-enter-active,
 .zoom-fade-leave-active {
-  transition: transform 0.2s, opacity 0.2s ease-out;
+  transition: transform 0.1s, opacity 0.15s ease-out;
 }
 
 .zoom-fade-enter-from {

src/layouts/default/UserDropdown.tsx

@@ -54,14 +54,12 @@ export default defineComponent({
         <Dropdown placement="bottomLeft">
           {{
             default: () => (
-              <>
+              <section class={prefixCls}>
-                <section class={prefixCls}>
+                <img class={`${prefixCls}__header`} src={headerImg} />
-                  <img class={`${prefixCls}__header`} src={headerImg} />
+                <section class={`${prefixCls}__info`}>
-                  <section class={`${prefixCls}__info`}>
+                  <section class={`${prefixCls}__name`}>{realName}</section>
-                    <section class={`${prefixCls}__name`}>{realName}</section>
-                  </section>
                 </section>
-              </>
+              </section>
             ),
             overlay: () => (
               <Menu slot="overlay" onClick={handleMenuClick}>
@@ -70,12 +68,10 @@ export default defineComponent({
                     {showDoc && (
                       <Menu.Item key="doc">
                         {() => (
-                          <>
+                          <span class="flex items-center">
-                            <span class="flex items-center">
+                            <Icon icon="gg:loadbar-doc" class="mr-1" />
-                              <Icon icon="gg:loadbar-doc" class="mr-1" />
+                            <span>文档</span>
-                              <span>文档</span>
+                          </span>
-                            </span>
-                          </>
                         )}
                       </Menu.Item>
                     )}

src/layouts/default/setting/SettingDrawer.tsx

@@ -406,6 +406,7 @@ export default defineComponent({
           menuSetting: {
             mode,
             type,
+            collapsed: false,
             ...splitOpt,
           },
         };

src/router/routes/modules/demo/feat.ts

@@ -10,7 +10,7 @@ export default {
     redirect: '/feat/icon',
     meta: {
       icon: 'ic:outline-featured-play-list',
-      title: 'Feat',
+      title: '页面功能',
     },
   },
 

src/views/dashboard/analysis/components/FlowAnalysis.tsx

@@ -11,7 +11,7 @@ export default defineComponent({
       return (
         <Row>
           {() => (
-            <>
+            <div>
               <Col md={24} lg={8}>
                 {() => (
                   <CollapseContainer
@@ -20,7 +20,7 @@ export default defineComponent({
                     class={`${prefixCls}__left`}
                   >
                     {() => (
-                      <>
+                      <div>
                         <div class={`${prefixCls}__score`}>
                           86.2<span>分</span>
                         </div>
@@ -44,7 +44,7 @@ export default defineComponent({
                             <span>56.5</span>
                           </li>
                         </ul>
-                      </>
+                      </div>
                     )}
                   </CollapseContainer>
                 )}
@@ -56,26 +56,24 @@ export default defineComponent({
                   </CollapseContainer>
                 )}
               </Col>
-            </>
+            </div>
           )}
         </Row>
       );
     };
     return () => (
       <Tabs class={prefixCls} default-active-key="1">
-        {() => (
+        {() => [
-          <>
+          <Tabs.TabPane key="1" tab="产品一">
-            <Tabs.TabPane key="1" tab="产品一">
+            {() => renderContent()}
-              {() => renderContent()}
+          </Tabs.TabPane>,
-            </Tabs.TabPane>
+          <Tabs.TabPane key="2" tab="产品二">
-            <Tabs.TabPane key="2" tab="产品二">
+            {() => renderContent()}
-              {() => renderContent()}
+          </Tabs.TabPane>,
-            </Tabs.TabPane>
+          <Tabs.TabPane key="3" tab="产品三">
-            <Tabs.TabPane key="3" tab="产品三">
+            {() => renderContent()}
-              {() => renderContent()}
+          </Tabs.TabPane>,
-            </Tabs.TabPane>
+        ]}
-          </>
-        )}
       </Tabs>
     );
   },