div.ocTreeViewContainer
.box(v-if="isShowFilter")
form(@submit.prevent="keyword = (iptSearchValue || '').toUpperCase()") {{filterText}}
input.w250(v-model.trim="iptSearchValue", type="text", :placeholder="filterPlaceholder", :style="filterStyle")
button.primary(type="submit") {{searchButton}}
i(v-if="isShowIcon",:class="iconClass")
.box.ocScroll(:style="{'margin-left' : isShowRoot? '0' : '-15px'}")
TreeViewItem(ref="tree",
v-if="filterModel",
:defaultRenderLevel="defaultRenderLevel",
:model="filterModel",
:readonly="readonly",
:nameKey="nameKey",
:childKey="childKey",
:renderText="renderText",
:editClickHandler="showEditHandler",
:addClickHandler="showAddHandler",
:deleteClickHandler="deleteHandler",
:moveInClickHandler="moveInHandler",
:moveAfterClickHandler="moveAfterHandler",
:nodeClickHandler="nodeClickHandler",
:isCrossLevelMove="isCrossLevelMove",
:isShowRoot="isShowRoot",
:isClickTextOpen="isClickTextOpen",
:defaultShowLevel="defaultShowLevel",
:treeItemClickHandler="treeItemClickHandler")
div.pt10(v-else)
div(style="width: 70px").oc-loader