chore: 完成 logo 与 header 按需

package/component/src/component/logo/index.less

@@ -0,0 +1,12 @@
+@import (reference) "../../theme/variable.less";
+
+.layui-logo {
+  left: 0;
+  top: 0;
+  width: 200px;
+  height: 60px;
+  line-height: 60px;
+  text-align: center;
+  color: @global-primary-color;
+  font-size: 16px;
+}

package/component/src/component/logo/index.vue

@@ -10,4 +10,6 @@ export default {
 };
 </script>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import "./index.less";
+</script>

package/component/src/resolver/index.ts

@@ -47,6 +47,14 @@ const matchComponents = [
     pattern: /^LayBadge$/,
     styleDir: "badge",
   },
+  {
+    pattern: /^(LayHeader)$/,
+    styleDir: "header",
+  },
+  {
+    pattern: /^LayLogo$/,
+    styleDir: "logo",
+  },
   // ....
   {
     pattern: /^LayAvatarList$/,
@@ -86,18 +94,10 @@ const matchComponents = [
     pattern: /^(LayForm|LayFormItem)$/,
     styleDir: "formItem",
   },
-  {
-    pattern: /^(LayHeader)$/,
-    styleDir: "",
-  },
   {
     pattern: /^LayLine$/,
     styleDir: "",
   },
-  {
-    pattern: /^LayLogo$/,
-    styleDir: "",
-  },
   {
     pattern: /^(LayMenuItem|LaySubMenu)$/,
     styleDir: "menu",

package/component/src/theme/index.less

@@ -267,17 +267,6 @@ a cite {
   margin: 0 auto;
 }
 
-.layui-logo {
-  left: 0;
-  top: 0;
-  width: 200px;
-  height: 60px;
-  line-height: 60px;
-  text-align: center;
-  color: @global-primary-color;
-  font-size: 16px;
-}
-
 .layui-layout-left {
   position: absolute !important;
   left: 200px;