sh-view 2.0.7 → 2.1.0

package/packages/vxeTable/render/mixin/cell-mixin.js

@@ -1,195 +1,195 @@
-export default {
-	props: {
-		redit: { type: Boolean },
-		rkey: { type: String },
-		rname: { type: String },
-		rdata: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		rprops: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		rparams: {
-			type: Object,
-			default() {
-				return {}
-			}
-		}
-	},
-	data() {
-		return {
-			renderValue: null
-		}
-	},
-	computed: {
-		rsize() {
-			return this.rprops.size || this.rparams.$table?.props?.size || this.rparams.$form?.props?.size
-		},
-		rform() {
-			return this.rparams.$form
-		},
-		reditmode() {
-			return this.rparams.$table?.props?.editConfig?.mode
-		},
-		isEditAll() {
-			return !this.rform && this.reditmode === 'all'
-		},
-		moneyUnitText() {
-			let moneyUnitConstants = [
-				{ value: 1, label: '元' },
-				{ value: 1000, label: '千元' },
-				{ value: 10000, label: '万元' }
-			]
-			let moneyConstant = moneyUnitConstants.find(item => item.value === this.rprops.moneyUnit)
-			return moneyConstant && moneyConstant.label
-		},
-		billGroups() {
-			let { billStart = '分', billEnd = '亿' } = this.rprops
-			let cnGroups = [
-				{ shortText: '兆', fullText: '兆', value: '' },
-				{ shortText: '千', fullText: '千亿', value: '' },
-				{ shortText: '百', fullText: '百亿', value: '' },
-				{ shortText: '十', fullText: '十亿', value: '' },
-				{ shortText: '亿', fullText: '亿', value: '' },
-				{ shortText: '千', fullText: '千万', value: '' },
-				{ shortText: '百', fullText: '百万', value: '' },
-				{ shortText: '十', fullText: '十万', value: '' },
-				{ shortText: '万', fullText: '万', value: '' },
-				{ shortText: '千', fullText: '千', value: '' },
-				{ shortText: '百', fullText: '百', value: '' },
-				{ shortText: '十', fullText: '十', value: '' },
-				{ shortText: '元', fullText: '元', value: '' },
-				{ shortText: '角', fullText: '角', value: '' },
-				{ shortText: '分', fullText: '分', value: '' },
-				{ shortText: '毫', fullText: '毫', value: '' },
-				{ shortText: '厘', fullText: '厘', value: '' }
-			]
-			let startIndex = cnGroups.findIndex(cn => cn.fullText === billEnd)
-			let endIndex = cnGroups.findIndex(cn => cn.fullText === billStart)
-			return cnGroups.slice(startIndex, endIndex)
-		},
-		getBillClass() {
-			return bil => {
-				return {
-					basic: bil.fullText === '元',
-					commafy: ['千', '百万', '十亿', '兆'].includes(bil.fullText)
-				}
-			}
-		},
-		renderText() {
-			let keyValue = this.$vUtils.get(this.rdata, this.rkey)
-			let { rtext } = this.formatValueFun(keyValue)
-			return rtext
-		}
-	},
-	methods: {
-		// 输入框变化
-		async vxeInputChange({ value, $event }) {
-			if (!this.rform) {
-				this.setTableValue(value)
-			}
-		},
-		// 输入框变化回调
-		async vxeChangeCallBack({ value, $event }) {
-			if (this.rform) {
-				this.setFormValue(value)
-			} else {
-				this.setTableValue(value)
-			}
-		},
-		// radio 变化回调
-		async vxeRadioCallBack({ label, $event }) {
-			if (this.rform) {
-				this.setFormValue(label)
-			} else {
-				this.setTableValue(label)
-			}
-		},
-		// check变化回调
-		async vxeCheckCallBack({ checklist, checked, label, $event }) {
-			if (this.rform) {
-				this.setFormValue(checklist)
-			} else {
-				this.setTableValue(checklist)
-			}
-		},
-		// 输入框失去焦点回调
-		async vxeBlurCallback({ value, $event }) {
-			if (this.rform) {
-				this.setFormValue(value)
-			} else {
-				this.setTableValue(value)
-			}
-		},
-		// form回调赋值
-		setFormValue(value) {
-			if (['$vMoney'].includes(this.rname) && value !== '') value = this.$vUtils.multiply(value, this.rprops.moneyUnit || 1)
-			let { rvalue } = this.formatValueFun(value, true)
-			let { data, $form } = this.rparams
-			this.$vUtils.set(data, this.rkey, rvalue)
-			$form.context.emit('edit-closed', this.rparams, this)
-		},
-		// table回调赋值
-		setTableValue(value) {
-			if (['$vMoney'].includes(this.rname) && value !== '') value = this.$vUtils.multiply(value, this.rprops.moneyUnit || 1)
-			const { row, column } = this.rparams
-			const { model } = column
-			model.change = true
-			model.value = value
-		},
-		// 格式化值formatValue
-		formatValueFun(value, editable) {
-			let rObj = this.$vUtils.formatRender(value, this.rkey, this.rdata, this.rname, this.rprops, this, editable)
-			this.renderValue = ['$vMoney'].includes(this.rname) ? rObj.rtext : rObj.rvalue
-			return rObj
-		},
-		// 格式化底部值
-		getFooterData(qianfen = true) {
-			let { $table, items, itemIndex, column } = this.rparams
-			let tableData = $table.reactData.tableData
-			let { rname, rprops, rfooter, property } = column
-			let { digits, moneyUnit, commafy, type, calculate } = rprops
-			let footerValue = items[itemIndex]
-			if (rfooter) {
-				let caculateObj = rfooter[items[rfooter.index || 0]]
-				if (caculateObj && (rname === '$vMoney' || (['number', 'float', 'integer'].includes(type) && calculate))) {
-					let tableColumnData = this.$vUtils.mapTree(tableData, row => row[property])
-					let { computeType, result, typeObj } = caculateObj
-					switch (computeType) {
-						case 'subTotal':
-							footerValue = this.$vUtils.sum(tableColumnData)
-							break
-						case 'allTotal':
-							footerValue = typeObj[property] || result
-							break
-						case 'mean':
-							footerValue = this.$vUtils.mean(tableColumnData)
-							break
-						default:
-							footerValue = result
-							break
-					}
-					if (rname === '$vMoney') footerValue = this.$vUtils.truncate(this.$vUtils.divide(footerValue, moneyUnit), digits)
-					if (qianfen && commafy) footerValue = this.$vUtils.commafy(footerValue, { digits })
-				}
-			}
-			return footerValue
-		},
-		// 获取单据值
-		getBillValue(index, total = false) {
-			let value = total ? this.getFooterData(false) : this.renderValue
-			if (!value) return ''
-			let fullValue = this.$vUtils.formatMoneyPad(value)
-			let fullList = fullValue.replace('.', '').split('')
-			return fullList[index]
-		}
-	},
-	created() {},
-	activated() {}
-}
+export default {
+	props: {
+		redit: { type: Boolean },
+		rkey: { type: String },
+		rname: { type: String },
+		rdata: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		rprops: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		rparams: {
+			type: Object,
+			default() {
+				return {}
+			}
+		}
+	},
+	data() {
+		return {
+			renderValue: null
+		}
+	},
+	computed: {
+		rsize() {
+			return this.rprops.size || this.rparams.$table?.props?.size || this.rparams.$form?.props?.size
+		},
+		rform() {
+			return this.rparams.$form
+		},
+		reditmode() {
+			return this.rparams.$table?.props?.editConfig?.mode
+		},
+		isEditAll() {
+			return !this.rform && this.reditmode === 'all'
+		},
+		moneyUnitText() {
+			let moneyUnitConstants = [
+				{ value: 1, label: '元' },
+				{ value: 1000, label: '千元' },
+				{ value: 10000, label: '万元' }
+			]
+			let moneyConstant = moneyUnitConstants.find(item => item.value === this.rprops.moneyUnit)
+			return moneyConstant && moneyConstant.label
+		},
+		billGroups() {
+			let { billStart = '分', billEnd = '亿' } = this.rprops
+			let cnGroups = [
+				{ shortText: '兆', fullText: '兆', value: '' },
+				{ shortText: '千', fullText: '千亿', value: '' },
+				{ shortText: '百', fullText: '百亿', value: '' },
+				{ shortText: '十', fullText: '十亿', value: '' },
+				{ shortText: '亿', fullText: '亿', value: '' },
+				{ shortText: '千', fullText: '千万', value: '' },
+				{ shortText: '百', fullText: '百万', value: '' },
+				{ shortText: '十', fullText: '十万', value: '' },
+				{ shortText: '万', fullText: '万', value: '' },
+				{ shortText: '千', fullText: '千', value: '' },
+				{ shortText: '百', fullText: '百', value: '' },
+				{ shortText: '十', fullText: '十', value: '' },
+				{ shortText: '元', fullText: '元', value: '' },
+				{ shortText: '角', fullText: '角', value: '' },
+				{ shortText: '分', fullText: '分', value: '' },
+				{ shortText: '毫', fullText: '毫', value: '' },
+				{ shortText: '厘', fullText: '厘', value: '' }
+			]
+			let startIndex = cnGroups.findIndex(cn => cn.fullText === billEnd)
+			let endIndex = cnGroups.findIndex(cn => cn.fullText === billStart)
+			return cnGroups.slice(startIndex, endIndex)
+		},
+		getBillClass() {
+			return bil => {
+				return {
+					basic: bil.fullText === '元',
+					commafy: ['千', '百万', '十亿', '兆'].includes(bil.fullText)
+				}
+			}
+		},
+		renderText() {
+			let keyValue = this.$vUtils.get(this.rdata, this.rkey)
+			let { rtext } = this.formatValueFun(keyValue)
+			return rtext
+		}
+	},
+	methods: {
+		// 输入框变化
+		async vxeInputChange({ value, $event }) {
+			if (!this.rform) {
+				this.setTableValue(value)
+			}
+		},
+		// 输入框变化回调
+		async vxeChangeCallBack({ value, $event }) {
+			if (this.rform) {
+				this.setFormValue(value)
+			} else {
+				this.setTableValue(value)
+			}
+		},
+		// radio 变化回调
+		async vxeRadioCallBack({ label, $event }) {
+			if (this.rform) {
+				this.setFormValue(label)
+			} else {
+				this.setTableValue(label)
+			}
+		},
+		// check变化回调
+		async vxeCheckCallBack({ checklist, checked, label, $event }) {
+			if (this.rform) {
+				this.setFormValue(checklist)
+			} else {
+				this.setTableValue(checklist)
+			}
+		},
+		// 输入框失去焦点回调
+		async vxeBlurCallback({ value, $event }) {
+			if (this.rform) {
+				this.setFormValue(value)
+			} else {
+				this.setTableValue(value)
+			}
+		},
+		// form回调赋值
+		setFormValue(value) {
+			if (['$vMoney'].includes(this.rname) && value !== '') value = this.$vUtils.multiply(value, this.rprops.moneyUnit || 1)
+			let { rvalue } = this.formatValueFun(value, true)
+			let { data, $form } = this.rparams
+			this.$vUtils.set(data, this.rkey, rvalue)
+			$form.context.emit('edit-closed', this.rparams, this)
+		},
+		// table回调赋值
+		setTableValue(value) {
+			if (['$vMoney'].includes(this.rname) && value !== '') value = this.$vUtils.multiply(value, this.rprops.moneyUnit || 1)
+			const { row, column } = this.rparams
+			const { model } = column
+			model.change = true
+			model.value = value
+		},
+		// 格式化值formatValue
+		formatValueFun(value, editable) {
+			let rObj = this.$vUtils.formatRender(value, this.rkey, this.rdata, this.rname, this.rprops, this, editable)
+			this.renderValue = ['$vMoney'].includes(this.rname) ? rObj.rtext : rObj.rvalue
+			return rObj
+		},
+		// 格式化底部值
+		getFooterData(qianfen = true) {
+			let { $table, items, itemIndex, column } = this.rparams
+			let tableData = $table.reactData.tableData
+			let { rname, rprops, rfooter, property } = column
+			let { digits, moneyUnit, commafy, type, calculate } = rprops
+			let footerValue = items[itemIndex]
+			if (rfooter) {
+				let caculateObj = rfooter[items[rfooter.index || 0]]
+				if (caculateObj && (rname === '$vMoney' || (['number', 'float', 'integer'].includes(type) && calculate))) {
+					let tableColumnData = this.$vUtils.mapTree(tableData, row => row[property])
+					let { computeType, result, typeObj } = caculateObj
+					switch (computeType) {
+						case 'subTotal':
+							footerValue = this.$vUtils.sum(tableColumnData)
+							break
+						case 'allTotal':
+							footerValue = typeObj[property] || result
+							break
+						case 'mean':
+							footerValue = this.$vUtils.mean(tableColumnData)
+							break
+						default:
+							footerValue = result
+							break
+					}
+					if (rname === '$vMoney') footerValue = this.$vUtils.truncate(this.$vUtils.divide(footerValue, moneyUnit), digits)
+					if (qianfen && commafy) footerValue = this.$vUtils.commafy(footerValue, { digits })
+				}
+			}
+			return footerValue
+		},
+		// 获取单据值
+		getBillValue(index, total = false) {
+			let value = total ? this.getFooterData(false) : this.renderValue
+			if (!value) return ''
+			let fullValue = this.$vUtils.formatMoneyPad(value)
+			let fullList = fullValue.replace('.', '').split('')
+			return fullList[index]
+		}
+	},
+	created() {},
+	activated() {}
+}