perf(input): foucs blur 原生事件绑定
This commit is contained in:
		
							parent
							
								
									55fc38ac49
								
							
						
					
					
						commit
						5aa3544914
					
				@ -107,7 +107,7 @@ export default {
 | 
				
			|||||||
:::
 | 
					:::
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| Name        | Description     | Accepted Values  |
 | 
					| Name        | Description     | Accepted Values  |
 | 
				
			||||||
| ----------- | --------------- | --------------- |
 | 
					| ----------- | --------------- | ---------------- |
 | 
				
			||||||
| name        | 原始属性 name   | --               |
 | 
					| name        | 原始属性 name   | --               |
 | 
				
			||||||
| placeholder | 提示信息        | --               |
 | 
					| placeholder | 提示信息        | --               |
 | 
				
			||||||
| disabled    | 禁用            | `true` `false`   |
 | 
					| disabled    | 禁用            | `true` `false`   |
 | 
				
			||||||
 | 
				
			|||||||
@ -1,7 +1,8 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <div class="layui-colla-item">
 | 
					  <div class="layui-colla-item">
 | 
				
			||||||
    <h2 class="layui-colla-title" @click="showHandle">
 | 
					    <h2 class="layui-colla-title" @click="showHandle">
 | 
				
			||||||
      {{ title }}<i class="layui-icon layui-colla-icon">{{ isShow ? '' : '' }}</i>
 | 
					      {{ title
 | 
				
			||||||
 | 
					      }}<i class="layui-icon layui-colla-icon">{{ isShow ? '' : '' }}</i>
 | 
				
			||||||
    </h2>
 | 
					    </h2>
 | 
				
			||||||
    <div class="layui-colla-content" :class="isShow ? 'layui-show' : ''">
 | 
					    <div class="layui-colla-content" :class="isShow ? 'layui-show' : ''">
 | 
				
			||||||
      <p>
 | 
					      <p>
 | 
				
			||||||
@ -14,13 +15,12 @@
 | 
				
			|||||||
<script setup name="LayCollapseItem" lang="ts">
 | 
					<script setup name="LayCollapseItem" lang="ts">
 | 
				
			||||||
import { defineProps, inject, ref } from 'vue'
 | 
					import { defineProps, inject, ref } from 'vue'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const props =
 | 
					const props = defineProps<{
 | 
				
			||||||
  defineProps<{
 | 
					 | 
				
			||||||
  id: string
 | 
					  id: string
 | 
				
			||||||
  title: string
 | 
					  title: string
 | 
				
			||||||
  }>()
 | 
					}>()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const openKeys = inject('openKeys') as String[]
 | 
					const openKeys = inject('openKeys') as string[]
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const isShow = ref(openKeys.includes(props.id))
 | 
					const isShow = ref(openKeys.includes(props.id))
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -16,14 +16,13 @@
 | 
				
			|||||||
<script setup name="LayInput" lang="ts">
 | 
					<script setup name="LayInput" lang="ts">
 | 
				
			||||||
import { defineProps, defineEmits } from 'vue'
 | 
					import { defineProps, defineEmits } from 'vue'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const props =
 | 
					const props = defineProps<{
 | 
				
			||||||
  defineProps<{
 | 
					 | 
				
			||||||
  name?: string
 | 
					  name?: string
 | 
				
			||||||
  type?: string
 | 
					  type?: string
 | 
				
			||||||
  modelValue?: string
 | 
					  modelValue?: string
 | 
				
			||||||
  placeholder?: string
 | 
					  placeholder?: string
 | 
				
			||||||
  disabled?: boolean
 | 
					  disabled?: boolean
 | 
				
			||||||
  }>()
 | 
					}>()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const emit = defineEmits(['update:modelValue', 'input', 'focus', 'blur'])
 | 
					const emit = defineEmits(['update:modelValue', 'input', 'focus', 'blur'])
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user