<commit_before><template>
    <div class="wrap">
        <text ref="text" class="animation-text">Weex Animation</text>  
        <select-animation :animations="animations" v-if="platform === 'Web'" @change="e => setAnimation(e.target.value)"></select-animation>
        <text v-else class="button" @click="pickAnimation">Select Animation</text>
    </div>
</template>
<style scoped>
	.wrap {
		padding-top: 30px;
	}
    .animation-text {
    	color: #f35626;
    	text-align: center;
    	margin-top: 50px;
    	margin-bottom: 100px;
    	opacity: 0;
    }

    .button {
    	width: 500px;
    	line-height: 60px;
    	background-color: #f35626;
    	color: #fff;
    	align-self: center;
    	text-align: center;
    	border-radius: 10px;
    }
</style>

<script>
  import SelectAnimation from './SelectAnimation.vue';

  import * as animation from './index.js';

  const modal = weex.requireModule('modal');
  const picker = weex.requireModule('picker');


  export default{
    name: 'weex-animation',
    components: {
    	SelectAnimation
    },
    data() {
    	return {
    		animations: Object.keys(animation).filter(item => item !== 'transition'),
    		platform: weex.config.env.platform
    	}
    },
    mounted() {
		setTimeout(() => {
			animation.fadeIn(this.$refs.text);
		}, 500);
    },
    methods: {
    	pickAnimation() {
    		picker.pick({
    		  index: 0,
	          items: this.animations
	        }, event => {
	          if (event.result === 'success') {
	            modal.toast({
	            	message: this.animations[event.data]
	            })
	          }
	        })

    	},
    	async setAnimation(animationName) {<commit_msg>fix: trigger travis-ci<commit_after><template>
    <div class="wrap">
        <text ref="text" class="animation-text">Weex Animation</text>  
        <select-animation :animations="animations" v-if="platform === 'Web'" @change="e => setAnimation(e.target.value)"></select-animation>
        <text v-else class="button" @click="pickAnimation">Select Animation</text>
    </div>
</template>
<style scoped>
	.wrap {
		padding-top: 30px;
	}
    .animation-text {
    	color: #f35626;
    	text-align: center;
    	margin-top: 50px;
    	margin-bottom: 100px;
    	opacity: 0;
    }

    .button {
    	width: 500px;
    	line-height: 60px;
    	background-color: #f35626;
    	color: #fff;
    	align-self: center;
    	text-align: center;
    	border-radius: 10px;
    }
</style>

<script>
  import SelectAnimation from './SelectAnimation.vue';

  import * as animation from './index.js';

  const modal = weex.requireModule('modal');
  const picker = weex.requireModule('picker');


  export default{
    name: 'weex-animation',
    components: {
    	SelectAnimation
    },
    data() {
    	return {
    		animations: Object.keys(animation).filter(item => item !== 'transition'),
    		platform: weex.config.env.platform
    	}
    },
    mounted() {
		setTimeout(() => {
			animation.fadeIn(this.$refs.text);
		}, 500);
    },
    methods: {
    	pickAnimation() {
    		picker.pick({
    		  index: 0,
	          items: this.animations
	        }, event => {
	          if (event.result === 'success') {
	            this.setAnimation(event.data)
	          }
	        })

    	},
    	async setAnimation(animationName) {
{'fraction_non_alphanumeric': 0.15389294403892945, 'fraction_numerical': 0.017639902676399026, 'mean_word_length': 2.359550561797753, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 37, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6831836', 'n_tokens_mistral': 1164, 'n_tokens_neox': 1067, 'n_words': 204}