Blame view

uni_modules/uview-plus/components/u--input/u--input.vue 1.99 KB
252962bb   刘淇   uni_modu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
  <template>
  	<uvInput 
  		<!-- #ifdef VUE2 -->
  		:value="value"
  		@input="e => $emit('input', e)"
  		<!-- #endif -->
  		<!-- #ifdef VUE3 -->
  		:modelValue="modelValue"
  		@update:modelValue="e => $emit('update:modelValue', e)"
  		<!-- #endif -->
  		:type="type"
  		:fixed="fixed"
  		:disabled="disabled"
  		:disabledColor="disabledColor"
  		:clearable="clearable"
  		:password="password"
  		:maxlength="maxlength"
  		:placeholder="placeholder"
  		:placeholderClass="placeholderClass"
  		:placeholderStyle="placeholderStyle"
  		:showWordLimit="showWordLimit"
  		:confirmType="confirmType"
  		:confirmHold="confirmHold"
  		:holdKeyboard="holdKeyboard"
  		:focus="focus"
  		:autoBlur="autoBlur"
  		:disableDefaultPadding="disableDefaultPadding"
  		:cursor="cursor"
  		:cursorSpacing="cursorSpacing"
  		:selectionStart="selectionStart"
  		:selectionEnd="selectionEnd"
  		:adjustPosition="adjustPosition"
  		:inputAlign="inputAlign"
  		:fontSize="fontSize"
  		:color="color"
  		:prefixIcon="prefixIcon"
  		:suffixIcon="suffixIcon"
  		:suffixIconStyle="suffixIconStyle"
  		:prefixIconStyle="prefixIconStyle"
  		:border="border"
  		:readonly="readonly"
  		:shape="shape"
  		:customStyle="customStyle"
  		:formatter="formatter"
  		:ignoreCompositionEvent="ignoreCompositionEvent"
  	>
  		<!-- #ifdef MP -->
  		<slot name="prefix"></slot>
  		<slot name="suffix"></slot>
  		<!-- #endif -->
  		<!-- #ifndef MP -->
  		<slot name="prefix" slot="prefix"></slot>
  		<slot name="suffix" slot="suffix"></slot>
  		<!-- #endif -->
  	</uvInput>
  </template>
  
  <script>
  	/**
  	 * 此组件存在的理由是,在nvue下,u-input被uni-app官方占用了,u-input在nvue中相当于input组件
  	 * 所以在nvue下,取名为u--input,内部其实还是u-input.vue,只不过做一层中转
  	 */
  	import uvInput from '../u-input/u-input.vue';
  	import { props } from '../u-input/props.js';
  	import { mpMixin } from '../../libs/mixin/mpMixin';
  	import { mixin } from '../../libs/mixin/mixin';
  	export default {
  		name: 'u--input',
  		mixins: [mpMixin, props, mixin],
  		components: {
  			uvInput
  		},
  	}
  </script>