<template>
	<div class="efly-count" :class="{
	    'no-operate': !operate
	}">
		<efly-button class="efly-button-icon" :class="{'disabled': newValue <= min}"
					 :size="size"
					 @click="change('minus')"
					 v-if="operate"
		>
			<i class="icon icon-minus"></i>
		</efly-button>
		<efly-input :width="width" v-model="newValue" :maxlength="maxlength" align="center" :disabled="disabled"
					@blur="blur($event)" :size="size"></efly-input>
		<efly-button class="efly-button-icon"
				:class="{'disabled': newValue >= realMax}"
				:size="size"
				@click="change('add')"
				v-if="operate"
		>
			<i class="icon icon-add"></i>
		</efly-button>
	</div>
</template>

<script>
    import EflyCount from "./count";

    export default EflyCount;
</script>

<style lang="scss" scoped>
</style>
