<template>
<div class="app-debug-actions" v-if="isShow">
    <div class="actions">
        <button-group vertical>
            <i-button :title="$t('components.appdebugactions.button')" :type="sdc.isShowTool ? 'warning' : 'info'" ghost @click="() => sdc.showToolChange()" :icon="sdc.isShowTool ? 'ios-bug' : 'ios-bug-outline'" ></i-button>
        </button-group>
    </div>
    <div class="show-buttons">
        <div class="button"><i class="ivu-icon ivu-icon-ios-arrow-down" /></div>
    </div>
</div>
</template>
<script lang = 'ts'>
import { Vue, Component } from 'vue-property-decorator';
import { AppServiceBase, StudioActionUtil } from '@ibizstudio-ex/runtime';
/**
 * 开发模式控制行为组
 *
 * @export
 * @class AppDebugActions
 * @extends {Vue}
 */
@Component({
})
export default class AppDebugActions extends Vue {

    /**
     * 是否显示
     *
     * @type {boolean}
     * @memberof AppDebugActions
     */
    isShow:boolean = AppServiceBase.getInstance().getAppEnvironment().devMode;

    /**
     * 配置平台操作控制器
     *
     * @type {StudioActionController}
     * @memberof AppDebugActions
     */
    sdc: StudioActionUtil = StudioActionUtil.getInstance();

}
</script>
<style lang = "less">
@import "./app-debug-actions.less";
</style>