cloud-ui.vusion/src/u-input.vue/index.html

Vusion Cloud UI

<span :class="$style.root" :readonly="readonly" :disabled="disabled" :close="close" :color="currentColor || this.formItemVM && this.formItemVM.color"
    :focus="focused" @click.self="!focused && focus()">b<!-- 用于基线对齐 -->
    <input ref="input" :class="$style.input" v-bind="$attrs" :readonly="readonly" :disabled="disabled" :value="currentValue"
        @input="onInput" @focus="onFocus" @blur="onBlur" @keypress="onKeypress" v-on="listeners"
        @compositionstart="compositionInputing = true"
        @compositionend="onCompositionEnd">
    <!-- @override: 增加了 icon -->
    <span v-if="close && currentValue" :class="$style.close" @click="removeValue">
        <i :class="$style.closeIcon"></i>
    </span>
    <slot></slot>
</span>