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

package/lib/resize-layout/index.js

@@ -1,9 +1,7 @@
-import "../styles/reset.css";
-import "./resize-layout.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_bkui_vue_lib_icon_a97c79c3__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -36,7 +34,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, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -87,13 +85,13 @@ 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({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives, ["withModifiers"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers });
 ;// 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 "../icon"
-var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight });
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight });
 ;// CONCATENATED MODULE: ../../packages/resize-layout/src/resize-layout.tsx
 
 
@@ -129,17 +127,17 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
 /* harmony default export */ const resize_layout = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'ResizeLayout',
   props: {
-    placement: shared_namespaceObject.PropTypes.placement().def('left'),
-    min: shared_namespaceObject.PropTypes.number.def(3),
-    max: shared_namespaceObject.PropTypes.number.def(Infinity),
-    triggerWidth: shared_namespaceObject.PropTypes.number.def(5),
-    triggerOffset: shared_namespaceObject.PropTypes.number.def(3),
-    initialDivide: shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('20%'),
-    immediate: shared_namespaceObject.PropTypes.bool,
-    disabled: shared_namespaceObject.PropTypes.bool,
-    collapsible: shared_namespaceObject.PropTypes.bool,
-    autoMinimize: shared_namespaceObject.PropTypes.oneOfType([Boolean, Number]).def(false),
-    border: shared_namespaceObject.PropTypes.bool.def(true)
+    placement: external_shared_namespaceObject.PropTypes.placement().def('left'),
+    min: external_shared_namespaceObject.PropTypes.number.def(3),
+    max: external_shared_namespaceObject.PropTypes.number.def(Infinity),
+    triggerWidth: external_shared_namespaceObject.PropTypes.number.def(5),
+    triggerOffset: external_shared_namespaceObject.PropTypes.number.def(3),
+    initialDivide: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('20%'),
+    immediate: external_shared_namespaceObject.PropTypes.bool,
+    disabled: external_shared_namespaceObject.PropTypes.bool,
+    collapsible: external_shared_namespaceObject.PropTypes.bool,
+    autoMinimize: external_shared_namespaceObject.PropTypes.oneOfType([Boolean, Number]).def(false),
+    border: external_shared_namespaceObject.PropTypes.bool.def(true)
   },
   emits: ['before-resize', 'resizing', 'after-resize', 'collapse-change'],
   setup: function setup(props, _ref) {
@@ -338,7 +336,7 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
         observer = null;
       }
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return {
       collapsed: collapsed,
@@ -378,12 +376,12 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
     }, null), [[external_vue_namespaceObject.vShow, !this.disabled && (!this.collapsed || this.autoMinimize)]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
       "class": ["".concat(this.resolveClassName('resize-proxy')), this.placement],
       "ref": "resizeProxyRef"
-    }, null), [[external_vue_namespaceObject.vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_this$$slots$collapse = (_this$$slots2 = this.$slots)['collapse-trigger']) === null || _this$$slots$collapse === void 0 ? void 0 : _this$$slots$collapse.call(_this$$slots2)) || (this.collapsed ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
+    }, null), [[external_vue_namespaceObject.vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_this$$slots$collapse = (_this$$slots2 = this.$slots)['collapse-trigger']) === null || _this$$slots$collapse === void 0 ? void 0 : _this$$slots$collapse.call(_this$$slots2)) || (this.collapsed ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, {
       "width": 26,
       "height": 26,
       "class": "".concat(this.resolveClassName('resize-collapse')),
       "onClick": this.setCollapse
-    }, null) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, {
+    }, null) : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, {
       "width": 26,
       "height": 26,
       "class": "".concat(this.resolveClassName('resize-collapse')),
@@ -424,7 +422,7 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
  */
 
 
-var BkResizeLayout = (0,shared_namespaceObject.withInstall)(resize_layout);
+var BkResizeLayout = (0,external_shared_namespaceObject.withInstall)(resize_layout);
 /* harmony default export */ const src = (BkResizeLayout);
 var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };

package/lib/resize-layout/resize-layout.css

@@ -1,129 +1,129 @@
-:where(.bk-resize-layout) {
+.bk-resize-layout {
   display: flex;
 }
-:where(.bk-resize-layout) .bk-resize-layout-border {
+.bk-resize-layout-border {
   border: 1px solid #dcdee5;
 }
-:where(.bk-resize-layout) .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
+.bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
   overflow: hidden;
 }
-:where(.bk-resize-layout) .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
+.bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
   display: inline-block;
   transform: rotate(180deg);
 }
-:where(.bk-resize-layout) .bk-resize-layout-collapsed.bk-resize-layout-collapsible .bk-resize-layout-aside:after {
+.bk-resize-layout-collapsed.bk-resize-layout-collapsible .bk-resize-layout-aside:after {
   display: none;
 }
-:where(.bk-resize-layout) .bk-resize-layout-left {
+.bk-resize-layout-left {
   flex-direction: row;
 }
-:where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside {
+.bk-resize-layout-left > .bk-resize-layout-aside {
   border-right: 1px solid #dcdee5;
 }
-:where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside:after {
+.bk-resize-layout-left > .bk-resize-layout-aside:after {
   top: 50%;
   right: 1px;
   transform: translate3d(0, -50%, 0);
 }
-:where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
+.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
   top: 0;
   left: 100%;
   width: 5px;
   height: 100%;
   cursor: col-resize;
 }
-:where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
+.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
   top: 50%;
   left: 100%;
   transform: translateY(-50%);
 }
-:where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse svg {
+.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse svg {
   position: absolute;
 }
-:where(.bk-resize-layout) .bk-resize-layout-right {
+.bk-resize-layout-right {
   flex-direction: row-reverse;
 }
-:where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside {
+.bk-resize-layout-right > .bk-resize-layout-aside {
   border-left: 1px solid #dcdee5;
 }
-:where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside:after {
+.bk-resize-layout-right > .bk-resize-layout-aside:after {
   top: 50%;
   left: 1px;
   transform: translate3d(0, -50%, 0);
 }
-:where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
+.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
   top: 0;
   right: 100%;
   width: 5px;
   height: 100%;
   cursor: col-resize;
 }
-:where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
+.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
   top: 50%;
   right: 100%;
   transform: translateY(-50%) rotate(180deg);
 }
-:where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse svg {
+.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse svg {
   position: absolute;
 }
-:where(.bk-resize-layout) .bk-resize-layout-top {
+.bk-resize-layout-top {
   flex-direction: column;
 }
-:where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside {
+.bk-resize-layout-top > .bk-resize-layout-aside {
   border-bottom: 1px solid #dcdee5;
 }
-:where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside:after {
+.bk-resize-layout-top > .bk-resize-layout-aside:after {
   bottom: 1px;
   left: 50%;
   transform: translate3d(-50%, 0, 0) rotate(90deg);
 }
-:where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
+.bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
   top: 100%;
   left: 0;
   width: 100%;
   height: 5px;
   cursor: row-resize;
 }
-:where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
+.bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
   top: 100%;
   left: 50%;
   margin-top: 8px;
   transform: translate3d(-50%, -50%, 0) rotate(90deg);
 }
-:where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse svg {
+.bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse svg {
   position: absolute;
 }
-:where(.bk-resize-layout) .bk-resize-layout-bottom {
+.bk-resize-layout-bottom {
   flex-direction: column-reverse;
 }
-:where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside {
+.bk-resize-layout-bottom > .bk-resize-layout-aside {
   border-top: 1px solid #dcdee5;
 }
-:where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside:after {
+.bk-resize-layout-bottom > .bk-resize-layout-aside:after {
   top: 1px;
   left: 50%;
   transform: translate3d(-50%, 0, 0) rotate(90deg);
 }
-:where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
+.bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
   bottom: 100%;
   left: 0;
   width: 100%;
   height: 5px;
   cursor: row-resize;
 }
-:where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
+.bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
   bottom: 100%;
   left: 50%;
   margin-bottom: 8px;
   transform: translate3d(50%, 50%, 0) rotate(-90deg);
 }
-:where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse svg {
+.bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse svg {
   position: absolute;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside {
+.bk-resize-layout > .bk-resize-layout-aside {
   position: relative;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside:after {
+.bk-resize-layout > .bk-resize-layout-aside:after {
   position: absolute;
   width: 2px;
   height: 2px;
@@ -132,35 +132,35 @@
   content: '';
   box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-layout-aside-content {
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-layout-aside-content {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-trigger {
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-trigger {
   position: absolute;
   z-index: 3;
   background-color: transparent;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy {
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy {
   position: absolute;
   z-index: 9999;
   pointer-events: none;
   visibility: hidden;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.left,
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.right {
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.left,
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.right {
   top: 0;
   height: 100%;
   border-left: 2px solid #3a84ff;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.top,
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.bottom {
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.top,
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.bottom {
   left: 0;
   width: 100%;
   border-top: 2px solid #3a84ff;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-collapse {
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse {
   position: absolute;
   z-index: 2;
   width: 16px;
@@ -174,14 +174,14 @@
   background: #dcdee5;
   border-radius: 0px 4px 4px 0px;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-collapse:hover {
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse:hover {
   background: #3a84ff;
 }
-:where(.bk-resize-layout) > .bk-resize-layout-main {
+.bk-resize-layout > .bk-resize-layout-main {
   flex: 1;
   overflow: hidden;
 }
-:where(.bk-resize-layout) .bk-resize-mask {
+.bk-resize-layout .bk-resize-mask {
   position: fixed;
   top: 0;
   right: 0;

package/lib/resize-layout/resize-layout.less

@@ -1,13 +1,13 @@
 @import '../styles/themes/themes.less';
 
-:where(.@{bk-prefix}-resize-layout) {
+.@{bk-prefix}-resize-layout {
   display: flex;
 
-  .@{bk-prefix}-resize-layout-border {
+  &-border {
     border: 1px solid #dcdee5;
   }
 
-  .@{bk-prefix}-resize-layout-collapsed {
+  &-collapsed {
     & > .@{bk-prefix}-resize-layout-aside {
       .@{bk-prefix}-resize-layout-aside-content {
         overflow: hidden;
@@ -21,12 +21,13 @@
 
     &.@{bk-prefix}-resize-layout-collapsible .@{bk-prefix}-resize-layout-aside {
       &:after {
-        display: none;
+        display: none;;
       }
     }
+
   }
 
-  .@{bk-prefix}-resize-layout-left {
+  &-left {
     flex-direction: row;
 
     & > .@{bk-prefix}-resize-layout-aside {
@@ -50,7 +51,6 @@
         top: 50%;
         left: 100%;
         transform: translateY(-50%);
-
         svg {
           position: absolute;
         }
@@ -58,7 +58,7 @@
     }
   }
 
-  .@{bk-prefix}-resize-layout-right {
+  &-right {
     flex-direction: row-reverse;
 
     & > .@{bk-prefix}-resize-layout-aside {
@@ -82,7 +82,6 @@
         top: 50%;
         right: 100%;
         transform: translateY(-50%) rotate(180deg);
-
         svg {
           position: absolute;
         }
@@ -90,7 +89,7 @@
     }
   }
 
-  .@{bk-prefix}-resize-layout-top {
+  &-top {
     flex-direction: column;
 
     & > .@{bk-prefix}-resize-layout-aside {
@@ -115,7 +114,6 @@
         left: 50%;
         margin-top: 8px;
         transform: translate3d(-50%, -50%, 0) rotate(90deg);
-
         svg {
           position: absolute;
         }
@@ -123,7 +121,7 @@
     }
   }
 
-  .@{bk-prefix}-resize-layout-bottom {
+  &-bottom {
     flex-direction: column-reverse;
 
     & > .@{bk-prefix}-resize-layout-aside {
@@ -148,7 +146,6 @@
         left: 50%;
         margin-bottom: 8px;
         transform: translate3d(50%, 50%, 0) rotate(-90deg);
-
         svg {
           position: absolute;
         }
@@ -166,11 +163,7 @@
       color: #c4c6cc;
       background: currentColor;
       content: '';
-      box-shadow:
-        0 4px 0 0 currentColor,
-        0 8px 0 0 currentColor,
-        0 -4px 0 0 currentColor,
-        0 -8px 0 0 currentColor;
+      box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;
     }
 
     .@{bk-prefix}-resize-layout-aside-content {