init

.svn/pristine/19/19648198ddab899a11eefcbc53c7062343c99877.svn-base

@@ -0,0 +1,3 @@
+x
<01>R<EFBFBD>N<EFBFBD>0<10>ܯX	<09><>`Ԗ<02><><EFBFBD>'q<><71><EFBFBD><1D>Σ<EFBFBD><CEA3>;k')r%<25>o;ޝ<19>:S&<26><><EFBFBD><EFBFBD><EFBFBD>I<EFBFBD>c<EFBFBD>L<EFBFBD><4C><0B>+<2B><>h<EFBFBD>~I<0E>];<3B>/P/,
+<EFBFBD>9x<EFBFBD>uJX<EFBFBD><EFBFBD>ƅ<EFBFBD><EFBFBD><EFBFBD>BZfE<EFBFBD><EFBFBD><EFBFBD>@}<0F>U$ K<><1E><>1<EFBFBD><31><EFBFBD><EFBFBD>2<EFBFBD><32><EFBFBD><EFBFBD>e,<2C><>2<EFBFBD>ЫБT<7F>E-<03><1A><1E><>`<60><1E><><16>Zz	<07>
+<EFBFBD>d<EFBFBD>2<EFBFBD>!ʉ<>PY<50>邘e<
6<><36><EFBFBD>2<03><1A>B<EFBFBD><42>

.svn/pristine/19/19b0cadde2528d11468c77bc3ccce64106f5eb83.svn-base

@@ -0,0 +1,63 @@
+<template>
+  <div class="layui-layer-notifiy-wrapper" ref="notifyRef">
+    <h2 class="title">
+      <i v-if="icon" :class="iconClass"></i>
+      {{ title }}
+    </h2>
+    <div class="content" v-if="!isHtmlFragment">
+      <p>{{ content }}</p>
+    </div>
+    <div class="content" v-html="content" v-else></div>
+    <CloseBtnVue @click="close"></CloseBtnVue>
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: "Notifiy",
+};
+</script>
+<script lang="ts" setup>
+import { nextTick, onMounted, ref, shallowRef } from "vue";
+import CloseBtnVue from "./CloseBtn.vue";
+
+export interface LayNotifyProps {
+  title: any;
+  content: any;
+  isHtmlFragment?: boolean;
+  icon?: string | number | undefined;
+  iconClass: string[];
+}
+
+const props = withDefaults(defineProps<LayNotifyProps>(), {
+  isHtmlFragment: false,
+});
+
+const emit = defineEmits(["close"]);
+const notifyRef = shallowRef<HTMLElement | null>(null);
+
+const close = () => {
+  emit("close");
+};
+
+function addClass(obj: HTMLElement, cls: string) {
+  //获取 class 内容.
+  let obj_class = obj.className,
+    //判断获取到的 class 是否为空, 如果不为空在前面加个'空格'.
+    blank = obj_class != "" ? " " : "";
+  let added = obj_class + blank + cls; //组合原来的 class 和需要添加的 class.
+  obj.className = added; //替换原来的 class.
+}
+
+onMounted(() => {
+  nextTick(() => {
+    setTimeout(() => {
+      //此处延迟加载class，以免影响弹出效果
+      if (!notifyRef.value?.parentElement?.parentElement) return;
+      addClass(
+        notifyRef.value?.parentElement?.parentElement,
+        "layui-layer-notifiy-transition"
+      );
+    }, 300);
+  });
+});
+</script>

.svn/pristine/19/19f6a82fc2cdfe30ba915342c1cc71acbcb93b31.svn-base

@@ -0,0 +1,29 @@
+<script lang="ts">
+export default {
+  name: "LayContainer",
+};
+</script>
+
+<script setup lang="ts">
+import "./index.less";
+import { computed } from "vue";
+import { BooleanOrString } from "../../types";
+
+export interface ContainerProps {
+  fluid?: BooleanOrString;
+}
+
+const props = withDefaults(defineProps<ContainerProps>(), {
+  fluid: false,
+});
+
+const classes = computed(() =>
+  props.fluid ? "layui-fluid" : "layui-container"
+);
+</script>
+
+<template>
+  <div :class="classes">
+    <slot></slot>
+  </div>
+</template>