列表

application/admin/view/product/lists/add.html

@@ -56,13 +56,41 @@
         <label class="control-label col-xs-12 col-sm-2">{:__('关联地区')}:</label>
         <div class="col-xs-12 col-sm-8">
             <div class="block">
-                <el-cascader-panel
+                <!-- <el-cascader-panel
                 :options="options"
                 :props="{ multiple: true, checkStrictly: true }"
                 v-model="data"
                 @change="handleChange"
                 ref="ca"
-                clearable></el-cascader-panel>
+                clearable></el-cascader-panel> -->
+                <!-- <treeselect
+                :multiple="true"
+                :options="options"
+                :flat="true"
+                placeholder="Select your favourite(s)..."
+                v-model="data"
+                @input="handleChange"
+                ref="treeselect"
+                :limit="3"
+                />
+              <treeselect-value :value="data" /> -->
+              <treeselect
+            valueFormat="value"
+            :multiple="true"
+            :options="options"
+            :flat="true"
+            :default-expand-level="1"
+            :sort-value-by="sortValueBy"
+            placeholder="选择关联地区"
+            v-model="data"
+            @input="handleChange"
+            ref="treeselect"
+            :limit="3"
+          />
+            <template v-slot:value-label="{ node }">
+              <span>{{ getNode(node) }}</span>
+            </template>
+          </treeselect>
             </div>
             <input id="c-product_area" class="form-control" name="row[product_area]" type="hidden" value="">
             <input id="c-product_area_txt" class="form-control" name="row[product_area_txt]" type="hidden" value="">
@@ -86,4 +114,13 @@
     </div>
 </div>
 </form>
+<script src="https://cdn.jsdelivr.net/npm/vue@^2"></script>
+<!-- include vue-treeselect & its styles. you can change the version tag to better suit your needs. -->
+<script src="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.umd.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.min.css">
+<script>
+    // register the component
+   
+  </script>
+
 

application/api/controller/Product.php

@@ -27,24 +27,26 @@ class Product extends Api
      */
     public function getPopularList(ProductsModel $productsModel, ProductPopular $productPopular, ProductLists $productLists)
     {
-        $list = $productsModel->where('status', 1)->column('id,'.$this->lan.'_title as title');
+        $item = $productsModel->where('status', 1)->column('id,'.$this->lan.'_title as title');
         $resp = array();
-        foreach ($list as $kk =>$val) {
-            $list= $productLists->where('type_id', $kk)->field('id,thum as img_url,'.$this->lan.'_name as name')->select();
+        foreach ($item as $kk =>$val) {
+            $list=  $productLists->where('type_id', $kk)->field('id,thum as img_url,'.$this->lan.'_name as name')->select();
+            $i = 0;
+            $proArr  = array();
             foreach ($list as $key => &$item) {
                 $pro =$productPopular
                     ->field('id,product_id,price,cost_price,stock,num,start_time,end_time,status')
-                    ->where('product_id', $item->id)
+                    ->where('product_id', $item['id'])
                     ->where('status', '<', $productPopular::STOP)
                     ->order('start_time')
                     ->find();
                 if(!empty($pro)){
-                    $item['pro'] = $pro;
-                }else{
-                    unset($list[$key]);
-                }    
+                    $proArr[$i] = $item;
+                    $proArr[$i]['pro'] = $pro;
+                    $i+=1;
+                }
             }
-            $resp[] = ['type_id'=>$kk,'title'=>$val, 'product'=>$list];
+            $resp[] = ['type_id'=>$kk,'title'=>$val, 'product'=>$proArr];
         }
         $this->success('', $resp);
     }

public/assets/js/backend/product/lists.js

@@ -1,4 +1,4 @@
-define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'area','vue', 'ELEMENT'], function ($, undefined, Backend, Table, Form, Area, Vue, ELEMENT) {
+define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'area','vue', 'ELEMENT', ], function ($, undefined, Backend, Table, Form, Area, Vue, ELEMENT, ) {
     ELEMENT.install(Vue)
     Vue.use(ELEMENT)
     var Controller = {
@@ -80,7 +80,67 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'area','vue', 'ELEMEN
             });
         },
         add: function () {
-            Controller.api.bindevent();
+
+                let dataCode = [];
+                if((Config.areaCode).length > 0) dataCode = JSON.parse(Config.areaCode);
+            Vue.component('treeselect', VueTreeselect.Treeselect)
+
+            new Vue({
+              el: '#app',
+              data(){
+                return {
+                  data: [],
+                  options: area,
+                  sortValueBy: "ORDER_SELECTED",
+                  selectedNodes: [],
+                }
+              },
+              methods:{
+                //         handleChange(e){
+                //             let txt = this.$refs.ca.getCheckedNodes(),txtArr = Array();
+                //             txt.forEach(vv => {
+                //                 txtArr.push($.makeArray((vv.pathLabels).join('-')) );
+                //             });
+                //             $('#c-product_area').val(JSON.stringify(this.data))
+                //             $('#c-product_area_txt').val(JSON.stringify(txtArr))
+                            
+                //         }
+                handleChange(selectedValues) {
+              
+                    console.log(selectedValues, "selectedValues==========");
+                    console.log(this.data, "data==========");
+                    this.selectedNodes = this.data.map((item) => {
+                    //   console.log(this.getNode(this.$refs.treeselect.getNode(item.id)),"label=========");
+                      
+                      return { id: item, label: this.getNode(this.$refs.treeselect.getNode(item)) };
+                    });
+                    console.log(this.selectedNodes,"this.selectedNodes============");
+                    
+                },
+                getNode(e1) {
+                  console.log(e1);
+                  let labels = [];
+            
+                  // 递归获取 label
+                  function recurse(node) {
+                    if (node && node.label) {
+                      labels.push(node.label);
+                      if (node.parentNode) {
+                        recurse(node.parentNode); // 继续向上递归
+                      }
+                    }
+                  }
+            
+                  recurse(e1);
+                  // console.log(labels.reverse().join("/"));
+                  
+            
+                  // 返回拼接的 label 路径
+                  return labels.reverse().join("/");
+                },
+              }
+            })
+            // Controller.api.bindevent();
         },
         edit: function () {
             Controller.api.bindevent();
@@ -94,21 +154,61 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'area','vue', 'ELEMEN
                     el: '#app',
                     data() {
                         return {
+                            // data: dataCode,
+                            // props: { multiple: true },
+                            // options:area
                             data: dataCode,
-                            props: { multiple: true },
-                            options:area
+                            options: area,
+                            sortValueBy: "ORDER_SELECTED",
+                            selectedNodes: [],
                   };
                 },
+                // components: {
+                //     Treeselect: window.VueTreeselect.treeselect
+                //   },
                 methods:{
-                    handleChange(e){
-                        let txt = this.$refs.ca.getCheckedNodes(),txtArr = Array();
-                        txt.forEach(vv => {
-                            txtArr.push($.makeArray((vv.pathLabels).join('-')) );
-                        });
-                        $('#c-product_area').val(JSON.stringify(this.data))
-                        $('#c-product_area_txt').val(JSON.stringify(txtArr))
+            //         handleChange(e){
+            //             let txt = this.$refs.ca.getCheckedNodes(),txtArr = Array();
+            //             txt.forEach(vv => {
+            //                 txtArr.push($.makeArray((vv.pathLabels).join('-')) );
+            //             });
+            //             $('#c-product_area').val(JSON.stringify(this.data))
+            //             $('#c-product_area_txt').val(JSON.stringify(txtArr))
                         
-                    }}
+            //         }
+            handleChange(selectedValues) {
+                // console.log(this.$refs.treeselect, "e================");
+          
+                console.log(selectedValues, "selectedValues==========");
+                console.log(this.data, "data==========");
+                this.selectedNodes = this.data.map((item) => {
+                  console.log(this.getNode(this.$refs.treeselect.getNode(item.id)),"=========");
+                  
+                  return { id: item.id, label: this.getNode(this.$refs.treeselect.getNode(item.id)) };
+                });
+              },
+              getNode(e1) {
+                console.log(e1);
+                let labels = [];
+          
+                // 递归获取 label
+                function recurse(node) {
+                  if (node && node.label) {
+                    labels.push(node.label);
+                    if (node.parentNode) {
+                      recurse(node.parentNode); // 继续向上递归
+                    }
+                  }
+                }
+          
+                recurse(e1);
+                // console.log(labels.reverse().join("/"));
+                
+          
+                // 返回拼接的 label 路径
+                return labels.reverse().join("/");
+              },
+            }
                 })
             },
         }

public/assets/js/require-backend.js

@@ -52,6 +52,7 @@ require.config({
         'citypicker': '../libs/fastadmin-citypicker/dist/js/city-picker.min',
         'citypicker-data': '../libs/fastadmin-citypicker/dist/js/city-picker.data',
         'ELEMENT': '../libs/elementui/elementui',
+        //'treeselect': '../libs/treeselect/treeselect',
         'vue': '../libs/vue/vue',
         'area': '../libs/area/area',
     },
@@ -123,6 +124,7 @@ require.config({
                 'css!../libs/elementui/elementui.css'
             ]
         },
+    
     },
     baseUrl: requirejs.s.contexts._.config.config.site.cdnurl + '/assets/js/', //资源基础路径
     map: {

public/assets/libs/treeselect/treeselect.css

@@ -0,0 +1,954 @@
+/*!
+ * vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee
+ * Released under the MIT License.
+ * https://vue-treeselect.js.org/
+ */
+/**
+ * Dependencies
+ */
+/**
+ * Variables
+ */
+/**
+ * Mixins
+ */
+/**
+ * Helpers
+ */
+ .vue-treeselect-helper-hide {
+      display: none;
+    }
+    .vue-treeselect-helper-zoom-effect-off {
+      -ms-transform: none !important;
+          transform: none !important;
+    }
+    /**
+     * Animations
+     */
+    @keyframes vue-treeselect-animation-fade-in {
+      0% {
+        opacity: 0;
+      }
+    }
+    @keyframes vue-treeselect-animation-bounce {
+      0%,
+      100% {
+        transform: scale(0);
+      }
+      50% {
+        transform: scale(1);
+      }
+    }
+    @keyframes vue-treeselect-animation-rotate {
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    /**
+     * Transitions
+     */
+    .vue-treeselect__multi-value-item--transition-enter-active,
+    .vue-treeselect__multi-value-item--transition-leave-active {
+      transition-duration: 200ms;
+      transition-property: transform, opacity;
+    }
+    .vue-treeselect__multi-value-item--transition-enter-active {
+      transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
+    }
+    .vue-treeselect__multi-value-item--transition-leave-active {
+      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+      position: absolute;
+    }
+    .vue-treeselect__multi-value-item--transition-enter,
+    .vue-treeselect__multi-value-item--transition-leave-to {
+      -ms-transform: scale(0.7);
+          transform: scale(0.7);
+      opacity: 0;
+    }
+    .vue-treeselect__multi-value-item--transition-move {
+      transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
+    }
+    /**
+     * Namespace
+     */
+    .vue-treeselect {
+      position: relative;
+      text-align: left;
+    }
+    [dir="rtl"] .vue-treeselect {
+      text-align: right;
+    }
+    .vue-treeselect div,
+    .vue-treeselect span {
+      box-sizing: border-box;
+    }
+    .vue-treeselect svg {
+      fill: currentColor;
+    }
+    /**
+     * Control
+     */
+    .vue-treeselect__control {
+      padding-left: 5px;
+      padding-right: 5px;
+      display: table;
+      table-layout: fixed;
+      width: 100%;
+      height: 36px;
+      border: 1px solid #ddd;
+      border-radius: 5px;
+      background: #fff;
+      transition-duration: 200ms;
+      transition-property: border-color, box-shadow, width, height, background-color, opacity;
+      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
+      border-color: #cfcfcf;
+    }
+    .vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
+      border-color: #039be5;
+      box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
+    }
+    .vue-treeselect--disabled .vue-treeselect__control {
+      background-color: #f9f9f9;
+    }
+    .vue-treeselect--open .vue-treeselect__control {
+      border-color: #cfcfcf;
+    }
+    .vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+    .vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+    .vue-treeselect__value-container,
+    .vue-treeselect__multi-value {
+      width: 100%;
+      vertical-align: middle;
+    }
+    .vue-treeselect__value-container {
+      display: table-cell;
+      position: relative;
+    }
+    .vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
+      cursor: text;
+    }
+    .vue-treeselect__multi-value {
+      display: inline-block;
+    }
+    .vue-treeselect--has-value .vue-treeselect__multi-value {
+      margin-bottom: 5px;
+    }
+    .vue-treeselect__placeholder,
+    .vue-treeselect__single-value {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      padding-left: 5px;
+      padding-right: 5px;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      line-height: 34px;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+      pointer-events: none;
+    }
+    .vue-treeselect__placeholder {
+      color: #bdbdbd;
+    }
+    .vue-treeselect__single-value {
+      color: #333;
+    }
+    .vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
+      color: #bdbdbd;
+    }
+    .vue-treeselect--disabled .vue-treeselect__single-value {
+      position: static;
+    }
+    .vue-treeselect__multi-value-item-container {
+      display: inline-block;
+      padding-top: 5px;
+      padding-right: 5px;
+      vertical-align: top;
+    }
+    [dir="rtl"] .vue-treeselect__multi-value-item-container {
+      padding-right: 0;
+      padding-left: 5px;
+    }
+    .vue-treeselect__multi-value-item {
+      cursor: pointer;
+      display: inline-table;
+      background: #e3f2fd;
+      padding: 2px 0;
+      border: 1px solid transparent;
+      border-radius: 2px;
+      color: #039be5;
+      font-size: 12px;
+      vertical-align: top;
+    }
+    .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover {
+      cursor: pointer;
+      background: #e3f2fd;
+      color: #039be5;
+    }
+    .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
+      cursor: default;
+      background: #f5f5f5;
+      color: #757575;
+    }
+    .vue-treeselect--disabled .vue-treeselect__multi-value-item {
+      cursor: default;
+      background: #fff;
+      border-color: #e5e5e5;
+      color: #555;
+    }
+    .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new {
+      background: #e8f5e9;
+    }
+    .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
+      background: #e8f5e9;
+    }
+    .vue-treeselect__value-remove,
+    .vue-treeselect__multi-value-label {
+      display: table-cell;
+      padding: 0 5px;
+      vertical-align: middle;
+    }
+    .vue-treeselect__value-remove {
+      color: #039be5;
+      padding-left: 5px;
+      border-left: 1px solid #fff;
+      line-height: 0;
+    }
+    [dir="rtl"] .vue-treeselect__value-remove {
+      border-left: 0 none;
+      border-right: 1px solid #fff;
+    }
+    .vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
+      color: #e53935;
+    }
+    .vue-treeselect--disabled .vue-treeselect__value-remove,
+    .vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
+      display: none;
+    }
+    .vue-treeselect__value-remove > svg {
+      width: 6px;
+      height: 6px;
+    }
+    .vue-treeselect__multi-value-label {
+      padding-right: 5px;
+      white-space: pre-line;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+    }
+    .vue-treeselect__limit-tip {
+      display: inline-block;
+      padding-top: 5px;
+      padding-right: 5px;
+      vertical-align: top;
+    }
+    [dir="rtl"] .vue-treeselect__limit-tip {
+      padding-right: 0;
+      padding-left: 5px;
+    }
+    .vue-treeselect__limit-tip-text {
+      cursor: default;
+      display: block;
+      margin: 2px 0;
+      padding: 1px 0;
+      color: #bdbdbd;
+      font-size: 12px;
+      font-weight: 600;
+    }
+    .vue-treeselect__input-container {
+      display: block;
+      max-width: 100%;
+      outline: none;
+    }
+    .vue-treeselect--single .vue-treeselect__input-container {
+      font-size: inherit;
+      height: 100%;
+    }
+    .vue-treeselect--multi .vue-treeselect__input-container {
+      display: inline-block;
+      font-size: 12px;
+      vertical-align: top;
+    }
+    .vue-treeselect--searchable .vue-treeselect__input-container {
+      padding-left: 5px;
+      padding-right: 5px;
+    }
+    .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
+      padding-top: 5px;
+      padding-left: 0;
+    }
+    [dir="rtl"] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
+      padding-left: 5px;
+      padding-right: 0;
+    }
+    .vue-treeselect--disabled .vue-treeselect__input-container {
+      display: none;
+    }
+    .vue-treeselect__input,
+    .vue-treeselect__sizer {
+      margin: 0;
+      line-height: inherit;
+      font-family: inherit;
+      font-size: inherit;
+    }
+    .vue-treeselect__input {
+      max-width: 100%;
+      margin: 0;
+      padding: 0;
+      border: 0;
+      outline: none;
+      box-sizing: content-box;
+      box-shadow: none;
+      background: none transparent;
+      line-height: 1;
+      vertical-align: middle;
+    }
+    .vue-treeselect__input::-ms-clear {
+      display: none;
+    }
+    .vue-treeselect--single .vue-treeselect__input {
+      width: 100%;
+      height: 100%;
+    }
+    .vue-treeselect--multi .vue-treeselect__input {
+      padding-top: 3px;
+      padding-bottom: 3px;
+    }
+    .vue-treeselect--has-value .vue-treeselect__input {
+      line-height: inherit;
+      vertical-align: top;
+    }
+    .vue-treeselect__sizer {
+      position: absolute;
+      top: 0;
+      left: 0;
+      visibility: hidden;
+      height: 0;
+      overflow: scroll;
+      white-space: pre;
+    }
+    .vue-treeselect__x-container {
+      display: table-cell;
+      vertical-align: middle;
+      width: 20px;
+      text-align: center;
+      line-height: 0;
+      cursor: pointer;
+      color: #ccc;
+      animation: 200ms vue-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1);
+    }
+    .vue-treeselect__x-container:hover {
+      color: #e53935;
+    }
+    .vue-treeselect__x {
+      width: 8px;
+      height: 8px;
+    }
+    .vue-treeselect__control-arrow-container {
+      display: table-cell;
+      vertical-align: middle;
+      width: 20px;
+      text-align: center;
+      line-height: 0;
+      cursor: pointer;
+    }
+    .vue-treeselect--disabled .vue-treeselect__control-arrow-container {
+      cursor: default;
+    }
+    .vue-treeselect__control-arrow {
+      width: 9px;
+      height: 9px;
+      color: #ccc;
+    }
+    .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
+      color: #616161;
+    }
+    .vue-treeselect--disabled .vue-treeselect__control-arrow {
+      opacity: 0.35;
+    }
+    .vue-treeselect__control-arrow--rotated {
+      -ms-transform: rotate(180deg);
+          transform: rotateZ(180deg);
+    }
+    /**
+     * Menu
+     */
+    .vue-treeselect__menu-container {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      overflow: visible;
+      transition: 0s;
+    }
+    .vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
+      top: 100%;
+    }
+    .vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
+      bottom: 100%;
+    }
+    .vue-treeselect__menu {
+      cursor: default;
+      padding-top: 5px;
+      padding-bottom: 5px;
+      display: block;
+      position: absolute;
+      overflow-x: hidden;
+      overflow-y: auto;
+      width: auto;
+      border: 1px solid #cfcfcf;
+      background: #fff;
+      line-height: 180%;
+      -webkit-overflow-scrolling: touch;
+    }
+    .vue-treeselect--open-below .vue-treeselect__menu {
+      border-bottom-left-radius: 5px;
+      border-bottom-right-radius: 5px;
+      top: 0;
+      margin-top: -1px;
+      border-top-color: #f2f2f2;
+      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
+    }
+    .vue-treeselect--open-above .vue-treeselect__menu {
+      border-top-left-radius: 5px;
+      border-top-right-radius: 5px;
+      bottom: 0;
+      margin-bottom: -1px;
+      border-bottom-color: #f2f2f2;
+    }
+    .vue-treeselect__indent-level-0 .vue-treeselect__option {
+      padding-left: 5px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 5px;
+    }
+    .vue-treeselect__indent-level-0 .vue-treeselect__tip {
+      padding-left: 25px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 25px;
+    }
+    .vue-treeselect__indent-level-1 .vue-treeselect__option {
+      padding-left: 25px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 25px;
+    }
+    .vue-treeselect__indent-level-1 .vue-treeselect__tip {
+      padding-left: 45px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 45px;
+    }
+    .vue-treeselect__indent-level-2 .vue-treeselect__option {
+      padding-left: 45px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 45px;
+    }
+    .vue-treeselect__indent-level-2 .vue-treeselect__tip {
+      padding-left: 65px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 65px;
+    }
+    .vue-treeselect__indent-level-3 .vue-treeselect__option {
+      padding-left: 65px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 65px;
+    }
+    .vue-treeselect__indent-level-3 .vue-treeselect__tip {
+      padding-left: 85px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 85px;
+    }
+    .vue-treeselect__indent-level-4 .vue-treeselect__option {
+      padding-left: 85px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 85px;
+    }
+    .vue-treeselect__indent-level-4 .vue-treeselect__tip {
+      padding-left: 105px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 105px;
+    }
+    .vue-treeselect__indent-level-5 .vue-treeselect__option {
+      padding-left: 105px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 105px;
+    }
+    .vue-treeselect__indent-level-5 .vue-treeselect__tip {
+      padding-left: 125px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 125px;
+    }
+    .vue-treeselect__indent-level-6 .vue-treeselect__option {
+      padding-left: 125px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 125px;
+    }
+    .vue-treeselect__indent-level-6 .vue-treeselect__tip {
+      padding-left: 145px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 145px;
+    }
+    .vue-treeselect__indent-level-7 .vue-treeselect__option {
+      padding-left: 145px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 145px;
+    }
+    .vue-treeselect__indent-level-7 .vue-treeselect__tip {
+      padding-left: 165px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 165px;
+    }
+    .vue-treeselect__indent-level-8 .vue-treeselect__option {
+      padding-left: 165px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 165px;
+    }
+    .vue-treeselect__indent-level-8 .vue-treeselect__tip {
+      padding-left: 185px;
+    }
+    [dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 185px;
+    }
+    .vue-treeselect__option {
+      padding-left: 5px;
+      padding-right: 5px;
+      display: table;
+      table-layout: fixed;
+      width: 100%;
+    }
+    .vue-treeselect__option--highlight {
+      background: #f5f5f5;
+    }
+    .vue-treeselect--single .vue-treeselect__option--selected {
+      background: #e3f2fd;
+      font-weight: 600;
+    }
+    .vue-treeselect--single .vue-treeselect__option--selected:hover {
+      background: #e3f2fd;
+    }
+    .vue-treeselect__option--hide {
+      display: none;
+    }
+    .vue-treeselect__option-arrow-container,
+    .vue-treeselect__option-arrow-placeholder {
+      display: table-cell;
+      vertical-align: middle;
+      width: 20px;
+      text-align: center;
+      line-height: 0;
+    }
+    .vue-treeselect__option-arrow-container {
+      cursor: pointer;
+    }
+    .vue-treeselect__option-arrow {
+      display: inline-block;
+      width: 9px;
+      height: 9px;
+      color: #ccc;
+      vertical-align: middle;
+      transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1);
+      -ms-transform: rotate(-90deg);
+          transform: rotateZ(-90deg);
+    }
+    [dir="rtl"] .vue-treeselect__option-arrow {
+      -ms-transform: rotate(90deg);
+          transform: rotateZ(90deg);
+    }
+    .vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow,
+    .vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow {
+      color: #616161;
+    }
+    .vue-treeselect__option-arrow--rotated {
+      -ms-transform: rotate(0);
+          transform: rotateZ(0);
+    }
+    [dir="rtl"] .vue-treeselect__option-arrow--rotated {
+      -ms-transform: rotate(0);
+          transform: rotateZ(0);
+    }
+    .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
+      -ms-transform: rotate(-90deg) !important;
+          transform: rotateZ(-90deg) !important;
+    }
+    [dir="rtl"] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
+      -ms-transform: rotate(90deg) !important;
+          transform: rotateZ(90deg) !important;
+    }
+    .vue-treeselect__label-container {
+      display: table-cell;
+      vertical-align: middle;
+      cursor: pointer;
+      display: table;
+      width: 100%;
+      table-layout: fixed;
+      color: inherit;
+    }
+    .vue-treeselect__option--disabled .vue-treeselect__label-container {
+      cursor: not-allowed;
+      color: rgba(0, 0, 0, 0.25);
+    }
+    .vue-treeselect__checkbox-container {
+      display: table-cell;
+      width: 20px;
+      min-width: 20px;
+      height: 100%;
+      text-align: center;
+      vertical-align: middle;
+    }
+    .vue-treeselect__checkbox {
+      display: block;
+      margin: auto;
+      width: 12px;
+      height: 12px;
+      border-width: 1px;
+      border-style: solid;
+      border-radius: 2px;
+      position: relative;
+      transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
+    }
+    .vue-treeselect__check-mark,
+    .vue-treeselect__minus-mark {
+      display: block;
+      position: absolute;
+      left: 1px;
+      top: 1px;
+      background-repeat: no-repeat;
+      opacity: 0;
+      transition: 200ms all ease;
+    }
+    .vue-treeselect__minus-mark {
+      width: 8px;
+      height: 8px;
+      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
+      background-size: 8px 8px;
+    }
+    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+      .vue-treeselect__minus-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+      .vue-treeselect__minus-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
+      .vue-treeselect__minus-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
+      }
+    }
+    .vue-treeselect__checkbox--indeterminate > .vue-treeselect__minus-mark {
+      opacity: 1;
+    }
+    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
+      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
+    }
+    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+      .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+      .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
+      .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
+      }
+    }
+    .vue-treeselect__check-mark {
+      width: 8px;
+      height: 8px;
+      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
+      background-size: 8px 8px;
+      -ms-transform: scaleY(0.125);
+          transform: scaleY(0.125);
+    }
+    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+      .vue-treeselect__check-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+      .vue-treeselect__check-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
+      .vue-treeselect__check-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC);
+      }
+    }
+    .vue-treeselect__checkbox--checked > .vue-treeselect__check-mark {
+      opacity: 1;
+      -ms-transform: scaleY(1);
+          transform: scaleY(1);
+    }
+    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
+      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=);
+    }
+    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+      .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+      .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
+      }
+    }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
+      .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=);
+      }
+    }
+    .vue-treeselect__checkbox--unchecked {
+      border-color: #e0e0e0;
+      background: #fff;
+    }
+    .vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
+      border-color: #039be5;
+      background: #fff;
+    }
+    .vue-treeselect__checkbox--indeterminate {
+      border-color: #039be5;
+      background: #039be5;
+    }
+    .vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
+      border-color: #039be5;
+      background: #039be5;
+    }
+    .vue-treeselect__checkbox--checked {
+      border-color: #039be5;
+      background: #039be5;
+    }
+    .vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
+      border-color: #039be5;
+      background: #039be5;
+    }
+    .vue-treeselect__checkbox--disabled {
+      border-color: #e0e0e0;
+      background-color: #f7f7f7;
+    }
+    .vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
+      border-color: #e0e0e0;
+      background-color: #f7f7f7;
+    }
+    .vue-treeselect__label {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      display: table-cell;
+      padding-left: 5px;
+      max-width: 100%;
+      vertical-align: middle;
+      cursor: inherit;
+    }
+    [dir="rtl"] .vue-treeselect__label {
+      padding-left: 0;
+      padding-right: 5px;
+    }
+    .vue-treeselect__count {
+      margin-left: 5px;
+      font-weight: 400;
+      opacity: 0.6;
+    }
+    [dir="rtl"] .vue-treeselect__count {
+      margin-left: 0;
+      margin-right: 5px;
+    }
+    .vue-treeselect__tip {
+      padding-left: 5px;
+      padding-right: 5px;
+      display: table;
+      table-layout: fixed;
+      width: 100%;
+      color: #757575;
+    }
+    .vue-treeselect__tip-text {
+      display: table-cell;
+      vertical-align: middle;
+      padding-left: 5px;
+      padding-right: 5px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      width: 100%;
+      font-size: 12px;
+    }
+    .vue-treeselect__error-tip .vue-treeselect__retry {
+      cursor: pointer;
+      margin-left: 5px;
+      font-style: normal;
+      font-weight: 600;
+      text-decoration: none;
+      color: #039be5;
+    }
+    [dir="rtl"] .vue-treeselect__error-tip .vue-treeselect__retry {
+      margin-left: 0;
+      margin-right: 5px;
+    }
+    .vue-treeselect__icon-container {
+      display: table-cell;
+      vertical-align: middle;
+      width: 20px;
+      text-align: center;
+      line-height: 0;
+    }
+    .vue-treeselect--single .vue-treeselect__icon-container {
+      padding-left: 5px;
+    }
+    [dir="rtl"] .vue-treeselect--single .vue-treeselect__icon-container {
+      padding-left: 0;
+      padding-right: 5px;
+    }
+    .vue-treeselect__icon-warning {
+      display: block;
+      margin: auto;
+      border-radius: 50%;
+      position: relative;
+      width: 12px;
+      height: 12px;
+      background: #fb8c00;
+    }
+    .vue-treeselect__icon-warning::after {
+      display: block;
+      position: absolute;
+      content: "";
+      left: 5px;
+      top: 2.5px;
+      width: 2px;
+      height: 1px;
+      border: 0 solid #fff;
+      border-top-width: 5px;
+      border-bottom-width: 1px;
+    }
+    .vue-treeselect__icon-error {
+      display: block;
+      margin: auto;
+      border-radius: 50%;
+      position: relative;
+      width: 12px;
+      height: 12px;
+      background: #e53935;
+    }
+    .vue-treeselect__icon-error::before,
+    .vue-treeselect__icon-error::after {
+      display: block;
+      position: absolute;
+      content: "";
+      background: #fff;
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+    }
+    .vue-treeselect__icon-error::before {
+      width: 6px;
+      height: 2px;
+      left: 3px;
+      top: 5px;
+    }
+    .vue-treeselect__icon-error::after {
+      width: 2px;
+      height: 6px;
+      left: 5px;
+      top: 3px;
+    }
+    .vue-treeselect__icon-loader {
+      display: block;
+      margin: auto;
+      position: relative;
+      width: 12px;
+      height: 12px;
+      text-align: center;
+      animation: 1.6s vue-treeselect-animation-rotate linear infinite;
+    }
+    .vue-treeselect__icon-loader::before,
+    .vue-treeselect__icon-loader::after {
+      border-radius: 50%;
+      position: absolute;
+      content: "";
+      left: 0;
+      top: 0;
+      display: block;
+      width: 100%;
+      height: 100%;
+      opacity: 0.6;
+      animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite;
+    }
+    .vue-treeselect__icon-loader::before {
+      background: #039be5;
+    }
+    .vue-treeselect__icon-loader::after {
+      background: #b3e5fc;
+      animation-delay: -0.8s;
+    }
+    /**
+     * Menu Portal
+     */
+    .vue-treeselect__menu-placeholder {
+      display: none;
+    }
+    .vue-treeselect__portal-target {
+      position: absolute;
+      display: block;
+      left: 0;
+      top: 0;
+      height: 0;
+      width: 0;
+      padding: 0;
+      margin: 0;
+      border: 0;
+      overflow: visible;
+      box-sizing: border-box;
+    }
+    
+    
+    /*# sourceMappingURL=vue-treeselect.css.map*/