init

.svn/pristine/39/391b5001f564f132d27e153d087f278127d137b2.svn-base

@@ -0,0 +1,16 @@
+<script lang="ts">
+export default {
+  name: "FemaleIcon",
+};
+</script>
+<script setup lang="ts">
+import LayIcon from "../component/icon/index";
+
+const props = defineProps<{
+  color?: string;
+  size?: string;
+}>();
+</script>
+<template>
+  <lay-icon :color="props.color" :size="props.size" type="layui-icon-female" />
+</template>

.svn/pristine/39/391efa841f6caff3efa6c111a901ea5a3d8ed07e.svn-base

@@ -0,0 +1,39 @@
+<template>
+  <div class="lay-table-box">
+    <slot></slot>
+  </div>
+</template>
+
+<style>
+.lay-table-box table {
+  width: 100%;
+  border-collapse: collapse;
+  empty-cells: show;
+  border-right: 1px solid whitesmoke;
+  border-left: 1px solid whitesmoke;
+  border-radius: 4px;
+}
+.lay-table-box table tbody {
+  border-bottom: 1px solid whitesmoke;
+}
+.lay-table-box table th,
+.lay-table-box table td {
+  font-size: 14px;
+  width: 50px;
+  max-width: 180px;
+  height: 50px;
+  border-top: 1px solid whitesmoke;
+  padding: 0 10px;
+  padding-left: 28px;
+}
+.lay-table-box table th code,
+.lay-table-box table td code {
+  line-height: 26px;
+  white-space: nowrap;
+}
+.lay-table-box table th {
+  color: #666;
+  font-weight: 500;
+  background-color: #fafafa;
+}
+</style>

.svn/pristine/39/39367cc5000452098d266a9893b00ce5bf722583.svn-base

@@ -0,0 +1,37 @@
+<template>
+  <template v-if="enable">
+    <LayCollapseTransition v-if="type === 'collapse'"
+      ><slot></slot
+    ></LayCollapseTransition>
+    <LayFadeTransition v-if="type === 'fade'"><slot></slot></LayFadeTransition>
+  </template>
+  <template v-else>
+    <slot></slot>
+  </template>
+</template>
+
+<script lang="ts">
+export default {
+  name: "LayTransition",
+};
+</script>
+
+<script setup lang="ts">
+import { provide } from "vue";
+import LayCollapseTransition from "./transitions/collapseTransition.vue";
+import LayFadeTransition from "./transitions/fadeTransition.vue";
+
+export interface TransitionProps {
+  type?: string;
+  enable?: boolean;
+  time?: string | number;
+}
+
+const props = withDefaults(defineProps<TransitionProps>(), {
+  type: "collapse",
+  enable: true,
+  time: 0.3,
+});
+
+provide("time", props.time);
+</script>