@utogether/udp-core 2.0.0-beta.26 → 2.0.0-beta.28

package/src/components/udp/content/index.vue

@@ -1,93 +1,93 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-03-09 10:31:45
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-11-20 10:30:15
- * @Description: 详情统一容器
--->
-<template>
-  <div class="ut-content">
-    <StampBadge
-      :color="stampOptions.color || 'success'"
-      :content="stampOptions.content"
-      :size="stampOptions.size"
-      :code="stampOptions.code"
-    />
-    <div v-if="showTop && showContentop" class="ut-content-top" :class="title ? 'justify-between' : 'justify-end'">
-      <span v-if="title" class="font-black">{{ title }}</span>
-      <div class="ut-right-panel">
-        <slot name="header" />
-        <ut-button
-          v-if="showClose"
-          status="info"
-          :icon="$attrs.icon || 'ri-reply-line'"
-          :content="$attrs.content || 'goback'"
-          @tap="handleClose()"
-        />
-      </div>
-    </div>
-    <div class="ut-content-body">
-      <slot name="body" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import StampBadge from '../ut-stamp-badge/index.vue';
-defineOptions({ name: 'UtContent' });
-
-interface Props {
-  title?: string;
-  showTop?: boolean;
-  showClose?: boolean;
-  stampOptions?: IRecord;
-}
-
-withDefaults(defineProps<Props>(), {
-  title: '',
-  showTop: true,
-  showClose: true
-});
-const showContentop = ref(window.top === window.self);
-
-const emit = defineEmits<{ (e: 'close'): void }>();
-
-const handleClose = () => {
-  emit('close');
-};
-</script>
-
-<style lang="scss" scoped>
-.ut-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  padding: 0 8px;
-  background-color: #f7f7f7;
-
-  &-top {
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    display: flex;
-    align-items: center;
-    height: 36px;
-    padding: 2px 12px;
-    background-color: #fff;
-    border: 1px solid #e0ebf6;
-  }
-
-  &-body {
-    width: 100%;
-    height: 100%;
-    margin: 5px 0;
-    background-color: #fff;
-    border: 1px solid #e0ebf6;
-    border-radius: 5px;
-  }
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2022-03-09 10:31:45
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-11-20 10:30:15
+ * @Description: 详情统一容器
+-->
+<template>
+  <div class="ut-content">
+    <StampBadge
+      :color="stampOptions.color || 'success'"
+      :content="stampOptions.content"
+      :size="stampOptions.size"
+      :code="stampOptions.code"
+    />
+    <div v-if="showTop && showContentop" class="ut-content-top" :class="title ? 'justify-between' : 'justify-end'">
+      <span v-if="title" class="font-black">{{ title }}</span>
+      <div class="ut-right-panel">
+        <slot name="header" />
+        <ut-button
+          v-if="showClose"
+          status="info"
+          :icon="$attrs.icon || 'ri-reply-line'"
+          :content="$attrs.content || 'goback'"
+          @tap="handleClose()"
+        />
+      </div>
+    </div>
+    <div class="ut-content-body">
+      <slot name="body" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import StampBadge from '../ut-stamp-badge/index.vue';
+defineOptions({ name: 'UtContent' });
+
+interface Props {
+  title?: string;
+  showTop?: boolean;
+  showClose?: boolean;
+  stampOptions?: IRecord;
+}
+
+withDefaults(defineProps<Props>(), {
+  title: '',
+  showTop: true,
+  showClose: true
+});
+const showContentop = ref(window.top === window.self);
+
+const emit = defineEmits<{ (e: 'close'): void }>();
+
+const handleClose = () => {
+  emit('close');
+};
+</script>
+
+<style lang="scss" scoped>
+.ut-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  padding: 0 8px;
+  background-color: #f7f7f7;
+
+  &-top {
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    height: 36px;
+    padding: 2px 12px;
+    background-color: #fff;
+    border: 1px solid #e0ebf6;
+  }
+
+  &-body {
+    width: 100%;
+    height: 100%;
+    margin: 5px 0;
+    background-color: #fff;
+    border: 1px solid #e0ebf6;
+    border-radius: 5px;
+  }
+}
+</style>