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

package/lib/shared/index.js

@@ -0,0 +1,2838 @@
+import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+/******/ var __webpack_modules__ = ({
+
+/***/ 8022:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var v1 = __webpack_require__(4481);
+var v4 = __webpack_require__(6426);
+
+var uuid = v4;
+uuid.v1 = v1;
+uuid.v4 = v4;
+
+module.exports = uuid;
+
+
+/***/ }),
+
+/***/ 8725:
+/***/ ((module) => {
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex[i] = (i + 0x100).toString(16).substr(1);
+}
+
+function bytesToUuid(buf, offset) {
+  var i = offset || 0;
+  var bth = byteToHex;
+  // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4
+  return ([
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]]
+  ]).join('');
+}
+
+module.exports = bytesToUuid;
+
+
+/***/ }),
+
+/***/ 9157:
+/***/ ((module) => {
+
+// Unique ID creation requires a high quality random # generator.  In the
+// browser this is a little complicated due to unknown quality of Math.random()
+// and inconsistent support for the `crypto` API.  We do the best we can via
+// feature-detection
+
+// getRandomValues needs to be invoked in a context where "this" is a Crypto
+// implementation. Also, find the complete implementation of crypto on IE11.
+var getRandomValues = (typeof(crypto) != 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto)) ||
+                      (typeof(msCrypto) != 'undefined' && typeof window.msCrypto.getRandomValues == 'function' && msCrypto.getRandomValues.bind(msCrypto));
+
+if (getRandomValues) {
+  // WHATWG crypto RNG - http://wiki.whatwg.org/wiki/Crypto
+  var rnds8 = new Uint8Array(16); // eslint-disable-line no-undef
+
+  module.exports = function whatwgRNG() {
+    getRandomValues(rnds8);
+    return rnds8;
+  };
+} else {
+  // Math.random()-based (RNG)
+  //
+  // If all else fails, use Math.random().  It's fast, but is of unspecified
+  // quality.
+  var rnds = new Array(16);
+
+  module.exports = function mathRNG() {
+    for (var i = 0, r; i < 16; i++) {
+      if ((i & 0x03) === 0) r = Math.random() * 0x100000000;
+      rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;
+    }
+
+    return rnds;
+  };
+}
+
+
+/***/ }),
+
+/***/ 4481:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var rng = __webpack_require__(9157);
+var bytesToUuid = __webpack_require__(8725);
+
+// **`v1()` - Generate time-based UUID**
+//
+// Inspired by https://github.com/LiosK/UUID.js
+// and http://docs.python.org/library/uuid.html
+
+var _nodeId;
+var _clockseq;
+
+// Previous uuid creation time
+var _lastMSecs = 0;
+var _lastNSecs = 0;
+
+// See https://github.com/uuidjs/uuid for API details
+function v1(options, buf, offset) {
+  var i = buf && offset || 0;
+  var b = buf || [];
+
+  options = options || {};
+  var node = options.node || _nodeId;
+  var clockseq = options.clockseq !== undefined ? options.clockseq : _clockseq;
+
+  // node and clockseq need to be initialized to random values if they're not
+  // specified.  We do this lazily to minimize issues related to insufficient
+  // system entropy.  See #189
+  if (node == null || clockseq == null) {
+    var seedBytes = rng();
+    if (node == null) {
+      // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)
+      node = _nodeId = [
+        seedBytes[0] | 0x01,
+        seedBytes[1], seedBytes[2], seedBytes[3], seedBytes[4], seedBytes[5]
+      ];
+    }
+    if (clockseq == null) {
+      // Per 4.2.2, randomize (14 bit) clockseq
+      clockseq = _clockseq = (seedBytes[6] << 8 | seedBytes[7]) & 0x3fff;
+    }
+  }
+
+  // UUID timestamps are 100 nano-second units since the Gregorian epoch,
+  // (1582-10-15 00:00).  JSNumbers aren't precise enough for this, so
+  // time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'
+  // (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.
+  var msecs = options.msecs !== undefined ? options.msecs : new Date().getTime();
+
+  // Per 4.2.1.2, use count of uuid's generated during the current clock
+  // cycle to simulate higher resolution clock
+  var nsecs = options.nsecs !== undefined ? options.nsecs : _lastNSecs + 1;
+
+  // Time since last uuid creation (in msecs)
+  var dt = (msecs - _lastMSecs) + (nsecs - _lastNSecs)/10000;
+
+  // Per 4.2.1.2, Bump clockseq on clock regression
+  if (dt < 0 && options.clockseq === undefined) {
+    clockseq = clockseq + 1 & 0x3fff;
+  }
+
+  // Reset nsecs if clock regresses (new clockseq) or we've moved onto a new
+  // time interval
+  if ((dt < 0 || msecs > _lastMSecs) && options.nsecs === undefined) {
+    nsecs = 0;
+  }
+
+  // Per 4.2.1.2 Throw error if too many uuids are requested
+  if (nsecs >= 10000) {
+    throw new Error('uuid.v1(): Can\'t create more than 10M uuids/sec');
+  }
+
+  _lastMSecs = msecs;
+  _lastNSecs = nsecs;
+  _clockseq = clockseq;
+
+  // Per 4.1.4 - Convert from unix epoch to Gregorian epoch
+  msecs += 12219292800000;
+
+  // `time_low`
+  var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;
+  b[i++] = tl >>> 24 & 0xff;
+  b[i++] = tl >>> 16 & 0xff;
+  b[i++] = tl >>> 8 & 0xff;
+  b[i++] = tl & 0xff;
+
+  // `time_mid`
+  var tmh = (msecs / 0x100000000 * 10000) & 0xfffffff;
+  b[i++] = tmh >>> 8 & 0xff;
+  b[i++] = tmh & 0xff;
+
+  // `time_high_and_version`
+  b[i++] = tmh >>> 24 & 0xf | 0x10; // include version
+  b[i++] = tmh >>> 16 & 0xff;
+
+  // `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)
+  b[i++] = clockseq >>> 8 | 0x80;
+
+  // `clock_seq_low`
+  b[i++] = clockseq & 0xff;
+
+  // `node`
+  for (var n = 0; n < 6; ++n) {
+    b[i + n] = node[n];
+  }
+
+  return buf ? buf : bytesToUuid(b);
+}
+
+module.exports = v1;
+
+
+/***/ }),
+
+/***/ 6426:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var rng = __webpack_require__(9157);
+var bytesToUuid = __webpack_require__(8725);
+
+function v4(options, buf, offset) {
+  var i = buf && offset || 0;
+
+  if (typeof(options) == 'string') {
+    buf = options === 'binary' ? new Array(16) : null;
+    options = null;
+  }
+  options = options || {};
+
+  var rnds = options.random || (options.rng || rng)();
+
+  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+  rnds[6] = (rnds[6] & 0x0f) | 0x40;
+  rnds[8] = (rnds[8] & 0x3f) | 0x80;
+
+  // Copy bytes to buffer, if provided
+  if (buf) {
+    for (var ii = 0; ii < 16; ++ii) {
+      buf[i + ii] = rnds[ii];
+    }
+  }
+
+  return buf || bytesToUuid(rnds);
+}
+
+module.exports = v4;
+
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // 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/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__, {
+  "oY": () => (/* reexport */ AlignEnum),
+  "p3": () => (/* reexport */ BKLAYERD_INDEX_EFAULT_VALUE),
+  "Ql": () => (/* reexport */ BKLAYERTYPE),
+  "Eo": () => (/* reexport */ BKPopIndexManager),
+  "mZ": () => (/* reexport */ BKPopover),
+  "Wg": () => (/* reexport */ BkMaskManager),
+  "_D": () => (/* reexport */ DialogTypeEnum),
+  "dq": () => (/* reexport */ DirectionEnum),
+  "kT": () => (/* binding */ EMPTY_OBJ),
+  "WF": () => (/* reexport */ InputBehaviorEnum),
+  "Gl": () => (/* reexport */ InputBehaviorType),
+  "VS": () => (/* reexport */ LineStyleEnum),
+  "Um": () => (/* reexport */ PlacementEnum),
+  "_h": () => (/* reexport */ Placements),
+  "ng": () => (/* reexport */ PropTypes),
+  "Pi": () => (/* reexport */ RenderDirectiveEnum),
+  "y2": () => (/* reexport */ RenderType),
+  "mO": () => (/* reexport */ SizeEnum),
+  "XR": () => (/* reexport */ TagThemeEnum),
+  "gg": () => (/* reexport */ TagThemeType),
+  "bY": () => (/* reexport */ ThemeEnum),
+  "os": () => (/* reexport */ TriggerEnum),
+  "WW": () => (/* reexport */ alignType),
+  "h6": () => (/* binding */ arrayEqual),
+  "Lx": () => (/* reexport */ bKMaskManager),
+  "aR": () => (/* reexport */ bkPopIndexManager),
+  "ue": () => (/* reexport */ bkZIndexManager),
+  "kC": () => (/* reexport */ capitalize),
+  "ao": () => (/* reexport */ checkOverflow),
+  "Sh": () => (/* binding */ classes),
+  "d9": () => (/* reexport */ clone),
+  "Ds": () => (/* binding */ debounce),
+  "ou": () => (/* reexport */ dialogTypeUnion),
+  "zo": () => (/* reexport */ directionType),
+  "cA": () => (/* reexport */ elementsEqual),
+  "w$": () => (/* binding */ filterProperty),
+  "b_": () => (/* reexport */ finiteOrDefault),
+  "xE": () => (/* reexport */ formItemKey),
+  "vh": () => (/* reexport */ formKey),
+  "ks": () => (/* reexport */ getPopContainerId),
+  "Hv": () => (/* reexport */ hasOverflowEllipsis),
+  "kJ": () => (/* reexport */ isArray),
+  "kK": () => (/* reexport */ helper_isElement),
+  "xb": () => (/* reexport */ isEmpty),
+  "SI": () => (/* binding */ isEmptyObj),
+  "xV": () => (/* reexport */ isNumberFinite),
+  "sS": () => (/* reexport */ isNullOrUndef),
+  "Kn": () => (/* reexport */ isObject),
+  "zW": () => (/* reexport */ lineStyleType),
+  "oq": () => (/* reexport */ maybeShowTooltip),
+  "TS": () => (/* reexport */ merge),
+  "NG": () => (/* reexport */ mergeIf),
+  "WC": () => (/* reexport */ mergerFn),
+  "Zd": () => (/* reexport */ mergerIfFn),
+  "ZT": () => (/* binding */ noop),
+  "z3": () => (/* reexport */ observerResize),
+  "S1": () => (/* reexport */ off),
+  "on": () => (/* reexport */ on),
+  "Tf": () => (/* reexport */ placementType),
+  "MX": () => (/* reexport */ random),
+  "OB": () => (/* reexport */ renderDirectiveType),
+  "Ay": () => (/* binding */ renderEmptyVNode),
+  "wB": () => (/* reexport */ renderType),
+  "h5": () => (/* binding */ resolveClassName),
+  "SM": () => (/* reexport */ scrollTop),
+  "LF": () => (/* reexport */ scrollbarWidth),
+  "b": () => (/* reexport */ stringEnum),
+  "_7": () => (/* reexport */ triggerType),
+  "cI": () => (/* reexport */ useForm),
+  "A9": () => (/* reexport */ useFormItem),
+  "Be": () => (/* reexport */ valueOrDefault),
+  "nz": () => (/* binding */ withInstall),
+  "B": () => (/* binding */ withInstallProps)
+});
+
+;// 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: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/z-index-manager.ts
+
+
+
+
+var _BKLAYERD_INDEX_EFAUL;
+
+/**
+ * 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 BKLAYERTYPE;
+
+(function (BKLAYERTYPE) {
+  /** 网站内容的背景、拓扑的画布等 */
+  BKLAYERTYPE["BOTTOM"] = "bottom";
+  /** 页面呈现的各类内容 */
+
+  BKLAYERTYPE["CONTENT"] = "content";
+  /** 顶部导航、侧边导航以及用户信息等 */
+
+  BKLAYERTYPE["NAVI"] = "navi";
+  /** 页面需全屏操作的部分功能或编辑器的全屏模式 */
+
+  BKLAYERTYPE["FULLSCREEN"] = "fullScreen";
+  /** 各类功能插件 */
+
+  BKLAYERTYPE["PLUGINS"] = "plugins";
+  /** 各类弹窗或抽屉（非模态弹窗不考虑） */
+
+  BKLAYERTYPE["MODAL"] = "modal";
+  /** 各类消息提示 */
+
+  BKLAYERTYPE["MESSAGE"] = "message";
+  /** 各类popper提示 */
+
+  BKLAYERTYPE["POPPER"] = "popper";
+})(BKLAYERTYPE || (BKLAYERTYPE = {}));
+/** 定义不同分层默认值 */
+
+
+var BKLAYERD_INDEX_EFAULT_VALUE = (_BKLAYERD_INDEX_EFAUL = {}, _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.BOTTOM, 0), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.CONTENT, 1), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.NAVI, 100), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.FULLSCREEN, 1000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.MODAL, 3000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.PLUGINS, 8000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.MESSAGE, 10000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.POPPER, 99999), _BKLAYERD_INDEX_EFAUL);
+
+var BKZIndexManager = /*#__PURE__*/function () {
+  function BKZIndexManager() {
+    _classCallCheck(this, BKZIndexManager);
+
+    this.storageLayerIndexValue = {};
+    this.copyDefaultValue();
+  }
+  /**
+   *
+   * @param type
+   * @returns
+   */
+
+
+  _createClass(BKZIndexManager, [{
+    key: "getNextIndex",
+    value: function getNextIndex(type) {
+      if (Object.prototype.hasOwnProperty.call(this.storageLayerIndexValue, type)) {
+        this.storageLayerIndexValue[type] = this.storageLayerIndexValue[type] + 1;
+        return this.storageLayerIndexValue[type];
+      }
+
+      this.storageLayerIndexValue[BKLAYERTYPE.MODAL] = this.storageLayerIndexValue[BKLAYERTYPE.MODAL] + 1;
+      return this.storageLayerIndexValue[BKLAYERTYPE.MODAL];
+    }
+    /** 获取弹窗类型最新zIndex的值 */
+
+  }, {
+    key: "getModalNextIndex",
+    value: function getModalNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.MODAL);
+    }
+    /** 获取Message类型最新zIndex的值 */
+
+  }, {
+    key: "getMessageNextIndex",
+    value: function getMessageNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.MESSAGE);
+    }
+    /** 获取全屏类型最新zIndex的值 */
+
+  }, {
+    key: "getFullScreenNextIndex",
+    value: function getFullScreenNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.FULLSCREEN);
+    }
+    /** 获取导航类型最新zIndex的值 */
+
+  }, {
+    key: "getNaviNextIndex",
+    value: function getNaviNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.NAVI);
+    }
+    /** 获取导航类型最新zIndex的值 */
+
+  }, {
+    key: "getPopperIndex",
+    value: function getPopperIndex() {
+      return BKLAYERD_INDEX_EFAULT_VALUE.popper;
+    }
+    /**
+     * 更新自定义默认zIndex配置
+     * @param config 配置项
+     */
+
+  }, {
+    key: "setDefaultZIndex",
+    value: function setDefaultZIndex(config) {
+      var _this = this;
+
+      Object.keys(config || {}).forEach(function (key) {
+        if (Object.prototype.hasOwnProperty.call(_this.storageLayerIndexValue.__proto__, key)) {
+          Object.assign(_this.storageLayerIndexValue.__proto__, _defineProperty({}, key, config[key]));
+        }
+      });
+      this.copyDefaultValue();
+    }
+    /**
+     * 重置zIndex
+     * @param config 配置项
+     */
+
+  }, {
+    key: "resetZIndex",
+    value: function resetZIndex(config) {
+      var _this2 = this;
+
+      Object.keys(config || {}).forEach(function (key) {
+        if (Object.prototype.hasOwnProperty.call(_this2.storageLayerIndexValue, key)) {
+          Object.assign(_this2.storageLayerIndexValue, _defineProperty({}, key, config[key]));
+        }
+      });
+    }
+    /**
+     * 根据默认设置创建副本
+     */
+
+  }, {
+    key: "copyDefaultValue",
+    value: function copyDefaultValue() {
+      var properties = Object.keys(BKLAYERD_INDEX_EFAULT_VALUE).reduce(function (props, key) {
+        return Object.assign(props, _defineProperty({}, key, {
+          value: BKLAYERD_INDEX_EFAULT_VALUE[key],
+          writable: true,
+          configurable: true
+        }));
+      }, {});
+      this.storageLayerIndexValue = Object.create(BKLAYERD_INDEX_EFAULT_VALUE, properties);
+    }
+  }]);
+
+  return BKZIndexManager;
+}();
+
+var bkZIndexManager = new BKZIndexManager();
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+// EXTERNAL MODULE: ../../node_modules/uuid/index.js
+var uuid = __webpack_require__(8022);
+;// CONCATENATED MODULE: external "@popperjs/core"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const core_namespaceObject = x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+;// CONCATENATED MODULE: ../../packages/shared/src/helper.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.
+*/
+
+/* eslint-disable no-underscore-dangle */
+
+/**
+ * Returns true if `value` is neither null nor undefined, else returns false.
+ * @param {*} value - The value to test.
+ * @returns {boolean}
+ * @since 2.7.0
+ */
+function isNullOrUndef(value) {
+  return value === null || typeof value === 'undefined';
+}
+function isEmpty(value) {
+  var IncludeNullUndefined = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  return value === '' || (IncludeNullUndefined ? isNullOrUndef(value) : false);
+}
+/**
+ * Returns true if `value` is an array (including typed arrays), else returns false.
+ * @param {*} value - The value to test.
+ * @returns {boolean}
+ * @function
+ */
+
+function isArray(value) {
+  if (Array.isArray(value)) {
+    return true;
+  }
+
+  var type = Object.prototype.toString.call(value);
+
+  if (type.substr(0, 7) === '[object' && type.substr(-6) === 'Array]') {
+    return true;
+  }
+
+  return false;
+}
+/**
+ * Returns true if `value` is an object (excluding null), else returns false.
+ * @param {*} value - The value to test.
+ * @returns {boolean}
+ * @since 2.7.0
+ */
+
+function isObject(value) {
+  return value !== null && /^\[object (Object|Module)\]/.test(Object.prototype.toString.call(value));
+}
+/**
+ * Returns true if `value` is a finite number, else returns false
+ * @param {*} value  - The value to test.
+ * @returns {boolean}
+ */
+
+var isNumberFinite = function isNumberFinite(value) {
+  return (typeof value === 'number' || value instanceof Number) && isFinite(+value);
+};
+
+
+/**
+ * Returns `value` if finite, else returns `defaultValue`.
+ * @param {*} value - The value to return if defined.
+ * @param {*} defaultValue - The value to return if `value` is not finite.
+ * @returns {*}
+ */
+
+function finiteOrDefault(value, defaultValue) {
+  return isNumberFinite(value) ? value : defaultValue;
+}
+/**
+ * Returns `value` if defined, else returns `defaultValue`.
+ * @param {*} value - The value to return if defined.
+ * @param {*} defaultValue - The value to return if `value` is undefined.
+ * @returns {*}
+ */
+
+function valueOrDefault(value, defaultValue) {
+  return typeof value === 'undefined' ? defaultValue : value;
+}
+/**
+ * Returns true if the `a0` and `a1` arrays have the same content, else returns false.
+ * @param {Array} a0 - The array to compare
+ * @param {Array} a1 - The array to compare
+ * @returns {boolean}
+ * @private
+ */
+
+function elementsEqual(a0, a1) {
+  var i;
+  var ilen;
+  var v0;
+  var v1;
+
+  if (!a0 || !a1 || a0.length !== a1.length) {
+    return false;
+  }
+
+  for (i = 0, ilen = a0.length; i < ilen; ++i) {
+    v0 = a0[i];
+    v1 = a1[i];
+
+    if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {
+      return false;
+    }
+  }
+
+  return true;
+}
+/**
+ * Returns a deep copy of `source` without keeping references on objects and arrays.
+ * @param {*} source - The value to clone.
+ * @returns {*}
+ */
+
+function clone(source) {
+  if (isArray(source)) {
+    return source.map(clone);
+  }
+
+  if (isObject(source)) {
+    var target = Object.create(null);
+    var keys = Object.keys(source);
+    var klen = keys.length;
+    var k = 0;
+
+    for (; k < klen; ++k) {
+      target[keys[k]] = clone(source[keys[k]]);
+    }
+
+    return target;
+  }
+
+  return source;
+}
+
+function isValidKey(key) {
+  return ['__proto__', 'prototype', 'constructor'].indexOf(key) === -1;
+}
+/**
+ * The default merger when Chart.helpers.merge is called without merger option.
+ * Note(SB): also used by mergeConfig and mergeScaleConfig as fallback.
+ * @private
+ */
+
+
+function mergerFn(key, target, source, options) {
+  if (!isValidKey(key)) {
+    return;
+  }
+
+  var tval = target[key];
+  var sval = source[key];
+
+  if (isObject(tval) && isObject(sval)) {
+    // eslint-disable-next-line no-use-before-define
+    merge(tval, sval, options);
+  } else {
+    // eslint-disable-next-line no-param-reassign
+    target[key] = clone(sval);
+  }
+}
+/**
+ * Recursively deep copies `source` properties into `target` with the given `options`.
+ * IMPORTANT: `target` is not cloned and will be updated with `source` properties.
+ * @param {object} target - The target object in which all sources are merged into.
+ * @param {object|object[]} source - Object(s) to merge into `target`.
+ * @param {object} [options] - Merging options:
+ * @param {function} [options.merger] - The merge method (key, target, source, options)
+ * @returns {object} The `target` object.
+ */
+
+function merge(target, source, options) {
+  var sources = isArray(source) ? source : [source];
+  var ilen = sources.length;
+
+  if (!isObject(target)) {
+    return target;
+  } // eslint-disable-next-line no-param-reassign
+
+
+  options = options || {};
+  var merger = options.merger || mergerFn;
+
+  for (var i = 0; i < ilen; ++i) {
+    // eslint-disable-next-line no-param-reassign
+    source = sources[i];
+
+    if (!isObject(source)) {
+      continue;
+    }
+
+    var keys = Object.keys(source);
+
+    for (var k = 0, klen = keys.length; k < klen; ++k) {
+      merger(keys[k], target, source, options);
+    }
+  }
+
+  return target;
+}
+/**
+ * Recursively deep copies `source` properties into `target` *only* if not defined in target.
+ * IMPORTANT: `target` is not cloned and will be updated with `source` properties.
+ * @param {object} target - The target object in which all sources are merged into.
+ * @param {object|object[]} source - Object(s) to merge into `target`.
+ * @returns {object} The `target` object.
+ */
+
+function mergeIf(target, source) {
+  // eslint-disable-next-line no-use-before-define
+  return merge(target, source, {
+    merger: mergerIfFn
+  });
+}
+/**
+ * Merges source[key] in target[key] only if target[key] is undefined.
+ * @private
+ */
+
+function mergerIfFn(key, target, source) {
+  if (!isValidKey(key)) {
+    return;
+  }
+
+  var tval = target[key];
+  var sval = source[key];
+
+  if (isObject(tval) && isObject(sval)) {
+    mergeIf(tval, sval);
+  } else if (!Object.prototype.hasOwnProperty.call(target, key)) {
+    // eslint-disable-next-line no-param-reassign
+    target[key] = clone(sval);
+  }
+}
+/**
+ * 检查当前元素是否为Html元素
+ * @param obj
+ * @returns
+ */
+
+function helper_isElement(obj) {
+  try {
+    return obj instanceof HTMLElement;
+  } catch (e) {
+    return _typeof(obj) === 'object' && obj.nodeType === 1 && _typeof(obj.style) === 'object' && _typeof(obj.ownerDocument) === 'object';
+  }
+}
+/**
+ * Whether the text content is clipped due to CSS overflow, as in showing `...`.
+ */
+
+function hasOverflowEllipsis(element) {
+  return element.offsetWidth < element.scrollWidth || element.offsetHeight < element.scrollHeight;
+}
+/**
+ * Sets the `title` attribute in the event's element target, when the text
+ * content is clipped due to CSS overflow, as in showing `...`.
+ */
+
+function maybeShowTooltip(target, title) {
+  if (hasOverflowEllipsis(target)) {
+    target.setAttribute('title', title);
+  } else {
+    target.removeAttribute('title');
+  }
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/popover.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 BKPopover = /*#__PURE__*/function () {
+  function BKPopover(reference, popperRefer, options) {
+    _classCallCheck(this, BKPopover);
+
+    var _a, _b;
+    /** 当前提内容是否弹出 */
+
+
+    this.isShow = false;
+    /** 触发条件 */
+
+    this.trigger = undefined;
+    /** 当前popperjs实例 */
+
+    this.instance = undefined;
+    /** 是否总是可见 */
+
+    this.always = false;
+    /** Popover 外层容器，触发Pop的元素 */
+
+    this.reference = undefined;
+    /** Popover 弹出内容外层占位容器 */
+
+    this.referenceTarget = undefined;
+    /** Popover Content 外层容器，目标元素：实际弹出内容 */
+
+    this.popperRefer = undefined;
+    /** hide延时 */
+
+    this.delay = 50;
+    /** 是否进入popperRefer */
+
+    this.isInnerPopper = false;
+    /** 是否为禁用状态 */
+
+    this.disabled = false;
+    /** 执行显示函数 */
+
+    this.afterShow = null;
+    /** 执行隐藏函数 */
+
+    this.afterHidden = null;
+    /** 弹出内容AppendTo */
+
+    this.appendTo = 'parent';
+    /** 父级容器 */
+
+    this.container = null;
+    /**
+     * 如果设置了appendTo为指定DOM，此配置项生效
+     * 是否将弹出内容固定到目标元素位置
+     * 例如：appendTo = document.body, fixOnBoundary = true，则弹出内容会一直固定到body
+     */
+
+    this.fixOnBoundary = false;
+    this.instanceOptions = this.initDefaultOptions(options);
+    this.reference = this.resolveInputSelectorToHtmlElement(reference);
+    this.popperRefer = this.resolveInputSelectorToHtmlElement(popperRefer);
+    this.referenceTarget = this.getTargetReferenceElement();
+    this.container = (_a = this.popperRefer) === null || _a === void 0 ? void 0 : _a.parentElement;
+    this.isShow = !!((_b = this.instanceOptions) === null || _b === void 0 ? void 0 : _b.isShow);
+    this.always = this.instanceOptions.always;
+    this.trigger = this.instanceOptions.trigger;
+    this.disabled = this.instanceOptions.disabled;
+    this.appendTo = this.instanceOptions.appendTo;
+    this.afterHidden = typeof options.afterHidden === 'function' ? options.afterHidden : function () {};
+    this.afterShow = typeof options.afterShow === 'function' ? options.afterShow : function () {};
+    this.fixOnBoundary = this.instanceOptions.fixOnBoundary;
+    this.initInstance();
+    this.registerEvents();
+    /** 默认弹出 */
+
+    if (this.isShow || this.always) {
+      this.show(null);
+    }
+  } // Synchronously updates the popper instance. Use this for low-frequency
+  // updates.
+
+
+  _createClass(BKPopover, [{
+    key: "forceUpdate",
+    value: function forceUpdate() {
+      var _a;
+
+      (_a = this.instance) === null || _a === void 0 ? void 0 : _a.forceUpdate();
+    } // Asynchronously updates the popper instance, and returns a promise. Use this
+    // for high-frequency updates.
+
+  }, {
+    key: "update",
+    value: function update() {
+      var _a;
+
+      (_a = this.instance) === null || _a === void 0 ? void 0 : _a.update();
+    }
+  }, {
+    key: "updateOptions",
+    value: function updateOptions(options) {
+      var _a;
+
+      this.instanceOptions = this.initDefaultOptions(options);
+      this.isShow = !!((_a = this.instanceOptions) === null || _a === void 0 ? void 0 : _a.isShow);
+      this.trigger = this.instanceOptions.trigger;
+      this.disabled = this.instanceOptions.disabled;
+      this.setOptions(this.instanceOptions);
+    } // Updates the options of the instance.
+
+  }, {
+    key: "setOptions",
+    value: function setOptions(options) {
+      var _a;
+
+      (_a = this.instance) === null || _a === void 0 ? void 0 : _a.setOptions(options);
+    } // Cleans up the instance.
+
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      var _a;
+
+      (_a = this.instance) === null || _a === void 0 ? void 0 : _a.destroy();
+    } // 更新禁用状态
+
+  }, {
+    key: "updateDisabled",
+    value: function updateDisabled(disabled) {
+      this.disabled = disabled !== null && disabled !== void 0 ? disabled : !this.disabled;
+      this.disabled && this.hide();
+    }
+    /**
+     * 展示Pop
+     * @param _event 触发事件
+     */
+
+  }, {
+    key: "show",
+    value: function show(_event) {
+      var _a;
+
+      if (!this.disabled) {
+        // Make the tooltip visible
+        (_a = this.popperRefer) === null || _a === void 0 ? void 0 : _a.setAttribute('data-show', ''); // Enable the event listeners
+
+        this.setOptions({
+          modifiers: [].concat(_toConsumableArray(this.instanceOptions.modifiers || []), [{
+            name: 'eventListeners',
+            enabled: true
+          }])
+        }); // Update its position
+
+        this.update();
+        this.isShow = true;
+        this.afterShow();
+
+        if (!this.fixOnBoundary) {
+          this.appendToTarget();
+        }
+      }
+    }
+    /**
+     * 隐藏
+     * @param event 触发事件
+     */
+
+  }, {
+    key: "hide",
+    value: function hide() {
+      var _a;
+
+      if (this.always) return; // Hide the tooltip
+
+      (_a = this.popperRefer) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show'); // Disable the event listeners
+
+      this.setOptions({
+        modifiers: [].concat(_toConsumableArray(this.instanceOptions.modifiers || []), [{
+          name: 'eventListeners',
+          enabled: false
+        }])
+      });
+      this.isShow = false;
+      this.isInnerPopper = false;
+      this.afterHidden();
+
+      if (!this.fixOnBoundary) {
+        this.restorePopContent();
+      }
+    }
+    /**
+     * 还原PopContent到初试位置
+     */
+
+  }, {
+    key: "restorePopContent",
+    value: function restorePopContent() {
+      var target = this.getAppendToTarget();
+
+      if (helper_isElement(target) && target.contains(this.popperRefer) && this.container && !this.container.contains(this.popperRefer)) {
+        this.container.append(this.popperRefer);
+      }
+    }
+    /**
+     * 挂载PopContent到目标位置
+     */
+
+  }, {
+    key: "appendToTarget",
+    value: function appendToTarget() {
+      var target = this.getAppendToTarget();
+
+      if (helper_isElement(target) && target.contains(this.popperRefer)) {
+        target.append(this.popperRefer);
+      }
+    }
+    /**
+     * 获取目标位置元素
+     * @returns
+     */
+
+  }, {
+    key: "getAppendToTarget",
+    value: function getAppendToTarget() {
+      var appendTo = this.appendTo;
+      var target = appendTo;
+
+      if (appendTo !== 'parent') {
+        if (typeof appendTo === 'string') {
+          target = document.querySelector(appendTo);
+        }
+      }
+
+      return target;
+    }
+    /**
+     * 初始化默认配置
+     * @param opts
+     * @returns
+     */
+
+  }, {
+    key: "initDefaultOptions",
+    value: function initDefaultOptions(opts) {
+      var _this = this;
+
+      var defaultCfg = {
+        placement: 'top',
+        modifiers: [{
+          name: 'offset',
+          options: {
+            offset: [0, 8]
+          }
+        }],
+        strategy: 'absolute',
+        onFirstUpdate: undefined,
+        isShow: false,
+        theme: 'dark',
+        trigger: 'hover',
+        disabled: false
+      };
+      var targetOptions = merge(defaultCfg, opts || {});
+      var sourceOnFirstUpdate = targetOptions.onFirstUpdate;
+
+      targetOptions.onFirstUpdate = function (state) {
+        if (typeof sourceOnFirstUpdate === 'function') {
+          sourceOnFirstUpdate.call(_this, state);
+
+          _this.handleFirstUpdate();
+        }
+      };
+
+      return targetOptions;
+    }
+    /**
+    * 判定是否需要将PopContent挂载到目标元素
+    */
+
+  }, {
+    key: "handleFirstUpdate",
+    value: function handleFirstUpdate() {
+      if (this.fixOnBoundary) {
+        this.appendToTarget();
+      }
+    }
+    /**
+     * 剔除 Pop 外层容器，获取目标元素
+     * @returns
+     */
+
+  }, {
+    key: "getTargetReferenceElement",
+    value: function getTargetReferenceElement() {
+      if (this.isElement(this.reference)) {
+        return this.reference.childElementCount === 1 ? this.reference.firstElementChild : this.reference;
+      }
+
+      return this.reference;
+    }
+    /**
+     * 初始化Pop Instance
+     */
+
+  }, {
+    key: "initInstance",
+    value: function initInstance() {
+      var _a, _b;
+
+      if (this.referenceTarget) {
+        if (this.referenceTarget && this.popperRefer) {
+          this.instance = (0,core_namespaceObject.createPopper)(this.referenceTarget, this.popperRefer, this.instanceOptions);
+          (_a = this.popperRefer) === null || _a === void 0 ? void 0 : _a.setAttribute('data-theme', (_b = this.instanceOptions.theme) !== null && _b !== void 0 ? _b : 'dark');
+        } else {
+          console.error('reference or popperRefer is null, please check html element.');
+        }
+      }
+    }
+    /**
+     * 解析当前参数为对应的Html Element
+     * @param refer Html Element Selector Or Html Element
+     * @param checkVirtualDom 是否检查虚拟DOM
+     * @returns Html Element Or Null
+     */
+
+  }, {
+    key: "resolveInputSelectorToHtmlElement",
+    value: function resolveInputSelectorToHtmlElement(refer) {
+      if (this.isElement(refer)) {
+        return refer;
+      }
+
+      if (typeof refer === 'string') {
+        return document.querySelector(refer);
+      }
+
+      if (_typeof(refer) === 'object') {
+        if (Object.prototype.hasOwnProperty.call(refer, 'getBoundingClientRect')) {
+          return refer;
+        }
+      } else {
+        console.error('\'getBoundingClientRect\' is needed when use virtual elements');
+      }
+
+      return null;
+    }
+    /**
+     * 检查当前元素是否为Html元素
+     * @param obj
+     * @returns
+     */
+
+  }, {
+    key: "isElement",
+    value: function isElement(obj) {
+      return helper_isElement(obj);
+    }
+  }, {
+    key: "registerEvents",
+    value: function registerEvents() {
+      var _this2 = this;
+
+      if (this.isElement(this.referenceTarget)) {
+        if (this.trigger === 'hover') {
+          var showEvents = ['mouseenter', 'focus'];
+          var hideEvents = ['mouseleave', 'blur'];
+          var contentEvents = ['mouseenter', 'mouseleave'];
+          showEvents.forEach(function (event) {
+            _this2.referenceTarget.addEventListener(event, function (evt) {
+              if (event === 'mouseenter') _this2.isInnerPopper = true;
+
+              _this2.show(evt);
+            });
+          });
+          hideEvents.forEach(function (event) {
+            _this2.referenceTarget.addEventListener(event, function () {
+              _this2.isInnerPopper = false;
+              setTimeout(function () {
+                !_this2.isInnerPopper && _this2.hide();
+              }, _this2.delay);
+            });
+          });
+
+          if (this.isElement(this.popperRefer)) {
+            contentEvents.forEach(function (event) {
+              _this2.popperRefer.addEventListener(event, function () {
+                if (event === 'mouseenter') _this2.isInnerPopper = true;
+                if (event === 'mouseleave') _this2.hide();
+              });
+            });
+          }
+        }
+      }
+
+      if (this.trigger === 'click') {
+        var _showEvents = ['click'];
+
+        _showEvents.forEach(function (event) {
+          document.body.addEventListener(event, function (event) {
+            if (_this2.isSameElement(event.target, _this2.reference) || _this2.reference.contains(event.target)) {
+              _this2.show(event);
+            } else {
+              if (_this2.isShow && !_this2.isSameElement(event.target, _this2.popperRefer) && !_this2.popperRefer.contains(event.target)) {
+                _this2.hide();
+              }
+            }
+          });
+        });
+      }
+    }
+  }, {
+    key: "isSameElement",
+    value: function isSameElement(source, target) {
+      return source && (source === target || source === target.firstElementChild);
+    }
+  }]);
+
+  return BKPopover;
+}();
+var popContainerId = null;
+var getPopContainerId = function getPopContainerId() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#';
+
+  if (popContainerId === null) {
+    popContainerId = "id_".concat((0,uuid.v4)());
+    var popContainer = document.createElement('div');
+    popContainer.setAttribute('id', popContainerId);
+    popContainer.setAttribute('data-popper-id', popContainerId);
+    document.body.append(popContainer);
+  }
+
+  return "".concat(prefix).concat(popContainerId);
+};
+;// CONCATENATED MODULE: external "lodash"
+var external_lodash_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_lodash_y = x => () => x
+const external_lodash_namespaceObject = external_lodash_x({ ["throttle"]: () => __WEBPACK_EXTERNAL_MODULE_lodash__.throttle });
+;// CONCATENATED MODULE: ../../packages/shared/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.
+*/
+
+var lowerStr = 'abcdefghijklmnopqrstuvwxyz0123456789';
+/**
+ * 生成n位长度的字符串
+ * @param {Number} n
+ * @param str,默认26位字母及数字
+ */
+
+var random = function random(n) {
+  var str = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : lowerStr;
+  var result = '';
+
+  for (var i = 0; i < n; i++) {
+    result += str[parseInt((Math.random() * str.length).toString(), 10)];
+  }
+
+  return result;
+};
+/**
+ * 监听目标元素的Resize事件
+ * @param root 目标元素
+ * @param callbackFn 执行函数
+ * @param delay 延迟执行时间，默认 60
+ * @param immediate 是否立即执行回调函数
+ * @returns "{ start: () => void, stop: () => void }"
+ */
+
+var observerResize = function observerResize(root, callbackFn) {
+  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 60;
+  var immediate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var callFn = (0,external_lodash_namespaceObject.throttle)(function () {
+    if (typeof callbackFn === 'function') {
+      callbackFn();
+    }
+  }, delay);
+  var resizeObserver = new ResizeObserver(function () {
+    callFn();
+  });
+
+  if (immediate) {
+    if (typeof callbackFn === 'function') {
+      callbackFn();
+    }
+  }
+
+  return {
+    start: function start() {
+      resizeObserver.observe(root);
+    },
+    stop: function stop() {
+      resizeObserver.disconnect();
+      resizeObserver.unobserve(root);
+    }
+  };
+};
+var capitalize = function capitalize(str) {
+  return str[0].toUpperCase() + str.slice(1);
+};
+/**
+ * 判断元素是否溢出容器
+ * @param {*} el
+ * @returns
+ */
+
+function checkOverflow(el) {
+  if (!el) return false;
+
+  var createDom = function createDom(el, css) {
+    var dom = document.createElement('div');
+    var width = parseFloat(css.width) ? "".concat(Math.ceil(parseFloat(css.width)), "px") : css.width;
+    dom.style.cssText = "\n      width: ".concat(width, ";\n      line-height: ").concat(css['line-height'], ";\n      font-size: ").concat(css['font-size'], ";\n      word-break: ").concat(css['word-break'], ";\n      padding: ").concat(css.padding, ";\n    ");
+    dom.textContent = el.textContent;
+    return dom;
+  };
+
+  var isOverflow = false;
+
+  try {
+    var css = window.getComputedStyle(el, null);
+    var lineClamp = css.webkitLineClamp;
+
+    if (lineClamp !== 'none') {
+      var targetHeight = parseFloat(css.height);
+      var dom = createDom(el, css);
+      document.body.appendChild(dom);
+      var domHeight = window.getComputedStyle(dom, null).height;
+      document.body.removeChild(dom);
+      isOverflow = targetHeight < parseFloat(domHeight);
+    } else {
+      isOverflow = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
+    }
+  } catch (e) {
+    console.warn('There is an error when check element overflow state: ', e);
+  }
+
+  return isOverflow;
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/mask-manager.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 BkMaskManager = /*#__PURE__*/function () {
+  /**
+   * 遮罩管理器
+   *
+   * @param multiInstance 是否允许多实例
+   * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
+   */
+  function BkMaskManager(config) {
+    _classCallCheck(this, BkMaskManager);
+
+    /** 是否允许多个遮罩实例 */
+    this.multiInstance = false;
+    /** 遮罩控制器唯一标识 */
+
+    this.uniqueMaskAttrTag = '';
+    /** 设置弹出层父级组件，默认是body */
+
+    this.parentNode = document.body;
+    /** 遮罩当前显示组件实例 **/
+
+    this.activeInstance = undefined;
+    /** 记录已在使用的z-index */
+
+    this.zIndexStore = new Map();
+    /** 记录最后一个UUID */
+
+    this.lastUUID = null;
+    /** 遮罩样式 **/
+
+    this.maskStyle = {
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0,
+      display: 'none',
+      'background-color': 'rgba(0,0,0,.6)'
+    };
+
+    var _ref = config || {},
+        _ref$multiInstance = _ref.multiInstance,
+        multiInstance = _ref$multiInstance === void 0 ? false : _ref$multiInstance,
+        _ref$maskAttrTag = _ref.maskAttrTag,
+        maskAttrTag = _ref$maskAttrTag === void 0 ? 'auto' : _ref$maskAttrTag,
+        _ref$parentNode = _ref.parentNode,
+        parentNode = _ref$parentNode === void 0 ? document.body : _ref$parentNode,
+        _ref$maskStyle = _ref.maskStyle,
+        maskStyle = _ref$maskStyle === void 0 ? {} : _ref$maskStyle,
+        _ref$onClick = _ref.onClick,
+        onClick = _ref$onClick === void 0 ? null : _ref$onClick;
+
+    this.onClick = onClick;
+    this.activeInstance = undefined;
+    this.multiInstance = multiInstance;
+    this.uniqueMaskAttrTag = this.getMaskAttrTag(maskAttrTag);
+    this.parentNode = parentNode || document;
+    this.mask = this.getMask();
+    this.backupMask = this.createMask('data-bk-backup-uid');
+    this.setMaskStyle(Object.assign({}, this.maskStyle, maskStyle));
+  }
+
+  _createClass(BkMaskManager, [{
+    key: "setOption",
+    value: function setOption(option) {
+      var _ref2 = option || {},
+          _ref2$parentNode = _ref2.parentNode,
+          parentNode = _ref2$parentNode === void 0 ? document.body : _ref2$parentNode,
+          _ref2$maskStyle = _ref2.maskStyle,
+          maskStyle = _ref2$maskStyle === void 0 ? {} : _ref2$maskStyle,
+          _ref2$onClick = _ref2.onClick,
+          onClick = _ref2$onClick === void 0 ? null : _ref2$onClick;
+
+      this.onClick = onClick;
+      this.parentNode = parentNode || document;
+      this.setMaskStyle(Object.assign({}, this.maskStyle, maskStyle));
+    }
+    /**
+     * 显示遮罩
+     * @param content 遮罩内容
+     * @param zIndex z-index
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @param transfer 是否显示将内容加入遮罩下
+     */
+
+  }, {
+    key: "show",
+    value: function show(content, zIndex) {
+      var showMask = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var appendStyle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      var uuid = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+      var transfer = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+      var uid = uuid !== null && uuid !== void 0 ? uuid : random(16); // @ts-ignore
+
+      var localZIndex = /-?\d+/.test("".concat(zIndex)) ? zIndex : bkZIndexManager.getModalNextIndex();
+      var style = Object.assign({}, this.maskStyle, appendStyle || {});
+      /**
+       * 如果不显示遮罩，此处遮罩继承父级
+       * 同时，如果父级弹出层有遮罩，此处不能覆盖
+       */
+
+      if (!showMask) {
+        if (this.lastUUID) {
+          var preStore = this.zIndexStore.get(this.lastUUID);
+          style = preStore.style;
+        }
+      }
+      /** 缓存当前z-index */
+
+
+      this.storeMaskInsCfg({
+        zIndex: localZIndex,
+        style: Object.assign({}, style),
+        uuid: uid,
+        preUID: this.lastUUID
+      });
+      this.setMaskStyle(style);
+      this.mask.style.setProperty('display', 'block');
+      this.mask.style.setProperty('z-index', "".concat(localZIndex));
+      this.backupMask.style.setProperty('z-index', "".concat(localZIndex - 1));
+
+      if (content) {
+        if (transfer) content.style.setProperty('z-index', "".concat(localZIndex + 1)); // 表明内容不在遮罩下，内容区z-index + 1
+
+        this.activeInstance = content;
+        if (!transfer) this.appendContentToMask(content); // 表明内容在body下，即在遮罩下
+      }
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      var transfer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var content = arguments.length > 1 ? arguments[1] : undefined;
+      var uuid = arguments.length > 2 ? arguments[2] : undefined;
+
+      var _a;
+
+      var uid = uuid !== null && uuid !== void 0 ? uuid : this.lastUUID;
+      this.mask.style.setProperty('display', 'none');
+
+      if (!transfer) {
+        content === null || content === void 0 ? void 0 : content.remove();
+        (_a = this.activeInstance) === null || _a === void 0 ? void 0 : _a.remove();
+      }
+
+      this.activeInstance = undefined;
+      this.popIndexStore(uid);
+    }
+  }, {
+    key: "storeMaskInsCfg",
+    value: function storeMaskInsCfg(config) {
+      this.zIndexStore.set(config.uuid, config);
+      this.lastUUID = config.uuid;
+      return this.zIndexStore.get(config.uuid);
+    }
+    /**
+     * 移除最后一次缓存数据
+     */
+
+  }, {
+    key: "popIndexStore",
+    value: function popIndexStore(uuid) {
+      if (this.zIndexStore.has(uuid)) {
+        var rmIns = this.zIndexStore.get(uuid);
+        this.lastUUID = rmIns.preUID;
+        return this.zIndexStore["delete"](uuid);
+        ;
+      }
+
+      this.lastUUID = null;
+      return false;
+    }
+  }, {
+    key: "backupActiveInstance",
+    value: function backupActiveInstance() {
+      if (this.activeInstance) {
+        this.backupMask.append(this.activeInstance);
+      }
+    }
+  }, {
+    key: "backupContentElement",
+    value: function backupContentElement(content) {
+      content && this.backupMask.append(content);
+    }
+  }, {
+    key: "getActiveContentInstance",
+    value: function getActiveContentInstance() {
+      return this.activeInstance;
+    }
+    /**
+     * 初始化当前遮罩管理器
+     * @returns 当前遮罩容器
+     */
+
+  }, {
+    key: "getMask",
+    value: function getMask() {
+      var _this = this;
+
+      if (this.multiInstance) {
+        return this.createMask();
+      }
+
+      var div = this.parentNode.querySelector("[data-bkmask-uid='".concat(this.uniqueMaskAttrTag, "']"));
+
+      if (!div) {
+        div = this.createMask();
+        div.addEventListener('click', function (e) {
+          if (e.target === div) {
+            if (typeof _this.onClick === 'function') {
+              Reflect.apply(_this.onClick, _this, [e]);
+            }
+          }
+        }, true);
+      }
+
+      return div;
+    }
+    /**
+     * 创建遮罩层DOM
+     * @returns 返回DOM
+     */
+
+  }, {
+    key: "createMask",
+    value: function createMask() {
+      var attrName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'data-bk-mask-uid';
+      var div = document.createElement('div');
+      div.setAttribute(attrName, this.uniqueMaskAttrTag);
+      this.parentNode.append(div);
+      return div;
+    }
+  }, {
+    key: "setMaskStyle",
+    value: function setMaskStyle() {
+      var _this2 = this;
+
+      var maskStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      if (this.mask) {
+        Object.entries(maskStyle).forEach(function (cfg) {
+          return _this2.mask.style.setProperty(cfg[0], cfg[1]);
+        });
+      }
+    }
+    /**
+     * 根据输入生成唯一遮罩标识
+     * @param tag 输入标识
+     * @returns string 返回唯一标识
+     */
+
+  }, {
+    key: "getMaskAttrTag",
+    value: function getMaskAttrTag(tag) {
+      if (/^(auto|\s+)$/i.test(tag) || tag === null || tag === undefined || tag === '') {
+        return "__bk_mask_".concat(random(16));
+      }
+
+      return tag;
+    }
+  }, {
+    key: "appendContentToMask",
+    value: function appendContentToMask(content) {
+      this.mask.append(content);
+    }
+  }]);
+
+  return BkMaskManager;
+}();
+var bKMaskManager = new BkMaskManager({});
+;// CONCATENATED MODULE: ../../packages/shared/src/pop-manager.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 BKPopIndexManager = /*#__PURE__*/function () {
+  function BKPopIndexManager() {
+    var _this = this;
+
+    _classCallCheck(this, BKPopIndexManager);
+
+    this.getActiveClickFnIndex = function (match) {
+      var filterFn = function filterFn(target) {
+        return typeof match === 'string' ? target.getAttribute(_this.uuidAttrName) === match : target === match;
+      };
+
+      return _this.clickFn.findIndex(function (_ref) {
+        var target = _ref.target;
+        return filterFn(target);
+      });
+    };
+
+    this.getActiveClickFn = function (match) {
+      var _a;
+
+      return (_a = _this.clickFn[_this.getActiveClickFnIndex(match)]) === null || _a === void 0 ? void 0 : _a.fn;
+    };
+
+    this.popInstanceList = [];
+    this.clickFn = [];
+    this.uuidAttrName = 'data-bk-pop-uuid';
+    this.activePopId = null;
+    bKMaskManager.setOption({
+      onClick: this.onMaskClickFn.bind(this)
+    });
+  }
+
+  _createClass(BKPopIndexManager, [{
+    key: "onMaskClick",
+    value: function onMaskClick(callFn, target) {
+      this.clickFn.push({
+        fn: callFn,
+        target: target
+      });
+    }
+    /**
+     * 展示弹窗
+     * @param content 弹窗内容
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @param transfer 是否显示在body内（即是否显示在div#app内，默认为false）
+     * @returns
+     */
+
+  }, {
+    key: "show",
+    value: function show(content) {
+      var showMask = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var appendStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var transfer = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var zindex = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
+
+      if (!content) {
+        console.warn('pop show error: content is null or undefined');
+        return;
+      }
+
+      var zIndex = typeof zindex === 'number' ? zindex : bkZIndexManager.getModalNextIndex();
+      var uuid = random(16);
+      content.setAttribute(this.uuidAttrName, uuid);
+      this.popInstanceList.push({
+        uuid: uuid,
+        zIndex: zIndex,
+        content: content,
+        showMask: showMask,
+        appendStyle: appendStyle
+      });
+      showMask && bKMaskManager.backupActiveInstance();
+      bKMaskManager.show(content, zIndex, showMask, appendStyle, uuid, transfer);
+      this.activePopId = uuid;
+    }
+    /**
+     * 销毁指定实例
+     * @param content 指定实例内容
+     * @param transfer
+     */
+
+  }, {
+    key: "destroy",
+    value: function destroy(content) {
+      var transfer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      var _a;
+
+      var index = this.getActiveClickFnIndex(content);
+
+      if (index >= 0) {
+        (_a = this.clickFn) === null || _a === void 0 ? void 0 : _a.splice(index, 1);
+      }
+
+      this.hide(content, transfer);
+    }
+    /**
+     * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
+     * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑
+     */
+
+  }, {
+    key: "popHide",
+    value: function popHide() {
+      var removeLastContent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      if (this.popInstanceList.length) {
+        if (removeLastContent) {
+          var lastItem = this.popInstanceList.pop();
+          bKMaskManager.popIndexStore(lastItem.uuid);
+          lastItem.remove();
+          this.activePopId = null;
+        }
+
+        if (this.popInstanceList.length) {
+          var activeItem = this.popInstanceList.slice(-1)[0];
+          var zIndex = activeItem.zIndex,
+              content = activeItem.content,
+              showMask = activeItem.showMask,
+              appendStyle = activeItem.appendStyle,
+              uuid = activeItem.uuid;
+          bKMaskManager.show(content, zIndex, showMask, appendStyle, uuid);
+          this.activePopId = uuid;
+        } else {
+          bKMaskManager.hide();
+          this.activePopId = null;
+          this.clickFn.length = 0;
+        }
+      }
+    }
+    /**
+     * 关闭指定弹窗
+     * @param content { HTMLElement } 关闭弹窗内容
+     * **/
+
+  }, {
+    key: "hide",
+    value: function hide(content) {
+      var transfer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      /** 检查当前实例是否存在于已缓存列表 */
+      var uuid = content === null || content === void 0 ? void 0 : content.getAttribute(this.uuidAttrName);
+
+      if (uuid) {
+        var itemIndex = this.popInstanceList.findIndex(function (item) {
+          return item.uuid === uuid;
+        });
+
+        if (itemIndex >= 0) {
+          if (!transfer) this.popInstanceList[itemIndex].content.remove();
+          this.popInstanceList.splice(itemIndex, 1);
+          bKMaskManager.popIndexStore(uuid);
+
+          if (!this.popInstanceList.length) {
+            bKMaskManager.hide(transfer);
+            this.activePopId = null;
+            this.clickFn.length = 0;
+          } else {
+            this.popHide(false);
+          }
+        }
+      } else {
+        content === null || content === void 0 ? void 0 : content.remove();
+      }
+    }
+  }, {
+    key: "onMaskClickFn",
+    value: function onMaskClickFn(e) {
+      var fn = this.getActiveClickFn(this.activePopId);
+
+      if (fn) {
+        Reflect.apply(fn, this, [e]);
+      }
+    }
+  }]);
+
+  return BKPopIndexManager;
+}();
+var bkPopIndexManager = new BKPopIndexManager();
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/inherits.js
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
+
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+
+  return _assertThisInitialized(self);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["createTypes"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.createTypes, ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: ../../packages/shared/src/vue-types.ts
+
+
+
+
+
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+
+var propTypesNS = (0,external_vue_types_namespaceObject.createTypes)({}); // 用于创建字符串列表映射至 `K: V` 的函数
+
+function stringEnum(o) {
+  return o.reduce(function (res, key) {
+    res[key] = key;
+    return res;
+  }, Object.create(null));
+}
+var SizeEnum;
+
+(function (SizeEnum) {
+  SizeEnum["SMALL"] = "small";
+  SizeEnum["LARGE"] = "large";
+  SizeEnum["DEFAULT"] = "default";
+})(SizeEnum || (SizeEnum = {}));
+
+var Placements;
+
+(function (Placements) {
+  Placements["Top"] = "top";
+  Placements["Left"] = "left";
+  Placements["Right"] = "right";
+  Placements["Bottom"] = "bottom";
+})(Placements || (Placements = {}));
+
+var RenderDirectiveEnum;
+
+(function (RenderDirectiveEnum) {
+  RenderDirectiveEnum["IF"] = "if";
+  RenderDirectiveEnum["SHOW"] = "show";
+})(RenderDirectiveEnum || (RenderDirectiveEnum = {}));
+
+function renderDirectiveType() {
+  return (0,external_vue_types_namespaceObject.toType)('renderDirective', {
+    "default": RenderDirectiveEnum.SHOW
+  });
+}
+;
+var AlignEnum;
+
+(function (AlignEnum) {
+  AlignEnum["LEFT"] = "left";
+  AlignEnum["CENTER"] = "center";
+  AlignEnum["RIGHT"] = "right";
+})(AlignEnum || (AlignEnum = {}));
+
+function alignType() {
+  return (0,external_vue_types_namespaceObject.toType)('align', {
+    "default": AlignEnum.LEFT
+  }).def(AlignEnum.LEFT);
+}
+;
+var ThemeEnum;
+
+(function (ThemeEnum) {
+  ThemeEnum["PRIMARY"] = "primary";
+  ThemeEnum["WARNING"] = "warning";
+  ThemeEnum["SUCCESS"] = "success";
+  ThemeEnum["DANGER"] = "danger";
+})(ThemeEnum || (ThemeEnum = {}));
+/** 弹层出现位置选项 */
+
+
+var PlacementEnum;
+
+(function (PlacementEnum) {
+  PlacementEnum["AUTO"] = "auto";
+  PlacementEnum["AUTO_START"] = "auto-start";
+  PlacementEnum["AUTO_END"] = "auto-end";
+  PlacementEnum["TOP"] = "top";
+  PlacementEnum["RIGHT"] = "right";
+  PlacementEnum["BOTTOM"] = "bottom";
+  PlacementEnum["LEFT"] = "left";
+  PlacementEnum["TOP_START"] = "top-start";
+  PlacementEnum["TOP_END"] = "top-end";
+  PlacementEnum["BOTTOM_START"] = "bottom-start";
+  PlacementEnum["BOTTOM_END"] = "bottom-end";
+  PlacementEnum["RIGHT_START"] = "right-start";
+  PlacementEnum["RIGHT_END"] = "right-end";
+  PlacementEnum["LEFT_START"] = "left-start";
+  PlacementEnum["LEFT_END"] = "left-end";
+})(PlacementEnum || (PlacementEnum = {}));
+
+function placementType() {
+  return (0,external_vue_types_namespaceObject.toType)('placement', {}).def(PlacementEnum.BOTTOM);
+}
+;
+/** 弹层触发选项  */
+
+var TriggerEnum;
+
+(function (TriggerEnum) {
+  TriggerEnum["HOVER"] = "hover";
+  TriggerEnum["CLICK"] = "click";
+  TriggerEnum["MANUAL"] = "manual";
+})(TriggerEnum || (TriggerEnum = {}));
+
+function triggerType() {
+  return (0,external_vue_types_namespaceObject.toType)('trigger', {}).def(TriggerEnum.HOVER);
+}
+;
+/** 内容渲染类型：目前是在popover内容渲染时使用 */
+
+var RenderType;
+
+(function (RenderType) {
+  RenderType["AUTO"] = "auto";
+  RenderType["SHOWN"] = "shown"; // 默认不渲染，只有在popover弹出之后才会渲染
+})(RenderType || (RenderType = {}));
+
+function renderType() {
+  return (0,external_vue_types_namespaceObject.toType)('trigger', {}).def(RenderType.AUTO);
+}
+;
+var DialogTypeEnum;
+
+(function (DialogTypeEnum) {
+  DialogTypeEnum["SHOW"] = "show";
+  DialogTypeEnum["OPERATION"] = "operation";
+  DialogTypeEnum["CONFIRM"] = "confirm";
+  DialogTypeEnum["PROCESS"] = "process";
+})(DialogTypeEnum || (DialogTypeEnum = {}));
+
+function dialogTypeUnion() {
+  return (0,external_vue_types_namespaceObject.toType)('dialogType', {
+    "default": DialogTypeEnum.OPERATION
+  });
+}
+var DirectionEnum;
+
+(function (DirectionEnum) {
+  DirectionEnum["HORIZONTAL"] = "horizontal";
+  DirectionEnum["VERTICAL"] = "vertical";
+})(DirectionEnum || (DirectionEnum = {}));
+
+function directionType() {
+  return (0,external_vue_types_namespaceObject.toType)('direction', {}).def(DirectionEnum.HORIZONTAL);
+}
+var LineStyleEnum;
+
+(function (LineStyleEnum) {
+  LineStyleEnum["DASHED"] = "dashed";
+  LineStyleEnum["SOLID"] = "solid";
+})(LineStyleEnum || (LineStyleEnum = {}));
+
+function lineStyleType() {
+  return (0,external_vue_types_namespaceObject.toType)('lineType', {}).def(LineStyleEnum.DASHED);
+}
+;
+var TagThemeEnum;
+
+(function (TagThemeEnum) {
+  TagThemeEnum["SUCCESS"] = "success";
+  TagThemeEnum["INFO"] = "info";
+  TagThemeEnum["WARNING"] = "warning";
+  TagThemeEnum["DANGER"] = "danger";
+})(TagThemeEnum || (TagThemeEnum = {}));
+
+function TagThemeType() {
+  return (0,external_vue_types_namespaceObject.toType)('tagTheme', {}).def();
+}
+var InputBehaviorEnum;
+
+(function (InputBehaviorEnum) {
+  InputBehaviorEnum["SIMPLICITY"] = "simplicity";
+  InputBehaviorEnum["NORMAL"] = "normal";
+})(InputBehaviorEnum || (InputBehaviorEnum = {}));
+
+function InputBehaviorType() {
+  return (0,external_vue_types_namespaceObject.toType)('behavior', {}).def(InputBehaviorEnum.NORMAL);
+}
+;
+var PropTypes = /*#__PURE__*/function (_propTypesNS) {
+  _inherits(PropTypes, _propTypesNS);
+
+  var _super = _createSuper(PropTypes);
+
+  function PropTypes() {
+    _classCallCheck(this, PropTypes);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(PropTypes, null, [{
+    key: "size",
+    value: function size() {
+      var defaultList = ['small', 'default', 'large'];
+      return (0,external_vue_types_namespaceObject.toType)('Size', {
+        validator: function validator(val) {
+          if (!val || defaultList.includes(val)) {
+            return true;
+          }
+
+          console.error("invalid theme, ".concat(val, ", the theme must be one of \u3010").concat(defaultList.join(' | '), "\u3011"));
+          return false;
+        },
+        "default": 'default'
+      });
+    }
+  }, {
+    key: "theme",
+    value: function theme() {
+      var themes = ['primary', 'warning', 'success', 'danger'];
+      return (0,external_vue_types_namespaceObject.toType)('Theme', {
+        validator: function validator(val) {
+          if (!val || themes.includes(val)) {
+            return true;
+          }
+
+          console.error("invalid theme, ".concat(val, ", the theme must be one of \u3010").concat(themes.join(' | '), "\u3011"));
+          return false;
+        }
+      });
+    }
+  }, {
+    key: "placement",
+    value: function placement() {
+      var placements = ['top', 'left', 'right', 'bottom'];
+      return (0,external_vue_types_namespaceObject.toType)('Placements', {
+        validator: function validator(val) {
+          if (!val || placements.includes(val)) {
+            return true;
+          }
+
+          console.error("invalid placements, ".concat(val, ", the placement must be one of \u3010").concat(placements.join(' | '), "\u3011"));
+          return false;
+        },
+        "default": 'top'
+      });
+    }
+  }, {
+    key: "style",
+    value: function style() {
+      return (0,external_vue_types_namespaceObject.toType)('Style', {
+        type: [String, Object]
+      });
+    }
+  }, {
+    key: "position",
+    value: function position() {
+      var positions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+      return (0,external_vue_types_namespaceObject.toType)('positions', {
+        type: String,
+        validator: function validator(val) {
+          if (!val || positions.includes(val)) {
+            return true;
+          }
+
+          console.error("invalid positions, ".concat(val, ", the position must be one of \u3010").concat(positions.join(' | '), "\u3011"));
+          return false;
+        },
+        "default": 'top-center'
+      });
+    }
+  }]);
+
+  return PropTypes;
+}(propTypesNS);
+;// CONCATENATED MODULE: ../../packages/shared/src/scrollbar-width.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 scrollBarWidth;
+function scrollbarWidth() {
+  if (scrollBarWidth !== undefined) return scrollBarWidth;
+  var outer = document.createElement('div');
+  outer.className = 'bk-scrollbar-wrap';
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  outer.style.position = 'absolute';
+  outer.style.top = '-9999px';
+  document.body.appendChild(outer);
+  var widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = 'scroll';
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+  var widthWithScroll = inner.offsetWidth;
+  outer.parentNode.removeChild(outer);
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+  return scrollBarWidth;
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/token.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 formKey = Symbol('form');
+var formItemKey = Symbol('formItem');
+;// 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({ ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject });
+;// CONCATENATED MODULE: ../../packages/shared/src/hooks/use-form.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 useForm = function useForm() {
+  return (0,external_vue_namespaceObject.inject)(formKey);
+};
+;// CONCATENATED MODULE: ../../packages/shared/src/hooks/use-form-item.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 useFormItem = function useFormItem() {
+  return (0,external_vue_namespaceObject.inject)(formItemKey, undefined);
+};
+;// CONCATENATED MODULE: ../../packages/shared/src/dom.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 on = function () {
+  if (document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, true);
+      }
+    };
+  }
+
+  return function (element, event, handler) {
+    if (element && event && handler) {
+      element.attachEvent("on".concat(event), handler);
+    }
+  };
+}(); // 兼容浏览器，移除事件监听器
+
+var off = function () {
+  if (document.removeEventListener) {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, true);
+      }
+    };
+  }
+
+  return function (element, event, handler) {
+    if (element && event) {
+      element.detachEvent("on".concat(event), handler);
+    }
+  };
+}(); // scrollTop animation
+
+function scrollTop(el) {
+  var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var to = arguments.length > 2 ? arguments[2] : undefined;
+  var duration = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 500;
+  var endCallback = arguments.length > 4 ? arguments[4] : undefined;
+  var difference = Math.abs(from - to);
+  var step = Math.ceil(difference / duration * 50);
+
+  function scroll(start, end, step) {
+    if (start === end) {
+      endCallback === null || endCallback === void 0 ? void 0 : endCallback();
+      return;
+    }
+
+    var d = start + step > end ? end : start + step;
+
+    if (start > end) {
+      d = start - step < end ? end : start - step;
+    }
+
+    if (el === window) {
+      window.scrollTo(d, d);
+    } else {
+      el.scrollTop = d;
+    }
+
+    window.requestAnimationFrame(function () {
+      return scroll(d, end, step);
+    });
+  }
+
+  scroll(from, to, step);
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+function classes(dynamicCls) {
+  var constCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return Object.entries(dynamicCls).filter(function (entry) {
+    return entry[1];
+  }).map(function (entry) {
+    return entry[0];
+  }).join(' ').concat(constCls ? " ".concat(constCls) : '');
+}
+var EMPTY_OBJ = Object.create({});
+var noop = function noop() {};
+var renderEmptyVNode = function renderEmptyVNode() {
+  return null;
+};
+var isEmptyObj = function isEmptyObj(target) {
+  return Object.keys(target).length < 1;
+};
+var withInstall = function withInstall(component) {
+  component.install = function (app) {
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        prefix = _ref.prefix;
+
+    var pre = app.config.globalProperties.bkUIPrefix || prefix || 'Bk';
+    app.component(pre + component.name, component);
+  };
+
+  return component;
+};
+var withInstallProps = function withInstallProps(component, childComponents) {
+  var isProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+  component.install = function (app) {
+    var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        prefix = _ref2.prefix;
+
+    var pre = app.config.globalProperties.bkUIPrefix || prefix || 'Bk';
+    app.component(pre + component.name, component);
+    !isProps && Object.values(childComponents).forEach(function (child) {
+      app.component(pre + child.name, child);
+    });
+  };
+
+  Object.keys(childComponents).forEach(function (key) {
+    component[key] = childComponents[key];
+  });
+  return component;
+};
+/**
+ * 解析当前组件ClassName，自动添加前缀
+ * @param clsName 当前ClassName
+ * @param prefix 前缀，默认为bk
+ * @returns prefix-clsName
+ */
+
+function resolveClassName(clsName) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'bk';
+  return "".concat(prefix, "-").concat(clsName);
+}
+/**
+ * 函数防抖
+ * @param {*} fn 执行的函数
+ * @param {*} delay 延时时间
+ * @param {*} immediate 是否立即执行
+ */
+
+function debounce() {
+  var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
+  var fn = arguments.length > 1 ? arguments[1] : undefined;
+  var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var timeout;
+  var result;
+
+  var debounced = function debounced() {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    var ctx = this; // 当前上下文
+    // eslint-disable-next-line prefer-rest-params
+
+    var args = arguments; // fn的参数
+    // 取消之前的延时调用
+
+    if (timeout) clearTimeout(timeout);
+
+    if (immediate) {
+      var applyImmediate = !timeout; // 是否执行过
+
+      timeout = setTimeout(function () {
+        timeout = null; // 标志是否执行过，与clearTimeout有区别，clearTimeout之后timeout不为null而是一个系统分配的队列ID
+      }, delay);
+      if (applyImmediate) result = fn.apply(ctx, args); // 立即调用
+    } else {
+      timeout = setTimeout(function () {
+        fn.apply(ctx, args);
+      }, delay);
+    }
+
+    return result;
+  };
+
+  debounced.cancel = function () {
+    clearTimeout(timeout);
+    timeout = null;
+  };
+
+  return debounced;
+}
+/**
+ * 过滤（去除）对象中的某个属性
+ * @param data 需要处理的对象
+ * @param filter 过滤关键字
+ * @returns object 去除属性之后的对象
+ */
+
+function filterProperty(data, filter) {
+  return JSON.parse(JSON.stringify(data, function (key, value) {
+    if (filter.includes(key)) {
+      return undefined;
+    }
+
+    return value;
+  }));
+}
+;
+function arrayEqual() {
+  var arr1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var arr2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+
+  for (var i = 0; i < arr1.length; i++) {
+    if (Array.isArray(arr1[i])) {
+      return arrayEqual(arr1[i], arr2[i]);
+    }
+
+    if (arr1[i] !== arr2[i]) {
+      return false;
+    }
+  }
+
+  return true;
+}
+})();
+
+var __webpack_exports__AlignEnum = __webpack_exports__.oY;
+var __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE = __webpack_exports__.p3;
+var __webpack_exports__BKLAYERTYPE = __webpack_exports__.Ql;
+var __webpack_exports__BKPopIndexManager = __webpack_exports__.Eo;
+var __webpack_exports__BKPopover = __webpack_exports__.mZ;
+var __webpack_exports__BkMaskManager = __webpack_exports__.Wg;
+var __webpack_exports__DialogTypeEnum = __webpack_exports__._D;
+var __webpack_exports__DirectionEnum = __webpack_exports__.dq;
+var __webpack_exports__EMPTY_OBJ = __webpack_exports__.kT;
+var __webpack_exports__InputBehaviorEnum = __webpack_exports__.WF;
+var __webpack_exports__InputBehaviorType = __webpack_exports__.Gl;
+var __webpack_exports__LineStyleEnum = __webpack_exports__.VS;
+var __webpack_exports__PlacementEnum = __webpack_exports__.Um;
+var __webpack_exports__Placements = __webpack_exports__._h;
+var __webpack_exports__PropTypes = __webpack_exports__.ng;
+var __webpack_exports__RenderDirectiveEnum = __webpack_exports__.Pi;
+var __webpack_exports__RenderType = __webpack_exports__.y2;
+var __webpack_exports__SizeEnum = __webpack_exports__.mO;
+var __webpack_exports__TagThemeEnum = __webpack_exports__.XR;
+var __webpack_exports__TagThemeType = __webpack_exports__.gg;
+var __webpack_exports__ThemeEnum = __webpack_exports__.bY;
+var __webpack_exports__TriggerEnum = __webpack_exports__.os;
+var __webpack_exports__alignType = __webpack_exports__.WW;
+var __webpack_exports__arrayEqual = __webpack_exports__.h6;
+var __webpack_exports__bKMaskManager = __webpack_exports__.Lx;
+var __webpack_exports__bkPopIndexManager = __webpack_exports__.aR;
+var __webpack_exports__bkZIndexManager = __webpack_exports__.ue;
+var __webpack_exports__capitalize = __webpack_exports__.kC;
+var __webpack_exports__checkOverflow = __webpack_exports__.ao;
+var __webpack_exports__classes = __webpack_exports__.Sh;
+var __webpack_exports__clone = __webpack_exports__.d9;
+var __webpack_exports__debounce = __webpack_exports__.Ds;
+var __webpack_exports__dialogTypeUnion = __webpack_exports__.ou;
+var __webpack_exports__directionType = __webpack_exports__.zo;
+var __webpack_exports__elementsEqual = __webpack_exports__.cA;
+var __webpack_exports__filterProperty = __webpack_exports__.w$;
+var __webpack_exports__finiteOrDefault = __webpack_exports__.b_;
+var __webpack_exports__formItemKey = __webpack_exports__.xE;
+var __webpack_exports__formKey = __webpack_exports__.vh;
+var __webpack_exports__getPopContainerId = __webpack_exports__.ks;
+var __webpack_exports__hasOverflowEllipsis = __webpack_exports__.Hv;
+var __webpack_exports__isArray = __webpack_exports__.kJ;
+var __webpack_exports__isElement = __webpack_exports__.kK;
+var __webpack_exports__isEmpty = __webpack_exports__.xb;
+var __webpack_exports__isEmptyObj = __webpack_exports__.SI;
+var __webpack_exports__isFinite = __webpack_exports__.xV;
+var __webpack_exports__isNullOrUndef = __webpack_exports__.sS;
+var __webpack_exports__isObject = __webpack_exports__.Kn;
+var __webpack_exports__lineStyleType = __webpack_exports__.zW;
+var __webpack_exports__maybeShowTooltip = __webpack_exports__.oq;
+var __webpack_exports__merge = __webpack_exports__.TS;
+var __webpack_exports__mergeIf = __webpack_exports__.NG;
+var __webpack_exports__mergerFn = __webpack_exports__.WC;
+var __webpack_exports__mergerIfFn = __webpack_exports__.Zd;
+var __webpack_exports__noop = __webpack_exports__.ZT;
+var __webpack_exports__observerResize = __webpack_exports__.z3;
+var __webpack_exports__off = __webpack_exports__.S1;
+var __webpack_exports__on = __webpack_exports__.on;
+var __webpack_exports__placementType = __webpack_exports__.Tf;
+var __webpack_exports__random = __webpack_exports__.MX;
+var __webpack_exports__renderDirectiveType = __webpack_exports__.OB;
+var __webpack_exports__renderEmptyVNode = __webpack_exports__.Ay;
+var __webpack_exports__renderType = __webpack_exports__.wB;
+var __webpack_exports__resolveClassName = __webpack_exports__.h5;
+var __webpack_exports__scrollTop = __webpack_exports__.SM;
+var __webpack_exports__scrollbarWidth = __webpack_exports__.LF;
+var __webpack_exports__stringEnum = __webpack_exports__.b;
+var __webpack_exports__triggerType = __webpack_exports__._7;
+var __webpack_exports__useForm = __webpack_exports__.cI;
+var __webpack_exports__useFormItem = __webpack_exports__.A9;
+var __webpack_exports__valueOrDefault = __webpack_exports__.Be;
+var __webpack_exports__withInstall = __webpack_exports__.nz;
+var __webpack_exports__withInstallProps = __webpack_exports__.B;
+export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopIndexManager as BKPopIndexManager, __webpack_exports__BKPopover as BKPopover, __webpack_exports__BkMaskManager as BkMaskManager, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bKMaskManager as bKMaskManager, __webpack_exports__bkPopIndexManager as bkPopIndexManager, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };