bkui-vue 0.0.1-beta.39 → 0.0.1-beta.390

package/lib/search-select/index.js

@@ -0,0 +1,3336 @@
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
+/******/ var __webpack_modules__ = ({
+
+/***/ 7162:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+module.exports = __webpack_require__(5047);
+
+
+/***/ }),
+
+/***/ 5047:
+/***/ ((module) => {
+
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var runtime = (function (exports) {
+  "use strict";
+
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+  function define(obj, key, value) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+    return obj[key];
+  }
+  try {
+    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+    define({}, "");
+  } catch (err) {
+    define = function(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  exports.wrap = wrap;
+
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, function () {
+    return this;
+  });
+
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = GeneratorFunctionPrototype;
+  define(Gp, "constructor", GeneratorFunctionPrototype);
+  define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
+  GeneratorFunction.displayName = define(
+    GeneratorFunctionPrototype,
+    toStringTagSymbol,
+    "GeneratorFunction"
+  );
+
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      define(prototype, method, function(arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+
+  exports.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      define(genFun, toStringTagSymbol, "GeneratorFunction");
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  exports.awrap = function(arg) {
+    return { __await: arg };
+  };
+
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return PromiseImpl.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return PromiseImpl.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+
+    var previousPromise;
+
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new PromiseImpl(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    return this;
+  });
+  exports.AsyncIterator = AsyncIterator;
+
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    if (PromiseImpl === void 0) PromiseImpl = Promise;
+
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList),
+      PromiseImpl
+    );
+
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+
+      context.method = method;
+      context.arg = arg;
+
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+
+          context.dispatchException(context.arg);
+
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+
+        state = GenStateExecuting;
+
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+
+          return {
+            value: record.arg,
+            done: context.done
+          };
+
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+
+      if (context.method === "throw") {
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+
+      return ContinueSentinel;
+    }
+
+    var record = tryCatch(method, delegate.iterator, context.arg);
+
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    var info = record.arg;
+
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+
+  define(Gp, toStringTagSymbol, "Generator");
+
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  define(Gp, iteratorSymbol, function() {
+    return this;
+  });
+
+  define(Gp, "toString", function() {
+    return "[object Generator]";
+  });
+
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+
+    this.tryEntries.push(entry);
+  }
+
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+
+          next.value = undefined;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  exports.values = values;
+
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+
+  Context.prototype = {
+    constructor: Context,
+
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+
+      this.method = "next";
+      this.arg = undefined;
+
+      this.tryEntries.forEach(resetTryEntry);
+
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+
+        return !! caught;
+      }
+
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+
+      return this.complete(record);
+    },
+
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+
+      return ContinueSentinel;
+    }
+  };
+
+  // Regardless of whether this script is executing as a CommonJS module
+  // or not, return the runtime object so that we can declare the variable
+  // regeneratorRuntime in the outer scope, which allows this module to be
+  // injected easily by `bin/regenerator --include-runtime script.js`.
+  return exports;
+
+}(
+  // If this script is executing as a CommonJS module, use module.exports
+  // as the regeneratorRuntime namespace. Otherwise create a new empty
+  // object. Either way, the resulting object will be used to initialize
+  // the regeneratorRuntime variable at the top of this file.
+   true ? module.exports : 0
+));
+
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, in modern engines
+  // we can explicitly access globalThis. In older engines we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/compat get default export */
+/******/ (() => {
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = (module) => {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			() => (module['default']) :
+/******/ 			() => (module);
+/******/ 		__webpack_require__.d(getter, { a: getter });
+/******/ 		return getter;
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "r": () => (/* binding */ BkSearchSelect),
+  "Z": () => (/* binding */ src)
+});
+
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_shared_namespaceObject = x({ ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.debounce, ["random"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.random, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["watchEffect"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watchEffect, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+;// CONCATENATED MODULE: ../../node_modules/resize-detector/esm/index.js
+var raf = null;
+function requestAnimationFrame (callback) {
+  if (!raf) {
+    raf = (
+      window.requestAnimationFrame ||
+      window.webkitRequestAnimationFrame ||
+      window.mozRequestAnimationFrame ||
+      function (callback) {
+        return setTimeout(callback, 16)
+      }
+    ).bind(window);
+  }
+  return raf(callback)
+}
+
+var caf = null;
+function cancelAnimationFrame (id) {
+  if (!caf) {
+    caf = (
+      window.cancelAnimationFrame ||
+      window.webkitCancelAnimationFrame ||
+      window.mozCancelAnimationFrame ||
+      function (id) {
+        clearTimeout(id);
+      }
+    ).bind(window);
+  }
+
+  caf(id);
+}
+
+function createStyles (styleText) {
+  var style = document.createElement('style');
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = styleText;
+  } else {
+    style.appendChild(document.createTextNode(styleText));
+  }
+  (document.querySelector('head') || document.body).appendChild(style);
+  return style
+}
+
+function createElement (tagName, props) {
+  if ( props === void 0 ) props = {};
+
+  var elem = document.createElement(tagName);
+  Object.keys(props).forEach(function (key) {
+    elem[key] = props[key];
+  });
+  return elem
+}
+
+function getComputedStyle (elem, prop, pseudo) {
+  // for older versions of Firefox, `getComputedStyle` required
+  // the second argument and may return `null` for some elements
+  // when `display: none`
+  var computedStyle = window.getComputedStyle(elem, pseudo || null) || {
+    display: 'none'
+  };
+
+  return computedStyle[prop]
+}
+
+function getRenderInfo (elem) {
+  if (!document.documentElement.contains(elem)) {
+    return {
+      detached: true,
+      rendered: false
+    }
+  }
+
+  var current = elem;
+  while (current !== document) {
+    if (getComputedStyle(current, 'display') === 'none') {
+      return {
+        detached: false,
+        rendered: false
+      }
+    }
+    current = current.parentNode;
+  }
+
+  return {
+    detached: false,
+    rendered: true
+  }
+}
+
+var css_248z = ".resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:\"\";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}";
+
+var total = 0;
+var style = null;
+
+function addListener (elem, callback) {
+  if (!elem.__resize_mutation_handler__) {
+    elem.__resize_mutation_handler__ = handleMutation.bind(elem);
+  }
+
+  var listeners = elem.__resize_listeners__;
+
+  if (!listeners) {
+    elem.__resize_listeners__ = [];
+    if (window.ResizeObserver) {
+      var offsetWidth = elem.offsetWidth;
+      var offsetHeight = elem.offsetHeight;
+      var ro = new ResizeObserver(function () {
+        if (!elem.__resize_observer_triggered__) {
+          elem.__resize_observer_triggered__ = true;
+          if (elem.offsetWidth === offsetWidth && elem.offsetHeight === offsetHeight) {
+            return
+          }
+        }
+        runCallbacks(elem);
+      });
+
+      // initially display none won't trigger ResizeObserver callback
+      var ref = getRenderInfo(elem);
+      var detached = ref.detached;
+      var rendered = ref.rendered;
+      elem.__resize_observer_triggered__ = detached === false && rendered === false;
+      elem.__resize_observer__ = ro;
+      ro.observe(elem);
+    } else if (elem.attachEvent && elem.addEventListener) {
+      // targeting IE9/10
+      elem.__resize_legacy_resize_handler__ = function handleLegacyResize () {
+        runCallbacks(elem);
+      };
+      elem.attachEvent('onresize', elem.__resize_legacy_resize_handler__);
+      document.addEventListener('DOMSubtreeModified', elem.__resize_mutation_handler__);
+    } else {
+      if (!total) {
+        style = createStyles(css_248z);
+      }
+      initTriggers(elem);
+
+      elem.__resize_rendered__ = getRenderInfo(elem).rendered;
+      if (window.MutationObserver) {
+        var mo = new MutationObserver(elem.__resize_mutation_handler__);
+        mo.observe(document, {
+          attributes: true,
+          childList: true,
+          characterData: true,
+          subtree: true
+        });
+        elem.__resize_mutation_observer__ = mo;
+      }
+    }
+  }
+
+  elem.__resize_listeners__.push(callback);
+  total++;
+}
+
+function removeListener (elem, callback) {
+  var listeners = elem.__resize_listeners__;
+  if (!listeners) {
+    return
+  }
+
+  if (callback) {
+    listeners.splice(listeners.indexOf(callback), 1);
+  }
+
+  // no listeners exist, or removing all listeners
+  if (!listeners.length || !callback) {
+    // targeting IE9/10
+    if (elem.detachEvent && elem.removeEventListener) {
+      elem.detachEvent('onresize', elem.__resize_legacy_resize_handler__);
+      document.removeEventListener('DOMSubtreeModified', elem.__resize_mutation_handler__);
+      return
+    }
+
+    if (elem.__resize_observer__) {
+      elem.__resize_observer__.unobserve(elem);
+      elem.__resize_observer__.disconnect();
+      elem.__resize_observer__ = null;
+    } else {
+      if (elem.__resize_mutation_observer__) {
+        elem.__resize_mutation_observer__.disconnect();
+        elem.__resize_mutation_observer__ = null;
+      }
+      elem.removeEventListener('scroll', handleScroll);
+      elem.removeChild(elem.__resize_triggers__.triggers);
+      elem.__resize_triggers__ = null;
+    }
+    elem.__resize_listeners__ = null;
+  }
+
+  if (!--total && style) {
+    style.parentNode.removeChild(style);
+  }
+}
+
+function getUpdatedSize (elem) {
+  var ref = elem.__resize_last__;
+  var width = ref.width;
+  var height = ref.height;
+  var offsetWidth = elem.offsetWidth;
+  var offsetHeight = elem.offsetHeight;
+  if (offsetWidth !== width || offsetHeight !== height) {
+    return {
+      width: offsetWidth,
+      height: offsetHeight
+    }
+  }
+  return null
+}
+
+function handleMutation () {
+  // `this` denotes the scrolling element
+  var ref = getRenderInfo(this);
+  var rendered = ref.rendered;
+  var detached = ref.detached;
+  if (rendered !== this.__resize_rendered__) {
+    if (!detached && this.__resize_triggers__) {
+      resetTriggers(this);
+      this.addEventListener('scroll', handleScroll, true);
+    }
+    this.__resize_rendered__ = rendered;
+    runCallbacks(this);
+  }
+}
+
+function handleScroll () {
+  var this$1 = this;
+
+  // `this` denotes the scrolling element
+  resetTriggers(this);
+  if (this.__resize_raf__) {
+    cancelAnimationFrame(this.__resize_raf__);
+  }
+  this.__resize_raf__ = requestAnimationFrame(function () {
+    var updated = getUpdatedSize(this$1);
+    if (updated) {
+      this$1.__resize_last__ = updated;
+      runCallbacks(this$1);
+    }
+  });
+}
+
+function runCallbacks (elem) {
+  if (!elem || !elem.__resize_listeners__) {
+    return
+  }
+  elem.__resize_listeners__.forEach(function (callback) {
+    callback.call(elem, elem);
+  });
+}
+
+function initTriggers (elem) {
+  var position = getComputedStyle(elem, 'position');
+  if (!position || position === 'static') {
+    elem.style.position = 'relative';
+  }
+
+  elem.__resize_old_position__ = position;
+  elem.__resize_last__ = {};
+
+  var triggers = createElement('div', {
+    className: 'resize-triggers'
+  });
+  var expand = createElement('div', {
+    className: 'resize-expand-trigger'
+  });
+  var expandChild = createElement('div');
+  var contract = createElement('div', {
+    className: 'resize-contract-trigger'
+  });
+  expand.appendChild(expandChild);
+  triggers.appendChild(expand);
+  triggers.appendChild(contract);
+  elem.appendChild(triggers);
+
+  elem.__resize_triggers__ = {
+    triggers: triggers,
+    expand: expand,
+    expandChild: expandChild,
+    contract: contract
+  };
+
+  resetTriggers(elem);
+  elem.addEventListener('scroll', handleScroll, true);
+
+  elem.__resize_last__ = {
+    width: elem.offsetWidth,
+    height: elem.offsetHeight
+  };
+}
+
+function resetTriggers (elem) {
+  var ref = elem.__resize_triggers__;
+  var expand = ref.expand;
+  var expandChild = ref.expandChild;
+  var contract = ref.contract;
+
+  // batch read
+  var csw = contract.scrollWidth;
+  var csh = contract.scrollHeight;
+  var eow = expand.offsetWidth;
+  var eoh = expand.offsetHeight;
+  var esw = expand.scrollWidth;
+  var esh = expand.scrollHeight;
+
+  // batch write
+  contract.scrollLeft = csw;
+  contract.scrollTop = csh;
+  expandChild.style.width = eow + 1 + 'px';
+  expandChild.style.height = eoh + 1 + 'px';
+  expand.scrollLeft = esw;
+  expand.scrollTop = esh;
+}
+
+
+
+;// CONCATENATED MODULE: external "../directives"
+var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_directives_y = x => () => x
+const external_directives_namespaceObject = external_directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.clickoutside });
+;// CONCATENATED MODULE: external "../icon"
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Close, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Done, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Error, ["ExclamationCircleShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.ExclamationCircleShape, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Search });
+// EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
+var regenerator = __webpack_require__(7162);
+var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
+;// CONCATENATED MODULE: ../../node_modules/tslib/tslib.es6.js
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    }
+    return __assign.apply(this, arguments);
+}
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __param(paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+}
+
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+var __createBinding = Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+        desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+});
+
+function __exportStar(m, o) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+}
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+/** @deprecated */
+function __spread() {
+    for (var ar = [], i = 0; i < arguments.length; i++)
+        ar = ar.concat(__read(arguments[i]));
+    return ar;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __await(v) {
+    return this instanceof __await ? (this.v = v, this) : new __await(v);
+}
+
+function __asyncGenerator(thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function fulfill(value) { resume("next", value); }
+    function reject(value) { resume("throw", value); }
+    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+}
+
+function __asyncDelegator(o) {
+    var i, p;
+    return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+}
+
+function __asyncValues(o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+
+var __setModuleDefault = Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+};
+
+function __importStar(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+}
+
+function __importDefault(mod) {
+    return (mod && mod.__esModule) ? mod : { default: mod };
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+function __classPrivateFieldIn(state, receiver) {
+    if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+    return typeof state === "function" ? receiver === state : state.has(receiver);
+}
+
+;// CONCATENATED MODULE: external "../popover"
+var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_popover_y = x => () => x
+const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["default"] });
+;// CONCATENATED MODULE: ../../packages/search-select/src/menu.tsx
+
+
+/*
+* Tencent is pleased to support the open source community by making
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+*
+* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+*
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+*
+* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+*
+* ---------------------------------------------------
+* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+*
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+* the Software.
+*
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+* IN THE SOFTWARE.
+*/
+
+
+;
+/* harmony default export */ const menu = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'SearchSelectMenu',
+  props: {
+    list: {
+      type: Array
+    },
+    hoverId: String,
+    keyword: {
+      type: String,
+      "default": ''
+    },
+    multiple: {
+      type: Boolean,
+      "default": false
+    },
+    selected: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    conditions: {
+      type: Array
+    },
+    footerBtns: {
+      type: Array,
+      "default": function _default() {
+        return [{
+          id: 'confirm',
+          name: '确认'
+        }, {
+          id: 'cancel',
+          name: '取消',
+          disabled: false
+        }];
+      }
+    }
+  },
+  emits: ['selectItem', 'selectCondition', 'footerClick'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+
+    // events
+    function handleClick(item) {
+      emit('selectItem', item);
+    }
+
+    function handleClickCondition(item) {
+      emit('selectCondition', item);
+    }
+
+    function handleClickFooterBtn(item) {
+      emit('footerClick', item);
+    }
+
+    var filterList = (0,external_vue_namespaceObject.computed)(function () {
+      var _a, _b;
+
+      if (!((_a = props.list) === null || _a === void 0 ? void 0 : _a.length)) return [];
+      if (!((_b = props.keyword) === null || _b === void 0 ? void 0 : _b.length)) return props.list;
+      return props.list.filter(function (item) {
+        return item.name.toLocaleLowerCase().includes(props.keyword.toLocaleLowerCase());
+      });
+    });
+
+    function transformNode(str) {
+      if (!str) return str;
+      var keyword = props.keyword;
+      var len = keyword.length;
+      if (!(keyword === null || keyword === void 0 ? void 0 : keyword.trim().length) || !str.toLocaleLowerCase().includes(keyword.toLocaleLowerCase())) return str;
+      var list = [];
+      var lastIndex = -1;
+      keyword = keyword.replace(/([.*/]{1})/gmi, '\\$1');
+      str.replace(new RegExp("".concat(keyword), 'igm'), function (key, index) {
+        if (list.length === 0 && index !== 0) {
+          list.push(str.slice(0, index));
+        } else if (lastIndex >= 0) {
+          list.push(str.slice(lastIndex + key.length, index));
+        }
+
+        list.push((0,external_vue_namespaceObject.createVNode)("span", {
+          "class": 'is-keyword'
+        }, [key]));
+        lastIndex = index;
+        return key;
+      });
+
+      if (lastIndex >= 0) {
+        list.push(str.slice(lastIndex + len));
+      }
+
+      return list.length ? list : str;
+    }
+
+    function getSearchNode(item) {
+      var _a;
+
+      if (!((_a = item.value) === null || _a === void 0 ? void 0 : _a.name)) return transformNode(item.name);
+      return [(0,external_vue_namespaceObject.createVNode)("span", {
+        "class": "menu-name"
+      }, [item.name, (0,external_vue_namespaceObject.createTextVNode)(":")]), item.value.name];
+    }
+
+    ;
+    return {
+      handleClick: handleClick,
+      handleClickCondition: handleClickCondition,
+      handleClickFooterBtn: handleClickFooterBtn,
+      filterList: filterList,
+      getSearchNode: getSearchNode
+    };
+  },
+  render: function render() {
+    var _this = this;
+
+    var _a, _b, _c;
+
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": 'bk-search-select-menu'
+    }, [!!((_a = this.conditions) === null || _a === void 0 ? void 0 : _a.length) && (0,external_vue_namespaceObject.createVNode)("ul", {
+      "class": "menu-header"
+    }, [this.conditions.map(function (item) {
+      return (0,external_vue_namespaceObject.createVNode)("li", {
+        "key": item.id,
+        "class": "menu-header-item  ".concat(item.disabled ? 'is-disabled' : ''),
+        "onClick": function onClick() {
+          return !item.disabled && _this.handleClickCondition(item);
+        }
+      }, [item.name]);
+    })]), (0,external_vue_namespaceObject.createVNode)("ul", {
+      "class": 'menu-content'
+    }, [(_b = this.list) === null || _b === void 0 ? void 0 : _b.map(function (item) {
+      return (0,external_vue_namespaceObject.createVNode)("li", {
+        "class": "menu-item ".concat(item.disabled ? 'is-disabled' : '', " ").concat(_this.hoverId === item.id && !item.disabled ? 'is-hover' : ''),
+        "key": item.id,
+        "id": item.id,
+        "tabindex": '-1',
+        "onClick": function onClick() {
+          return !item.disabled && _this.handleClick(item);
+        }
+      }, [_this.$slots["default"] ? _this.$slots["default"]({
+        item: item,
+        list: _this.list,
+        multiple: !!_this.multiple,
+        hoverId: _this.hoverId,
+        getSearchNode: _this.getSearchNode
+      }) : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [_this.getSearchNode(item), _this.multiple && _this.selected.includes(item.id) && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Done, {
+        "class": "is-selected"
+      }, null)])]);
+    })]), this.multiple && ((_c = this.footerBtns) === null || _c === void 0 ? void 0 : _c.length) && (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "menu-footer"
+    }, [this.footerBtns.map(function (item) {
+      return (0,external_vue_namespaceObject.createVNode)("span", {
+        "class": "menu-footer-btn ".concat(item.disabled ? 'is-disabled' : ''),
+        "key": item.id,
+        "onClick": function onClick() {
+          return !item.disabled && _this.handleClickFooterBtn(item);
+        }
+      }, [item.name]);
+    })])]);
+  }
+}));
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/createClass.js
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+;// CONCATENATED MODULE: ../../packages/search-select/src/utils.ts
+
+
+
+/*
+* Tencent is pleased to support the open source community by making
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+*
+* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+*
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+*
+* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+*
+* ---------------------------------------------------
+* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+*
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+* the Software.
+*
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+* IN THE SOFTWARE.
+*/
+
+/**
+ * @description: 获取menu list方法
+ * @param {ISearchItem} item 已选择的key字段 为空则代表当前并未选择key字段
+ * @param {string} keyword 已输入的文本
+ * @return {*} menu list用于渲染选择弹层列表
+ */
+
+var ValueBehavior;
+
+(function (ValueBehavior) {
+  ValueBehavior["ALL"] = "all";
+  ValueBehavior["NEEDKEY"] = "need-key";
+})(ValueBehavior || (ValueBehavior = {}));
+
+var SEARCH_SLECT_PROVIDER_KEY = Symbol('SEARCH_SLECT_PROVIDER_KEY');
+var useSearchSelectProvider = function useSearchSelectProvider(data) {
+  (0,external_vue_namespaceObject.provide)(SEARCH_SLECT_PROVIDER_KEY, data);
+};
+var useSearchSelectInject = function useSearchSelectInject() {
+  return (0,external_vue_namespaceObject.inject)(SEARCH_SLECT_PROVIDER_KEY);
+};
+var SearchInputMode;
+
+(function (SearchInputMode) {
+  SearchInputMode["DEFAULT"] = "default";
+  SearchInputMode["EDIT"] = "edit";
+})(SearchInputMode || (SearchInputMode = {}));
+
+var SelectedItem = /*#__PURE__*/function () {
+  function SelectedItem(searchItem) {
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+    var splitCode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '|';
+
+    _classCallCheck(this, SelectedItem);
+
+    this.searchItem = searchItem;
+    this.type = type;
+    this.splitCode = splitCode;
+    this.values = [];
+    this.id = searchItem.id;
+    this.name = searchItem.name;
+  }
+
+  _createClass(SelectedItem, [{
+    key: "multiple",
+    get: function get() {
+      return !!this.searchItem.multiple;
+    }
+  }, {
+    key: "placeholder",
+    get: function get() {
+      return this.searchItem.placeholder || '';
+    }
+  }, {
+    key: "children",
+    get: function get() {
+      return this.searchItem.children || [];
+    }
+  }, {
+    key: "validate",
+    get: function get() {
+      return !this.searchItem.noValidate;
+    }
+  }, {
+    key: "inputInnerHtml",
+    get: function get() {
+      var _a;
+
+      if (this.isSpecialType()) return this.name;
+      return "".concat(this.keyInnerHtml).concat(((_a = this.values) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+        return item.name;
+      }).join(this.splitCode)) || '');
+    }
+  }, {
+    key: "inputInnerText",
+    get: function get() {
+      var _a;
+
+      if (this.isSpecialType()) return this.name;
+      return "".concat(this.keyInnerText).concat(((_a = this.values) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+        return item.name;
+      }).join(this.splitCode)) || '');
+    }
+  }, {
+    key: "keyInnerHtml",
+    get: function get() {
+      if (this.isSpecialType()) return this.name;
+      return this.name ? "".concat(this.name, ":\xA0") : '';
+    }
+  }, {
+    key: "keyInnerText",
+    get: function get() {
+      if (this.isSpecialType()) return this.name;
+      return this.name ? "".concat(this.name, ": ") : '';
+    }
+  }, {
+    key: "isSpecialType",
+    value: function isSpecialType() {
+      return ['text', 'condition'].includes(this.type);
+    }
+  }, {
+    key: "addValue",
+    value: function addValue(item) {
+      if (this.multiple) {
+        var index = this.values.findIndex(function (val) {
+          return val.id === item.id;
+        });
+
+        if (index > -1) {
+          this.values.splice(index, 1);
+          return;
+        }
+
+        this.values.push(item);
+        return;
+      }
+
+      this.values = [item];
+    }
+  }, {
+    key: "toValue",
+    value: function toValue() {
+      var _a;
+
+      var value = {
+        id: this.id,
+        name: this.name
+      };
+
+      if ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) {
+        value.values = this.values.map(function (item) {
+          return {
+            id: item.id,
+            name: item.name
+          };
+        });
+      }
+
+      if (this.type && this.type !== 'default') {
+        value.type = this.type;
+      }
+
+      return value;
+    }
+  }, {
+    key: "toValueKey",
+    value: function toValueKey() {
+      return JSON.stringify(this.toValue());
+    }
+  }, {
+    key: "isInValueList",
+    value: function isInValueList(item) {
+      return this.children.some(function (v) {
+        return v.id === (item === null || item === void 0 ? void 0 : item.id);
+      });
+    }
+  }]);
+
+  return SelectedItem;
+}();
+;// CONCATENATED MODULE: ../../packages/search-select/src/input.tsx
+
+
+
+/*
+* Tencent is pleased to support the open source community by making
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+*
+* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+*
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+*
+* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+*
+* ---------------------------------------------------
+* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+*
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+* the Software.
+*
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+* IN THE SOFTWARE.
+*/
+
+
+
+
+
+
+
+/* harmony default export */ const input = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'SearchSelectInput',
+  directives: {
+    clickoutside: external_directives_namespaceObject.clickoutside
+  },
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    showInputBefore: Boolean,
+    showCondition: Boolean,
+    clickOutside: Function,
+    conditions: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    defautUsingItem: Object,
+    mode: {
+      type: String,
+      "default": SearchInputMode.DEFAULT
+    },
+    getMenuList: Function,
+    validateValues: Function,
+    valueBehavior: String
+  },
+  emits: ['focus', 'add', 'delete'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit,
+        expose = _ref.expose;
+    var inputRef = (0,external_vue_namespaceObject.ref)(null);
+    var popoverRef = (0,external_vue_namespaceObject.ref)(null);
+    var keyword = (0,external_vue_namespaceObject.ref)('');
+    var showNoSelectValueError = (0,external_vue_namespaceObject.ref)(false);
+    var isFocus = (0,external_vue_namespaceObject.ref)(false);
+    var showPopover = (0,external_vue_namespaceObject.ref)(false);
+    var usingItem = (0,external_vue_namespaceObject.ref)(props.defautUsingItem);
+    var menuHoverId = (0,external_vue_namespaceObject.ref)('');
+    var loading = (0,external_vue_namespaceObject.ref)(false);
+    var debounceSetMenuList = (0,external_shared_namespaceObject.debounce)(300, setMenuList); // const selectMenuList = ref<ICommonItem[]>([]);
+
+    var isBindEvent = false;
+    var remoteMenuList = (0,external_vue_namespaceObject.ref)([]);
+    var menuList = (0,external_vue_namespaceObject.ref)([]);
+
+    var _useSearchSelectInjec = useSearchSelectInject(),
+        editKey = _useSearchSelectInjec.editKey,
+        onValidate = _useSearchSelectInjec.onValidate,
+        valueSplitCode = _useSearchSelectInjec.valueSplitCode;
+
+    (0,external_vue_namespaceObject.watch)(editKey, function () {
+      if (props.mode === SearchInputMode.DEFAULT && editKey.value) {
+        showPopover.value = false;
+      }
+    }); // effects
+
+    (0,external_vue_namespaceObject.watchEffect)(function () {
+      if (!keyword.value) {
+        setInputText();
+      }
+    }, {
+      flush: 'pre'
+    });
+    (0,external_vue_namespaceObject.watch)([menuList, showPopover], function () {
+      var _a;
+
+      if (((_a = menuList.value) === null || _a === void 0 ? void 0 : _a.some(function (item) {
+        return !item.disabled;
+      })) && showPopover.value) {
+        if (!isBindEvent) {
+          if (props.valueBehavior === ValueBehavior.NEEDKEY) {
+            menuHoverId.value = menuList.value.find(function (item) {
+              return !item.disabled;
+            }).id;
+          } else {
+            menuHoverId.value = '';
+          }
+
+          isBindEvent = true;
+          document.addEventListener('keydown', handleDocumentKeydown);
+        }
+      } else {
+        document.removeEventListener('keydown', handleDocumentKeydown);
+        isBindEvent = false;
+
+        if (props.valueBehavior !== ValueBehavior.NEEDKEY) {
+          menuHoverId.value = '';
+        }
+      }
+    }); // events
+
+    function handleDocumentKeydown(e) {
+      switch (e.code) {
+        case 'ArrowDown':
+        case 'ArrowUp':
+          documentArrowEvent(e);
+          break;
+
+        case 'Enter':
+        case 'NumpadEnter':
+          documentEnterEvent(e);
+          break;
+      }
+    }
+
+    function documentArrowEvent(e) {
+      var _a;
+
+      e.preventDefault();
+      (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+      var len = menuList.value.length;
+      var i = len;
+      var index = menuList.value.findIndex(function (set) {
+        return set.id === menuHoverId.value;
+      });
+
+      while (i >= 0) {
+        index = e.code === 'ArrowDown' ? index + 1 : index - 1; // eslint-disable-next-line no-nested-ternary
+
+        index = index > len - 1 ? 0 : index < 0 ? len - 1 : index;
+        var item = menuList.value[index];
+
+        if (item && !item.disabled) {
+          i = -1;
+          var dom = document.getElementById(item.id);
+          dom === null || dom === void 0 ? void 0 : dom.focus();
+          menuHoverId.value = item.id;
+          return;
+        }
+
+        i -= 1;
+      }
+    }
+
+    function documentEnterEvent(e) {
+      if (isBindEvent) {
+        e.preventDefault();
+        var item = menuList.value.find(function (item) {
+          return item.id === menuHoverId.value;
+        });
+        item && handleSelectItem(item);
+      }
+    }
+
+    function handleClickOutside(e) {
+      var _a, _b;
+
+      if (!((_a = popoverRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) && ((_b = props.clickOutside) === null || _b === void 0 ? void 0 : _b.call(props, e.target, popoverRef.value))) {
+        showPopover.value = false;
+        isFocus.value = false;
+        emit('focus', isFocus.value);
+      }
+    }
+
+    function handleInputFocus(e) {
+      setInputFocus();
+      e && setMenuList();
+    }
+
+    function handleInputChange(event) {
+      var _a, _b, _c, _d, _e, _f, _g;
+
+      clearInput();
+      var text = event.target.innerText;
+
+      if (/(\r|\n)/gm.test(text) || /\s{2}/gm.test(text)) {
+        event.preventDefault();
+        text = text.replace(/(\r|\n)/gm, valueSplitCode.value).replace(/\s{2}/gm, '');
+        inputRef.value.innerText = text;
+        setInputFocus();
+        keyword.value = text.replace(((_a = usingItem.value) === null || _a === void 0 ? void 0 : _a.keyInnerText) || '', '').trim();
+        debounceSetMenuList();
+      } else if (!keyword.value && text.length < (((_c = (_b = usingItem.value) === null || _b === void 0 ? void 0 : _b.inputInnerText) === null || _c === void 0 ? void 0 : _c.length) || 1)) {
+        var outerText = text.replace("\xA0", " ").replace(((_d = usingItem.value) === null || _d === void 0 ? void 0 : _d.keyInnerText.replace("\xA0", " ").trim()) || '', '').trim();
+
+        if (outerText || !(text === null || text === void 0 ? void 0 : text.length)) {
+          usingItem.value = null;
+        }
+
+        keyword.value = outerText ? text : '';
+        debounceSetMenuList();
+      } else if (!((_f = (_e = usingItem.value) === null || _e === void 0 ? void 0 : _e.values) === null || _f === void 0 ? void 0 : _f.length)) {
+        keyword.value = text.replace("\xA0", " ").replace(((_g = usingItem.value) === null || _g === void 0 ? void 0 : _g.keyInnerText.replace("\xA0", " ")) || '', '').trim();
+        setInputFocus();
+        debounceSetMenuList();
+      }
+    }
+
+    function handleInputKeyup(event) {
+      switch (event.code) {
+        case 'Enter':
+        case 'NumpadEnter':
+          if (props.valueBehavior === ValueBehavior.NEEDKEY && menuList.value.some(function (item) {
+            return item.id === menuHoverId.value;
+          })) return;
+          handleKeyEnter(event);
+          break;
+
+        case 'Backspace':
+          handleKeyBackspace();
+
+        default:
+          showNoSelectValueError.value = false;
+          break;
+      }
+    }
+
+    function handleKeyEnter(event) {
+      var _a;
+
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator_default().mark(function _callee() {
+        var value, _res, values, valueList, _res2, _value, _res3, res;
+
+        return regenerator_default().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                event === null || event === void 0 ? void 0 : event.preventDefault(); // resolve 中文输入时直接按下enter的错误表现
+
+                _context.next = 3;
+                return new Promise(function (r) {
+                  return setTimeout(r, 0);
+                });
+
+              case 3:
+                if (usingItem.value) {
+                  _context.next = 16;
+                  break;
+                }
+
+                if (!(!keyword.value || props.valueBehavior === ValueBehavior.NEEDKEY)) {
+                  _context.next = 6;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 6:
+                value = {
+                  id: keyword.value,
+                  name: keyword.value
+                };
+                _context.next = 9;
+                return validateUsingItemValues(value);
+
+              case 9:
+                _res = _context.sent;
+
+                if (_res) {
+                  _context.next = 12;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 12:
+                emit('add', new SelectedItem(value, 'text', valueSplitCode.value));
+                keyword.value = '';
+                setMenuList();
+                return _context.abrupt("return");
+
+              case 16:
+                values = usingItem.value.values;
+
+                if (values === null || values === void 0 ? void 0 : values.length) {
+                  _context.next = 43;
+                  break;
+                }
+
+                if (!((_a = keyword.value) === null || _a === void 0 ? void 0 : _a.length)) {
+                  _context.next = 41;
+                  break;
+                }
+
+                if (!keyword.value.includes(valueSplitCode.value)) {
+                  _context.next = 29;
+                  break;
+                }
+
+                valueList = keyword.value.split(valueSplitCode.value);
+                _context.next = 23;
+                return validateUsingItemValues({
+                  id: keyword.value,
+                  name: keyword.value
+                });
+
+              case 23:
+                _res2 = _context.sent;
+
+                if (_res2) {
+                  _context.next = 26;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 26:
+                valueList.forEach(function (v) {
+                  return usingItem.value.addValue({
+                    id: v,
+                    name: v
+                  });
+                });
+                _context.next = 36;
+                break;
+
+              case 29:
+                _value = {
+                  id: keyword.value,
+                  name: keyword.value
+                };
+                _context.next = 32;
+                return validateUsingItemValues(_value);
+
+              case 32:
+                _res3 = _context.sent;
+
+                if (_res3) {
+                  _context.next = 35;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 35:
+                usingItem.value.addValue(_value);
+
+              case 36:
+                emit('add', usingItem.value);
+                keyword.value = '';
+                usingItem.value = null;
+                setInputFocus(true);
+                return _context.abrupt("return");
+
+              case 41:
+                showNoSelectValueError.value = true;
+                return _context.abrupt("return");
+
+              case 43:
+                _context.next = 45;
+                return validateUsingItemValues();
+
+              case 45:
+                res = _context.sent;
+
+                if (res) {
+                  _context.next = 48;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 48:
+                setSelectedItem();
+
+              case 49:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+    }
+
+    function handleKeyBackspace() {
+      var _a, _b; // 删除已选择项
+
+
+      if (!usingItem.value && !keyword.value) {
+        emit('delete'); // eslint-disable-next-line @typescript-eslint/no-misused-promises
+
+        (0,external_vue_namespaceObject.nextTick)(setMenuList);
+        return;
+      }
+
+      if ((_a = usingItem.value) === null || _a === void 0 ? void 0 : _a.values.length) {
+        // 删除选项
+        if (((_b = usingItem.value) === null || _b === void 0 ? void 0 : _b.multiple) || usingItem.value.isInValueList(usingItem.value.values[0])) {
+          usingItem.value.values.splice(-1, 1);
+          keyword.value = '';
+          setInputFocus();
+          return;
+        }
+      } else if (!keyword.value) {
+        usingItem.value = null;
+        keyword.value = '';
+        setMenuList();
+      }
+
+      onValidate('');
+    }
+
+    function handleSelectItem(item, type) {
+      var _a, _b, _c, _d;
+
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator_default().mark(function _callee2() {
+        var seleted, isCondition, res;
+        return regenerator_default().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                if (!((_a = item.value) === null || _a === void 0 ? void 0 : _a.id)) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                if (!(props.valueBehavior === ValueBehavior.NEEDKEY && item.value || !props.validateValues)) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                seleted = new SelectedItem(Object.assign(Object.assign({}, item), {
+                  id: (_b = item.realId) !== null && _b !== void 0 ? _b : item.id
+                }), type, valueSplitCode.value);
+                seleted.addValue(item.value);
+                setSelectedItem(seleted);
+
+                if (props.valueBehavior === ValueBehavior.NEEDKEY && menuHoverId.value) {
+                  setInputFocus(true);
+                }
+
+                menuHoverId.value = '';
+                return _context2.abrupt("return");
+
+              case 8:
+                if (!(!usingItem.value || !((_c = inputRef === null || inputRef === void 0 ? void 0 : inputRef.value) === null || _c === void 0 ? void 0 : _c.innerText))) {
+                  _context2.next = 16;
+                  break;
+                }
+
+                usingItem.value = new SelectedItem(item, type, valueSplitCode.value);
+                keyword.value = '';
+                isCondition = type === 'condition';
+                isCondition && setSelectedItem();
+                showPopover.value = isCondition || !!usingItem.value.children.length;
+                setInputFocus(props.valueBehavior === ValueBehavior.NEEDKEY && !!menuHoverId.value);
+                return _context2.abrupt("return");
+
+              case 16:
+                if (!(((_d = usingItem.value) === null || _d === void 0 ? void 0 : _d.type) === 'condition')) {
+                  _context2.next = 20;
+                  break;
+                }
+
+                usingItem.value = new SelectedItem(item, type, valueSplitCode.value);
+                setSelectedItem();
+                return _context2.abrupt("return");
+
+              case 20:
+                usingItem.value.addValue(item);
+                _context2.next = 23;
+                return validateUsingItemValues(item);
+
+              case 23:
+                res = _context2.sent;
+
+                if (res) {
+                  _context2.next = 26;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 26:
+                if (!usingItem.value.multiple) setSelectedItem();
+
+                if (props.valueBehavior === ValueBehavior.NEEDKEY && usingItem.value.multiple) {
+                  setInputFocus();
+                }
+
+              case 28:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+    }
+
+    function handleSelectCondtionItem(item) {
+      handleSelectItem(item, 'condition');
+    }
+
+    function handleMenuFooterClick(item) {
+      switch (item.id) {
+        case 'confirm':
+          handleKeyEnter();
+          break;
+
+        case 'cancel':
+          usingItem.value.values = [];
+          showPopover.value = false;
+          break;
+      }
+    } // functions
+
+
+    function validateUsingItemValues(value) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator_default().mark(function _callee3() {
+        var _usingItem$value, searchItem, validate, values;
+
+        return regenerator_default().wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                if (usingItem.value) {
+                  _context3.next = 4;
+                  break;
+                }
+
+                _context3.next = 3;
+                return validateValues(null, [value]);
+
+              case 3:
+                return _context3.abrupt("return", _context3.sent);
+
+              case 4:
+                _usingItem$value = usingItem.value, searchItem = _usingItem$value.searchItem, validate = _usingItem$value.validate, values = _usingItem$value.values;
+
+                if (!(validate && typeof props.validateValues === 'function')) {
+                  _context3.next = 9;
+                  break;
+                }
+
+                _context3.next = 8;
+                return validateValues(searchItem, value ? [value] : values);
+
+              case 8:
+                return _context3.abrupt("return", _context3.sent);
+
+              case 9:
+                onValidate('');
+                return _context3.abrupt("return", true);
+
+              case 11:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }));
+    }
+
+    function validateValues(searchItem, value) {
+      var _a;
+
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator_default().mark(function _callee4() {
+        var validateStr;
+        return regenerator_default().wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return (_a = props.validateValues) === null || _a === void 0 ? void 0 : _a.call(props, searchItem !== null && searchItem !== void 0 ? searchItem : null, value)["catch"](function () {
+                  return false;
+                });
+
+              case 2:
+                validateStr = _context4.sent;
+
+                if (!(typeof validateStr === 'string' || validateStr === false)) {
+                  _context4.next = 6;
+                  break;
+                }
+
+                onValidate(validateStr || '校验错误');
+                return _context4.abrupt("return", false);
+
+              case 6:
+                onValidate('');
+                return _context4.abrupt("return", true);
+
+              case 8:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+    }
+
+    function setInputFocus() {
+      var refleshMenuList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      if (refleshMenuList) {
+        (0,external_vue_namespaceObject.nextTick)().then(function () {
+          setMenuList();
+        });
+      }
+
+      isFocus.value = true;
+      showPopover.value = true;
+      showNoSelectValueError.value = false;
+      var timer = setTimeout(function () {
+        if (inputRef.value) {
+          inputRef.value.focus(); // 光标移至最后
+
+          var selection = window.getSelection();
+
+          if (selection.focusOffset === 0) {
+            selection.selectAllChildren(inputRef.value);
+            selection.collapseToEnd();
+          }
+        }
+
+        window.clearTimeout(timer);
+      }, 0);
+      emit('focus', isFocus.value);
+    }
+
+    function setMenuList() {
+      var _a, _b, _c, _d, _e;
+
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator_default().mark(function _callee5() {
+        var list, hoverItem;
+        return regenerator_default().wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                list = [];
+
+                if (!(typeof props.getMenuList === 'function' && (typeof ((_b = (_a = usingItem.value) === null || _a === void 0 ? void 0 : _a.searchItem) === null || _b === void 0 ? void 0 : _b.async) === 'undefined' || usingItem.value.searchItem.async === true))) {
+                  _context5.next = 9;
+                  break;
+                }
+
+                loading.value = true;
+                _context5.next = 5;
+                return props.getMenuList((_c = usingItem.value) === null || _c === void 0 ? void 0 : _c.searchItem, keyword.value)["catch"](function () {
+                  return [];
+                });
+
+              case 5:
+                list = _context5.sent;
+                loading.value = false;
+                _context5.next = 10;
+                break;
+
+              case 9:
+                if (!(usingItem === null || usingItem === void 0 ? void 0 : usingItem.value)) {
+                  if (!((_d = keyword.value) === null || _d === void 0 ? void 0 : _d.length)) {
+                    list = props.data.filter(function (item) {
+                      return !item.isSelected;
+                    }).slice();
+                  } else props.data.filter(function (item) {
+                    return !item.isSelected;
+                  }).forEach(function (item) {
+                    var _a, _b;
+
+                    var isMatched = item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
+
+                    if (isMatched) {
+                      list.push(item);
+                      (_a = item.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
+                        list.push(Object.assign(Object.assign({}, item), {
+                          realId: item.id,
+                          id: (0,external_shared_namespaceObject.random)(10),
+                          value: child
+                        }));
+                      });
+                      list.push(Object.assign(Object.assign({}, item), {
+                        realId: item.id,
+                        id: (0,external_shared_namespaceObject.random)(10),
+                        value: {
+                          id: keyword.value,
+                          name: keyword.value
+                        }
+                      }));
+                    } else {
+                      (_b = item.children) === null || _b === void 0 ? void 0 : _b.forEach(function (child) {
+                        if (child.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase())) {
+                          list.push(Object.assign(Object.assign({}, item), {
+                            realId: item.id,
+                            id: (0,external_shared_namespaceObject.random)(10),
+                            value: child
+                          }));
+                        }
+                      });
+                      list.push(Object.assign(Object.assign({}, item), {
+                        value: {
+                          id: keyword.value,
+                          name: keyword.value
+                        }
+                      }));
+                    }
+                  });
+                } else if (usingItem.value.type === 'condition') {
+                  list = props.conditions;
+                } else if (!((_e = usingItem.value.values) === null || _e === void 0 ? void 0 : _e.length) || usingItem.value.multiple || props.mode === SearchInputMode.EDIT) {
+                  list = usingItem.value.children.filter(function (item) {
+                    return item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
+                  });
+                }
+
+              case 10:
+                menuList.value = list;
+
+                if (props.valueBehavior === ValueBehavior.NEEDKEY) {
+                  hoverItem = list.find(function (item) {
+                    return !item.disabled;
+                  });
+
+                  if (hoverItem && (!menuHoverId.value || menuHoverId.value && !list.some(function (item) {
+                    return item.id === menuHoverId.value;
+                  }))) {
+                    menuHoverId.value = hoverItem.id;
+                  }
+                }
+
+              case 12:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5);
+      }));
+    }
+
+    function setSelectedItem(item) {
+      emit('add', item !== null && item !== void 0 ? item : usingItem.value);
+      usingItem.value = null;
+      keyword.value = '';
+      setInputFocus(props.valueBehavior === ValueBehavior.NEEDKEY);
+    }
+
+    function clearInput() {
+      var text = inputRef.value.innerText;
+
+      if (text[text.length - 1] === '\n' || text[0] === '\r') {
+        setInputText(text.slice(0, -1));
+        clearInput();
+      } else if (text[0] === '\n' || text[0] === '\r') {
+        setInputText(text.slice(1));
+        clearInput();
+      }
+    }
+
+    function setInputText() {
+      var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+      var _a;
+
+      if (inputRef.value) {
+        inputRef.value.innerHTML = text || ((_a = usingItem.value) === null || _a === void 0 ? void 0 : _a.inputInnerHtml) || '';
+      }
+    } // expose
+
+
+    expose({
+      handleInputFocus: handleInputFocus,
+      isFocus: isFocus
+    });
+    return {
+      popoverRef: popoverRef,
+      inputRef: inputRef,
+      keyword: keyword,
+      loading: loading,
+      remoteMenuList: remoteMenuList,
+      menuList: menuList,
+      menuHoverId: menuHoverId,
+      isFocus: isFocus,
+      usingItem: usingItem,
+      showPopover: showPopover,
+      showNoSelectValueError: showNoSelectValueError,
+      debounceSetMenuList: debounceSetMenuList,
+      documentArrowEvent: documentArrowEvent,
+      handleClickOutside: handleClickOutside,
+      handleInputFocus: handleInputFocus,
+      handleInputChange: handleInputChange,
+      handleInputKeyup: handleInputKeyup,
+      handleSelectItem: handleSelectItem,
+      handleSelectCondtionItem: handleSelectCondtionItem,
+      handleMenuFooterClick: handleMenuFooterClick
+    };
+  },
+  render: function render() {
+    var _this = this;
+
+    var _a, _b;
+
+    var _ref2 = this.usingItem || {},
+        multiple = _ref2.multiple,
+        values = _ref2.values,
+        placeholder = _ref2.placeholder,
+        inputInnerHtml = _ref2.inputInnerHtml;
+
+    var showInputAfter = !((_a = this.keyword) === null || _a === void 0 ? void 0 : _a.length) && !(values === null || values === void 0 ? void 0 : values.length) && placeholder;
+    var showPopover = this.loading || this.showNoSelectValueError || this.showPopover && !!((_b = this.menuList) === null || _b === void 0 ? void 0 : _b.length);
+    var showCondition = !this.usingItem && this.showCondition;
+    var menuSlots = Object.assign({}, this.$slots.menu ? {
+      "default": function _default(data) {
+        var _a, _b;
+
+        return (_b = (_a = _this.$slots).menu) === null || _b === void 0 ? void 0 : _b.call(_a, data);
+      }
+    } : {});
+
+    var inputContent = function inputContent() {
+      var _a;
+
+      return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
+        "ref": "inputRef",
+        "class": {
+          'div-input': true,
+          'input-before': _this.showInputBefore && !((_a = _this.keyword) === null || _a === void 0 ? void 0 : _a.length),
+          'input-after': showInputAfter
+        },
+        "contenteditable": true,
+        "data-placeholder": !inputInnerHtml && !_this.keyword ? '请选择' : '',
+        "data-tips": placeholder || '',
+        "spellcheck": "false",
+        "onFocus": _this.handleInputFocus,
+        "onInput": _this.handleInputChange,
+        "onKeydown": _this.handleInputKeyup
+      }, null), [[(0,external_vue_namespaceObject.resolveDirective)("clickoutside"), _this.handleClickOutside]]);
+    };
+
+    var popoverContent = function popoverContent() {
+      var _a;
+
+      if (_this.loading) {
+        return (0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createTextVNode)("\u52A0\u8F7D\u4E2D...")]);
+      }
+
+      if (_this.showNoSelectValueError) {
+        return (0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createTextVNode)("\u5305\u542B\u952E\u503C\u7684\u8FC7\u6EE4\u67E5\u8BE2\u5FC5\u987B\u6709\u4E00\u4E2A\u503C")]);
+      }
+
+      return ((_a = _this.menuList) === null || _a === void 0 ? void 0 : _a.length) ? (0,external_vue_namespaceObject.createVNode)("div", {
+        "ref": "popoverRef",
+        "class": "bk-search-select-popover"
+      }, [(0,external_vue_namespaceObject.createVNode)(menu, {
+        "list": _this.menuList,
+        "keyword": _this.keyword,
+        "multiple": !!multiple,
+        "hoverId": _this.menuHoverId,
+        "selected": (values === null || values === void 0 ? void 0 : values.map(function (item) {
+          return item.id;
+        })) || [],
+        "conditions": showCondition ? _this.conditions : [],
+        "onSelectItem": _this.handleSelectItem,
+        "onSelectCondition": _this.handleSelectCondtionItem,
+        "onFooterClick": _this.handleMenuFooterClick
+      }, Object.assign({}, menuSlots))]) : undefined;
+    };
+
+    return (0,external_vue_namespaceObject.createVNode)(external_popover_namespaceObject["default"], {
+      "trigger": 'manual',
+      "theme": 'light',
+      "placement": 'bottom-start',
+      "arrow": false,
+      "disableOutsideClick": true,
+      "isShow": showPopover
+    }, {
+      "default": inputContent,
+      content: popoverContent
+    });
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/search-select/src/selected.tsx
+
+
+/*
+* Tencent is pleased to support the open source community by making
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+*
+* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+*
+* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+*
+* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+*
+* ---------------------------------------------------
+* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+*
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+* the Software.
+*
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+* IN THE SOFTWARE.
+*/
+
+
+
+
+;
+/* harmony default export */ const selected = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'SearchSelected',
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    selectedList: {
+      type: Array,
+      required: true
+    },
+    overflowIndex: {
+      type: Number,
+      "default": -1
+    },
+    conditions: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    getMenuList: Function,
+    validateValues: Function,
+    valueBehavior: String
+  },
+  emits: ['delete'],
+  setup: function setup(_props, _ref) {
+    var emit = _ref.emit;
+    var inputRef = (0,external_vue_namespaceObject.ref)(null);
+
+    var _useSearchSelectInjec = useSearchSelectInject(),
+        onEditClick = _useSearchSelectInjec.onEditClick,
+        onEditEnter = _useSearchSelectInjec.onEditEnter,
+        onEditBlur = _useSearchSelectInjec.onEditBlur,
+        editKey = _useSearchSelectInjec.editKey,
+        valueSplitCode = _useSearchSelectInjec.valueSplitCode;
+
+    function handleDeleteSelected(index) {
+      emit('delete', index);
+    }
+
+    function handleEditSeleted(e, item, index) {
+      e.preventDefault();
+      e.stopPropagation();
+      onEditClick(item, index); // magic code
+
+      setTimeout(function () {
+        return inputRef.value.handleInputFocus();
+      }, 200);
+    }
+
+    ;
+
+    function handleAddSelected(item, index) {
+      onEditEnter(item, index);
+    }
+
+    function handleInputFocus(isFocus) {
+      if (isFocus) return;
+      onEditBlur();
+    }
+
+    function handleInputOutside() {
+      return true;
+    }
+
+    function copySeletedItem(item) {
+      var newItem = new SelectedItem(item.searchItem, item.type, valueSplitCode.value);
+      newItem.values = item.values.slice();
+      return newItem;
+    }
+
+    return {
+      inputRef: inputRef,
+      editKey: editKey,
+      copySeletedItem: copySeletedItem,
+      handleDeleteSelected: handleDeleteSelected,
+      handleEditSeleted: handleEditSeleted,
+      handleInputOutside: handleInputOutside,
+      handleAddSelected: handleAddSelected,
+      handleInputFocus: handleInputFocus
+    };
+  },
+  render: function render() {
+    var _this = this;
+
+    var contentComponent = function contentComponent(item, index) {
+      return _this.editKey === "".concat(item.id, "_").concat(index) ? (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "selected-input",
+        "key": _this.editKey.toString()
+      }, [(0,external_vue_namespaceObject.createVNode)(input, {
+        "ref": "inputRef",
+        "key": _this.editKey.toString(),
+        "mode": SearchInputMode.EDIT,
+        "data": _this.data,
+        "showCondition": false,
+        "conditions": _this.conditions,
+        "defautUsingItem": _this.copySeletedItem(item),
+        "clickOutside": _this.handleInputOutside,
+        "getMenuList": _this.getMenuList,
+        "validateValues": _this.validateValues,
+        "valueBehavior": _this.valueBehavior,
+        "onAdd": function onAdd(v) {
+          return _this.handleAddSelected(v, index);
+        },
+        "onFocus": _this.handleInputFocus
+      }, null)]) : (0,external_vue_namespaceObject.createVNode)("li", {
+        "class": "search-container-selected ".concat(!(_this.overflowIndex >= 0 ? index < _this.overflowIndex : index >= 0) ? 'hidden-selected' : ''),
+        "key": "".concat(item.id, "_").concat(index)
+      }, [(0,external_vue_namespaceObject.createVNode)("span", {
+        "class": "selected-name",
+        "onClick": function onClick(e) {
+          return _this.handleEditSeleted(e, item, index);
+        }
+      }, [item.inputInnerText]), (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Error, {
+        "class": "selected-clear",
+        "onClick": function onClick() {
+          return _this.handleDeleteSelected(index);
+        }
+      }, null)]);
+    };
+
+    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [this.selectedList.map(function (item, index) {
+      return [_this.overflowIndex >= 0 && index === _this.overflowIndex && (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "search-container-selected overflow-selected"
+      }, [(0,external_vue_namespaceObject.createTextVNode)("+"), _this.selectedList.length - _this.overflowIndex]), contentComponent(item, index)];
+    })]);
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/search-select/src/search-select.tsx
+
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+*/
+
+
+
+
+
+
+
+
+var INPUT_PADDING_WIDTH = 40;
+var SELETED_MARGING_RIGHT = 6;
+var SearchSelectProps = {
+  data: {
+    type: Array,
+    "default": function _default() {
+      return [];
+    }
+  },
+  modelValue: {
+    type: Array,
+    "default": function _default() {
+      return [];
+    }
+  },
+  shrink: {
+    type: Boolean,
+    "default": true
+  },
+  maxHeight: {
+    type: Number,
+    "default": 120
+  },
+  minHeight: {
+    type: Number,
+    "default": 26
+  },
+  conditions: {
+    type: Array,
+    "default": function _default() {
+      return [{
+        id: 'or',
+        name: '或'
+      }, {
+        id: 'and',
+        name: '且'
+      }];
+    }
+  },
+  clearable: {
+    type: Boolean,
+    "default": true
+  },
+  getMenuList: Function,
+  validateValues: Function,
+  valueSplitCode: {
+    type: String,
+    "default": '|'
+  },
+  uniqueSelect: {
+    type: Boolean,
+    "default": false
+  },
+  valueBehavior: {
+    type: String,
+    "default": ValueBehavior.ALL,
+    validator: function validator(v) {
+      return [ValueBehavior.ALL, ValueBehavior.NEEDKEY].includes(v);
+    }
+  }
+};
+/* harmony default export */ const search_select = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'SearchSelect',
+  directives: {
+    clickoutside: external_directives_namespaceObject.clickoutside
+  },
+  props: SearchSelectProps,
+  emits: ['update:modelValue'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    // refs
+    var inputRef = (0,external_vue_namespaceObject.ref)(null);
+    var wrapRef = (0,external_vue_namespaceObject.ref)(null); // vars
+
+    var isFocus = (0,external_vue_namespaceObject.ref)(false);
+    var selectedList = (0,external_vue_namespaceObject.ref)([]);
+    var overflowIndex = (0,external_vue_namespaceObject.ref)(-1);
+    var debounceResize = (0,external_shared_namespaceObject.debounce)(32, handleResize);
+    var editKey = (0,external_vue_namespaceObject.ref)('');
+    var validateStr = (0,external_vue_namespaceObject.ref)('');
+    var splitCode = (0,external_vue_namespaceObject.computed)(function () {
+      return props.valueSplitCode;
+    });
+    var copyData = (0,external_vue_namespaceObject.shallowRef)([]);
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.data;
+    }, function () {
+      var _a;
+
+      copyData.value = JSON.parse(JSON.stringify(props.data));
+      (_a = copyData.value) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+        item.isSelected = props.uniqueSelect && !!props.modelValue.some(function (set) {
+          return set.id === item.id;
+        });
+      });
+    }, {
+      immediate: true
+    }); // effects
+
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.modelValue;
+    }, function (v) {
+      var _a, _b;
+
+      if (!(v === null || v === void 0 ? void 0 : v.length)) {
+        selectedList.value = [];
+        (_a = copyData.value) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+          item.isSelected = false;
+        });
+        return;
+      }
+
+      var list = [];
+      v.forEach(function (item) {
+        var _a;
+
+        var seleted = selectedList.value.find(function (set) {
+          return set.id === item.id && set.name === item.name;
+        });
+
+        if ((seleted === null || seleted === void 0 ? void 0 : seleted.toValueKey()) === JSON.stringify(item)) {
+          seleted.values = item.values || [];
+          list.push(seleted);
+        } else {
+          var searchItem = props.data.find(function (set) {
+            return set.id === item.id;
+          });
+          var searchType = 'default';
+
+          if (!searchItem) {
+            searchItem = props.conditions.find(function (set) {
+              return set.id === item.id;
+            });
+            searchItem && (searchType = 'condition');
+          }
+
+          if (!searchItem && !((_a = item.values) === null || _a === void 0 ? void 0 : _a.length)) {
+            searchType = 'text';
+          }
+
+          var newSelected = new SelectedItem(searchItem || item, searchType, splitCode.value);
+          newSelected.values = item.values || [];
+          list.push(newSelected);
+        }
+      });
+      selectedList.value = list;
+      (_b = copyData.value) === null || _b === void 0 ? void 0 : _b.forEach(function (item) {
+        item.isSelected = props.uniqueSelect && !!list.some(function (set) {
+          return set.id === item.id;
+        });
+      });
+    }, {
+      immediate: true,
+      deep: true
+    }); // life hooks
+
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      addListener(wrapRef.value.querySelector('.bk-search-select-container'), debounceResize);
+    });
+    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+      removeListener(wrapRef.value.querySelector('.bk-search-select-container'), debounceResize);
+    }); // edit item
+
+    useSearchSelectProvider({
+      onEditClick: onEditClick,
+      onEditEnter: onEditEnter,
+      onEditBlur: onEditBlur,
+      onValidate: onValidate,
+      editKey: editKey,
+      valueSplitCode: splitCode
+    });
+
+    function onEditClick(item, index) {
+      editKey.value = "".concat(item.id, "_").concat(index);
+    }
+
+    function onEditEnter(item, index) {
+      var list = selectedList.value.slice();
+      list.splice(index, 1, item);
+      emit('update:modelValue', list.map(function (item) {
+        return item.toValue();
+      }));
+      editKey.value = '';
+    }
+
+    function onEditBlur() {
+      editKey.value = '';
+      onValidate('');
+    }
+
+    function onValidate(str) {
+      validateStr.value = str || '';
+    } // events
+
+
+    function handleResize() {
+      if (isFocus.value || selectedList.value.length < 1) {
+        overflowIndex.value = -1;
+        return;
+      }
+
+      var inputEl = wrapRef.value.querySelector('.bk-search-select-container');
+      var maxWidth = wrapRef.value.querySelector('.search-container').clientWidth - SELETED_MARGING_RIGHT - 2;
+      var tagList = inputEl.querySelectorAll('.search-container-selected:not(.overflow-selected)');
+      var width = 0;
+      var index = 0;
+      var i = 0;
+
+      while (index === 0 && width <= maxWidth - INPUT_PADDING_WIDTH && i <= tagList.length - 1) {
+        var el = tagList[i];
+
+        if (el.clientHeight > props.minHeight) {
+          overflowIndex.value = i;
+          return;
+        }
+
+        width += el ? el.clientWidth + SELETED_MARGING_RIGHT : 0;
+
+        if (width >= maxWidth - INPUT_PADDING_WIDTH) {
+          index = i;
+        }
+
+        ;
+        i += 1;
+      }
+
+      if (index === tagList.length - 1 && width <= maxWidth) {
+        overflowIndex.value = -1;
+        return;
+      }
+
+      overflowIndex.value = width >= maxWidth - INPUT_PADDING_WIDTH ? index : index - 1;
+    }
+
+    function handleWrapClick() {
+      if (!editKey.value) {
+        inputRef.value.handleInputFocus();
+      }
+    }
+
+    function handleClearAll() {
+      selectedList.value = [];
+      overflowIndex.value = -1;
+      emit('update:modelValue', []);
+    }
+
+    function handleInputOutside(target) {
+      var _a;
+
+      return !((_a = wrapRef.value) === null || _a === void 0 ? void 0 : _a.contains(target));
+    }
+
+    function handleAddSelected(item) {
+      var list = selectedList.value.slice();
+      list.push(item);
+      onValidate('');
+      emit('update:modelValue', list.map(function (item) {
+        return item.toValue();
+      }));
+    }
+
+    function handleDeleteSelected(index) {
+      var list = selectedList.value.slice();
+      list.splice(typeof index === 'number' ? index : selectedList.value.length - 1, 1);
+      onValidate('');
+      emit('update:modelValue', list.map(function (item) {
+        return item.toValue();
+      }));
+    }
+
+    function handleInputFocus(v) {
+      v && (overflowIndex.value = -1);
+      isFocus.value = v;
+    }
+
+    return {
+      inputRef: inputRef,
+      wrapRef: wrapRef,
+      isFocus: isFocus,
+      copyData: copyData,
+      selectedList: selectedList,
+      overflowIndex: overflowIndex,
+      validateStr: validateStr,
+      splitCode: splitCode,
+      onEditClick: onEditClick,
+      onEditEnter: onEditEnter,
+      handleWrapClick: handleWrapClick,
+      handleInputFocus: handleInputFocus,
+      handleResize: handleResize,
+      handleClearAll: handleClearAll,
+      handleInputOutside: handleInputOutside,
+      handleAddSelected: handleAddSelected,
+      handleDeleteSelected: handleDeleteSelected
+    };
+  },
+  render: function render() {
+    var _this = this;
+
+    var _a, _b; // vars
+
+
+    var maxHeight = "".concat(!this.shrink || this.isFocus ? this.maxHeight : this.minHeight, "px");
+    var showCondition = !!this.selectedList.length && this.selectedList.slice(-1)[0].type !== 'condition';
+    var menuSlots = Object.assign({}, this.$slots.menu ? {
+      menu: function menu(data) {
+        var _a, _b;
+
+        return (_b = (_a = _this.$slots).menu) === null || _b === void 0 ? void 0 : _b.call(_a, data);
+      }
+    } : {}); // render
+
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "bk-search-select",
+      "ref": "wrapRef"
+    }, [(0,external_vue_namespaceObject.createVNode)("div", {
+      "class": {
+        'bk-search-select-container': true,
+        'is-focus': this.isFocus
+      },
+      "onClick": this.handleWrapClick
+    }, [(0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "search-prefix"
+    }, [(_b = (_a = this.$slots).prepend) === null || _b === void 0 ? void 0 : _b.call(_a)]), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "search-container",
+      "style": {
+        maxHeight: maxHeight
+      }
+    }, [(0,external_vue_namespaceObject.createVNode)(selected, {
+      "data": this.copyData,
+      "conditions": this.conditions,
+      "selectedList": this.selectedList,
+      "overflowIndex": this.overflowIndex,
+      "getMenuList": this.getMenuList,
+      "validateValues": this.validateValues,
+      "valueBehavior": this.valueBehavior,
+      "onDelete": this.handleDeleteSelected
+    }, Object.assign({}, menuSlots)), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "search-container-input"
+    }, [(0,external_vue_namespaceObject.createVNode)(input, {
+      "ref": "inputRef",
+      "data": this.copyData,
+      "showInputBefore": !this.selectedList.length,
+      "showCondition": showCondition,
+      "conditions": this.conditions,
+      "clickOutside": this.handleInputOutside,
+      "getMenuList": this.getMenuList,
+      "validateValues": this.validateValues,
+      "valueBehavior": this.valueBehavior,
+      "onAdd": this.handleAddSelected,
+      "onDelete": this.handleDeleteSelected,
+      "onFocus": this.handleInputFocus
+    }, Object.assign({}, menuSlots))])]), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "search-nextfix"
+    }, [this.clearable && !!this.selectedList.length && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Close, {
+      "class": "search-clear",
+      "onClick": this.handleClearAll
+    }, null), this.$slots.append ? this.$slots.append() : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Search, {
+      "class": "search-nextfix-icon ".concat(this.isFocus ? 'is-focus' : '')
+    }, null)])]), !!this.validateStr.length && (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "bk-search-select-tips"
+    }, [this.$slots.validate ? this.$slots.validate() : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.ExclamationCircleShape, {
+      "class": "select-tips"
+    }, null), this.validateStr || ''])])]);
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/search-select/src/index.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+*/
+
+
+var BkSearchSelect = (0,external_shared_namespaceObject.withInstall)(search_select);
+/* harmony default export */ const src = (BkSearchSelect);
+
+})();
+
+var __webpack_exports__BkSearchSelect = __webpack_exports__.r;
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__BkSearchSelect as BkSearchSelect, __webpack_exports__default as default };