[调整] panel 组件代码结构

src/css/layui.css

@@ -1258,14 +1258,6 @@ a cite {
   margin: 0;
 }
 
-.layui-panel {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 2px;
-  background-color: #fff;
-  color: #666;
-}
-
 .layui-bg-black,
 .layui-bg-blue,
 .layui-bg-cyan,

src/module/panel/index.less

@@ -0,0 +1,7 @@
+.layui-panel {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 2px;
+    background-color: #fff;
+    color: #666;
+}

src/module/panel/index.ts

@@ -6,4 +6,4 @@ Component.install = (app: App) => {
   app.component(Component.name || 'LayPanel', Component)
 }
 
-export default Component as IDefineComponent
+export default Component as IDefineComponent

src/module/panel/index.vue

@@ -1,6 +1,15 @@
+<script lang="ts">
+export default {
+  name: "LayPanel"
+}
+</script>
+
+<script setup lang="ts">
+import "./index.less"
+</script>
+
 <template>
   <div class="layui-panel">
     <slot />
   </div>
-</template>
-<script setup name="LayPanel" lang="ts"></script>
+</template>