浏览代码

HUE-9485 [frontend] Add disabled prop to the DrodownPanel component

Johan Ahlen 5 年之前
父节点
当前提交
e94f49f4fc
共有 1 个文件被更改,包括 4 次插入2 次删除
  1. 4 2
      desktop/core/src/desktop/js/components/dropdown/DropdownPanel.vue

+ 4 - 2
desktop/core/src/desktop/js/components/dropdown/DropdownPanel.vue

@@ -18,10 +18,10 @@
 
 
 <template>
 <template>
   <div v-click-outside="clickOutside" class="hue-dropdown-panel">
   <div v-click-outside="clickOutside" class="hue-dropdown-panel">
-    <hue-link v-if="link" @click="togglePanel">
+    <hue-link v-if="link" @click="togglePanel" :disabled="disabled">
       {{ text }} <i class="fa fa-caret-down" />
       {{ text }} <i class="fa fa-caret-down" />
     </hue-link>
     </hue-link>
-    <hue-button v-else @click="togglePanel"> {{ text }} <i class="fa fa-caret-down" /></hue-button>
+    <hue-button v-else @click="togglePanel" :disabled="disabled"> {{ text }} <i class="fa fa-caret-down" /></hue-button>
     <div class="hue-dropdown-container" :class="{ open: panelOpen }">
     <div class="hue-dropdown-container" :class="{ open: panelOpen }">
       <div
       <div
         class="hue-dropdown-inner"
         class="hue-dropdown-inner"
@@ -69,6 +69,8 @@
     text!: string;
     text!: string;
     @Prop({ required: false, default: false })
     @Prop({ required: false, default: false })
     link!: boolean;
     link!: boolean;
+    @Prop({ required: false, default: false })
+    disabled!: boolean;
 
 
     panelOpen = false;
     panelOpen = false;