@zscreate/zhxy-app-component 1.0.0

package/components/evan-form-item/mixins/computedMixin.js

@@ -0,0 +1,44 @@
+export const computedMixin = {
+	computed: {
+		mLabelStyle() {
+			const parent = this.getParent()
+			let labelStyle = Object.assign({}, (parent.labelStyle || {}), (this.labelStyle || {}))
+			let arr = Object.keys(labelStyle).map((key) => `${key}:${labelStyle[key]}`)
+			return arr.join(';')
+		},
+		mContentStyle() {
+			let contentStyle = Object.assign({}, this.contentStyle || {})
+			let arr = Object.keys(contentStyle).map((key) => `${key}:${contentStyle[key]}`)
+			return arr.join(';')
+		},
+		mLabelPosition() {
+			if (this.labelPosition) {
+				return this.labelPosition
+			}
+			const parent = this.getParent()
+			if (parent) {
+				return parent.labelPosition
+			}
+			return 'left'
+		},
+		// 整个表单是否有*号
+		hasRequiredAsterisk() {
+			const parent = this.getParent()
+			if (parent) {
+				return parent.hasRequiredAsterisk
+			}
+			return false
+		},
+		showRequiredAsterisk() {
+			/**子表单必选要深入下一层rules**/
+			const rules = this.tableKey ? this.rules[this.tableKey][this.widget.model] : this.rules[this.widget
+				.model];
+			if (rules && rules.length > 0) {
+				if (rules.find((rule) => rule.required === true)) {
+					return true
+				}
+			}
+			return false
+		}
+	}
+}

package/components/evan-form-item/mixins/pubSubMixin.js

@@ -0,0 +1,104 @@
+import Pubsub from 'pubsub-js'
+
+import validateByApiMinxins from './validateByApiMinxins'
+import { run } from "../../../utils/js-interp"
+
+export const pubSubMixin = {
+	mixins: [validateByApiMinxins],
+	methods: {
+		publish: Pubsub.publish, // 发布方法
+		parseInt: parseInt, // 取整
+		toFixed(num, length = 2, type = 1) { // 保留几位小数 默认number类型，为了部分校验
+			var num = Number(num).toFixed(length);
+			return type ? Number(num) : num;
+		},
+		//关联组件
+		/**
+		 * @description  订阅消息
+		 * @return void
+		 */
+		pubsubScribe() {
+			let subscribeKey = this.widget.options.subscribeOptions ?
+				this.widget.options.subscribeOptions.subscribeKey :
+				'';
+			if (subscribeKey) {
+				// console.log('订阅');
+				let tableIndex = this.tableIndex; //子表单联动
+				subscribeKey = this.tableKey ? tableIndex + '_' + subscribeKey : subscribeKey;
+				this.pubsubSign = Pubsub.subscribe(subscribeKey, (msg, data) => {
+					console.log('接受消息', data);
+					// console.log(msg, data);
+					if (data.hasOwnProperty('updateModel') && data.updateModel) { // 用于脚本里面精准更新model 避免通过监听models值来更新 model
+						this.updateModelByPulish(data.value)
+						return false;
+					}
+
+					// 订阅者接受指定 当data对象具有method属性时候 通过策略模式处理相关方法
+					if (data.hasOwnProperty("method")) {
+						console.log("method==")
+						try {
+							this[data.method](data.args);
+						} catch (error) {
+
+						}
+						return false
+					}
+
+					this.updateModelByScript(data, data.msg)
+				});
+			}
+		},
+		updateModelByScript(data, list) {
+			this.isClickByUser = data.isClickByUser;
+			console.log(run(data.operateValue, {
+				that: this,
+				global: globalThis,
+				list,
+				isWx: true,
+				uni
+			}))
+		},
+		/**
+		 * @description  发布消息
+		 * @params { string/number/object } val 发布的内容
+		 * @return void
+		 */
+		pulishMsg(val, isClickByUser = false) {
+			let relateOptions = this.widget.options.relateOptions;
+			if (relateOptions && relateOptions.length > 0) {
+				relateOptions.forEach(item => {
+					let publishKey = this.tableKey ? this.tableIndex + '_' + item.publishKey : item
+						.publishKey; //子表单联动
+					if (item.isTableChild === false) publishKey = item.publishKey // 非子表单; false 兼容之前的逻辑;  之前为 ""
+					Pubsub.publish(publishKey, {
+						...item,
+						msg: val,
+						isClickByUser
+					});
+				});
+			}
+		},
+
+		resetByflag(flag) {
+			if (flag) {
+				this.resetDataModel();
+			}
+		},
+		resetDataModel() {
+			//部分组件重置dataModel 需要重写
+			if (this.widget.type == "userSelector" || this.widget.type == "deptSelector") {
+				this.dataModel = []
+			} else {
+				this.dataModel = '';
+			}
+		},
+		// 通过消息发布 改变dataModel
+		updateModelByPulish(value) {
+			if (value == undefined || value == null) {
+				return false
+			}
+			this.dataModel = value
+		},
+
+	}
+}

package/components/evan-form-item/mixins/validateByApiMinxins.js

@@ -0,0 +1,21 @@
+const API = '/form/formdesiger/countLeaveDays'
+export default {
+    methods: {
+        validateByApiMinxins(args) {
+            let api = args.api || API,
+                kssj = args.fnArgs[0],
+                jssj = args.fnArgs[1];
+            if (kssj && jssj) {
+                let params = {
+                    kssj,
+                    jssj
+                }
+                this.$u.get(api, params).then(res => {
+                    res.success && this.updateModelByPulish(res.result)
+                })
+            } else {
+                this.updateModelByPulish('0')
+            }
+        }
+    },
+}

package/components/evan-form-item/mixins/validateFormMixin.js

@@ -0,0 +1,71 @@
+import utils from '../utils.js'
+export const validateFormMixin = {
+	methods: {
+		/****表单校验***/
+		validateInit() {
+			// this.firstValidateField = false;
+			return new Promise((resolve, reject) => {
+				this.validateFieldDIY(this.prop, res => {
+					// console.log('res', res)
+					/*******
+					 *res 
+					 *null代表验证通过
+					 * []代表验证不通过的规则
+					 *******/
+					this.showFalse = !res ? false : true;
+					this.showFalseMsg = res ? res[0].message : ''; //获取错误信息
+					if (!res) {
+						resolve(true)
+					} else {
+						reject(false)
+					}
+				});
+			})
+		},
+		scrollToTop(top) {
+			this.$nextTick(function() {
+				console.log("校验top",top)
+				// console.log('toscrolltotop', top)
+				uni.createSelectorQuery()
+					.in(this)
+					.select('.showFalse').boundingClientRect(data => {
+						console.log("校验 data.top", data.top)
+						uni.pageScrollTo({
+							scrollTop: data.top - top,
+							duration: 0
+						});
+					}).exec()
+			})
+		},
+		validateFieldDIY(props, callback) {
+			var tempModel = {};
+			var rules = []
+			if (this.tableKey) {
+				tempModel = this.models[this.tableKey][this.tableIndex];
+				rules = this.rules[this.tableKey];
+			} else {
+				tempModel = this.models;
+				rules = this.rules
+			}
+			if (['rate', 'number'].includes(this.widget.type) && rules[this.widget.model].length > 0) {
+				rules[this.widget.model][0]['type'] = "number"
+			}
+
+			if (this.widget.type == 'rate') {
+				console.log(rules, props, tempModel[this.widget.model])
+			}
+			utils.validateItem(rules, props, tempModel[this.widget.model], callback)
+		},
+		// 当前formItem是否显示*号
+		showRequiredAsteriskFun() {
+			const rules = this.rules[this.widget.model];
+			// console.log('rules', rules)
+			if (rules && rules.length > 0) {
+				if (rules.find((rule) => rule.required === true)) {
+					return true
+				}
+			}
+			return false
+		},
+	}
+}

package/components/evan-form-item/mixins/valueChangeMixin.js

@@ -0,0 +1,64 @@
+export const valueChangeMixin = {
+	methods: {
+		/**文件dataModal**/
+		filePost(val) {
+			this.dataModel.push(val)
+		},
+		/**imgdataModal**/
+		imgUrlPost(val) {
+			this.dataModel = [...val];
+		},
+		cityChecked(val) {
+			this.dataModel = val;
+			// console.log('submitCity', val)
+		},
+		/***numberbox修改赋值***/
+		numberBoxClick() { // 确实是用户手动修改值
+			this.isClickByUser = true;
+			// this.dataModel = num.value
+		},
+		//开关
+		switch1Change: function(e) {
+			this.dataModel = e.target.value
+		},
+		//滑块
+		sliderChange(e) {
+			this.dataModel = e.detail.value
+		},
+		//单选
+		radioChange(evt) {
+			this.dataModel = evt.detail.value
+			// console.log(evt.detail.value)
+		},
+		//多选
+		checkboxChange: function(e) {
+			var items = this.checkboxAndRadioOptions,
+				values = e.detail.value;
+			for (var i = 0, lenI = items.length; i < lenI; ++i) {
+				const item = items[i]
+				if (values.includes(item.value)) {
+					this.$set(item, 'checked', true)
+				} else {
+					this.$set(item, 'checked', false)
+				}
+			}
+			this.dataModel = values
+		},
+		changeTime(e, index) {
+			if (this.widget.options.isRange) {
+				this.$set(this.dataModel, index, e.value)
+			} else {
+				this.dataModel = e.value
+			}
+		},
+		changedate(e) {
+			this.dataModel = e.detail.value
+		},
+		//rate value chage
+		changeRate(value) {
+			if (value.value) {
+				this.dataModel = value.value
+			}
+		},
+	}
+}

package/components/evan-form-item/utilForForm.js

@@ -0,0 +1,35 @@
+export const getMode = (format) => {
+	if (!format) return "his"
+	format = format.toLowerCase();
+	switch (format) {
+		case 'yyyy-mm-dd':
+			return "ymd"
+			break;
+		case 'yyyy-mm-dd hh:mm:ss':
+			return "ymdhis"
+			break;
+		case 'yyyy-mm-dd hh:mm':
+			return "ymdhi"
+			break;
+		case 'yyyy-mm-dd hh':
+			return "ymdh"
+			break;
+		case 'hh:mm':
+			return "hi"
+			break;
+		case 'mm:ss':
+			return "is"
+			break;
+		case 'hh':
+			return "h"
+			break;
+		case 'mm':
+			return "i"
+			break;
+		case 'ss':
+			return "s"
+			break;
+		default:
+			return "his"
+	}
+}

package/components/evan-form-item/utils.js

@@ -0,0 +1,51 @@
+import AsyncValidator from 'async-validator'
+const utils = {
+	validateItem(rules, prop, value, callback) {
+		if (!rules || JSON.stringify(rules) === '{}') {
+			if (callback instanceof Function) {
+				callback();
+			}
+			return true;
+		}
+		const propRules = [].concat(rules[prop] || []);
+		propRules.forEach((rule) => {
+			if (rule.pattern) {
+				rule.pattern = new RegExp(rule.pattern)
+			}
+		})
+		const descriptor = {
+			[prop]: propRules
+		};
+		
+		/**
+		 * 拓展 数组类的value 校验；只需满足非空数组即可
+		 * **/
+		 if(typeof value == "object"  && value.constructor == Array  ){
+			 console.log('===',descriptor)
+		 }
+		 if(typeof value == "object" && value.constructor == Array && value.length > 0){
+			 callback(null);
+			 return false;
+		 }else if(typeof value == 'boolean'){
+			 callback(null);
+			 return false;
+		 }
+		 
+		 /**
+		  * 拓展 数组类的value 校验；
+		  * **/
+		const validator = new AsyncValidator(descriptor);
+		const model = {
+			[prop]: value
+		};
+		
+		validator.validate(model, {
+			firstFields: true,
+			first:true,
+		}, (errors) => {
+			callback(errors);
+		});
+	},
+}
+
+export default utils