init

.svn/pristine/f9/f9649d949d0c377242541b8d29a308782cc8c10f.svn-base

@@ -0,0 +1 @@
+:root{--block-default-color: var(--global-checked-color);--block-border-radius: var(--global-border-radius)}.layui-quote{padding:15px;line-height:1.6;margin-bottom:10px;border-left:5px solid var(--block-default-color);border-radius:var(--block-border-radius);background-color:var(--global-neutral-color-1)}.layui-quote-nm{border-left:5px solid #eee}

.svn/pristine/f9/f9ec45c2d5bd0d7247bcb6114498a737c1c03329.svn-base

@@ -0,0 +1,32 @@
+<script lang="ts">
+export default {
+  name: "LayPanel",
+};
+</script>
+
+<script setup lang="ts">
+import "./index.less";
+import { computed } from "vue";
+import { PanelShadow } from "./interface";
+
+export interface PanelProps {
+  shadow?: PanelShadow;
+}
+
+const props = withDefaults(defineProps<PanelProps>(), {
+  shadow: "always",
+});
+
+const classes = computed(() => {
+  return {
+    shadow: props.shadow === "always",
+    "is-hover-shadow": props.shadow === "hover",
+  };
+});
+</script>
+
+<template>
+  <div class="layui-panel" :class="classes">
+    <slot></slot>
+  </div>
+</template>