bkui-vue 2.0.1-beta.9 → 2.0.1-beta.91

package/lib/directives/index.js

@@ -1,9 +1,10 @@
 import "../styles/reset.css";
-import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
+import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
 /******/ var __webpack_modules__ = ({
 
 /***/ 2439:
@@ -676,61 +677,13 @@ var __webpack_exports__ = {};
 __webpack_require__.d(__webpack_exports__, {
   bkEllipsis: () => (/* reexport */ src_ellipsis),
   bkEllipsisInstance: () => (/* reexport */ createInstance),
+  bkLoading: () => (/* reexport */ external_loading_namespaceObject.vBkloading),
   bkTooltips: () => (/* reexport */ src_tooltips),
   clickoutside: () => (/* reexport */ clickoutside),
   mousewheel: () => (/* reexport */ src_mousewheel),
   overflowTitle: () => (/* reexport */ external_overflow_title_namespaceObject.overflowTitle)
 });
 
-;// CONCATENATED MODULE: external "../overflow-title"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_overflow_title_namespaceObject = x({ ["overflowTitle"]: () => __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__.overflowTitle });
-// EXTERNAL MODULE: ../../node_modules/normalize-wheel/index.js
-var normalize_wheel = __webpack_require__(2439);
-var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel);
-;// CONCATENATED MODULE: ../../packages/directives/src/mousewheel.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 isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-var mousewheelHandler = function mousewheelHandler(element, callback) {
-  if (element !== null && element !== void 0 && element.addEventListener) {
-    element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (e) {
-      var normalized = normalize_wheel_default()(e);
-      callback === null || callback === void 0 || callback.apply(this, [e, normalized]);
-    });
-  }
-};
-var mousewheel = {
-  beforeMount: function beforeMount(el, binding) {
-    mousewheelHandler(el, binding.value);
-  }
-};
-/* harmony default export */ const src_mousewheel = (mousewheel);
 ;// CONCATENATED MODULE: ../../packages/directives/src/clickoutside.ts
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 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); }
@@ -867,6 +820,166 @@ function _typeof(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof(o);
 }
+;// CONCATENATED MODULE: external "../plugin-popover"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.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 resolveOptions = function resolveOptions(el, binding) {
+  var options = {
+    content: '',
+    target: el
+  };
+  if (_typeof(binding) === 'object') {
+    Object.assign(options, binding);
+    if (Object.prototype.hasOwnProperty.call(binding, 'popoverOption')) {
+      Object.assign(options, binding.popoverOption);
+    }
+  } else {
+    options.content = binding;
+  }
+  return options;
+};
+var createInstance = function createInstance(el, binding) {
+  var instance = null;
+  var createTimer = null;
+  var hidePopTimer = null;
+  var options = resolveOptions(el, binding);
+  var disabled = options.disabled;
+  if (disabled || instance) {
+    return;
+  }
+  var handleContentEnter = function handleContentEnter() {
+    hidePopTimer && clearTimeout(hidePopTimer);
+    hidePopTimer = null;
+  };
+  var handleContentLeave = function handleContentLeave() {
+    var _instance, _instance2;
+    if (createTimer) {
+      clearTimeout(createTimer);
+    }
+    (_instance = instance) === null || _instance === void 0 || _instance.hide();
+    (_instance2 = instance) === null || _instance2 === void 0 || _instance2.close();
+    instance = null;
+  };
+  var handleMouseEnter = function handleMouseEnter() {
+    handleContentLeave();
+    createTimer && clearTimeout(createTimer);
+    createTimer = setTimeout(function () {
+      var _targetOptions$conten;
+      var targetOptions = resolveOptions(el, binding);
+      targetOptions.isShow = true;
+      targetOptions.content = typeof targetOptions.content === 'function' ? targetOptions.content() : (_targetOptions$conten = targetOptions.content) !== null && _targetOptions$conten !== void 0 ? _targetOptions$conten : el;
+      targetOptions.allowHtml = true;
+      Object.assign(targetOptions, {
+        onContentMouseenter: handleContentEnter,
+        onContentMouseleave: handleContentLeave
+      });
+      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+    }, 300);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    hidePopTimer = setTimeout(function () {
+      var _instance3, _instance4;
+      if (createTimer) {
+        clearTimeout(createTimer);
+      }
+      (_instance3 = instance) === null || _instance3 === void 0 || _instance3.hide();
+      (_instance4 = instance) === null || _instance4 === void 0 || _instance4.close();
+      instance = null;
+    }, 120);
+  };
+  el.addEventListener('mouseenter', handleMouseEnter);
+  el.addEventListener('mouseleave', handleMouseLeave);
+  var destroyInstance = function destroyInstance(element) {
+    var _ref, _ref2;
+    handleMouseLeave();
+    (_ref = element !== null && element !== void 0 ? element : el) === null || _ref === void 0 || _ref.removeEventListener('mouseenter', handleMouseEnter);
+    (_ref2 = element !== null && element !== void 0 ? element : el) === null || _ref2 === void 0 || _ref2.removeEventListener('mouseleave', handleMouseLeave);
+  };
+  return {
+    destroyInstance: destroyInstance,
+    instance: instance
+  };
+};
+var ellipsis = {
+  mounted: function mounted(el, binding) {
+    createInstance(el, binding);
+  }
+};
+/* harmony default export */ const src_ellipsis = (ellipsis);
+// EXTERNAL MODULE: ../../node_modules/normalize-wheel/index.js
+var normalize_wheel = __webpack_require__(2439);
+var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel);
+;// CONCATENATED MODULE: ../../packages/directives/src/mousewheel.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 isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+var mousewheelHandler = function mousewheelHandler(element, callback) {
+  if (element !== null && element !== void 0 && element.addEventListener) {
+    element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (e) {
+      var normalized = normalize_wheel_default()(e);
+      callback === null || callback === void 0 || callback.apply(this, [e, normalized]);
+    });
+  }
+};
+var mousewheel = {
+  beforeMount: function beforeMount(el, binding) {
+    mousewheelHandler(el, binding.value);
+  }
+};
+/* harmony default export */ const src_mousewheel = (mousewheel);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
 function toPrimitive(t, r) {
@@ -942,7 +1055,7 @@ function _toConsumableArray(arr) {
 ;// 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({ ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render });
+const external_vue_namespaceObject = external_vue_x({ ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -989,9 +1102,15 @@ var tooltips_nodeList = new WeakMap();
 var tooltips = {
   beforeMount: function beforeMount(el, binding) {
     var opts = getOpts(binding);
-    var trigger = opts.trigger;
+    var trigger = opts.trigger,
+      showOnInit = opts.showOnInit;
     var popper = renderContent(opts);
     var delayTimeout = null;
+    if (showOnInit) {
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        show(el);
+      });
+    }
     if (trigger === 'hover') {
       var hideTimeout = null;
       el.addEventListener('mouseenter', function () {
@@ -1106,7 +1225,8 @@ function renderContent(opts) {
   var isLight = theme === 'light';
   var zIndex = shared_namespaceObject.bkZIndexManager.getPopperIndex();
   var content = document.createElement('div');
-  content.className = "".concat((0,shared_namespaceObject.resolveClassName)('popper'), " ").concat(isLight ? 'light' : 'dark', " ").concat(extCls);
+  var prefix = document.documentElement.style.getPropertyValue('--bk-prefix') || 'bk';
+  content.className = "".concat((0,shared_namespaceObject.resolveClassName)('popper', prefix), " ").concat(isLight ? 'light' : 'dark', " ").concat(extCls);
   content.innerText = value;
   content.style.zIndex = String(zIndex);
   renderContext(value, content);
@@ -1122,7 +1242,8 @@ function renderContent(opts) {
  */
 function renderArrow() {
   var arrow = document.createElement('div');
-  arrow.className = (0,shared_namespaceObject.resolveClassName)('popper-arrow');
+  var prefix = document.documentElement.style.getPropertyValue('--bk-prefix') || 'bk';
+  arrow.className = (0,shared_namespaceObject.resolveClassName)('popper-arrow', prefix);
   arrow.setAttribute('data-popper-arrow', '');
   return arrow;
 }
@@ -1137,7 +1258,6 @@ function createPopperInstance(el, popper) {
     opts = _nodeList$get.opts;
   var placement = opts.placement,
     distance = opts.distance,
-    showOnInit = opts.showOnInit,
     sameWidth = opts.sameWidth;
   var popperInstance = (0,core_namespaceObject.createPopper)(el, popper, {
     placement: placement,
@@ -1146,6 +1266,11 @@ function createPopperInstance(el, popper) {
       options: {
         offset: [0, distance]
       }
+    }, {
+      name: 'arrow',
+      options: {
+        padding: 5
+      }
     }].concat(_toConsumableArray(sameWidth ? [{
       name: 'sameWidth',
       enabled: true,
@@ -1162,7 +1287,6 @@ function createPopperInstance(el, popper) {
       }
     }] : []))
   });
-  if (showOnInit) show(el);
   return popperInstance;
 }
 /**
@@ -1177,7 +1301,9 @@ function show(el) {
     content = opts.content,
     hasArrow = opts.arrow,
     onShow = opts.onShow,
-    boundary = opts.boundary;
+    boundary = opts.boundary,
+    _opts$modifiers = opts.modifiers,
+    modifiers = _opts$modifiers === void 0 ? [] : _opts$modifiers;
   if (disabled) return;
   renderContext(content, popper);
   if (hasArrow) {
@@ -1200,7 +1326,7 @@ function show(el) {
   // Enable the event listeners
   popperInstance.setOptions(function (options) {
     return _objectSpread(_objectSpread({}, options), {}, {
-      modifiers: [].concat(_toConsumableArray(options.modifiers), [{
+      modifiers: [].concat(_toConsumableArray(options.modifiers), _toConsumableArray(modifiers), [{
         name: 'eventListeners',
         enabled: true
       }])
@@ -1222,128 +1348,22 @@ function hide(el) {
     opts = _nodeList$get3.opts;
   var onHide = opts.onHide;
   if (popper && document.body.contains(popper)) {
+    var _popper$parentNode;
     popper.removeAttribute('data-show');
     popperInstance === null || popperInstance === void 0 || popperInstance.destroy();
-    document.body.removeChild(popper);
+    popper === null || popper === void 0 || (_popper$parentNode = popper.parentNode) === null || _popper$parentNode === void 0 || _popper$parentNode.removeChild(popper);
     onHide();
   }
 }
 /* harmony default export */ const src_tooltips = (tooltips);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
-;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.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 resolveOptions = function resolveOptions(el, binding) {
-  var options = {
-    content: '',
-    target: el
-  };
-  if (_typeof(binding) === 'object') {
-    Object.assign(options, binding);
-    if (Object.prototype.hasOwnProperty.call(binding, 'popoverOption')) {
-      Object.assign(options, binding.popoverOption);
-    }
-  } else {
-    options.content = binding;
-  }
-  return options;
-};
-var createInstance = function createInstance(el, binding) {
-  var instance = null;
-  var createTimer = null;
-  var hidePopTimer = null;
-  var options = resolveOptions(el, binding);
-  var disabled = options.disabled;
-  if (disabled || instance) {
-    return;
-  }
-  var handleContentEnter = function handleContentEnter() {
-    hidePopTimer && clearTimeout(hidePopTimer);
-    hidePopTimer = null;
-  };
-  var handleContentLeave = function handleContentLeave() {
-    var _instance, _instance2;
-    if (createTimer) {
-      clearTimeout(createTimer);
-    }
-    (_instance = instance) === null || _instance === void 0 || _instance.hide();
-    (_instance2 = instance) === null || _instance2 === void 0 || _instance2.close();
-    instance = null;
-  };
-  var handleMouseEnter = function handleMouseEnter() {
-    handleContentLeave();
-    createTimer && clearTimeout(createTimer);
-    createTimer = setTimeout(function () {
-      var _targetOptions$conten;
-      var targetOptions = resolveOptions(el, binding);
-      targetOptions.isShow = true;
-      targetOptions.content = typeof targetOptions.content === 'function' ? targetOptions.content() : (_targetOptions$conten = targetOptions.content) !== null && _targetOptions$conten !== void 0 ? _targetOptions$conten : el;
-      targetOptions.allowHtml = true;
-      Object.assign(targetOptions, {
-        onContentMouseenter: handleContentEnter,
-        onContentMouseleave: handleContentLeave
-      });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
-    }, 300);
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    hidePopTimer = setTimeout(function () {
-      var _instance3, _instance4;
-      if (createTimer) {
-        clearTimeout(createTimer);
-      }
-      (_instance3 = instance) === null || _instance3 === void 0 || _instance3.hide();
-      (_instance4 = instance) === null || _instance4 === void 0 || _instance4.close();
-      instance = null;
-    }, 120);
-  };
-  el.addEventListener('mouseenter', handleMouseEnter);
-  el.addEventListener('mouseleave', handleMouseLeave);
-  var destroyInstance = function destroyInstance(element) {
-    var _ref, _ref2;
-    handleMouseLeave();
-    (_ref = element !== null && element !== void 0 ? element : el) === null || _ref === void 0 || _ref.removeEventListener('mouseenter', handleMouseEnter);
-    (_ref2 = element !== null && element !== void 0 ? element : el) === null || _ref2 === void 0 || _ref2.removeEventListener('mouseleave', handleMouseLeave);
-  };
-  return {
-    destroyInstance: destroyInstance,
-    instance: instance
-  };
-};
-var ellipsis = {
-  mounted: function mounted(el, binding) {
-    createInstance(el, binding);
-  }
-};
-/* harmony default export */ const src_ellipsis = (ellipsis);
+;// CONCATENATED MODULE: external "../loading"
+var external_loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_loading_y = x => () => x
+const external_loading_namespaceObject = external_loading_x({ ["vBkloading"]: () => __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__.vBkloading });
+;// CONCATENATED MODULE: external "../overflow-title"
+var external_overflow_title_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_overflow_title_y = x => () => x
+const external_overflow_title_namespaceObject = external_overflow_title_x({ ["overflowTitle"]: () => __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__.overflowTitle });
 ;// CONCATENATED MODULE: ../../packages/directives/src/index.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -1375,13 +1395,15 @@ var ellipsis = {
 
 
 
+
 // export { createInstance as bkEllipsisInstance } from './ellipsis';
 })();
 
 var __webpack_exports__bkEllipsis = __webpack_exports__.bkEllipsis;
 var __webpack_exports__bkEllipsisInstance = __webpack_exports__.bkEllipsisInstance;
+var __webpack_exports__bkLoading = __webpack_exports__.bkLoading;
 var __webpack_exports__bkTooltips = __webpack_exports__.bkTooltips;
 var __webpack_exports__clickoutside = __webpack_exports__.clickoutside;
 var __webpack_exports__mousewheel = __webpack_exports__.mousewheel;
 var __webpack_exports__overflowTitle = __webpack_exports__.overflowTitle;
-export { __webpack_exports__bkEllipsis as bkEllipsis, __webpack_exports__bkEllipsisInstance as bkEllipsisInstance, __webpack_exports__bkTooltips as bkTooltips, __webpack_exports__clickoutside as clickoutside, __webpack_exports__mousewheel as mousewheel, __webpack_exports__overflowTitle as overflowTitle };
+export { __webpack_exports__bkEllipsis as bkEllipsis, __webpack_exports__bkEllipsisInstance as bkEllipsisInstance, __webpack_exports__bkLoading as bkLoading, __webpack_exports__bkTooltips as bkTooltips, __webpack_exports__clickoutside as clickoutside, __webpack_exports__mousewheel as mousewheel, __webpack_exports__overflowTitle as overflowTitle };

package/lib/directives/tooltips.d.ts

@@ -4,7 +4,7 @@ export declare type IOptions = {
     arrow: boolean;
     disabled: boolean;
     placement: Placement;
-    content: string | VNode;
+    content: VNode | string;
     showOnInit: boolean;
     theme: string;
     trigger: string;

package/lib/dist.index.js

@@ -24,7 +24,5 @@
  * IN THE SOFTWARE.
  */
 import './styles';
-export { default } from './preset';
-export * from './components';
-export * from './directives';
-export * from './config-provider';
+export { default } from './index';
+export * from './index';

package/lib/divider/divider.css

@@ -1,6 +1,136 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
 .bk-divider {
   position: relative;
-  background: #c4c6cc;
+  background: var(--light-gray);
 }
 .bk-divider-horizontal {
   width: 100%;
@@ -11,8 +141,8 @@
   position: absolute;
   top: 50%;
   padding: 0 1.4em;
-  color: #63656e;
-  background-color: white;
+  color: var(--default-color);
+  background-color: var(--white-color);
   transform: translateY(-50%);
 }
 .bk-divider-info-center {