sh-view 2.8.4 → 2.8.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh-view",
-  "version": "2.8.4",
+  "version": "2.8.5",
   "description": "基于vxe-table二次封装,更包含Alert,Badge,Card,CodeEditor,Col,Corner,CountTo,Drawer,Empty,Form,Header,Icon,List,Loading,Modal,Noticebar,Poptip,Progress,PullRefresh,Query,Result,Row,Split,Grid,Table,Tabs,Tag,Toolbar,Tree,Upload,WaterFall,WaterMark等丰富组件库",
   "main": "packages/index.js",
   "typings": "types/index.d.ts",
@@ -31,7 +31,7 @@
     "jszip": "^3.10.1",
     "lunar-typescript": "^1.6.10",
     "popper.js": "^1.16.1",
-    "sh-tools": "^2.2.5",
+    "sh-tools": "^2.2.6",
     "tinymce": "^5.10.5",
     "vue": "^3.3.4",
     "vue-masonry": "^0.16.0",

package/packages/components/sh-form/js/useForm.js

@@ -86,16 +86,6 @@ export default function (props, context, proxy, isForm) {
 	const validate = callback => {
 		return formRef.value.validate(callback)
 	}
-	// 初始化表单字段
-	const initFormData = () => {
-		let initItems = isForm ? props.items : props.items.filter(item => item.search && item.search !== '0')
-		$vUtils.eachTree(initItems, item => {
-			let renderProps = item.renderProps || item.itemRender?.props || {}
-			if (!$vUtils.isNone(renderProps?.defaultValue) && $vUtils.isNone($vUtils.get(props.data, item.field))) {
-				$vUtils.set(props.data, item.field, renderProps.defaultValue)
-			}
-		})
-	}
 	// 初始化表单项
 	const initFormItems = () => {
 		let rules = getFieldsRules(props.items)
@@ -124,7 +114,6 @@ export default function (props, context, proxy, isForm) {
 			// tag: vxe-form在 item监听时数据length为0时没有刷新视图补充
 			refreshRender()
 		}
-		initFormData()
 	}
 	// 初始化验证规则
 	const initEditRules = rules => {
@@ -177,15 +166,6 @@ export default function (props, context, proxy, isForm) {
 			initFormItems()
 		}
 	)
-	watch(
-		() => props.data,
-		() => {
-			initFormData()
-		},
-		{
-			immediate: true
-		}
-	)
 	watch(
 		() => props.items,
 		nv => {

package/packages/components/sh-noticebar/index.vue

@@ -84,7 +84,7 @@ export default defineComponent({
 		const styles = computed(() => {
 			return {
 				color: props.color,
-				backgroundColor: $vUtils.fade(props.color, 30)
+				backgroundColor: $vUtils.fade(props.color, 20)
 			}
 		})
 		const animateStyles = computed(() => {
@@ -164,44 +164,42 @@ export default defineComponent({
 	z-index: 15;
 	padding: 10px 0 10px 15px;
 	box-sizing: border-box;
-	&.sh-notice-bar-round {
+	&-round {
 		border-radius: 6px;
 	}
-	.sh-notice-icon {
-		cursor: pointer;
+	&-left,
+	&-right {
+		display: flex;
+		align-items: center;
 	}
-}
-.sh-notice-bar-left,
-.sh-notice-bar-right {
-	display: flex;
-	align-items: center;
-}
-
-.sh-notice-bar-left {
-	padding-right: 10px;
-}
-.sh-notice-bar-right {
-	padding: 0 10px;
-}
-.sh-notice-bar-empty {
-	padding-right: 0;
-}
-
-.sh-notice-bar-content {
-	flex: 1;
-	margin: auto;
-	width: auto;
-	white-space: nowrap;
-	overflow: hidden;
-	&.sh-notice-bar-multi-content {
-		padding: 0;
-		line-height: 1.5;
-		white-space: normal;
+	&-left {
+		padding-right: 10px;
+	}
+	&-right {
+		padding: 0 10px;
+	}
+	&-empty {
+		padding-right: 0;
+	}
+	&-content {
+		flex: 1;
+		margin: auto;
+		width: auto;
+		white-space: nowrap;
+		overflow: hidden;
+		&-multi-content {
+			padding: 0;
+			line-height: 1.5;
+			white-space: normal;
+		}
+		&-animate {
+			padding-left: 100%;
+			display: inline-block;
+			animation: sh-notice-bar-animation linear 30s infinite both;
+		}
 	}
-	.sh-notice-bar-content-animate {
-		padding-left: 100%;
-		display: inline-block;
-		animation: sh-notice-bar-animation linear 30s infinite both;
+	.sh-notice-icon {
+		cursor: pointer;
 	}
 }
 @keyframes sh-notice-bar-animation {

package/packages/components/sh-table/js/useTable.js

@@ -394,39 +394,6 @@ export default function (props, context, proxy, isGrid) {
 			})
 		}
 	}
-	// 初始化表头配置默认值
-	const initColsDefaultValue = () => {
-		let colsDefaultValue = {}
-		let colsFormulaValue = {}
-		$vUtils.eachTree(props.columns, item => {
-			let columnProps = item.renderProps || item.editRender?.props || item.cellRender?.props || {}
-			if (!$vUtils.isNone(columnProps.defaultValue)) {
-				colsDefaultValue[item.field] = columnProps.defaultValue
-			}
-			if (!$vUtils.isNone(columnProps.formula)) {
-				colsFormulaValue[item.field] = columnProps.formula
-			}
-		})
-		tableRowDefaultData.value = colsDefaultValue
-		if (Array.isArray(props.dataSourse)) {
-			props.dataSourse.forEach(row => {
-				if (Object.keys(colsDefaultValue).length > 0) {
-					Object.keys(colsDefaultValue).forEach(defaultKey => {
-						if ($vUtils.isNone($vUtils.get(row, defaultKey))) {
-							$vUtils.set(row, defaultKey, colsDefaultValue[defaultKey])
-						}
-					})
-				}
-				if (Object.keys(colsFormulaValue).length > 0) {
-					Object.keys(colsFormulaValue).forEach(formulaKey => {
-						let formulaValue = $vUtils.calculate(colsFormulaValue[formulaKey], row)
-						$vUtils.set(row, formulaKey, formulaValue)
-					})
-				}
-			})
-		}
-	}
-
 	// 全局搜索输入框事件
 	const handleTableFilter = obj => {
 		let filterText = tableFilterText.value
@@ -563,7 +530,6 @@ export default function (props, context, proxy, isGrid) {
 	watch(
 		() => props.dataSourse,
 		value => {
-			initColsDefaultValue()
 			selectionRows.value = []
 		},
 		{

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

@@ -9,10 +9,7 @@
 				<div ref="navScrollRef" class="sh-tabs-nav-scroll" @DOMMouseScroll="handleScroll" @mousewheel="handleScroll">
 					<div ref="navRef" v-resize="handleResize" class="sh-tabs-nav-inner" :style="navStyle">
 						<template v-for="(tab, tabIndex) in tabList" :key="tabIndex">
-							<div
-								:class="{ 'sh-tab-item': true, 'sh-tab-item-disabled': tab.disabled, 'sh-tab-item-active': tab[labelKey] === activeKey }"
-								:style="getTabItemStyle(tab, tabIndex)"
-								@click="handleChange(tab)">
+							<div v-ripple v-bind="getTabItemBind(tab, tabIndex)" @click="handleChange(tab)">
 								<slot name="tabItem" v-bind="{ ...tab, isActive: tab[labelKey] === 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>
@@ -161,14 +158,21 @@ export default defineComponent({
 		const getTabIsClosable = tab => {
 			return props.closable && !tab.disabled && !tab.unClosed
 		}
-		const getTabItemStyle = (tab, tabIndex) => {
+		const getTabItemBind = (tab, tabIndex) => {
 			let itemStyle = {}
 			if (isHorizontal.value) {
 				itemStyle.marginTop = tabIndex ? `${props.gutter}px` : 0
 			} else {
 				itemStyle.marginLeft = tabIndex ? `${props.gutter}px` : 0
 			}
-			return itemStyle
+			return {
+				style: itemStyle,
+				class: {
+					'sh-tab-item': true,
+					'sh-tab-item-disabled': tab.disabled,
+					'sh-tab-item-active': tab[props.labelKey] === activeKey.value
+				}
+			}
 		}
 		const handleResize = e => {
 			const navOffset = isHorizontal.value ? navRef.value.offsetHeight : navRef.value.offsetWidth
@@ -269,7 +273,7 @@ export default defineComponent({
 			handleChange,
 			handleClose,
 			getTabIsClosable,
-			getTabItemStyle
+			getTabItemBind
 		}
 	}
 })

package/types/alert.ts

@@ -1,30 +1,30 @@
-import { ShType } from './component'
-
-export const alertProps = {
-	type: {
-		type: String as () => ShType,
-		default: 'info'
-	},
-	title: {
-		type: String
-	},
-	content: {
-		type: String
-	},
-	closable: {
-		type: Boolean,
-		default: false
-	},
-	showIcon: {
-		type: Boolean,
-		default: false
-	},
-	fade: {
-		type: Boolean,
-		default: true
-	},
-	block: {
-		type: Boolean,
-		default: false
-	}
-}
+import { ShType } from './component'
+
+export const alertProps = {
+	type: {
+		type: String as () => ShType,
+		default: 'info'
+	},
+	title: {
+		type: String
+	},
+	content: {
+		type: String
+	},
+	closable: {
+		type: Boolean,
+		default: false
+	},
+	showIcon: {
+		type: Boolean,
+		default: false
+	},
+	fade: {
+		type: Boolean,
+		default: true
+	},
+	block: {
+		type: Boolean,
+		default: false
+	}
+}

package/types/component.d.ts

@@ -1 +1 @@
-export type ShType = 'info' | 'success' | 'warning' | 'error'
+export type ShType = 'info' | 'success' | 'warning' | 'error'