eoss-ui 0.8.38 → 0.8.40

package/lib/selector.js

@@ -4528,6 +4528,13 @@ module.exports = require("lodash");
 
 /***/ }),
 
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce");
+
+/***/ }),
+
 /***/ 2:
 /***/ (function(module, exports) {
 
@@ -4682,7 +4689,7 @@ module.exports = require("json-bigint");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/main.vue?vue&type=template&id=6cd08dd8&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/main.vue?vue&type=template&id=18a2e4a6&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -4691,22 +4698,14 @@ var render = function () {
     ? _c(
         "div",
         {
-          directives: [
-            {
-              name: "clickoutside",
-              rawName: "v-clickoutside",
-              value: _vm.handleClose,
-              expression: "handleClose",
-            },
-          ],
           ref: "esSelector",
           staticClass: "es-selector",
-          class: { "es-pointer": !_vm.readonly && !_vm.filterable },
+          class: { "is-button": _vm.button && !_vm.readonly },
         },
         [
           _vm.form
             ? [
-                _vm.button
+                _vm.button && !_vm.readonly
                   ? _c(
                       "el-button",
                       _vm._b(
@@ -4725,485 +4724,94 @@ var render = function () {
                       2
                     )
                   : [
-                      _c(
-                        "div",
-                        {
-                          class: [
-                            _vm.selectorSize
-                              ? "el-select--" + _vm.selectorSize
-                              : "es-selector-box",
-                            { "es-selector-search": _vm.filterable },
-                          ],
-                          on: {
-                            click: function ($event) {
-                              $event.stopPropagation()
-                              return _vm.toggleMenu($event)
-                            },
-                          },
-                        },
-                        [
-                          _vm.multiple
-                            ? _c(
-                                "div",
-                                {
-                                  ref: "tags",
-                                  staticClass: "el-select__tags",
-                                  class: { "es-selector-edit": !_vm.readonly },
-                                },
-                                [
-                                  _vm.collapseTags && _vm.selected.length
-                                    ? _c(
-                                        "div",
-                                        {
-                                          staticClass: "es-selector-tags",
-                                          class: {
-                                            "es-selector-more":
-                                              _vm.selected.length > 1,
-                                          },
-                                        },
-                                        [
-                                          _vm._l(
-                                            _vm.selected.slice(
-                                              0,
-                                              _vm.collapseTags === true
-                                                ? 1
-                                                : _vm.collapseTags
-                                            ),
-                                            function (item, index) {
-                                              return _c(
-                                                "el-tag",
-                                                {
-                                                  key: _vm.getValueKey(item),
-                                                  attrs: {
-                                                    closable:
-                                                      !_vm.selectorDisabled &&
-                                                      !_vm.readonly &&
-                                                      _vm.selected.length >
-                                                        _vm.min,
-                                                    type: "info",
-                                                    "disable-transitions": "",
-                                                  },
-                                                  on: {
-                                                    close: function ($event) {
-                                                      _vm.deleteTag(
-                                                        $event,
-                                                        item,
-                                                        index
-                                                      )
-                                                    },
-                                                  },
-                                                },
-                                                [
-                                                  _c(
-                                                    "span",
-                                                    {
-                                                      staticClass:
-                                                        "el-select__tags-text",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        _vm._s(
-                                                          _vm.getLabel(item)
-                                                        )
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              )
-                                            }
-                                          ),
-                                          _vm.selected.length >
-                                          (_vm.collapseTags === true
-                                            ? 1
-                                            : _vm.collapseTags)
-                                            ? _c(
-                                                "el-tag",
-                                                {
-                                                  staticClass: "es-tags-more",
-                                                  attrs: {
-                                                    closable: false,
-                                                    type: "info",
-                                                    "disable-transitions": "",
-                                                  },
-                                                },
-                                                [
-                                                  _c(
-                                                    "span",
-                                                    {
-                                                      staticClass:
-                                                        "el-select__tags-text",
-                                                    },
-                                                    [
-                                                      _vm._v(
-                                                        "+\n                " +
-                                                          _vm._s(
-                                                            _vm.selected
-                                                              .length -
-                                                              (_vm.collapseTags ===
-                                                              true
-                                                                ? 1
-                                                                : _vm.collapseTags)
-                                                          )
-                                                      ),
-                                                    ]
-                                                  ),
-                                                ]
-                                              )
-                                            : _vm._e(),
-                                        ],
-                                        2
-                                      )
-                                    : _c(
-                                        "transition-group",
-                                        {
-                                          on: {
-                                            "after-leave": _vm.resetInputHeight,
-                                          },
-                                        },
-                                        _vm._l(
-                                          _vm.selected,
-                                          function (item, index) {
-                                            return _c(
-                                              "el-tag",
-                                              {
-                                                key: _vm.getValueKey(item),
-                                                attrs: {
-                                                  closable:
-                                                    !_vm.selectorDisabled &&
-                                                    !_vm.readonly &&
-                                                    _vm.selected.length >
-                                                      _vm.min,
-                                                  type: "info",
-                                                  "disable-transitions": "",
-                                                },
-                                                on: {
-                                                  close: function ($event) {
-                                                    _vm.deleteTag(
-                                                      $event,
-                                                      item,
-                                                      index
-                                                    )
-                                                  },
-                                                },
-                                              },
-                                              [
-                                                _c(
-                                                  "span",
-                                                  {
-                                                    staticClass:
-                                                      "el-select__tags-text",
-                                                  },
-                                                  [
-                                                    _vm._v(
-                                                      _vm._s(_vm.getLabel(item))
-                                                    ),
-                                                  ]
-                                                ),
-                                              ]
-                                            )
-                                          }
-                                        ),
-                                        1
-                                      ),
-                                ],
-                                1
-                              )
-                            : _vm._e(),
-                          _vm.readonly
-                            ? _c(
-                                "div",
-                                {
-                                  ref: "reference",
-                                  staticClass: "es-input__inner",
+                      !(_vm.multiple && _vm.readonly)
+                        ? _c(
+                            "el-autocomplete",
+                            {
+                              attrs: {
+                                "value-key": "showname",
+                                readonly: _vm.readonly,
+                                "fetch-suggestions": _vm.search,
+                                placeholder: _vm.placeholder,
+                                "trigger-on-focus": false,
+                                "get-label": _vm.getLabel,
+                              },
+                              on: {
+                                select: _vm.handleSelect,
+                                change: _vm.handleChange,
+                              },
+                              model: {
+                                value: _vm.selectedLabel,
+                                callback: function ($$v) {
+                                  _vm.selectedLabel = $$v
                                 },
-                                [
-                                  !_vm.multiple
-                                    ? [_vm._v(_vm._s(_vm.selectedLabel))]
-                                    : _vm._e(),
-                                ],
-                                2
-                              )
-                            : [
-                                _vm.multiple
-                                  ? [
-                                      _c(
-                                        "el-input",
-                                        {
-                                          directives: [
-                                            {
-                                              name: "popover",
-                                              rawName: "v-popover:popover",
-                                              arg: "popover",
-                                            },
-                                          ],
-                                          ref: "reference",
-                                          class: {
-                                            "is-focus": _vm.visible,
-                                            "es-plain": _vm.plain,
-                                            "es-pointer": !_vm.filterable,
-                                            "es-zindex-2": _vm.focus,
-                                          },
-                                          attrs: {
-                                            type: "text",
-                                            autocomplete: "off",
-                                            readonly: _vm.filterable
-                                              ? false
-                                              : true,
-                                            id: _vm.id,
-                                            placeholder: _vm.currentPlaceholder,
-                                            size: _vm.selectorSize,
-                                            disabled: _vm.selectorDisabled,
-                                            tabindex: _vm.tabindex,
-                                          },
-                                          on: {
-                                            focus: _vm.handleFocus,
-                                            blur: _vm.handleBlur,
-                                          },
-                                          nativeOn: {
-                                            dblclick: function ($event) {
-                                              return _vm.openDialog($event)
-                                            },
-                                          },
-                                          model: {
-                                            value: _vm.words,
-                                            callback: function ($$v) {
-                                              _vm.words = $$v
-                                            },
-                                            expression: "words",
-                                          },
-                                        },
-                                        [
-                                          _c(
-                                            "template",
-                                            { slot: "append" },
-                                            [
-                                              _vm.filterable || _vm.showButton
-                                                ? _c(
-                                                    "el-button",
-                                                    {
-                                                      ref: "openDialog",
-                                                      on: {
-                                                        click: function (
-                                                          $event
-                                                        ) {
-                                                          $event.stopPropagation()
-                                                          return _vm.openDialog(
-                                                            $event
-                                                          )
-                                                        },
-                                                      },
-                                                    },
-                                                    [
-                                                      _vm._t("default", [
-                                                        _vm.icon
-                                                          ? _c("es-icon", {
-                                                              attrs: {
-                                                                contents:
-                                                                  _vm.icon,
-                                                              },
-                                                            })
-                                                          : [_vm._v("选择")],
-                                                      ]),
-                                                    ],
-                                                    2
-                                                  )
-                                                : _vm._e(),
-                                            ],
-                                            1
-                                          ),
-                                        ],
-                                        2
-                                      ),
-                                      _c("el-input", {
-                                        directives: [
-                                          {
-                                            name: "show",
-                                            rawName: "v-show",
-                                            value: false,
-                                            expression: "false",
-                                          },
-                                        ],
-                                        attrs: {
-                                          readonly: "",
-                                          name: _vm.name,
-                                          type: "text",
-                                        },
-                                        model: {
-                                          value: _vm.selectedLabel,
-                                          callback: function ($$v) {
-                                            _vm.selectedLabel = $$v
-                                          },
-                                          expression: "selectedLabel",
-                                        },
-                                      }),
-                                    ]
-                                  : _c(
-                                      "el-input",
-                                      {
-                                        ref: "reference",
-                                        class: {
-                                          "is-focus": _vm.visible,
-                                          "es-plain": this.plain,
-                                          "es-pointer": !_vm.filterable,
-                                        },
-                                        attrs: {
-                                          type: "text",
-                                          autocomplete: "off",
-                                          clearable: _vm.clearable,
-                                          showClearIcon: "",
-                                          name: _vm.name,
-                                          readonly: _vm.filterable
-                                            ? false
-                                            : true,
-                                          active: _vm.actived,
-                                          id: _vm.id,
-                                          placeholder: _vm.currentPlaceholder,
-                                          size: _vm.selectorSize,
-                                          disabled: _vm.selectorDisabled,
-                                          tabindex: _vm.tabindex,
-                                        },
-                                        on: { clear: _vm.handleClear },
-                                        nativeOn: {
-                                          dblclick: function ($event) {
-                                            return _vm.openDialog($event)
-                                          },
-                                        },
-                                        model: {
-                                          value: _vm.selectedLabel,
-                                          callback: function ($$v) {
-                                            _vm.selectedLabel = $$v
-                                          },
-                                          expression: "selectedLabel",
-                                        },
-                                      },
-                                      [
-                                        _c(
-                                          "template",
-                                          { slot: "append" },
-                                          [
-                                            _vm.filterable || _vm.showButton
-                                              ? _c(
-                                                  "el-button",
-                                                  {
-                                                    ref: "openDialog",
-                                                    on: {
-                                                      click: function ($event) {
-                                                        $event.stopPropagation()
-                                                        return _vm.openDialog(
-                                                          $event
-                                                        )
-                                                      },
-                                                    },
-                                                  },
-                                                  [
-                                                    _vm._t("default", [
-                                                      _vm.icon
-                                                        ? _c("es-icon", {
-                                                            attrs: {
-                                                              contents:
-                                                                _vm.icon,
-                                                            },
-                                                          })
-                                                        : [_vm._v("选择")],
-                                                    ]),
-                                                  ],
-                                                  2
-                                                )
-                                              : _vm._e(),
-                                          ],
-                                          1
-                                        ),
-                                      ],
-                                      2
-                                    ),
-                              ],
-                        ],
-                        2
-                      ),
-                      _c(
-                        "el-popover",
-                        {
-                          attrs: {
-                            placement: "bottom-start",
-                            trigger: "manual",
-                            "popper-class": "es-selector-popover",
-                            width: _vm.minWidth,
-                            queryParent: true,
-                            reference: _vm.reference,
-                            "arrow-offset": 20,
-                          },
-                          model: {
-                            value: _vm.show,
-                            callback: function ($$v) {
-                              _vm.show = $$v
+                                expression: "selectedLabel",
+                              },
                             },
-                            expression: "show",
-                          },
-                        },
-                        [
-                          _c(
-                            "el-scrollbar",
+                            [
+                              !_vm.readonly
+                                ? _c("el-button", {
+                                    staticClass: "es-selector-btn",
+                                    attrs: {
+                                      slot: "suffix",
+                                      type: "text",
+                                      icon: _vm.icon,
+                                    },
+                                    on: {
+                                      click: function ($event) {
+                                        $event.stopPropagation()
+                                        return _vm.openDialog($event)
+                                      },
+                                    },
+                                    slot: "suffix",
+                                  })
+                                : _vm._e(),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm.multiple
+                        ? _c(
+                            "div",
                             {
-                              directives: [
-                                {
-                                  name: "show",
-                                  rawName: "v-show",
-                                  value: _vm.options.length,
-                                  expression: "options.length",
-                                },
-                              ],
-                              ref: "scrollbar",
-                              attrs: {
-                                tag: "ul",
-                                "wrap-class": "es-selector-dropdown__wrap",
-                                "view-class": "es-selector-dropdown__list",
-                                maxHeight: "228",
+                              ref: "tags",
+                              staticClass: "es-select__tags",
+                              class: {
+                                "is-edit": !_vm.readonly,
+                                "is-show": _vm.selected.length,
                               },
                             },
-                            _vm._l(_vm.options, function (item) {
+                            _vm._l(_vm.selected, function (item, index) {
                               return _c(
-                                "li",
+                                "el-tag",
                                 {
-                                  key: item.id,
-                                  staticClass: "es-selector-dropdown-item",
-                                  class: { "es-selected": item.selected },
+                                  key: _vm.getValueKey(item),
+                                  attrs: {
+                                    closable:
+                                      !_vm.selectorDisabled &&
+                                      !_vm.readonly &&
+                                      _vm.selected.length > _vm.min,
+                                    type: "info",
+                                    "disable-transitions": "",
+                                  },
                                   on: {
-                                    click: function ($event) {
-                                      _vm.handleSelect(item)
+                                    close: function ($event) {
+                                      _vm.deleteTag($event, item, index)
                                     },
                                   },
                                 },
                                 [
-                                  _c("span", [
-                                    _vm._v(
-                                      "\n              " +
-                                        _vm._s(_vm.getDep(item)) +
-                                        "\n              " +
-                                        _vm._s(item[_vm.labelKey]) +
-                                        "\n            "
-                                    ),
-                                  ]),
-                                ]
-                              )
-                            }),
-                            0
-                          ),
-                          _vm.options.length == 0
-                            ? _c(
-                                "p",
-                                { staticClass: "el-select-dropdown__empty" },
-                                [
-                                  _vm._v(
-                                    "\n          " +
-                                      _vm._s(_vm.noMatchText) +
-                                      "\n        "
+                                  _c(
+                                    "span",
+                                    { staticClass: "el-select__tags-text" },
+                                    [_vm._v(_vm._s(_vm.getLabel(item)))]
                                   ),
                                 ]
                               )
-                            : _vm._e(),
-                        ],
-                        1
-                      ),
+                            }),
+                            1
+                          )
+                        : _vm._e(),
                     ],
               ]
             : _vm._e(),
@@ -5220,6 +4828,7 @@ var render = function () {
                     css: false,
                     "append-to-body": true,
                     "close-on-click-modal": false,
+                    "destroy-on-close": _vm.destroyOnClose,
                   },
                   on: {
                     "update:visible": function ($event) {
@@ -5243,6 +4852,8 @@ var render = function () {
                               type: _vm.types,
                               mix: _vm.mix,
                               isShowLevel3: _vm.isShowLevel3,
+                              "tree-title": _vm.treeTitle,
+                              "show-switch": _vm.showSwitch,
                             },
                             on: {
                               tabschage: _vm.tabschage,
@@ -5279,7 +4890,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/selector/src/main.vue?vue&type=template&id=6cd08dd8&
+// CONCATENATED MODULE: ./packages/selector/src/main.vue?vue&type=template&id=18a2e4a6&
 
 // EXTERNAL MODULE: ./src/utils/util.js + 1 modules
 var util = __webpack_require__(0);
@@ -5291,6 +4902,9 @@ var api = __webpack_require__(1);
 var clickoutside_ = __webpack_require__(26);
 var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 
+// EXTERNAL MODULE: external "throttle-debounce"
+var external_throttle_debounce_ = __webpack_require__(13);
+
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/main.vue?vue&type=script&lang=js&
 //
 //
@@ -5382,154 +4996,7 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
 
 
 
@@ -5625,17 +5092,17 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
       default: -1
     },
     //是否显示搜索框
-    filterable: Boolean,
-    //搜索列表是否显示部门信息
-    showFilterListDep: {
+    filterable: {
       type: Boolean,
       default: true
     },
+    //搜索列表是否显示部门信息
+    showFilterListDep: Boolean,
     //是否根据搜索值创建新的数据
     createable: Boolean,
     showButton: Boolean,
     button: Object,
-    icon: String,
+    icon: { type: String, default: 'es-icon-sousuorenyuan' },
     active: String,
     keywords: {
       type: String,
@@ -5676,16 +5143,26 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
     select: {
       type: Boolean,
       default: true
-    }
+    },
+    //弹窗关闭时是否销毁子组件
+    destroyOnClose: Boolean,
+    //树结构标题
+    treeTitle: String,
+    //是否显示切换按钮
+    showSwitch: {
+      type: Boolean,
+      default: true
+    },
+    selection: [Array, String]
   },
   data: function data() {
     return {
+      selectedLabel: '',
       selected: [],
       visible: false,
       menuVisibleOnFocus: false,
       inputHovering: false,
       styles: {},
-      words: '',
       minWidth: '',
       options: '',
       show: false,
@@ -5721,30 +5198,6 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
     selectorDisabled: function selectorDisabled() {
       return this.disabled || (this.elForm || {}).disabled;
     },
-
-    selectedLabel: {
-      get: function get() {
-        var _this = this;
-
-        if (this.selected) {
-          if (typeof this.selected === 'string') {
-            return this.selected;
-          } else if (util["a" /* default */].isObject(this.selected)) {
-            return this.selected[this.labelKey];
-          } else if (Array.isArray(this.selected)) {
-            return this.selected.map(function (item) {
-              return typeof item === 'string' ? item : item[_this.labelKey];
-            }).join(',');
-          }
-        }
-        return '';
-      },
-      set: function set(val) {
-        this.selected = [val];
-        this.words = val;
-        return val;
-      }
-    },
     currentPlaceholder: function currentPlaceholder() {
       if (this.selected && this.selected.length) {
         return '';
@@ -5769,6 +5222,9 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
         } else {
           this.selected = [];
         }
+        if (!this.multiple && val && val.length) {
+          this.selectedLabel = this.getLabel(val[0]);
+        }
       }
     },
     selected: {
@@ -5780,12 +5236,6 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
         }
       }
     },
-    words: function words(val) {
-      if (this.emptySerach || val !== '') {
-        clearTimeout(this.timer);
-        this.timer = setTimeout(this.handleSearch, 500);
-      }
-    },
     mix: function mix(val) {
       if (val) {
         this.getSysParam();
@@ -5793,6 +5243,11 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
     }
   },
   created: function created() {
+    var _this = this;
+
+    this.search = Object(external_throttle_debounce_["throttle"])(500, function (query, callback) {
+      _this.handleSearch(query, callback);
+    });
     this.reference = this.$refs.esSelector;
     this.mix && this.getSysParam();
   },
@@ -5840,76 +5295,83 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
     getValueKey: function getValueKey(obj) {
       return util["a" /* default */].isObject(obj) ? obj[this.valueKey] : obj;
     },
-    toggleMenu: function toggleMenu() {
-      if (!this.selectorDisabled && !this.readonly && !this.filterable && this.select) {
-        this.visible = true;
-      }
-    },
     openDialog: function openDialog() {
       if (!this.selectorDisabled && !this.readonly && this.select) {
         this.visible = true;
       }
     },
-    handleSearch: function handleSearch() {
-      var _this3 = this;
+    handleSearch: function handleSearch(query, callback) {
+      var _ref,
+          _this3 = this;
 
-      var options = [];
-      if (this.createable) {
-        var _ref;
+      if (!query) return;
 
-        options = [(_ref = {}, _ref[this.labelKey] = this.words, _ref[this.valueKey] = this.words, _ref)];
+      var options = this.createable ? [(_ref = {}, _ref[this.labelKey] = query, _ref[this.valueKey] = query, _ref)] : [];
+      if (!this.tree && this.selection && Array.isArray(this.selection)) {
+        var selections = this.selection.filter(function (item) {
+          return item[_this3.labelKey].indexOf(query) > -1;
+        });
+        // selections = selections.filter((item) => {
+        //   return (
+        //     this.selected.findIndex(
+        //       (selected) => selected[this.valueKey] === item[this.valueKey]
+        //     ) === -1
+        //   );
+        // });
+        options = options.concat(selections);
       }
       if (this.filterable) {
         var params = {
           type: this.actived
         };
-        params[this.keywords] = this.words;
+        var url = !this.tree && this.selection && typeof this.selection === 'string' ? this.selection : this.action;
+        params[this.keywords] = query;
         params = util["a" /* default */].extend({}, params, this.where);
         util["a" /* default */].ajax({
-          url: this.action,
+          url: url,
           params: params
         }).then(function (res) {
           if (res.rCode === 0) {
-            _this3.options = [].concat(options, res.results);
-            if (_this3.selected.length && _this3.multiple) {
-              _this3.selected.forEach(function (item) {
-                var i = util["a" /* default */].indexOfObj(_this3.options, item, _this3.valueKey);
-                if (i > -1) {
-                  _this3.options[i].selected = true;
-                }
-              });
-            }
-            _this3.show = true;
+            var results = res.results || [];
+            // .filter((item) => {
+            //   return (
+            //     this.selected.findIndex(
+            //       (selected) =>
+            //         selected[this.valueKey] === item[this.valueKey]
+            //     ) === -1
+            //   );
+            // });
+            options = options.concat(results);
+            callback(options);
           }
         }).catch(function (err) {
           if (err.message && err.message !== 'canceled') {
             _this3.$message.error(err.message);
           }
         });
-      } else if (this.createable) {
-        this.options = options;
-        this.show = true;
-      }
-    },
-    handleFocus: function handleFocus() {
-      if (this.filterable) {
-        this.focus = true;
+      } else {
+        callback(options);
       }
     },
-    handleBlur: function handleBlur() {
-      this.focus = false;
-    },
     tabschage: function tabschage(trees, active) {
       this.$emit('tabs-change', trees, active);
     },
-    handleClose: function handleClose(res) {
-      if (!this.multiple && this.selected[0] === this.words) {
+    handleChange: function handleChange(val) {
+      if (!this.multiple) {
         this.selected = [];
+
+        this.$emit('input', []);
+        this.$emit('confirm', [], this.businessData);
       }
-      this.show = false;
+      console.log('handleChange', val);
     },
     handleSelect: function handleSelect(res) {
-      this.words = '';
+      console.log('handleSelect', res);
+      if (!this.multiple) {
+        this.selectedLabel = this.getLabel(res);
+      } else {
+        this.selectedLabel = '';
+      }
       if (!res.selected) {
         if (this.multiple) {
           if (this.selected.length) {
@@ -5941,8 +5403,14 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
       this.$emit('confirm', this.selected);
     },
     handleConfirm: function handleConfirm(res) {
-      this.visible = false;
+      console.log('handleConfirm', res);
       var val = util["a" /* default */].isObject(res) ? [res] : res;
+      this.visible = false;
+      if (!this.multiple) {
+        this.selectedLabel = val[0] ? this.getLabel(val) : '';
+      } else {
+        this.selectedLabel = '';
+      }
       if (this.mix) {
         val.forEach(function (item, index) {
           val[index]._typeName = util["a" /* default */].getTypeName(item.stype);