sh-view 2.0.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh-view",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "基于vxe-table二次封装",
   "main": "packages/index.js",
   "scripts": {

package/packages/components/global-components/sh-tabs/index.vue

@@ -11,7 +11,7 @@
 								<slot name="tabItem" v-bind="{ ...tab, isActive: tab.value === activeKey }">
 									<div v-if="tab.icon" class="sh-tab-icon"><sh-icon :type="tab.icon"></sh-icon></div>
 									<div class="sh-tab-label">{{ tab[labelField] }}</div>
-									<div v-if="closable && !tab.disabled" class="sh-tab-close" @click.stop="handleClose(tab)"><sh-icon type="ios-close"></sh-icon></div>
+									<div v-if="getTabIsClosable(tab)" class="sh-tab-close" @click.stop="handleClose(tab)"><sh-icon type="ios-close"></sh-icon></div>
 								</slot>
 							</div>
 						</template>
@@ -21,7 +21,7 @@
 			</div>
 			<div v-if="$slots.right" class="sh-tabs-nav-slot sh-tabs-nav-right"><slot name="right"></slot></div>
 		</div>
-		<div v-if="isContent" class="sh-tabs-content">
+		<div v-if="hasContent" class="sh-tabs-content">
 			<div ref="contentWrap" class="sh-tabs-content-wrap" :class="{ 'sh-tabs-content-animated': animated }" :style="contentStyle">
 				<template v-for="(tab, tabIndex) in tabList" :key="tabIndex">
 					<div class="sh-tabs-content-item">
@@ -65,6 +65,10 @@ export default {
 		closable: {
 			type: Boolean,
 			default: false
+		},
+		isContent: {
+			type: Boolean,
+			default: true
 		}
 	},
 	emits: ['update:modelValue', 'close', 'change'],
@@ -77,8 +81,8 @@ export default {
 		}
 	},
 	computed: {
-		isContent() {
-			return this.activeKey && this.options.map(item => item.value).includes(this.activeKey)
+		hasContent() {
+			return this.isContent && this.activeKey && this.options.map(item => item.value).includes(this.activeKey)
 		},
 		tabList() {
 			return this.options.filter(tab => !this.closedList.includes(tab.value)) || []
@@ -131,6 +135,9 @@ export default {
 			const { navStyle } = this
 			return navStyle.transform ? Number(navStyle.transform.match(/translateX\(-(\d+(\.\d+)*)px\)/)[1]) : 0
 		},
+		getTabIsClosable(tab) {
+			return this.closable && !tab.disabled && !tab.unClosed
+		},
 		handleResize(e) {
 			const navWidth = this.$refs.nav.offsetWidth
 			const containerWidth = this.$refs.navScroll.offsetWidth