feat: 添加jetlinks-ui-components

.npmrc

@@ -1,2 +1,2 @@
 always-auth=true
-registry=http://47.108.170.157:9013/
+registry=https://registry.jetlinks.cn/

package.json

@@ -23,14 +23,14 @@
     "event-source-polyfill": "^1.0.31",
     "global": "^4.4.0",
     "jetlinks-store": "^0.0.3",
+    "jetlinks-ui-components": "^1.0.0",
     "js-cookie": "^3.0.1",
     "less": "^4.1.3",
     "less-loader": "^11.1.0",
     "lodash-es": "^4.17.21",
     "marked": "^4.2.12",
-    "mavon-editor": "^2.10.4",
     "moment": "^2.29.4",
-    "monaco-editor": "^0.24.0",
+    "monaco-editor": "^0.36.0",
     "nrm": "^1.2.5",
     "pinia": "^2.0.28",
     "unplugin-auto-import": "^0.12.1",

src/main.ts

@@ -4,14 +4,14 @@ import store from './store'
 import components from './components'
 import router from './router'
 import './style.less'
-import 'ant-design-vue/es/notification/style/css';
-// import jConmonents from 'jetlinks-ui-components'
-// import 'jetlinks-ui-components/lib/style'
+import jComponents from 'jetlinks-ui-components'
+import 'jetlinks-ui-components/es/style.js'
+import 'jetlinks-ui-components/es/style/variable.less'
 
 const app = createApp(App)
 
 app.use(store)
   .use(router)
   .use(components)
-  // .use(jConmonents)
+  .use(jComponents)
   .mount('#app')

src/style/variable.less

@@ -1,4 +1,5 @@
-@import 'ant-design-vue/es/style/themes/default.less';
+//@import 'ant-design-vue/es/style/themes/default.less';
+@import 'jetlinks-ui-components/es/style/default.less';
 
 .ellipsisFn(@num: 1, @width: 100%) {
     display: -webkit-box;

src/views/user/Login/index.vue

@@ -115,7 +115,7 @@
                                         >
                                     </a-form-item>
                                     <a-form-item>
-                                        <a-button
+                                        <j-button
                                             :loading="loading"
                                             type="primary"
                                             html-type="submit"
@@ -123,7 +123,7 @@
                                             block
                                         >
                                             登录
-                                        </a-button>
+                                        </j-button>
                                     </a-form-item>
                                 </a-form>
                                 <div class="other">
@@ -133,14 +133,14 @@
                                         </div>
                                     </a-divider>
                                     <div class="other-button">
-                                        <a-button
+                                        <j-button
                                             v-for="(item, index) in bindings"
                                             :key="index"
                                             type="link"
                                             @Click="handleClickOther(item)"
                                         >
                                             <img
-                                                style="width: 32px, height: 33px"
+                                                style="width: 32px; height: 33px"
                                                 :alt="item.name"
                                                 :src="
                                                     iconMap.get(
@@ -148,7 +148,7 @@
                                                     ) || defaultImg
                                                 "
                                             />
-                                        </a-button>
+                                        </j-button>
                                     </div>
                                 </div>
                             </div>
@@ -443,6 +443,7 @@ screenRotation(screenWidth.value, screenHeight.value);
                             position: relative;
                             bottom: 10px;
                             text-align: center;
+
                         }
                     }
 
@@ -463,6 +464,10 @@ screenRotation(screenWidth.value, screenHeight.value);
                             // vertical-align: middle;
                         }
                     }
+
+                  .login-form-button {
+                    width: 100%;
+                  }
                 }
             }
         }

vite.config.ts

@@ -99,7 +99,6 @@ export default defineConfig(({ mode}) => {
               less: {
                   modifyVars: {
                       hack: `true; @import (reference) "${path.resolve('src/style/variable.less')}";`,
-                      ...Config.theme,
                   },
                   javascriptEnabled: true,
               }