tianheng-ui 0.0.56 → 0.0.57

package/packages/{dialog → Dialog}/index.vue

@@ -7,31 +7,31 @@
     :show-close="false"
     :before-close="handleClose"
   >
-    <div slot="title" style="font-size: 14px;">
+    <div slot="title">
       <div slot="title" class="th-dialog__header">
         <div class="th-dialog__title">{{ title }}</div>
         <div class="th-dialog__action">
           <i
-            class="th-dialog__action_item"
             v-if="showFullscreen"
+            class="th-dialog__action_item"
             :class="fullscreenIcon"
             @click="handleFullscreenChange"
           ></i>
           <i
-            class="th-dialog__action_item "
             v-if="showClose"
+            class="th-dialog__action_item "
             :class="closeIcon"
             @click="handleClose"
           ></i>
         </div>
       </div>
     </div>
-    <slot></slot>
+    <slot />
 
     <template v-if="$slots.footer" slot="footer">
-      <slot name="footer"></slot>
+      <slot name="footer" />
     </template>
-    <span v-else slot="footer">
+    <template v-else-if="showFooter" slot="footer">
       <el-button
         v-if="showAffirm"
         type="primary"
@@ -42,17 +42,21 @@
       <el-button v-if="showCancel" @click="handleClose">{{
         cancelText
       }}</el-button>
-    </span>
+    </template>
   </el-dialog>
 </template>
 
 <script>
 export default {
   name: "ThDialog",
+  model: {
+    prop: "visible",
+    event: "input"
+  },
   props: {
     visible: Boolean,
     loading: Boolean,
-    title: { type: String, default: "温馨提示" },
+    title: { type: String, default: "" },
 
     showAffirm: { type: Boolean, default: true },
     affirmText: { type: String, default: "确 认" },
@@ -65,7 +69,9 @@ export default {
 
     fullscreen: { type: Boolean, default: false },
     showFullscreen: { type: Boolean, default: true },
-    fullscreenIcon: { type: String, default: "el-icon-full-screen" }
+    fullscreenIcon: { type: String, default: "el-icon-full-screen" },
+
+    showFooter: { type: Boolean, default: true }
   },
   data() {
     return {
@@ -80,6 +86,7 @@ export default {
   },
   methods: {
     handleClose() {
+      this.$emit("input", !this.visible);
       this.$emit("on-close");
     },
     handleAffirm() {
@@ -87,7 +94,9 @@ export default {
     },
     handleFullscreenChange() {
       this.dialogFullscreen = !this.dialogFullscreen;
-      this.$emit("fullscreen-change");
+      this.$nextTick(() => {
+        this.$emit("on-fullscreen");
+      });
     }
   }
 };

package/packages/Empty/index.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="th-empty">
+    <img
+      v-if="image"
+      class="th-empty-img"
+      :style="imageStyle"
+      :src="image"
+      alt=""
+    />
+    <slot v-else name="image" />
+    <slot v-if="$slots.description" name="description" />
+    <p v-else class="th-empty-description">{{ description }}</p>
+    <div v-if="$slots.default" class="th-empty-bottom">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ThEmpty",
+  props: {
+    image: { type: String, default: require("./images/notData.png") },
+    imageSize: { type: Number, default: 300 },
+    description: { type: String, default: "暂无数据" }
+  },
+  computed: {
+    imageStyle() {
+      return {
+        width: this.imageSize ? `${this.imageSize}px` : ""
+      };
+    }
+  }
+};
+</script>