Improve component stability
This commit is contained in:
		
							parent
							
								
									f1c9e596e8
								
							
						
					
					
						commit
						6aef54a9e0
					
				
					 3 changed files with 11 additions and 5 deletions
				
			
		|  | @ -27,7 +27,10 @@ export default defineComponent({ | |||
| 	}, | ||||
| 	render() { | ||||
| 		const label = this.$slots.desc(); | ||||
| 		const options = this.$slots.default(); | ||||
| 		let options = this.$slots.default(); | ||||
| 
 | ||||
| 		// なぜかFragmentになることがあるため | ||||
| 		if (options.length === 1 && options[0].props == null) options = options[0].children; | ||||
| 
 | ||||
| 		return h('div', { | ||||
| 			class: 'cnklmpwm _formItem' | ||||
|  | @ -37,7 +40,7 @@ export default defineComponent({ | |||
| 			}, label), | ||||
| 			...options.map(option => h('button', { | ||||
| 				class: '_button _formPanel _formClickable', | ||||
| 				key: option.props.value, | ||||
| 				key: option.key, | ||||
| 				onClick: () => this.value = option.props.value, | ||||
| 			}, [h('span', { | ||||
| 				class: ['check', { checked: this.value === option.props.value }], | ||||
|  |  | |||
|  | @ -14,7 +14,7 @@ export default defineComponent({ | |||
| 			class: 'pxhvhrfw', | ||||
| 		}, options.map(option => withDirectives(h('button', { | ||||
| 			class: ['_button', { active: this.value === option.props.value }], | ||||
| 			key: option.props.value, | ||||
| 			key: option.key, | ||||
| 			disabled: this.value === option.props.value, | ||||
| 			onClick: () => { | ||||
| 				this.$emit('update:value', option.props.value); | ||||
|  |  | |||
|  | @ -23,14 +23,17 @@ export default defineComponent({ | |||
| 	}, | ||||
| 	render() { | ||||
| 		const label = this.$slots.desc(); | ||||
| 		const options = this.$slots.default(); | ||||
| 		let options = this.$slots.default(); | ||||
| 
 | ||||
| 		// なぜかFragmentになることがあるため | ||||
| 		if (options.length === 1 && options[0].props == null) options = options[0].children; | ||||
| 
 | ||||
| 		return h('div', { | ||||
| 			class: 'novjtcto' | ||||
| 		}, [ | ||||
| 			h('div', label), | ||||
| 			...options.map(option => h(MkRadio, { | ||||
| 				key: option.props.value, | ||||
| 				key: option.key, | ||||
| 				value: option.props.value, | ||||
| 				modelValue: this.value, | ||||
| 				'onUpdate:modelValue': value => this.value = value, | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue