init

.svn/pristine/de/de1196573953b311becf6e94d2e4ac3fce8d4362.svn-base

@@ -0,0 +1,39 @@
+<script lang="ts">
+export default {
+  name: "LayEmpty",
+};
+</script>
+
+<script setup lang="ts">
+import "./index.less";
+import { useSlots, withDefaults } from "vue";
+import { useI18n } from "../../language";
+import { computed } from "@vue/reactivity";
+
+export interface EmptyProps {
+  description?: string;
+  image?: string;
+}
+
+const props = withDefaults(defineProps<EmptyProps>(), {});
+
+const { t } = useI18n();
+const slots = useSlots();
+
+const description = computed(() =>
+  props.description ? props.description : t("empty.description")
+);
+</script>
+
+<template>
+  <div class="layui-empty">
+    <div class="layui-empty-image">
+      <slot v-if="slots.image" name="image"></slot>
+      <img v-else class="layui-empty-image-default" src="./index.svg" />
+    </div>
+    <div class="layui-empty-description">{{ description }}</div>
+    <div class="layui-empty-extra">
+      <slot name="extra"></slot>
+    </div>
+  </div>
+</template>