bkui-vue 0.0.2-beta.99 → 0.0.2-modal-refactor.2

package/lib/shared/index.js

@@ -1,6 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -31,9 +31,7 @@ __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),
@@ -60,8 +58,6 @@ __webpack_require__.d(__webpack_exports__, {
   os: () => (/* reexport */ TriggerEnum),
   WW: () => (/* reexport */ alignType),
   h6: () => (/* binding */ arrayEqual),
-  Lx: () => (/* reexport */ bKMaskManager),
-  aR: () => (/* reexport */ bkPopIndexManager),
   ue: () => (/* reexport */ bkZIndexManager),
   kC: () => (/* reexport */ capitalize),
   ao: () => (/* reexport */ checkOverflow),
@@ -85,6 +81,7 @@ __webpack_require__.d(__webpack_exports__, {
   sS: () => (/* reexport */ isNullOrUndef),
   Kn: () => (/* reexport */ isObject),
   zW: () => (/* reexport */ lineStyleType),
+  Ax: () => (/* reexport */ mask),
   oq: () => (/* reexport */ maybeShowTooltip),
   TS: () => (/* reexport */ merge),
   NG: () => (/* reexport */ mergeIf),
@@ -548,6 +545,43 @@ var useForm = function useForm() {
 var useFormItem = function useFormItem() {
   return (0,external_vue_namespaceObject.inject)(formItemKey, undefined);
 };
+;// 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();
+}
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -608,1093 +642,105 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-;// CONCATENATED MODULE: external "lodash/throttle"
-var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var throttle_y = x => () => x
-const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
-;// 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.
- */
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+/* harmony default export */ const esm_browser_native = ({
+  randomUUID
+});
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
 
-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,throttle_namespaceObject["default"])(function () {
-    if (typeof callbackFn === 'function') {
-      callbackFn();
-    }
-  }, delay);
-  var resizeObserver = new ResizeObserver(function () {
-    callFn();
-  });
-  if (immediate) {
-    if (typeof callbackFn === 'function') {
-      callbackFn();
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
     }
   }
-  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);
-};
+
+  return getRandomValues(rnds8);
+}
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
+
 /**
- * 判断元素是否溢出容器
- * @param {*} el
- * @returns
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
  */
-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;
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+function stringify(arr, offset = 0) {
+  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
+
+
+
+
+function v4(options, buf, offset) {
+  if (esm_browser_native.randomUUID && !buf && !options) {
+    return esm_browser_native.randomUUID();
+  }
+
+  options = options || {};
+  const 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) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
     }
-  } catch (e) {
-    console.warn('There is an error when check element overflow state: ', e);
+
+    return buf;
   }
-  return isOverflow;
+
+  return unsafeStringify(rnds);
 }
-;// CONCATENATED MODULE: ../../packages/shared/src/z-index-manager.ts
 
+/* harmony default export */ const esm_browser_v4 = (v4);
+;// CONCATENATED MODULE: external "@popperjs/core"
+var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var core_y = x => () => x
+const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+;// CONCATENATED MODULE: ../../packages/shared/src/popover.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);
-    _defineProperty(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: ../../packages/shared/src/mask-manager.ts
-
-
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/*
- * 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-next-line @typescript-eslint/naming-convention
-var DEFAULT_MASK_UUID = function DEFAULT_MASK_UUID() {};
-DEFAULT_MASK_UUID.prototype.def_val = "__bk_mask_".concat(random(16));
-var MaskEventMap = new WeakMap();
-var getMaskEvent = function getMaskEvent(mask) {
-  if (MaskEventMap.has(mask)) {
-    return MaskEventMap.get(mask);
-  }
-  return [];
-};
-var setMaskEvent = function setMaskEvent(mask, event, args, content, instanceId) {
-  var maskEvent = getMaskEvent(mask);
-  if (maskEvent.some(function (evet) {
-    return evet.instanceId === instanceId;
-  })) {
-    return;
-  }
-  maskEvent.push({
-    event: event,
-    args: args,
-    content: content,
-    instanceId: instanceId
-  });
-  MaskEventMap.set(mask, maskEvent);
-};
-var setMaskEventIns = function setMaskEventIns(mask, maskEvent) {
-  MaskEventMap.set(mask, maskEvent);
-};
-var MaskQueueMaker = /*#__PURE__*/function () {
-  function MaskQueueMaker() {
-    _classCallCheck(this, MaskQueueMaker);
-    _defineProperty(this, "timer", null);
-    _defineProperty(this, "store", []);
-    _defineProperty(this, "maskMap", new WeakMap());
-  }
-  _createClass(MaskQueueMaker, [{
-    key: "appendMaker",
-    value: function appendMaker(fn) {
-      this.store.push(fn);
-      this.executeMaker();
-    }
-  }, {
-    key: "pushMaskStyle",
-    value: function pushMaskStyle(parentNode, style) {
-      var value = this.getMaskMap(parentNode);
-      this.setMaskMap(parentNode, _objectSpread({
-        styles: [style]
-      }, value || {}));
-    }
-  }, {
-    key: "getMaskStyles",
-    value: function getMaskStyles(parentNode) {
-      var _this$getMaskMap;
-      return ((_this$getMaskMap = this.getMaskMap(parentNode)) === null || _this$getMaskMap === void 0 ? void 0 : _this$getMaskMap.styles) || [];
-    }
-  }, {
-    key: "setMaskId",
-    value: function setMaskId(parentNode, id) {
-      var value = this.getMaskMap(parentNode);
-      if (!value) {
-        this.setMaskMap(parentNode, _objectSpread({
-          id: id
-        }, value || {}));
-      } else {
-        Object.assign(value, {
-          id: id
-        });
-        this.setMaskMap(parentNode, value);
-      }
-    }
-  }, {
-    key: "getMaskId",
-    value: function getMaskId(parentNode) {
-      var _this$getMaskMap2;
-      return (_this$getMaskMap2 = this.getMaskMap(parentNode)) === null || _this$getMaskMap2 === void 0 ? void 0 : _this$getMaskMap2.id;
-    }
-  }, {
-    key: "setMaskMap",
-    value: function setMaskMap(key, value) {
-      this.maskMap.set(key, value);
-    }
-  }, {
-    key: "getMaskMap",
-    value: function getMaskMap(key) {
-      return this.maskMap.get(key);
-    }
-  }, {
-    key: "executeMaker",
-    value: function executeMaker() {
-      var _this = this;
-      this.timer && cancelAnimationFrame(this.timer);
-      this.timer = requestAnimationFrame(function () {
-        var fn = _this.store.pop();
-        if (typeof fn === 'function') {
-          Reflect.apply(fn, _this, []);
-          _this.executeMaker();
-        }
-      });
-    }
-  }]);
-  return MaskQueueMaker;
-}();
-var bkMaskMaker = new MaskQueueMaker();
-var BkMaskManager = /*#__PURE__*/function () {
-  /**
-   * 遮罩管理器
-   *
-   * @param multiInstance 是否允许多实例
-   * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
-   */
-  function BkMaskManager(config) {
-    var _this2 = this;
-    _classCallCheck(this, BkMaskManager);
-    /** 遮罩容器 */
-    /** 遮罩备份容器，用于多个组件实例显示，遮罩只显示最后一个 **/
-    /** 是否允许多个遮罩实例 */
-    _defineProperty(this, "multiInstance", false);
-    /** 遮罩控制器唯一标识 */
-    _defineProperty(this, "uniqueMaskAttrTag", '');
-    /** 设置弹出层父级组件，默认是body */
-    _defineProperty(this, "parentNode", document.body);
-    /** 遮罩当前显示组件实例 **/
-    _defineProperty(this, "activeInstance", undefined);
-    /** 记录已在使用的z-index */
-    _defineProperty(this, "zIndexStore", new Map());
-    /** 记录最后一个UUID */
-    _defineProperty(this, "lastUUID", null);
-    /** 遮罩样式 **/
-    _defineProperty(this, "maskStyle", {
-      position: 'fixed',
-      left: 0,
-      top: 0,
-      bottom: 0,
-      right: 0,
-      display: 'none',
-      'background-color': 'rgba(0,0,0,.6)'
-    });
-    // 用于判定是否已经初始化过当前实例
-    _defineProperty(this, "isInit", false);
-    _defineProperty(this, "maskAttrTag", 'auto');
-    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;
-    this.parentNode = parentNode || document;
-    this.maskAttrTag = maskAttrTag;
-    this.activeInstance = undefined;
-    this.multiInstance = multiInstance;
-    this.uniqueMaskAttrTag = this.getMaskAttrTag(maskAttrTag);
-    // 避免多个实例多处初始化，此处会做队列处理
-    // 合并重复的处理请求
-    // 如果当前实例初始化时，仍未执行完队列，则需要进行请求合并
-    bkMaskMaker.appendMaker(function () {
-      _this2.initInstance(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$maskAttrTag = _ref2.maskAttrTag,
-        maskAttrTag = _ref2$maskAttrTag === void 0 ? this.maskAttrTag : _ref2$maskAttrTag;
-      this.parentNode = parentNode || document;
-      this.setMaskStyle(Object.assign({}, this.maskStyle, maskStyle));
-      this.uniqueMaskAttrTag = this.getMaskAttrTag(maskAttrTag);
-    }
-  }, {
-    key: "destroyEvent",
-    value: function destroyEvent(id) {
-      if (this.mask) {
-        var events = getMaskEvent(this.mask) || [];
-        var index = events.findIndex(function (evt) {
-          return evt.instanceId === id;
-        });
-        if (index >= 0) {
-          events.splice(index, 1);
-          setMaskEventIns(this.mask, events);
-        }
-      }
-    }
-    /**
-     * 显示遮罩
-     * @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 onMaskClick = arguments.length > 6 ? arguments[6] : undefined;
-      var instanceId = arguments.length > 7 ? arguments[7] : undefined;
-      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);
-          if (preStore) {
-            style = preStore === null || preStore === void 0 ? void 0 : preStore.style;
-          }
-        }
-      }
-      /** 缓存当前z-index */
-      this.storeMaskInsCfg({
-        zIndex: localZIndex,
-        style: _objectSpread({}, style),
-        uuid: uid,
-        preUID: this.lastUUID
-      });
-      Object.assign(style, {
-        display: 'block',
-        'z-index': "".concat(localZIndex),
-        'pointer-events': 'all'
-      });
-      this.initInstance(style);
-      if (onMaskClick) {
-        this.catchClickEvent(content, onMaskClick, instanceId);
-      }
-      this.setMaskStyle(style);
-      bkMaskMaker.pushMaskStyle(this.parentNode, _objectSpread({}, style));
-      this.backupMask.style.setProperty('z-index', "".concat(localZIndex - 1));
-      if (!showMask) {
-        this.mask.style.setProperty('pointer-events', 'none');
-        content === null || content === void 0 ? void 0 : content.style.setProperty('pointer-events', 'all');
-      }
-      if (content) {
-        if (transfer) content.style.setProperty('z-index', "".concat(localZIndex + 1)); // 表明内容不在遮罩下，内容区z-index + 1
-        this.activeInstance = content;
-        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 uid = uuid !== null && uuid !== void 0 ? uuid : this.lastUUID;
-      if (!transfer) {
-        var _this$activeInstance;
-        content === null || content === void 0 ? void 0 : content.remove();
-        (_this$activeInstance = this.activeInstance) === null || _this$activeInstance === void 0 ? void 0 : _this$activeInstance.remove();
-      }
-      this.removeClickEvent();
-      this.activeInstance = undefined;
-      this.popIndexStore(uid);
-      var maskList = bkMaskMaker.getMaskStyles(this.parentNode);
-      maskList === null || maskList === void 0 ? void 0 : maskList.pop();
-      if (!(maskList !== null && maskList !== void 0 && maskList.length)) {
-        this.mask.style.setProperty('display', 'none');
-      } else {
-        var style = maskList.slice(-1)[0];
-        this.setMaskStyle(style);
-      }
-    }
-  }, {
-    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) {
-      var _this$backupMask;
-      content && ((_this$backupMask = this.backupMask) === null || _this$backupMask === void 0 ? void 0 : _this$backupMask.append(content));
-    }
-  }, {
-    key: "getActiveContentInstance",
-    value: function getActiveContentInstance() {
-      return this.activeInstance;
-    }
-  }, {
-    key: "removeClickEvent",
-    value: function removeClickEvent() {
-      // if (this.mask) {
-      //   const events = getMaskEvent(this.mask);
-      //   if (!events.length) {
-      //     console.log('removeEventListener handleMaskClick');
-      //     this.mask.removeEventListener('click', this.handleMaskClick);
-      //   }
-      // }
-    }
-  }, {
-    key: "initInstance",
-    value: function initInstance(maskStyle) {
-      if (!this.isInit) {
-        this.isInit = true;
-        this.backupMask = this.getBackupMask();
-        var _this$getMask = this.getMask(),
-          instance = _this$getMask.instance,
-          isExist = _this$getMask.isExist;
-        this.mask = instance;
-        !isExist && this.setMaskStyle(Object.assign({}, this.maskStyle, maskStyle));
-      }
-    }
-    /**
-     * 初始化当前遮罩管理器
-     * @returns 当前遮罩容器
-     */
-  }, {
-    key: "getMask",
-    value: function getMask() {
-      var _this3 = this;
-      if (this.multiInstance) {
-        return {
-          instance: this.createMask(),
-          isExist: false
-        };
-      }
-      var isExist = true;
-      var div = this.parentNode.querySelector("[data-bk-mask-uid='".concat(this.uniqueMaskAttrTag, "']"));
-      if (!div) {
-        isExist = false;
-        div = this.createMask();
-        div.addEventListener('click', function (e) {
-          return _this3.handleMaskClick(e);
-        }, true);
-      }
-      return {
-        instance: div,
-        isExist: isExist
-      };
-    }
-  }, {
-    key: "catchClickEvent",
-    value: function catchClickEvent(content, onMaskClick, instanceId) {
-      if (this.mask) {
-        setMaskEvent(this.mask, onMaskClick, [], content, instanceId);
-      }
-    }
-  }, {
-    key: "handleMaskClick",
-    value: function handleMaskClick(e) {
-      if (e.target !== this.mask) {
-        return;
-      }
-      var events = getMaskEvent(this.mask);
-      if (events.length) {
-        var event = events.slice(-1)[0].event;
-        if (typeof event === 'function') {
-          event(e);
-        }
-      }
-    }
-  }, {
-    key: "getBackupMask",
-    value: function getBackupMask() {
-      var attrName = 'data-bk-backup-uid';
-      var div = this.parentNode.querySelector("[".concat(attrName, "]"));
-      if (!div) {
-        div = this.createMask(attrName);
-      }
-      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 _this4 = this;
-      var maskStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (this.mask) {
-        Object.entries(maskStyle).forEach(function (cfg) {
-          return _this4.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 === '') {
-        if (!bkMaskMaker.getMaskId(this.parentNode)) {
-          bkMaskMaker.setMaskId(this.parentNode, "__bk_mask_".concat(random(16)));
-        }
-        return bkMaskMaker.getMaskId(this.parentNode);
-      }
-      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 popInstanceStore = new WeakMap();
-var BKPopIndexManager = /*#__PURE__*/function () {
-  /** 用来缓存弹出层实例 */
-
-  function BKPopIndexManager(options) {
-    _classCallCheck(this, BKPopIndexManager);
-    this.clickFn = undefined;
-    this.uuidAttrName = 'data-bk-pop-uuid';
-    this.uniqId = random(16);
-    this.transfer = this.getParentNode(options === null || options === void 0 ? void 0 : options.transfer);
-    this.bKMaskManagerInstance = new BkMaskManager({
-      parentNode: this.getParentNode(options === null || options === void 0 ? void 0 : options.transfer),
-      popInstance: this,
-      onClick: this.onMaskClickFn
-    });
-  }
-  _createClass(BKPopIndexManager, [{
-    key: "popInstanceList",
-    get: function get() {
-      if (!popInstanceStore.has(this.transfer)) {
-        popInstanceStore.set(this.transfer, []);
-      }
-      return popInstanceStore.get(this.transfer);
-    },
-    set: function set(val) {
-      popInstanceStore.set(this.transfer, val);
-    }
-  }, {
-    key: "getParentNode",
-    value: function getParentNode(transfer) {
-      if (typeof transfer === 'string') {
-        var target = document.querySelector(transfer);
-        if (target) {
-          return target;
-        }
-      }
-      if (helper_isElement(transfer)) {
-        return transfer;
-      }
-      return document.body;
-    }
-  }, {
-    key: "onMaskClick",
-    value: function onMaskClick(callFn, target) {
-      this.clickFn = {
-        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;
-      var onMaskClick = arguments.length > 5 ? arguments[5] : 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);
-      if (this.popInstanceList.length > 0) {
-        showMask && this.bKMaskManagerInstance.backupContentElement(this.popInstanceList.slice(-1)[0].content);
-      }
-      this.popInstanceList.push({
-        uuid: uuid,
-        zIndex: zIndex,
-        content: content,
-        showMask: showMask,
-        appendStyle: appendStyle
-      });
-      this.bKMaskManagerInstance.show(content, zIndex, showMask, appendStyle, uuid, transfer, onMaskClick, this.uniqId);
-    }
-    /**
-     * 销毁指定实例
-     * @param content 指定实例内容
-     * @param transfer
-     */
-  }, {
-    key: "destroy",
-    value: function destroy(content) {
-      var transfer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      this.clickFn = undefined;
-      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();
-          this.bKMaskManagerInstance.popIndexStore(lastItem.uuid);
-          lastItem.remove();
-        }
-        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;
-          this.bKMaskManagerInstance.show(content, zIndex, showMask, appendStyle, uuid);
-        } else {
-          this.bKMaskManagerInstance.hide();
-          // 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);
-          this.bKMaskManagerInstance.popIndexStore(uuid);
-          if (!this.popInstanceList.length) {
-            this.bKMaskManagerInstance.hide(transfer);
-          } else {
-            this.popHide(false);
-          }
-        }
-      } else {
-        content === null || content === void 0 ? void 0 : content.remove();
-      }
-      this.bKMaskManagerInstance.removeClickEvent();
-    }
-  }, {
-    key: "removeLastEvent",
-    value: function removeLastEvent() {
-      this.bKMaskManagerInstance.destroyEvent(this.uniqId);
-    }
-  }, {
-    key: "onMaskClickFn",
-    value: function onMaskClickFn(e) {
-      if (this.clickFn) {
-        var fn = this.clickFn.fn;
-        if (fn) {
-          Reflect.apply(fn, this, [e]);
-        }
-      }
-    }
-  }]);
-  return BKPopIndexManager;
-}();
-var bkPopIndexManager = new BKPopIndexManager();
-;// 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();
-}
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-/* harmony default export */ const esm_browser_native = ({
-  randomUUID
-});
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-function stringify(arr, offset = 0) {
-  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
-
-
-
-
-function v4(options, buf, offset) {
-  if (esm_browser_native.randomUUID && !buf && !options) {
-    return esm_browser_native.randomUUID();
-  }
-
-  options = options || {};
-  const 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) {
-    offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
-}
-
-/* harmony default export */ const esm_browser_v4 = (v4);
-;// CONCATENATED MODULE: external "@popperjs/core"
-var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var core_y = x => () => x
-const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
-;// CONCATENATED MODULE: ../../packages/shared/src/popover.ts
-
-
-
-
-
-/*
+
+
+
+/*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
@@ -2089,53 +1135,168 @@ var getPopContainerId = function getPopContainerId() {
     popContainer.setAttribute('data-popper-id', popContainerId);
     document.body.append(popContainer);
   }
-  return "".concat(prefix).concat(popContainerId);
+  return "".concat(prefix).concat(popContainerId);
+};
+;// 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: external "lodash/throttle"
+var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var throttle_y = x => () => x
+const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
+;// 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,throttle_namespaceObject["default"])(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);
+    }
+  };
 };
-;// 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 capitalize = function capitalize(str) {
+  return str[0].toUpperCase() + str.slice(1);
+};
+/**
+ * 判断元素是否溢出容器
+ * @param {*} el
+ * @returns
  */
-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;
+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: ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
 function _setPrototypeOf(o, p) {
@@ -2395,7 +1556,7 @@ var PropTypes = /*#__PURE__*/function (_propTypesNS) {
   _createClass(PropTypes, null, [{
     key: "size",
     value: function size() {
-      var defaultList = ['small', 'default', 'large'];
+      var defaultList = ['small', 'default', 'large', 'huge'];
       return (0,external_vue_types_namespaceObject.toType)('Size', {
         validator: function validator(val) {
           if (!val || defaultList.includes(val)) {
@@ -2469,8 +1630,201 @@ var SelectedTypeEnum;
 function SelectedType() {
   return (0,external_vue_types_namespaceObject.toType)('selectedStyle', {}).def(SelectedTypeEnum.CHECK);
 }
-;// CONCATENATED MODULE: ../../packages/shared/src/index.ts
+;// 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, 2000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.PLUGINS, 5000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.MESSAGE, 6000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.POPPER, 8000), _BKLAYERD_INDEX_EFAUL);
+var BKZIndexManager = /*#__PURE__*/function () {
+  function BKZIndexManager() {
+    _classCallCheck(this, BKZIndexManager);
+    _defineProperty(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 this.getNextIndex(BKLAYERTYPE.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: ../../packages/shared/src/mask.ts
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var instanceStore = new WeakMap();
+var activeModal;
+var loopSetMaskStyle = function loopSetMaskStyle(modal, show) {
+  if (!modal) {
+    return;
+  }
+  if (instanceStore.has(modal)) {
+    var _instanceStore$get = instanceStore.get(modal),
+      _mask = _instanceStore$get.mask,
+      backgroundColor = _instanceStore$get.backgroundColor;
+    _mask === null || _mask === void 0 ? void 0 : _mask.style.setProperty('background-color', show ? 'transparent' : backgroundColor);
+  }
+};
+var showMask = function showMask(options) {
+  if (!options.el) {
+    return;
+  }
+  if (!instanceStore.has(options.el)) {
+    instanceStore.set(options.el, _objectSpread(_objectSpread({}, options), {}, {
+      referenceParent: activeModal
+    }));
+  }
+  loopSetMaskStyle(activeModal, options.showMask);
+  activeModal = options.el;
+};
+var hideMask = function hideMask(options) {
+  if (options.el && instanceStore.has(options.el)) {
+    var _instanceStore$get2 = instanceStore.get(options.el),
+      referenceParent = _instanceStore$get2.referenceParent;
+    activeModal = referenceParent;
+    loopSetMaskStyle(referenceParent, false);
+  }
+};
+var mask = {
+  showMask: showMask,
+  hideMask: hideMask
+};
+;// CONCATENATED MODULE: ../../packages/shared/src/index.ts
 
 
 
@@ -2608,9 +1962,7 @@ function arrayEqual() {
 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;
@@ -2637,8 +1989,6 @@ 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;
@@ -2662,6 +2012,7 @@ 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__mask = __webpack_exports__.Ax;
 var __webpack_exports__maybeShowTooltip = __webpack_exports__.oq;
 var __webpack_exports__merge = __webpack_exports__.TS;
 var __webpack_exports__mergeIf = __webpack_exports__.NG;
@@ -2686,4 +2037,4 @@ 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__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __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 };
+export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __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__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __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__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__mask as mask, __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 };