bkui-vue 1.0.3-beta.26 → 1.0.3-beta.27

package/lib/pop-confirm/index.js

@@ -1,12 +1,8 @@
-import "../styles/reset.css";
-import "./pop-confirm.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_button_a2ea7c9a__ from "../button";
-import "../button/button.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
-import "../popover/popover.less";
+import * as __WEBPACK_EXTERNAL_MODULE__button_59c00871__ from "../button";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -40,31 +36,23 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.placementType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const external_shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.placementType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
 const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
 ;// CONCATENATED MODULE: external "../button"
-var button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var button_y = x => () => x
-const button_namespaceObject = button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_button_a2ea7c9a__["default"] });
-;// CONCATENATED MODULE: external "../button/button.less"
-var button_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var button_less_y = x => () => x
-const button_less_namespaceObject = button_less_x({  });
+var external_button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_button_y = x => () => x
+const external_button_namespaceObject = external_button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__button_59c00871__["default"] });
 ;// CONCATENATED MODULE: external "../config-provider"
-var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
 ;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
-;// CONCATENATED MODULE: external "../popover/popover.less"
-var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_less_y = x => () => x
-const popover_less_namespaceObject = popover_less_x({  });
+var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_popover_y = x => () => x
+const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["default"] });
 ;// CONCATENATED MODULE: external "vue-types"
 var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_types_y = x => () => x
@@ -127,17 +115,17 @@ var PopConfirmProps = {
    * manual： 通过isShow控制显示、隐藏
    */
   trigger: triggerType(),
-  title: shared_namespaceObject.PropTypes.string.def(''),
-  content: shared_namespaceObject.PropTypes.string.def(''),
-  confirmText: shared_namespaceObject.PropTypes.string.def(''),
-  cancelText: shared_namespaceObject.PropTypes.string.def(''),
-  placement: shared_namespaceObject.PropTypes.oneOfType([(0,shared_namespaceObject.placementType)().def(shared_namespaceObject.PlacementEnum.TOP), shared_namespaceObject.PropTypes.string]).def(shared_namespaceObject.PlacementEnum.TOP),
-  theme: shared_namespaceObject.PropTypes.string.def('light '),
+  title: external_shared_namespaceObject.PropTypes.string.def(''),
+  content: external_shared_namespaceObject.PropTypes.string.def(''),
+  confirmText: external_shared_namespaceObject.PropTypes.string.def(''),
+  cancelText: external_shared_namespaceObject.PropTypes.string.def(''),
+  placement: external_shared_namespaceObject.PropTypes.oneOfType([(0,external_shared_namespaceObject.placementType)().def(external_shared_namespaceObject.PlacementEnum.TOP), external_shared_namespaceObject.PropTypes.string]).def(external_shared_namespaceObject.PlacementEnum.TOP),
+  theme: external_shared_namespaceObject.PropTypes.string.def('light '),
   /**
    * 自定义icon：根据确认框中提示文字的语境来选择 icon的样式，当确认操作存在风险时，可选择带警示的icon来引起用户的注意。
    */
-  icon: shared_namespaceObject.PropTypes.string.def(''),
-  width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto')
+  icon: external_shared_namespaceObject.PropTypes.string.def(''),
+  width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto')
 };
 /* harmony default export */ const props = (PopConfirmProps);
 ;// CONCATENATED MODULE: ../../packages/pop-confirm/src/pop-confirm.tsx
@@ -172,8 +160,6 @@ var PopConfirmProps = {
 
 
 
-
-
 /* harmony default export */ const pop_confirm = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopConfirm',
   props: props,
@@ -182,7 +168,7 @@ var PopConfirmProps = {
     var emit = _ref.emit,
       slots = _ref.slots;
     var visible = (0,external_vue_namespaceObject.ref)(false);
-    var t = (0,config_provider_namespaceObject.useLocale)('popConfirm');
+    var t = (0,external_config_provider_namespaceObject.useLocale)('popConfirm');
     function ensure(e) {
       visible.value = false;
       emit('confirm');
@@ -200,7 +186,7 @@ var PopConfirmProps = {
       return props.icon;
     }
     var icon = renderIcon();
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var popoverRef = (0,external_vue_namespaceObject.ref)(null);
     return {
@@ -215,7 +201,7 @@ var PopConfirmProps = {
   },
   render: function render() {
     var _this = this;
-    return (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], {
+    return (0,external_vue_namespaceObject.createVNode)(external_popover_namespaceObject["default"], {
       "ref": "popoverRef",
       "isShow": this.visible,
       "trigger": this.trigger,
@@ -240,7 +226,7 @@ var PopConfirmProps = {
           "class": "".concat(_this.resolveClassName('pop-confirm-content'))
         }, [!_this.title ? _this.icon : '', _this.content])]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('pop-confirm-footer'))
-        }, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+        }, [(0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
           "onClick": _this.ensure,
           "size": "small",
           "theme": "primary"
@@ -248,7 +234,7 @@ var PopConfirmProps = {
           "default": function _default() {
             return [_this.confirmText || _this.t.ok];
           }
-        }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+        }), (0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
           "onClick": _this.cancel,
           "size": "small"
         }, {
@@ -288,7 +274,7 @@ var PopConfirmProps = {
  */
 
 
-var BKPopConfirm = (0,shared_namespaceObject.withInstall)(pop_confirm);
+var BKPopConfirm = (0,external_shared_namespaceObject.withInstall)(pop_confirm);
 /* harmony default export */ const src = (BKPopConfirm);
 var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };

package/lib/pop-confirm/pop-confirm.css

@@ -1,28 +1,28 @@
-:where(.bk-popover.bk-pop-confirm-box) {
+.bk-popover.bk-pop-confirm-box {
   padding: 16px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-title {
-  padding-bottom: 16px;
+.bk-pop-confirm-title {
   font-size: 14px;
   color: #313238;
+  padding-bottom: 16px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-icon {
+.bk-pop-confirm-icon {
+  color: #FF5656;
   margin-right: 4px;
-  color: #ff5656;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-content {
-  padding: 0 0 16px;
+.bk-pop-confirm-content {
   font-size: 12px;
   color: #63656e;
+  padding: 0 0 16px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-simple {
+.bk-pop-confirm-simple {
   font-size: 14px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-footer {
+.bk-pop-confirm-footer {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-footer .bk-button {
+.bk-pop-confirm-footer .bk-button {
   margin-left: 8px;
 }

package/lib/pop-confirm/pop-confirm.less

@@ -1,32 +1,29 @@
 @import '../styles/themes/themes.less';
 
-:where(.@{bk-prefix}-popover.@{bk-prefix}-pop-confirm-box) {
+.@{bk-prefix}-popover.@{bk-prefix}-pop-confirm-box{
   padding: 16px;
 }
 //.@{bk-prefix}-pop-confirm {
-:where(.@{bk-prefix}-pop-confirm) {
-  .@{bk-prefix}-pop-confirm-title {
-    padding-bottom: 16px;
+.@{bk-prefix}-pop-confirm {
+
+  &-title {
     font-size: 14px;
     color: #313238;
+    padding-bottom: 16px;
   }
-
-  .@{bk-prefix}-pop-confirm-icon {
+  &-icon {
+    color: #FF5656;
     margin-right: 4px;
-    color: #ff5656;
   }
-
-  .@{bk-prefix}-pop-confirm-content {
-    padding: 0 0 16px;
+  &-content {
     font-size: 12px;
     color: #63656e;
+    padding: 0 0 16px;
   }
-
-  .@{bk-prefix}-pop-confirm-simple {
+  &-simple {
     font-size: 14px;
   }
-
-  .@{bk-prefix}-pop-confirm-footer {
+  &-footer {
     display: flex;
     justify-content: flex-end;
     align-items: center;

package/lib/pop-confirm/pop-confirm.variable.css

@@ -12,13 +12,13 @@
   --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;
-  --border-color: #dcdee5;
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
@@ -111,7 +111,7 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #63656e;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
@@ -127,31 +127,31 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-popover.bk-pop-confirm-box) {
+.bk-popover.bk-pop-confirm-box {
   padding: 16px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-title {
-  padding-bottom: 16px;
+.bk-pop-confirm-title {
   font-size: 14px;
   color: #313238;
+  padding-bottom: 16px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-icon {
+.bk-pop-confirm-icon {
+  color: #FF5656;
   margin-right: 4px;
-  color: #ff5656;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-content {
-  padding: 0 0 16px;
+.bk-pop-confirm-content {
   font-size: 12px;
   color: #63656e;
+  padding: 0 0 16px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-simple {
+.bk-pop-confirm-simple {
   font-size: 14px;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-footer {
+.bk-pop-confirm-footer {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
-:where(.bk-pop-confirm) .bk-pop-confirm-footer .bk-button {
+.bk-pop-confirm-footer .bk-button {
   margin-left: 8px;
 }

package/lib/popover/index.js

@@ -1,8 +1,6 @@
-import "../styles/reset.css";
-import "./popover.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__ from "lodash/isElement";
 /******/ // The require scope
@@ -39,7 +37,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.placementType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.triggerType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const external_shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.placementType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.triggerType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
@@ -171,9 +169,9 @@ ClickOutside.install = function (app) {
 };
 /* harmony default export */ const clickoutside = (ClickOutside);
 ;// CONCATENATED MODULE: external "../config-provider"
-var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
 ;// CONCATENATED MODULE: ../../packages/popover/src/arrow.tsx
 
 /*
@@ -206,7 +204,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
 /* harmony default export */ const src_arrow = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopArrow',
   render: function render() {
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var arrowClassName = resolveClassName('pop2-arrow');
     return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -339,13 +337,13 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
 /* harmony default export */ const content = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopContent',
   props: {
-    width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    maxHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    maxWidth: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    extCls: shared_namespaceObject.PropTypes.string.def(''),
-    visible: shared_namespaceObject.PropTypes.bool.def(false),
-    eventDelay: shared_namespaceObject.PropTypes.number.def(0)
+    width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    height: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    maxHeight: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    maxWidth: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    extCls: external_shared_namespaceObject.PropTypes.string.def(''),
+    visible: external_shared_namespaceObject.PropTypes.bool.def(false),
+    eventDelay: external_shared_namespaceObject.PropTypes.number.def(0)
   },
   setup: function setup(props) {
     var resolveValToPix = function resolveValToPix(val) {
@@ -381,7 +379,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       }
       (_refContent$value = refContent.value) === null || _refContent$value === void 0 || _refContent$value.style.setProperty('pointer-events', val);
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
       return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
@@ -434,91 +432,91 @@ var EventProps = {
   onAfterShow: function onAfterShow() {}
 };
 var PopoverProps = {
-  isShow: shared_namespaceObject.PropTypes.bool.def(false),
-  always: shared_namespaceObject.PropTypes.bool.def(false),
-  disabled: shared_namespaceObject.PropTypes.bool.def(false),
-  width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-  height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-  maxWidth: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-  maxHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
+  isShow: external_shared_namespaceObject.PropTypes.bool.def(false),
+  always: external_shared_namespaceObject.PropTypes.bool.def(false),
+  disabled: external_shared_namespaceObject.PropTypes.bool.def(false),
+  width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+  height: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+  maxWidth: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+  maxHeight: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
   content: (0,external_vue_types_namespaceObject.toType)('IContent', {}).def(''),
-  target: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.instanceOf(HTMLElement), shared_namespaceObject.PropTypes.instanceOf(PointerEvent)]),
-  allowHtml: shared_namespaceObject.PropTypes.bool.def(false),
+  target: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.instanceOf(HTMLElement), external_shared_namespaceObject.PropTypes.instanceOf(PointerEvent)]),
+  allowHtml: external_shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 组件显示位置
    */
   // placement: placementType().def(PlacementEnum.TOP),
-  placement: (0,shared_namespaceObject.placementType)().def(shared_namespaceObject.PlacementEnum.TOP_START),
+  placement: (0,external_shared_namespaceObject.placementType)().def(external_shared_namespaceObject.PlacementEnum.TOP_START),
   // 'dark', 'light'
-  theme: shared_namespaceObject.PropTypes.string.def('dark'),
+  theme: external_shared_namespaceObject.PropTypes.string.def('dark'),
   /**
    * 触发方式
    * 支持 click hover manual
    * manual： 通过isShow控制显示、隐藏
    */
   // trigger: triggerType(),
-  trigger: (0,shared_namespaceObject.triggerType)(),
+  trigger: (0,external_shared_namespaceObject.triggerType)(),
   /**
    * content 渲染方式
    */
-  renderType: (0,shared_namespaceObject.renderType)(),
+  renderType: (0,external_shared_namespaceObject.renderType)(),
   // 是否显示箭头
-  arrow: shared_namespaceObject.PropTypes.bool.def(true),
-  padding: shared_namespaceObject.PropTypes.number.def(5),
-  offset: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.shape({
-    mainAxis: shared_namespaceObject.PropTypes.number,
-    crossAxis: shared_namespaceObject.PropTypes.number,
-    alignmentAxis: shared_namespaceObject.PropTypes.number
+  arrow: external_shared_namespaceObject.PropTypes.bool.def(true),
+  padding: external_shared_namespaceObject.PropTypes.number.def(5),
+  offset: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.shape({
+    mainAxis: external_shared_namespaceObject.PropTypes.number,
+    crossAxis: external_shared_namespaceObject.PropTypes.number,
+    alignmentAxis: external_shared_namespaceObject.PropTypes.number
   })]).def(6),
   /**
    * 弹出内容绑定元素
    */
-  boundary: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('parent'), shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]),
-  zIndex: shared_namespaceObject.PropTypes.number.def(undefined),
-  disableTeleport: shared_namespaceObject.PropTypes.bool.def(false),
+  boundary: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string.def('parent'), external_shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]),
+  zIndex: external_shared_namespaceObject.PropTypes.number.def(undefined),
+  disableTeleport: external_shared_namespaceObject.PropTypes.bool.def(false),
   /**
    *  chooses the placement that has the most space available automatically
    */
-  autoPlacement: shared_namespaceObject.PropTypes.bool.def(false),
+  autoPlacement: external_shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 当有滚动条，滚动出可是范围时自动隐藏pop
    */
-  autoVisibility: shared_namespaceObject.PropTypes.bool.def(true),
+  autoVisibility: external_shared_namespaceObject.PropTypes.bool.def(true),
   /**
    * 是否禁用clickoutside
    */
-  disableOutsideClick: shared_namespaceObject.PropTypes.bool.def(false),
+  disableOutsideClick: external_shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 是否禁用样式的transform更新位移
    */
-  disableTransform: shared_namespaceObject.PropTypes.bool.def(false),
+  disableTransform: external_shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 自定义 reference
    */
-  reference: shared_namespaceObject.PropTypes.any,
+  reference: external_shared_namespaceObject.PropTypes.any,
   /**
    * 兼容v1版本遗留配置
    * 不建议使用
    */
-  modifiers: shared_namespaceObject.PropTypes.array.def([]),
+  modifiers: external_shared_namespaceObject.PropTypes.array.def([]),
   /**
    * popover显示和隐藏的延时时间
    */
-  popoverDelay: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.number)]).def(100),
+  popoverDelay: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.number)]).def(100),
   /**
    * 配置自定义样式类名，传入的类会被加在组件最外层的 DOM
    */
-  extCls: shared_namespaceObject.PropTypes.string.def(''),
+  extCls: external_shared_namespaceObject.PropTypes.string.def(''),
   /**
    * 自定义Content组件渲染，point-event延迟渲染时间
    * 避免子组件point-event渲染时触发popover鼠标事件
    * 如果设置为0，则不启用此设置
    */
-  componentEventDelay: shared_namespaceObject.PropTypes.number.def(0),
+  componentEventDelay: external_shared_namespaceObject.PropTypes.number.def(0),
   /**
    * 或略其他判定条件，强制监听clickoutside & 执行hide
    */
-  forceClickoutside: shared_namespaceObject.PropTypes.bool.def(false)
+  forceClickoutside: external_shared_namespaceObject.PropTypes.bool.def(false)
 };
 ;// CONCATENATED MODULE: ../../packages/popover/src/reference.tsx
 /*
@@ -585,8 +583,8 @@ var PopoverProps = {
 
 /* harmony default export */ const root = ((0,external_vue_namespaceObject.defineComponent)({
   props: {
-    "class": shared_namespaceObject.PropTypes.string.def(''),
-    mode: shared_namespaceObject.PropTypes.string.def('')
+    "class": external_shared_namespaceObject.PropTypes.string.def(''),
+    mode: external_shared_namespaceObject.PropTypes.string.def('')
   },
   render: function render() {
     var _this$$slots$default, _this$$slots;
@@ -3109,7 +3107,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var _refContent$value2;
     var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
     elContent.style.setProperty('display', 'block');
-    elContent.style.setProperty('z-index', "".concat(props.zIndex ? props.zIndex : shared_namespaceObject.bkZIndexManager.getPopperIndex()));
+    elContent.style.setProperty('z-index', "".concat(props.zIndex ? props.zIndex : external_shared_namespaceObject.bkZIndexManager.getPopperIndex()));
     updatePopover();
     ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
       isShow: true
@@ -3642,7 +3640,7 @@ function _isSlot(s) {
       hideFn();
     };
     var contentIsShow = (0,external_vue_namespaceObject.computed)(function () {
-      if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
+      if (props.renderType === external_shared_namespaceObject.RenderType.AUTO) {
         return true;
       }
       return localIsShow.value;
@@ -3951,7 +3949,7 @@ function createPopoverComponent(options) {
  */
 
 
-var BkPopover = (0,shared_namespaceObject.withInstall)(popover);
+var BkPopover = (0,external_shared_namespaceObject.withInstall)(popover);
 /* harmony default export */ const src = (BkPopover);
 
 

package/lib/popover/popover.css

@@ -1,4 +1,4 @@
-:where(.bk-popover).bk-pop2-content {
+.bk-popover.bk-pop2-content {
   position: absolute;
   padding: 12px;
   font-size: 12px;
@@ -7,10 +7,10 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
-:where(.bk-popover).bk-pop2-content.hidden {
+.bk-popover.bk-pop2-content.hidden {
   display: none;
 }
-:where(.bk-popover).bk-pop2-content .bk-pop2-arrow {
+.bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;
   width: 8px;
@@ -18,11 +18,11 @@
   background: #333;
   transform: rotate(45deg);
 }
-:where(.bk-popover).bk-pop2-content[data-theme^='light'] {
+.bk-popover.bk-pop2-content[data-theme^='light'] {
   color: #26323d;
   background-color: #fff;
   box-shadow: 0 0 6px 0 #dcdee5;
 }
-:where(.bk-popover).bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
+.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
   background-color: #fff;
 }

package/lib/popover/popover.less

@@ -1,9 +1,14 @@
 @import '../styles/themes/themes.less';
 
-:where(.@{bk-prefix}-popover) {
+
+.@{bk-prefix}-popover {
   &.@{bk-prefix}-pop2-content {
     position: absolute;
 
+    &.hidden {
+      display: none;
+    }
+
     padding: 12px;
 
     font-size: 12px;
@@ -12,10 +17,6 @@
     border-radius: 4px;
     box-sizing: border-box;
 
-    &.hidden {
-      display: none;
-    }
-
     .@{bk-prefix}-pop2-arrow {
       position: absolute;
       z-index: -1;

package/lib/popover/popover.variable.css

@@ -12,13 +12,13 @@
   --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;
-  --border-color: #dcdee5;
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
@@ -111,7 +111,7 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #63656e;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
@@ -127,7 +127,7 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-popover).bk-pop2-content {
+.bk-popover.bk-pop2-content {
   position: absolute;
   padding: 12px;
   font-size: 12px;
@@ -136,10 +136,10 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
-:where(.bk-popover).bk-pop2-content.hidden {
+.bk-popover.bk-pop2-content.hidden {
   display: none;
 }
-:where(.bk-popover).bk-pop2-content .bk-pop2-arrow {
+.bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;
   width: 8px;
@@ -147,11 +147,11 @@
   background: #333;
   transform: rotate(45deg);
 }
-:where(.bk-popover).bk-pop2-content[data-theme^='light'] {
+.bk-popover.bk-pop2-content[data-theme^='light'] {
   color: #26323d;
   background-color: #fff;
   box-shadow: 0 0 6px 0 #dcdee5;
 }
-:where(.bk-popover).bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
+.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
   background-color: #fff;
 }