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

package/lib/message/message.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-message) {
+.bk-message {
   position: fixed;
   top: 20px;
   left: 50%;
@@ -143,78 +143,78 @@
   box-shadow: 0px 2px 4px 0px var(--message-primary-shadow-color);
   justify-content: space-between;
 }
-:where(.bk-message) .bk-message-close {
+.bk-message .bk-message-close {
   padding-left: 20px;
   margin-right: 0;
   font-size: 14px;
   color: var(--light-gray);
   cursor: pointer;
 }
-:where(.bk-message) .bk-message-close:hover {
+.bk-message .bk-message-close:hover {
   color: var(--gray-color);
 }
-:where(.bk-message-icon) {
+.bk-message-icon {
   display: inline-block;
   height: 18px;
   margin-right: 10px;
   font-size: 18px;
   color: var(--primary-color);
 }
-:where(.bk-message-primary) {
+.bk-message-primary {
   background: var(--message-primary-bg-color);
   border: 1px solid var(--message-primary-border-color);
 }
-:where(.bk-message-warning) {
+.bk-message-warning {
   background: var(--message-warning-bg-color);
   border: 1px solid var(--message-warning-border-color);
   box-shadow: 0px 2px 4px 0px var(--message-warning-shadow-color);
 }
-:where(.bk-message-warning) .bk-message-icon {
+.bk-message-warning .bk-message-icon {
   color: var(--warning-color);
 }
-:where(.bk-message-success) {
+.bk-message-success {
   background: var(--message-success-bg-color);
   border: 1px solid var(--message-success-border-color);
   box-shadow: 0px 2px 4px 0px var(--message-success-shadow-color);
 }
-:where(.bk-message-success) .bk-message-icon {
+.bk-message-success .bk-message-icon {
   color: var(--success-color);
 }
-:where(.bk-message-error) {
+.bk-message-error {
   background: var(--message-danger-bg-color);
   border: 1px solid var(--message-danger-border-color);
   box-shadow: 0px 2px 4px 0px var(--message-danger-shadow-color);
 }
-:where(.bk-message-error) .bk-message-icon {
+.bk-message-error .bk-message-icon {
   color: var(--danger-color);
 }
-:where(.bk-message-fade-enter-active),
-:where(.bk-message-fade-leave-active) {
+.bk-message-fade-enter-active,
+.bk-message-fade-leave-active {
   transition: margin 0.2s linear;
 }
-:where(.bk-message-fade-enter-from),
-:where(.bk-message-fade-leave-to) {
+.bk-message-fade-enter-from,
+.bk-message-fade-leave-to {
   margin-top: -50px;
   opacity: 0;
 }
-:where(.bk-message-content) {
+.bk-message-content {
   display: flex;
   width: 100%;
   word-break: break-all;
 }
-:where(.bk-message-content).multi {
+.bk-message-content.multi {
   flex-direction: column;
   position: relative;
 }
-:where(.bk-message-content).multi .overview {
+.bk-message-content.multi .overview {
   display: flex;
   justify-content: space-between;
   align-items: self-start;
 }
-:where(.bk-message-content).multi .overview .left-content {
+.bk-message-content.multi .overview .left-content {
   display: flex;
 }
-:where(.bk-message-content).multi .overview .left-content .describe {
+.bk-message-content.multi .overview .left-content .describe {
   display: box;
   max-width: 560px;
   max-height: 60px;
@@ -223,64 +223,64 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }
-:where(.bk-message-content).multi .overview .tools {
+.bk-message-content.multi .overview .tools {
   display: flex;
   align-items: center;
 }
-:where(.bk-message-content).multi .overview .tools .tool {
+.bk-message-content.multi .overview .tools .tool {
   display: flex;
   padding: 0 5px;
   font-size: 14px;
   cursor: pointer;
   align-items: center;
 }
-:where(.bk-message-content).multi .overview .tools .tool .bk-message-close {
+.bk-message-content.multi .overview .tools .tool .bk-message-close {
   padding-left: 0;
 }
-:where(.bk-message-content).multi .overview .tools .tool .message-action-text {
+.bk-message-content.multi .overview .tools .tool .message-action-text {
   padding-left: 4px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-:where(.bk-message-content).multi .overview .tools .tool:not(.fix) span {
+.bk-message-content.multi .overview .tools .tool:not(.fix) span {
   color: #3a84ff;
 }
-:where(.bk-message-content).multi .overview .tools .tool.fix.fixed span {
+.bk-message-content.multi .overview .tools .tool.fix.fixed span {
   color: #3a84ff;
 }
-:where(.bk-message-content).multi .overview .tools .tool.fix span {
+.bk-message-content.multi .overview .tools .tool.fix span {
   color: #979ba5;
 }
-:where(.bk-message-content).multi .overview .tools .tool.fix:hover span {
+.bk-message-content.multi .overview .tools .tool.fix:hover span {
   color: #3a84ff;
 }
-:where(.bk-message-content).multi .overview .tools .tool.close span {
+.bk-message-content.multi .overview .tools .tool.close span {
   color: #c4c6cc;
 }
-:where(.bk-message-content).multi .overview .tools .tool.close span:hover {
+.bk-message-content.multi .overview .tools .tool.close span:hover {
   color: #979ba5;
 }
-:where(.bk-message-content).multi .message-detail {
+.bk-message-content.multi .message-detail {
   position: relative;
   margin-top: 10px;
 }
-:where(.bk-message-content).multi .message-detail .message-tree {
-  display: flex;
+.bk-message-content.multi .message-detail .message-tree {
   max-height: 480px;
   padding: 14px 32px;
   overflow: auto;
   background: #fff;
   border-radius: 2px;
+  display: flex;
   flex-direction: column;
 }
-:where(.bk-message-content).multi .message-detail .message-tree .message-row {
+.bk-message-content.multi .message-detail .message-tree .message-row {
   display: inline-flex;
   font-size: 14px;
   line-height: 34px;
   color: #313238;
 }
-:where(.bk-message-content).multi .message-detail .message-tree .message-row label {
+.bk-message-content.multi .message-detail .message-tree .message-row label {
   display: inline-block;
   width: 94px;
   min-width: 94px;
@@ -291,46 +291,46 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-:where(.bk-message-content).multi .message-detail .message-tree .message-row label::after {
+.bk-message-content.multi .message-detail .message-tree .message-row label::after {
   content: ':';
 }
-:where(.bk-message-content).multi .message-detail .message-tree .message-row .copy-value {
+.bk-message-content.multi .message-detail .message-tree .message-row .copy-value {
   padding-left: 4px;
 }
-:where(.bk-message-content).multi .message-detail .message-tree .message-row .copy-value:hover {
-  cursor: pointer;
+.bk-message-content.multi .message-detail .message-tree .message-row .copy-value:hover {
   background: rgba(186, 188, 192, 0.2);
+  cursor: pointer;
   border-radius: 2px;
 }
-:where(.bk-message-content).multi .message-detail .message-copy {
+.bk-message-content.multi .message-detail .message-copy {
   position: absolute;
   top: 20px;
-  top: 0px;
   right: 40px;
+  font-size: 16px;
+  top: 0px;
   right: 0px;
-  display: flex;
+  font-size: 18px;
   width: 24px;
   height: 24px;
-  font-size: 16px;
-  font-size: 18px;
-  color: #9fa3ae;
-  cursor: pointer;
-  background: #f5f7fa;
-  border-radius: 0 2px 0 6px;
+  display: flex;
   align-items: center;
+  border-radius: 0 2px 0 6px;
+  cursor: pointer;
   justify-content: center;
+  background: #F5F7FA;
+  color: #9FA3AE;
 }
-:where(.bk-message-content).multi .message-detail .message-copy:hover {
-  background: #f0f5ff;
+.bk-message-content.multi .message-detail .message-copy:hover {
+  background: #F0F5FF;
 }
-:where(.bk-message-content).multi .message-detail .message-copy:hover span {
+.bk-message-content.multi .message-detail .message-copy:hover span {
   color: #3a84ff;
 }
-:where(.bk-message-content).multi .message-detail .copy-status {
+.bk-message-content.multi .message-detail .copy-status {
   display: none;
   padding-bottom: 4px;
 }
-:where(.bk-message-content).multi .message-detail .copy-status .inner {
+.bk-message-content.multi .message-detail .copy-status .inner {
   position: relative;
   display: flex;
   padding: 6px 8px;
@@ -342,10 +342,10 @@
   box-shadow: 0 2px 6px 0 #0000001a;
   align-items: center;
 }
-:where(.bk-message-content).multi .message-detail .copy-status .inner span {
+.bk-message-content.multi .message-detail .copy-status .inner span {
   margin-right: 4px;
 }
-:where(.bk-message-content).multi .message-detail .copy-status .inner::after {
+.bk-message-content.multi .message-detail .copy-status .inner::after {
   position: absolute;
   bottom: 0;
   left: 50%;
@@ -360,13 +360,13 @@
   box-shadow: 5px 3px 6px 0 #0000001a;
   box-sizing: border-box;
 }
-:where(.bk-message-content).multi .message-detail .copy-status.success .inner span {
+.bk-message-content.multi .message-detail .copy-status.success .inner span {
   color: #2dcb9d;
 }
-:where(.bk-message-content).multi .message-detail .copy-status.error .inner span {
+.bk-message-content.multi .message-detail .copy-status.error .inner span {
   color: #ea3636;
 }
-:where(.bk-message-content).multi .message-detail .copy-status.is-show {
+.bk-message-content.multi .message-detail .copy-status.is-show {
   position: absolute;
   top: 0;
   left: 0;
@@ -374,6 +374,6 @@
   white-space: nowrap;
   transform: translate(-50%, -100%);
 }
-:where(.bk-message-content).multi .message-detail .copy-status.is-hidden {
+.bk-message-content.multi .message-detail .copy-status.is-hidden {
   display: none;
 }

package/lib/modal/index.js

@@ -1,8 +1,6 @@
-import "../styles/reset.css";
-import "./modal.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";
 /******/ var __webpack_modules__ = ({
 
@@ -425,7 +423,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({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.dialogTypeUnion, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.getFullscreenRoot, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isElement, ["isPromise"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isPromise, ["mask"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.mask, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.dialogTypeUnion, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.getFullscreenRoot, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.isElement, ["isPromise"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.isPromise, ["mask"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.mask, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -510,9 +508,9 @@ const external_vue_namespaceObject = external_vue_x({ ["Transition"]: () => __WE
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
 ;// 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: 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
@@ -554,54 +552,54 @@ var ModalSizeEnum;
 })(ModalSizeEnum || (ModalSizeEnum = {}));
 var propsMixin = {
   // 是否显示弹框
-  isShow: shared_namespaceObject.PropTypes.bool.def(false),
-  width: shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('50%'),
-  height: shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('50%'),
+  isShow: external_shared_namespaceObject.PropTypes.bool.def(false),
+  width: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('50%'),
+  height: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('50%'),
   // 配置自定义样式类名
-  extCls: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.array,
+  extCls: external_shared_namespaceObject.PropTypes.string || external_shared_namespaceObject.PropTypes.array,
   // 弹框出现时，是否允许页面滚动
-  scrollable: shared_namespaceObject.PropTypes.bool.def(true),
+  scrollable: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否允许出现遮罩
-  showMask: shared_namespaceObject.PropTypes.bool.def(true),
+  showMask: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否显示右上角的关闭 icon
-  closeIcon: shared_namespaceObject.PropTypes.bool.def(true),
+  closeIcon: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否允许 esc 按键关闭弹框
-  escClose: shared_namespaceObject.PropTypes.bool.def(true),
+  escClose: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否全屏
-  fullscreen: shared_namespaceObject.PropTypes.bool.def(false),
+  fullscreen: external_shared_namespaceObject.PropTypes.bool.def(false),
   // 弹框尺寸
   size: (0,external_vue_types_namespaceObject.toType)('size', {}),
   // 是否可拖拽
-  draggable: shared_namespaceObject.PropTypes.bool.def(true),
+  draggable: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否允许点击遮罩关闭弹窗
-  quickClose: shared_namespaceObject.PropTypes.bool.def(true),
+  quickClose: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否显示在body内（即与id#app同级
-  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(true),
+  transfer: external_shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(true),
   // 弹出层z-index，实际显示的值会自动+1。为了抱证在遮罩上正常显示
-  zIndex: shared_namespaceObject.PropTypes.oneOfType([String, Number]),
+  zIndex: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]),
   // 内容区最大高度
-  maxHeight: shared_namespaceObject.PropTypes.string,
+  maxHeight: external_shared_namespaceObject.PropTypes.string,
   // 弹出方向
-  direction: shared_namespaceObject.PropTypes.string,
+  direction: external_shared_namespaceObject.PropTypes.string,
   // title
-  title: shared_namespaceObject.PropTypes.string.def(''),
+  title: external_shared_namespaceObject.PropTypes.string.def(''),
   // 动画类型
-  animateType: shared_namespaceObject.PropTypes.string.def('slide'),
+  animateType: external_shared_namespaceObject.PropTypes.string.def('slide'),
   // 弹框的渲染方式
-  renderDirective: (0,shared_namespaceObject.renderDirectiveType)(),
+  renderDirective: (0,external_shared_namespaceObject.renderDirectiveType)(),
   // 关闭前回调
-  beforeClose: shared_namespaceObject.PropTypes.custom(function () {
+  beforeClose: external_shared_namespaceObject.PropTypes.custom(function () {
     return true;
   }),
   // 对话框类型
-  dialogType: (0,shared_namespaceObject.dialogTypeUnion)(),
+  dialogType: (0,external_shared_namespaceObject.dialogTypeUnion)(),
   // 是否允许多个弹框同时存在
-  multiInstance: shared_namespaceObject.PropTypes.bool.def(true),
+  multiInstance: external_shared_namespaceObject.PropTypes.bool.def(true),
   // info-box
-  infoType: shared_namespaceObject.PropTypes.theme(),
-  bodyClass: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.array,
-  left: shared_namespaceObject.PropTypes.string,
-  top: shared_namespaceObject.PropTypes.string
+  infoType: external_shared_namespaceObject.PropTypes.theme(),
+  bodyClass: external_shared_namespaceObject.PropTypes.string || external_shared_namespaceObject.PropTypes.array,
+  left: external_shared_namespaceObject.PropTypes.string,
+  top: external_shared_namespaceObject.PropTypes.string
 };
 ;// CONCATENATED MODULE: ../../packages/modal/src/modal.tsx
 
@@ -672,13 +670,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var resolveTransfer = function resolveTransfer() {
       if (props.transfer) {
         if (typeof props.transfer === 'boolean') {
-          teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
+          teleportTo.value = (0,external_shared_namespaceObject.getFullscreenRoot)();
           return;
         }
-        teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)(props.transfer);
+        teleportTo.value = (0,external_shared_namespaceObject.getFullscreenRoot)(props.transfer);
       }
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var resolveClosetModal = function resolveClosetModal() {
       var _refRoot$value;
@@ -689,7 +687,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           target === null || target === void 0 || target.appendChild(refRoot.value);
           return;
         }
-        if ((0,shared_namespaceObject.isElement)(teleportTo.value)) {
+        if ((0,external_shared_namespaceObject.isElement)(teleportTo.value)) {
           teleportTo.value.appendChild(refRoot.value);
           return;
         }
@@ -710,7 +708,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       };
     });
     var closeModal = function closeModal() {
-      shared_namespaceObject.mask.hideMask({
+      external_shared_namespaceObject.mask.hideMask({
         el: refRoot.value,
         mask: refMask.value,
         showMask: props.showMask,
@@ -732,13 +730,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         closeTimer && clearTimeout(closeTimer);
         closeTimer = null;
         if (!props.zIndex) {
-          zIndex.value = shared_namespaceObject.bkZIndexManager.getModalNextIndex();
+          zIndex.value = external_shared_namespaceObject.bkZIndexManager.getModalNextIndex();
         }
         visible.value = true;
         (0,external_vue_namespaceObject.nextTick)(function () {
           ctx.emit('shown');
           resolveClosetModal();
-          shared_namespaceObject.mask.showMask({
+          external_shared_namespaceObject.mask.showMask({
             el: refRoot.value,
             mask: refMask.value,
             showMask: props.showMask,
@@ -764,7 +762,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
               }
               shouldClose = true;
               execRet = props.beforeClose();
-              if (!(0,shared_namespaceObject.isPromise)(execRet)) {
+              if (!(0,external_shared_namespaceObject.isPromise)(execRet)) {
                 _context.next = 9;
                 break;
               }
@@ -832,7 +830,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       _this$$slots$close2,
       _this$$slots4,
       _this = this;
-    var _usePrefix2 = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix2 = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix2.resolveClassName;
     var maxHeight = this.maxHeight ? {
       maxHeight: this.maxHeight
@@ -903,7 +901,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 
-var BkModal = (0,shared_namespaceObject.withInstallProps)(modal, {
+var BkModal = (0,external_shared_namespaceObject.withInstallProps)(modal, {
   propsMixin: propsMixin
 }, true);
 /* harmony default export */ const src = (BkModal);

package/lib/modal/modal.css

@@ -1,68 +1,68 @@
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.normal {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
   width: 440px;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.small {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
   width: 400px;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
   border-radius: 2px;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
   padding: 24px 24px 0;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   height: 27px;
   margin: 15px 0 10px;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
   height: 100%;
   max-height: 100%;
   min-height: 100%;
   padding: 0 50px 10px;
   word-break: break-all;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
   padding: 0 65px 33px;
   background-color: #fff;
   border-top: none;
 }
-:where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
   min-width: 88px;
 }
-:where(.bk-modal-ctx) {
+.bk-modal-ctx {
+  pointer-events: auto;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
-  pointer-events: auto;
 }
-:where(.bk-modal-ctx).--show {
+.bk-modal-ctx.--show {
   position: fixed;
 }
-:where(.bk-modal-ctx).--hide {
+.bk-modal-ctx.--hide {
   display: none;
 }
-:where(.bk-modal-ctx) .bk-modal-ctx-mask {
-  top: 0;
-  left: 0;
+.bk-modal-ctx .bk-modal-ctx-mask {
   display: none;
+  left: 0;
+  top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
 }
-:where(.bk-modal-ctx) .bk-modal-ctx-mask.--show {
+.bk-modal-ctx .bk-modal-ctx-mask.--show {
   position: fixed;
   display: inherit;
 }
-:where(.bk-modal-wrapper) {
+.bk-modal-wrapper {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -70,32 +70,32 @@
   border-radius: 2px;
   transform: translate(-50%, -50%);
 }
-:where(.bk-modal-wrapper) .bk-modal-outside {
+.bk-modal-wrapper .bk-modal-outside {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
-:where(.bk-modal-wrapper).normal {
+.bk-modal-wrapper.normal {
   width: 480px;
   height: 240px;
 }
-:where(.bk-modal-wrapper).small {
+.bk-modal-wrapper.small {
   width: 400px;
   height: 200px;
 }
-:where(.bk-modal-wrapper).medium {
+.bk-modal-wrapper.medium {
   width: 640px;
   height: 400px;
 }
-:where(.bk-modal-wrapper).large {
+.bk-modal-wrapper.large {
   width: 960px;
   height: 720px;
 }
-:where(.bk-modal-wrapper) .bk-modal-body {
-  width: 100%;
+.bk-modal-wrapper .bk-modal-body {
   height: 100%;
+  width: 100%;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }