From 9ab4955166b7b1370fc2a49b152353241ca9e64a Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 16 十月 2023 09:22:23 +0800
Subject: [PATCH] 小程序

---
 minipro_standard/uni_modules/uview-ui/components/u-radio/u-radio.vue |  339 --------------------------------------------------------
 1 files changed, 0 insertions(+), 339 deletions(-)

diff --git a/minipro_standard/uni_modules/uview-ui/components/u-radio/u-radio.vue b/minipro_standard/uni_modules/uview-ui/components/u-radio/u-radio.vue
index c0caab6..e69de29 100644
--- a/minipro_standard/uni_modules/uview-ui/components/u-radio/u-radio.vue
+++ b/minipro_standard/uni_modules/uview-ui/components/u-radio/u-radio.vue
@@ -1,339 +0,0 @@
-<template>
-	<view
-	    class="u-radio"
-		@tap.stop="wrapperClickHandler"
-	    :style="[radioStyle]"
-	    :class="[`u-radio-label--${parentData.iconPlacement}`, parentData.borderBottom && parentData.placement === 'column' && 'u-border-bottom']"
-	>
-		<view
-		    class="u-radio__icon-wrap"
-		    @tap.stop="iconClickHandler"
-		    :class="iconClasses"
-		    :style="[iconWrapStyle]"
-		>
-			<slot name="icon">
-				<u-icon
-				    class="u-radio__icon-wrap__icon"
-				    name="checkbox-mark"
-				    :size="elIconSize"
-				    :color="elIconColor"
-				/>
-			</slot>
-		</view>
-		<slot>
-			<text
-				class="u-radio__text"
-				@tap.stop="labelClickHandler"
-				:style="{
-					color: elDisabled ? elInactiveColor : elLabelColor,
-					fontSize: elLabelSize,
-					lineHeight: elLabelSize
-				}"
-			>{{label}}</text>
-		</slot>
-	</view>
-</template>
-
-<script>
-	import props from './props.js';
-	/**
-	 * radio 鍗曢�夋
-	 * @description 鍗曢�夋鐢ㄤ簬鏈変竴涓�夋嫨锛岀敤鎴峰彧鑳介�夋嫨鍏朵腑涓�涓殑鍦烘櫙銆傛惌閰島-radio-group浣跨敤
-	 * @tutorial https://www.uviewui.com/components/radio.html
-	 * @property {String | Number}	name			radio鐨勫悕绉�
-	 * @property {String}			shape			褰㈢姸锛宻quare涓烘柟褰紝circle涓哄渾鍨�
-	 * @property {Boolean}			disabled		鏄惁绂佺敤
-	 * @property {String | Boolean}	labelDisabled	鏄惁绂佹鐐瑰嚮鎻愮ず璇�変腑鍗曢�夋
-	 * @property {String}			activeColor		閫変腑鏃剁殑棰滆壊锛屽璁剧疆parent鐨刟ctive-color灏嗗け鏁�
-	 * @property {String}			inactiveColor	鏈�変腑鐨勯鑹�
-	 * @property {String | Number}	iconSize		鍥炬爣澶у皬锛屽崟浣峱x
-	 * @property {String | Number}	labelSize		label瀛椾綋澶у皬锛屽崟浣峱x
-	 * @property {String | Number}	label			label鎻愮ず鏂囧瓧锛屽洜涓簄vue涓嬶紝鐩存帴slot杩涙潵鐨勬枃瀛楋紝鐢变簬鐗规畩鐨勭粨鏋勶紝鏃犳硶淇敼鏍峰紡
-	 * @property {String | Number}	size			鏁翠綋鐨勫ぇ灏�
-	 * @property {String}			iconColor		鍥炬爣棰滆壊
-	 * @property {String}			labelColor		label鐨勯鑹�
-	 * @property {Object}			customStyle		缁勪欢鐨勬牱寮忥紝瀵硅薄褰㈠紡
-	 * 
-	 * @event {Function} change 鏌愪釜radio鐘舵�佸彂鐢熷彉鍖栨椂瑙﹀彂(閫変腑鐘舵��)
-	 * @example <u-radio :labelDisabled="false">闂ㄦ帺榛勬槒锛屾棤璁＄暀鏄ヤ綇</u-radio>
-	 */
-	export default {
-		name: "u-radio",
-		
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
-		data() {
-			return {
-				checked: false,
-				// 褰撲綘鐪嬪埌杩欐浠ｇ爜鐨勬椂鍊欙紝
-				// 鐖剁粍浠剁殑榛樿鍊硷紝鍥犱负澶存潯灏忕▼搴忎笉鏀寔鍦╟omputed涓娇鐢╰his.parent.shape鐨勫舰寮�
-				// 鏁呭彧鑳戒娇鐢ㄥ姝ゆ柟娉�
-				parentData: {
-					iconSize: 12,
-					labelDisabled: null,
-					disabled: null,
-					shape: null,
-					activeColor: null,
-					inactiveColor: null,
-					size: 18,
-					value: null,
-					iconColor: null,
-					placement: 'row',
-					borderBottom: false,
-					iconPlacement: 'left'
-				}
-			}
-		},
-		computed: {
-			// 鏄惁绂佺敤锛屽鏋滅埗缁勪欢u-raios-group绂佺敤鐨勮瘽锛屽皢浼氬拷鐣ュ瓙缁勪欢鐨勯厤缃�
-			elDisabled() {
-				return this.disabled !== '' ? this.disabled : this.parentData.disabled !== null ? this.parentData.disabled : false;
-			},
-			// 鏄惁绂佺敤label鐐瑰嚮
-			elLabelDisabled() {
-				return this.labelDisabled !== '' ? this.labelDisabled : this.parentData.labelDisabled !== null ? this.parentData.labelDisabled :
-					false;
-			},
-			// 缁勪欢灏哄锛屽搴攕ize鐨勫�硷紝榛樿鍊间负21px
-			elSize() {
-				return this.size ? this.size : (this.parentData.size ? this.parentData.size : 21);
-			},
-			// 缁勪欢鐨勫嬀閫夊浘鏍囩殑灏哄锛岄粯璁�12px
-			elIconSize() {
-				return this.iconSize ? this.iconSize : (this.parentData.iconSize ? this.parentData.iconSize : 12);
-			},
-			// 缁勪欢閫変腑婵�娲绘椂鐨勯鑹�
-			elActiveColor() {
-				return this.activeColor ? this.activeColor : (this.parentData.activeColor ? this.parentData.activeColor : '#2979ff');
-			},
-			// 缁勪欢閫夋湭涓縺娲绘椂鐨勯鑹�
-			elInactiveColor() {
-				return this.inactiveColor ? this.inactiveColor : (this.parentData.inactiveColor ? this.parentData.inactiveColor :
-					'#c8c9cc');
-			},
-			// label鐨勯鑹�
-			elLabelColor() {
-				return this.labelColor ? this.labelColor : (this.parentData.labelColor ? this.parentData.labelColor : '#606266')
-			},
-			// 缁勪欢鐨勫舰鐘�
-			elShape() {
-				return this.shape ? this.shape : (this.parentData.shape ? this.parentData.shape : 'circle');
-			},
-			// label澶у皬
-			elLabelSize() {
-				return uni.$u.addUnit(this.labelSize ? this.labelSize : (this.parentData.labelSize ? this.parentData.labelSize :
-					'15'))
-			},
-			elIconColor() {
-				const iconColor = this.iconColor ? this.iconColor : (this.parentData.iconColor ? this.parentData.iconColor :
-					'#ffffff');
-				// 鍥炬爣鐨勯鑹�
-				if (this.elDisabled) {
-					// disabled鐘舵�佷笅锛屽凡鍕鹃�夌殑radio鍥炬爣鏀逛负elInactiveColor
-					return this.checked ? this.elInactiveColor : 'transparent'
-				} else {
-					return this.checked ? iconColor : 'transparent'
-				}
-			},
-			iconClasses() {
-				let classes = []
-				// 缁勪欢鐨勫舰鐘�
-				classes.push('u-radio__icon-wrap--' + this.elShape)
-				if (this.elDisabled) {
-					classes.push('u-radio__icon-wrap--disabled')
-				}
-				if (this.checked && this.elDisabled) {
-					classes.push('u-radio__icon-wrap--disabled--checked')
-				}
-				// 鏀粯瀹濓紝澶存潯灏忕▼搴忔棤娉曞姩鎬佺粦瀹氫竴涓暟缁勭被鍚嶏紝鍚﹀垯瑙ｆ瀽鍑烘潵鐨勭粨鏋滀細甯︽湁","锛岃�屽鑷村け鏁�
-				// #ifdef MP-ALIPAY || MP-TOUTIAO
-				classes = classes.join(' ')
-				// #endif
-				return classes
-			},
-			iconWrapStyle() {
-				// radio鐨勬暣浣撴牱寮�
-				const style = {}
-				style.backgroundColor = this.checked && !this.elDisabled ? this.elActiveColor : '#ffffff'
-				style.borderColor = this.checked && !this.elDisabled ? this.elActiveColor : this.elInactiveColor
-				style.width = uni.$u.addUnit(this.elSize)
-				style.height = uni.$u.addUnit(this.elSize)
-				// 濡傛灉鏄浘鏍囧湪鍙宠竟鐨勮瘽锛岀Щ闄ゅ畠鐨勫彸杈硅窛
-				if (this.parentData.iconPlacement === 'right') {
-					style.marginRight = 0
-				}
-				return style
-			},
-			radioStyle() {
-				const style = {}
-				if(this.parentData.borderBottom && this.parentData.placement === 'row') {
-					uni.$u.error('妫�娴嬪埌鎮ㄥ皢borderBottom璁剧疆涓簍rue锛岄渶瑕佸悓鏃跺皢u-radio-group鐨刾lacement璁剧疆涓篶olumn鎵嶆湁鏁�')
-				}
-				// 褰撶埗缁勪欢璁剧疆浜嗘樉绀轰笅杈规骞朵笖鎺掑垪褰㈠紡涓虹旱鍚戞椂锛岀粰鍐呭鍜岃竟妗嗕箣闂村姞涓婁竴瀹氶棿闅�
-				if(this.parentData.borderBottom && this.parentData.placement === 'column') {
-					// ios鍍忕礌瀵嗗害楂橈紝闇�瑕佸涓�鐐圭殑璺濈
-					style.paddingBottom = uni.$u.os() === 'ios' ? '12px' : '8px'
-				}
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
-			}
-		},
-		mounted() {
-			this.init()
-		},
-		methods: {
-			init() {
-				// 鏀粯瀹濆皬绋嬪簭涓嶆敮鎸乸rovide/inject锛屾墍浠ヤ娇鐢ㄨ繖涓柟娉曡幏鍙栨暣涓埗缁勪欢锛屽湪created瀹氫箟锛岄伩鍏嶅惊鐜紩鐢�
-				this.updateParentData()
-				if (!this.parent) {
-					uni.$u.error('u-radio蹇呴』鎼厤u-radio-group缁勪欢浣跨敤')
-				}
-				// 璁剧疆鍒濆鍖栨椂锛屾槸鍚﹂粯璁ら�変腑鐨勭姸鎬�
-				this.checked = this.name === this.parentData.value
-			},
-			updateParentData() {
-				this.getParentData('u-radio-group')
-			},
-			// 鐐瑰嚮鍥炬爣
-			iconClickHandler(e) {
-				this.preventEvent(e)
-				// 濡傛灉鏁翠綋琚鐢紝涓嶅厑璁歌鐐瑰嚮
-				if (!this.elDisabled) {
-					this.setRadioCheckedStatus()
-				}
-			},
-			// 妯悜涓ょ鎺掑垪鏃讹紝鐐瑰嚮缁勪欢鍗冲彲瑙﹀彂閫変腑浜嬩欢
-			wrapperClickHandler(e) {
-				this.parentData.iconPlacement === 'right' && this.iconClickHandler(e)
-			},
-			// 鐐瑰嚮label
-			labelClickHandler(e) {
-				this.preventEvent(e)
-				// 濡傛灉鎸夐挳鏁翠綋琚鐢ㄦ垨鑰卨abel琚鐢紝鍒欎笉鍏佽鐐瑰嚮鏂囧瓧淇敼鐘舵��
-				if (!this.elLabelDisabled && !this.elDisabled) {
-					this.setRadioCheckedStatus()
-				}
-			},
-			emitEvent() {
-				// u-radio鐨刢hecked涓嶄负true鏃�(鎰忓懗鐫�鏈�変腑)锛屾墠鍙戝嚭浜嬩欢锛岄伩鍏嶅娆＄偣鍑昏Е鍙戜簨浠�
-				if (!this.checked) {
-					this.$emit('change', this.name)
-					// 灏濊瘯璋冪敤u-form鐨勯獙璇佹柟娉曪紝杩涜涓�瀹氬欢杩燂紝鍚﹀垯寰俊灏忕▼搴忔洿鏂板彲鑳戒細涓嶅強鏃�
-					this.$nextTick(() => {
-						uni.$u.formValidate(this, 'change')
-					})
-				}
-			},
-			// 鏀瑰彉缁勪欢閫変腑鐘舵��
-			// 杩欓噷鐨勬敼鍙樼殑渚濇嵁鏄紝鏇存敼鏈粍浠剁殑checked鍊间负true锛屽悓鏃堕�氳繃鐖剁粍浠堕亶鍘嗘墍鏈塽-radio瀹炰緥
-			// 灏嗘湰缁勪欢澶栫殑鍏朵粬u-radio鐨刢hecked閮借缃负false(閮借鍙栨秷閫変腑鐘舵��)锛屽洜鑰屽彧鍓╀笅涓�涓负閫変腑鐘舵��
-			setRadioCheckedStatus() {
-				this.emitEvent()
-				// 灏嗘湰缁勪欢鏍囪涓洪�変腑鐘舵��
-				this.checked = true
-				typeof this.parent.unCheckedOther === 'function' && this.parent.unCheckedOther(this)
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import "../../libs/css/components.scss";
-	$u-radio-wrap-margin-right:6px !default;
-	$u-radio-wrap-font-size:20px !default;
-	$u-radio-wrap-border-width:1px !default;
-	$u-radio-wrap-border-color: #c8c9cc !default;
-	$u-radio-line-height:0 !default;
-	$u-radio-circle-border-radius:100% !default;
-	$u-radio-square-border-radius:3px !default;
-	$u-radio-checked-color:#fff !default;
-	$u-radio-checked-background-color:red !default;
-	$u-radio-checked-border-color: #2979ff !default;
-	$u-radio-disabled-background-color:#ebedf0 !default;
-	$u-radio-disabled--checked-color:#c8c9cc !default;
-	$u-radio-label-margin-left: 5px !default;
-	$u-radio-label-margin-right:12px !default;
-	$u-radio-label-color:$u-content-color !default;
-	$u-radio-label-font-size:15px !default;
-	$u-radio-label-disabled-color:#c8c9cc !default;
-	
-	.u-radio {
-		/* #ifndef APP-NVUE */
-		@include flex(row);
-		/* #endif */
-		overflow: hidden;
-		flex-direction: row;
-		align-items: center;
-
-		&-label--left {
-			flex-direction: row
-		}
-
-		&-label--right {
-			flex-direction: row-reverse;
-			justify-content: space-between
-		}
-
-		&__icon-wrap {
-			/* #ifndef APP-NVUE */
-			box-sizing: border-box;
-			// nvue涓嬶紝border-color杩囨浮鏈夐棶棰�
-			transition-property: border-color, background-color, color;
-			transition-duration: 0.2s;
-			/* #endif */
-			color: $u-content-color;
-			@include flex;
-			align-items: center;
-			justify-content: center;
-			color: transparent;
-			text-align: center;
-			margin-right: $u-radio-wrap-margin-right;
-			font-size: $u-radio-wrap-font-size;
-			border-width: $u-radio-wrap-border-width;
-			border-color: $u-radio-wrap-border-color;
-			border-style: solid;
-
-			/* #ifdef MP-TOUTIAO */
-			// 澶存潯灏忕▼搴忓吋瀹规�ч棶棰橈紝闇�瑕佽缃楂樹负0锛屽惁鍒欏浘鏍囧亸涓�
-			&__icon {
-				line-height: $u-radio-line-height;
-			}
-
-			/* #endif */
-
-			&--circle {
-				border-radius: $u-radio-circle-border-radius;
-			}
-
-			&--square {
-				border-radius: $u-radio-square-border-radius;
-			}
-
-			&--checked {
-				color: $u-radio-checked-color;
-				background-color: $u-radio-checked-background-color;
-				border-color: $u-radio-checked-border-color;
-			}
-
-			&--disabled {
-				background-color: $u-radio-disabled-background-color !important;
-			}
-
-			&--disabled--checked {
-				color: $u-radio-disabled--checked-color !important;
-			}
-		}
-
-		&__label {
-			/* #ifndef APP-NVUE */
-			word-wrap: break-word;
-			/* #endif */
-			margin-left: $u-radio-label-margin-left;
-			margin-right: $u-radio-label-margin-right;
-			color: $u-radio-label-color;
-			font-size: $u-radio-label-font-size;
-
-			&--disabled {
-				color: $u-radio-label-disabled-color;
-			}
-		}
-	}
-</style>

--
Gitblit v1.9.3