feat: 首次提交

2023-08-17 21:28:49 +08:00
parent 36f80fb971
commit ec1e5e16cd
571 changed files with 95322 additions and 0 deletions
--- a/components/firstui/fui-radio-group/fui-radio-group.vue
+++ b/components/firstui/fui-radio-group/fui-radio-group.vue
@ -0,0 +1,97 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   18   6 1 40  72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-PLUS || H5 || MP-ALIPAY || MP-TOUTIAO|| MP-KUAISHOU || MP-JD || MP-360 || MP-LARK  -->
+	<radio-group :name="name">
+		<slot></slot>
+	</radio-group>
+	<!-- #endif -->
+
+	<!-- #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ -->
+	<fui-form-field :name="name" v-model="val">
+		<slot></slot>
+	</fui-form-field>
+	<!-- #endif -->
+</template>
+
+<script>
+	export default {
+		name: "fui-radio-group",
+		emits: ['change', 'input', 'update:modelValue'],
+		// #ifdef MP-WEIXIN
+		behaviors: ['wx://form-field-group'],
+		// #endif
+		// #ifdef MP-BAIDU || MP-QQ || H5
+		behaviors: ['uni://form-field'],
+		// #endif
+		props: {
+			name: {
+				type: String,
+				default: ''
+			},
+			// #ifdef VUE3
+			modelValue: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			value: {
+				type: String,
+				default: ''
+			}
+		},
+		data() {
+			return {
+				val: ''
+			}
+		},
+		watch: {
+			// #ifdef VUE3
+			modelValue(val) {
+				this.modelChange(val)
+			},
+			// #endif
+			value(val) {
+				this.modelChange(val)
+			}
+		},
+		created() {
+			this.childrens = []
+		},
+		methods: {
+			radioChange(e) {
+				this.$emit('change', e)
+				// TODO vue2 兼容
+				this.$emit('input', e.detail.value)
+				// TODO vue3 兼容
+				// #ifdef VUE3
+				this.$emit("update:modelValue", e.detail.value);
+				// #endif
+			},
+			changeValue(value, target) {
+				if (value === this.val) return;
+				this.val = value;
+				this.childrens.forEach(item => {
+					if (item !== target) {
+						item.val = false;
+					}
+				})
+				let e = {
+					detail: {
+						value: value
+					}
+				}
+				this.radioChange(e)
+			},
+			modelChange(val) {
+				this.childrens.forEach(item => {
+					if (item.value === val) {
+						item.val = true;
+					} else {
+						item.val = false;
+					}
+				})
+			}
+		}
+	}
+</script>
+<style scoped></style>