@jx3box/jx3box-vue3-ui 0.0.3 → 0.0.4

package/index.js

@@ -0,0 +1,27 @@
+import Header from "./src/Header.vue";
+import Footer from "./src/Footer.vue";
+import Main from "./src/Main.vue";
+import Breadcrumb from "./src/Breadcrumb.vue";
+import LeftSidebar from "./src/LeftSidebar.vue";
+import RightSidebar from "./src/RightSidebar.vue";
+import LeftSideToggle from "./src/LeftSideToggle.vue";
+import Bottom from "./src/Bottom.vue";
+
+const components = {
+    Header,
+    Footer,
+    Main,
+    Breadcrumb,
+    LeftSidebar,
+    RightSidebar,
+    LeftSideToggle,
+    Bottom,
+};
+
+const install = function (app) {
+    Object.keys(components).forEach((key) => {
+        app.component(key, components[key]);
+    });
+};
+
+export { install };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/src/App.vue

@@ -28,25 +28,17 @@
 </template>
 
 <script>
-import Header from "./Header.vue";
-import Breadcrumb from "./Breadcrumb.vue";
-import Main from "./Main.vue";
-import Footer from "./Footer.vue";
-import LeftSidebar from "./LeftSidebar.vue";
-import LeftSideToggle from "./LeftSideToggle.vue";
-import RightSidebar from "./RightSidebar.vue";
-import Bottom from "./Bottom.vue";
 export default {
     name: "App",
     components: {
-        Main,
-        Header,
-        Footer,
-        Breadcrumb,
-        LeftSidebar,
-        LeftSideToggle,
-        RightSidebar,
-        Bottom,
+        // Main,
+        // Header,
+        // Footer,
+        // Breadcrumb,
+        // LeftSidebar,
+        // LeftSideToggle,
+        // RightSidebar,
+        // Bottom,
     },
 };
 </script>

package/src/header/UserInfo.vue

@@ -21,7 +21,8 @@
                         <a href="https://os.jx3box.com/admin">管理平台</a>
                     </li>
                     <li>
-                        <a @click="logout">退出登录</a>
+                        <a class="" @click="logout">退出登录</a>
+
                     </li>
                 </ul>
             </template>
@@ -82,7 +83,7 @@
                         </a>
                         <hr />
                         <div class="u-logout">
-                            <el-button @click="logout" size="small" plain>退出登录</el-button>
+                            <el-button @click="logout" plain>退出登录</el-button>
                         </div>
                     </div>
                 </div>

package/src/main.js

@@ -26,5 +26,8 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
     app.component(key, component);
 }
 
+import { install } from "../index.js";
+install(app);
+
 // 3.Mount DOM
 app.mount("#app");