bkui-vue 0.0.1-beta.23 → 0.0.1-beta.26

package/dist/style.css

@@ -1449,6 +1449,8 @@ optgroup {
   animation-direction: normal;
 }
 .bk-loading-wrapper .bk-loading-mask {
+  width: 100%;
+  height: 100%;
   opacity: 0.5;
 }
 .bk-loading-wrapper .bk-loading-mask::after {
@@ -1980,8 +1982,146 @@ optgroup {
 .bk-rate-stars .bk-rate-star:last-child {
   margin-right: 0;
 }
-.bk-select {
+.bk-swiper-home {
+  position: relative;
+  overflow: hidden;
+}
+.bk-swiper-home:hover .bk-swiper-nav {
+  display: block;
+}
+.bk-swiper-main {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+}
+.bk-swiper-main.bk-transition {
+  transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
+}
+.bk-swiper-main .bk-swiper-card {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+.bk-swiper-main .bk-swiper-img {
   display: inline-block;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+.bk-swiper-main .bk-swiper-link {
+  cursor: pointer;
+}
+.bk-swiper-index {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  justify-content: center;
+}
+.bk-swiper-index li {
+  width: 11px;
+  height: 4px;
+  margin: 0 3px;
+  list-style-type: none;
+  background: #63656e;
+  border-radius: 2px;
+  transition: width 0.525s;
+}
+.bk-swiper-index li.bk-current-index {
+  width: 17px;
+  background: #c5c7d1;
+}
+.bk-swiper-nav {
+  position: absolute;
+  top: calc(50% - 15px);
+  display: none;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  background: rgba(31, 45, 61, 0.4);
+  border-radius: 50%;
+}
+.bk-swiper-nav .bk-swiper-nav-icon {
+  position: absolute;
+  top: 9px;
+  left: 11px;
+  width: 10px;
+  height: 10px;
+  border-bottom: 2px solid #fff;
+  border-left: 2px solid #fff;
+}
+.bk-swiper-nav.bk-nav-prev {
+  left: 14px;
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-prev:hover {
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-next {
+  right: 14px;
+  transform: rotate(225deg);
+}
+.bk-swiper-nav.bk-nav-next:hover {
+  transform: rotate(225deg);
+}
+.bk-swiper-nav:hover {
+  background: rgba(31, 45, 61, 0.6);
+}
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-fade-transtion .bk-fade-enter-active,
+.bk-fade-transtion .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-fade-transtion .bk-fade-enter,
+.bk-fade-transtion .bk-fade-leave-to {
+  opacity: 0;
+}
+.bk-select .mr5 {
+  margin-right: 5px;
+}
+.bk-select .ml5 {
+  margin-left: 5px;
+}
+.bk-select .input {
+  width: 100%;
+  height: 32px;
+  padding: 0 28px 0 10px;
+  line-height: normal;
+  color: #63656e;
+  text-align: left;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: white;
+  border: 1px solid #c4c6cc;
+  border-radius: 2px;
+  outline: none;
+  box-sizing: border-box;
+  transition: all 0.1s;
+  resize: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-select .input::placeholder {
+  color: #c4c6cc;
 }
 .bk-select ul {
   padding: 0;
@@ -1989,19 +2129,43 @@ optgroup {
   font-weight: normal;
   list-style: none;
 }
+.bk-select .bk-popover-reference {
+  display: unset;
+}
 .bk-select .bk-popover-content {
   padding: 0;
 }
-.bk-select.is-focus .bk-select-trigger .bk-select-input {
+.bk-select.small .bk-select-trigger .bk-select-input {
+  height: 24px;
+}
+.bk-select.large .bk-select-trigger .bk-select-input {
+  height: 36px;
+  font-size: 14px;
+}
+.bk-select.large .bk-select-content {
+  font-size: 14px;
+}
+.bk-select.simplicity .bk-select-trigger .bk-select-input {
+  border: none;
+  border-bottom: 1px solid #c4c6cc;
+}
+.bk-select.is-focus.normal .bk-select-trigger .bk-select-input {
   border-color: #3a84ff;
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
+.bk-select.is-focus.simplicity .bk-select-trigger .bk-select-input {
+  border-color: #3a84ff;
+}
 .bk-select.is-disabled .bk-select-trigger .bk-select-input {
   cursor: not-allowed;
   background: #fafbfd;
   border-color: #dcdee5;
   box-shadow: unset;
 }
+.bk-select.is-filterable .bk-select-trigger .bk-select-input,
+.bk-select.is-filterable .bk-select-trigger .bk-select-tag-input {
+  cursor: text;
+}
 .bk-select.popover-show .bk-select-trigger .angle-up {
   transform: rotate(0);
 }
@@ -2013,7 +2177,6 @@ optgroup {
   width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
-  font-size: 12px;
   line-height: normal;
   color: #63656e;
   text-align: left;
@@ -2026,13 +2189,76 @@ optgroup {
   box-sizing: border-box;
   transition: all 0.1s;
   resize: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .bk-select .bk-select-trigger .bk-select-input::placeholder {
   color: #c4c6cc;
 }
+.bk-select .bk-select-trigger .bk-select-tag {
+  width: 100%;
+  height: 32px;
+  padding: 0 28px 0 10px;
+  line-height: normal;
+  color: #63656e;
+  text-align: left;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: white;
+  border: 1px solid #c4c6cc;
+  border-radius: 2px;
+  outline: none;
+  box-sizing: border-box;
+  transition: all 0.1s;
+  resize: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: auto;
+  height: auto;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.bk-select .bk-select-trigger .bk-select-tag::placeholder {
+  color: #c4c6cc;
+}
+.bk-select .bk-select-trigger .bk-select-tag-input {
+  width: 100%;
+  height: 32px;
+  padding: 0 28px 0 10px;
+  line-height: normal;
+  color: #63656e;
+  text-align: left;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: white;
+  border: 1px solid #c4c6cc;
+  border-radius: 2px;
+  box-sizing: border-box;
+  transition: all 0.1s;
+  resize: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  height: auto;
+  width: auto;
+  border: none;
+  outline: none;
+  padding: 0;
+}
+.bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
+  color: #c4c6cc;
+}
 .bk-select .bk-select-trigger .bk-select-prefix {
   position: absolute;
-  top: 6px;
+  top: 0;
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
   left: 4px;
   font-size: 14px;
 }
@@ -2040,27 +2266,31 @@ optgroup {
   transform: rotate(180deg);
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   display: flex;
-  align-items: center;
-  justify-content: center;
   width: 20px;
   height: 20px;
   font-size: 20px;
   color: #979ba5;
   position: absolute;
-  top: 6px;
+  top: 0;
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
   right: 4px;
 }
 .bk-select .bk-select-trigger .clear-icon {
   transition: all 0.1s;
   display: flex;
-  align-items: center;
-  justify-content: center;
   width: 20px;
   height: 20px;
   font-size: 14px;
   color: #c4c6cc;
   position: absolute;
-  top: 6px;
+  top: 0;
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
   right: 4px;
 }
 .bk-select .bk-select-trigger .clear-icon:hover {
@@ -2068,15 +2298,8 @@ optgroup {
 }
 .bk-select .bk-select-trigger .spinner {
   position: absolute;
-  top: 6px;
-  right: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  font-size: 16px;
-  color: #3A84FF;
+  top: 8px;
+  right: 6px;
 }
 .bk-select .bk-select-empty {
   display: flex;
@@ -2098,28 +2321,6 @@ optgroup {
 .bk-select .bk-select-dropdown {
   overflow: auto;
 }
-.bk-select .bk-select-dropdown .bk-select-search {
-  position: relative;
-  padding: 0 5px;
-}
-.bk-select .bk-select-dropdown .bk-select-search-icon {
-  position: absolute;
-  top: 50%;
-  left: 8px;
-  font-size: 16px;
-  color: #979ba5;
-  transform: translateY(-50%);
-}
-.bk-select .bk-select-dropdown .bk-select-search-input {
-  width: 100%;
-  height: 32px;
-  padding: 0 10px 0 26px;
-  font-size: 12px;
-  cursor: text;
-  border: none;
-  border-bottom: 1px solid #dcdee5;
-  outline: 0;
-}
 .bk-select .bk-select-extension {
   display: flex;
   height: 40px;
@@ -2152,7 +2353,6 @@ optgroup {
 .bk-select .bk-select-option.is-selected.is-multiple::after {
   position: absolute;
   right: 12px;
-  font-size: 12px;
   font-weight: 700;
   content: '\2713';
 }
@@ -2174,6 +2374,10 @@ optgroup {
 .bk-select .bk-option-group.collapsible .bk-select-option {
   padding-left: 40px;
 }
+.bk-select .bk-option-group.disabled .default-group-label {
+  color: #C4C6CC;
+  cursor: not-allowed;
+}
 .bk-select .bk-option-group .default-group-label {
   display: flex;
   user-select: none;
@@ -2184,7 +2388,6 @@ optgroup {
   width: 12px;
   height: 12px;
   margin-right: 8px;
-  font-size: 12px;
   transition: all 0.1s;
   align-items: center;
   justify-content: center;
@@ -2537,8 +2740,8 @@ optgroup {
   }
 }
 .bk-table {
-  overflow: hidden;
   height: 100%;
+  overflow: hidden;
   border-top: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
 }
@@ -2630,7 +2833,7 @@ optgroup {
   display: inline-block;
   height: 22px;
   padding: 0 10px;
-  margin: 2px 0 2px 6px;
+  margin: 2px 6px 2px 0px;
   font-size: 12px;
   line-height: 22px;
   color: #63656e;
@@ -3159,14 +3362,16 @@ optgroup {
   padding-left: calc(var(--offset-left));
 }
 .bk-tree .bk-node-row.is-checked {
-  background-color: #EBF2FF;
+  background-color: #ebf2ff;
 }
 .bk-tree .bk-tree-node {
   position: relative;
+  display: flex;
   height: var(--lineHeight);
   padding-left: 0;
   line-height: var(--lineHeight);
   cursor: pointer;
+  align-items: center;
 }
 .bk-tree .bk-tree-node:not(.is-root) {
   margin-left: calc(var(--depth)*var(--indent));
@@ -3183,19 +3388,25 @@ optgroup {
   content: '';
 }
 .bk-tree .bk-tree-node .node-virtual-line {
-  display: inline-block;
   position: absolute;
-  left: calc(var(--depth) * var(--indent) * -1 + 6px);
   top: -12px;
   bottom: 50%;
+  left: calc(var(--depth) * var(--indent) * -1 + 6px);
+  display: inline-block;
   width: 0;
   border-left: var(--level-line);
 }
 .bk-tree .bk-tree-node .bk-tree-icon {
   margin: 0 6px 0 4px;
 }
-.bk-tree .bk-tree-node .node-content {
-  display: inline-block;
+.bk-tree .bk-tree-node .bk-node-content {
+  display: inline-flex;
+  align-items: center;
+}
+.bk-tree .bk-tree-node .bk-node-content .bk-node-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .bk-slider {
   display: flex;
@@ -5054,6 +5265,195 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
   text-align: left;
   align-items: center;
 }
+.bk-resize-layout {
+  display: flex;
+}
+.bk-resize-layout-border {
+  border: 1px solid #dcdee5;
+}
+.bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
+  overflow: hidden;
+}
+.bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
+  display: inline-block;
+  transform: rotate(180deg);
+}
+.bk-resize-layout-left {
+  flex-direction: row;
+}
+.bk-resize-layout-left > .bk-resize-layout-aside {
+  border-right: 1px solid #dcdee5;
+}
+.bk-resize-layout-left > .bk-resize-layout-aside:after {
+  top: 50%;
+  right: 1px;
+  transform: translate3d(0, -50%, 0);
+}
+.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
+  top: 0;
+  left: 100%;
+  width: 5px;
+  height: 100%;
+  cursor: col-resize;
+}
+.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger:hover {
+  @mixin linear-gradient left;
+}
+.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
+  top: 50%;
+  left: 100%;
+  transform: translateY(-50%);
+}
+.bk-resize-layout-right {
+  flex-direction: row-reverse;
+}
+.bk-resize-layout-right > .bk-resize-layout-aside {
+  border-left: 1px solid #dcdee5;
+}
+.bk-resize-layout-right > .bk-resize-layout-aside:after {
+  top: 50%;
+  left: 1px;
+  transform: translate3d(0, -50%, 0);
+}
+.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
+  top: 0;
+  right: 100%;
+  width: 5px;
+  height: 100%;
+  cursor: col-resize;
+}
+.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger:hover {
+  @mixin linear-gradient right;
+}
+.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
+  top: 50%;
+  right: 100%;
+  transform: translateY(-50%) rotate(180deg);
+}
+.bk-resize-layout-top {
+  flex-direction: column;
+}
+.bk-resize-layout-top > .bk-resize-layout-aside {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-resize-layout-top > .bk-resize-layout-aside:after {
+  bottom: 1px;
+  left: 50%;
+  transform: translate3d(-50%, 0, 0) rotate(90deg);
+}
+.bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
+  top: 100%;
+  left: 0;
+  width: 100%;
+  height: 5px;
+  cursor: row-resize;
+}
+.bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger:hover {
+  @mixin linear-gradient top;
+}
+.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);
+}
+.bk-resize-layout-bottom {
+  flex-direction: column-reverse;
+}
+.bk-resize-layout-bottom > .bk-resize-layout-aside {
+  border-top: 1px solid #dcdee5;
+}
+.bk-resize-layout-bottom > .bk-resize-layout-aside:after {
+  top: 1px;
+  left: 50%;
+  transform: translate3d(-50%, 0, 0) rotate(90deg);
+}
+.bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
+  bottom: 100%;
+  left: 0;
+  width: 100%;
+  height: 5px;
+  cursor: row-resize;
+}
+.bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger:hover {
+  @mixin linear-gradient bottom;
+}
+.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);
+}
+.bk-resize-layout > .bk-resize-layout-aside {
+  position: relative;
+}
+.bk-resize-layout > .bk-resize-layout-aside:after {
+  position: absolute;
+  width: 2px;
+  height: 2px;
+  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;
+}
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-layout-aside-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-trigger {
+  position: absolute;
+  z-index: 3;
+  background-color: transparent;
+}
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy {
+  position: absolute;
+  z-index: 9999;
+  pointer-events: none;
+  visibility: hidden;
+}
+.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: 1px dashed #3a84ff;
+}
+.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: 1px dashed #3a84ff;
+}
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse {
+  position: absolute;
+  z-index: 2;
+  width: 16px;
+  height: 50px;
+  font-size: 20px;
+  line-height: 50px;
+  color: #fff;
+  text-align: center;
+  text-indent: -2px;
+  cursor: pointer;
+  background: #dcdee5;
+  border-radius: 0px 12px 12px 0px;
+}
+.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse:hover {
+  background: #3a84ff;
+}
+.bk-resize-layout > .bk-resize-layout-main {
+  flex: 1;
+  overflow: hidden;
+}
+.bk-resize-layout .bk-resize-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9999;
+  display: none;
+}
 .bk-popper {
   display: none;
   padding: 7px 14px;

package/lib/components.d.ts

@@ -18,6 +18,7 @@ export { default as Popover } from './popover';
 export { default as Progress } from './progress';
 export { default as Radio, BkRadioButton as RadioButton, BkRadioGroup as RadioGroup } from './radio';
 export { default as Rate } from './rate';
+export { default as Swiper } from './swiper';
 export { default as Select, BkOption, BkOptionGroup } from './select';
 export { default as Sideslider } from './sideslider';
 export { default as Steps } from './steps';

package/lib/loading/index.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return t.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Default="default",i.Spin="spin",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Mini="mini",d.Small="small",d.Large="large";var s={indicator:{type:Function},loading:o.PropTypes.bool,theme:o.PropTypes.theme(["white","primary","warning","success","danger"]),title:o.PropTypes.string.def(""),size:o.PropTypes.commonType(Object.values(e.BkLoadingSize)).def("small"),mode:o.PropTypes.commonType(Object.values(e.BkLoadingMode)).def("default")},c=t.defineComponent({name:"Loading",props:s,setup:function(n,a){var i=[1,2,3,4].map((function(e){return t.createVNode("span",{class:"dot dot-".concat(e)},null)})),d=t.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return t.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),u=t.computed((function(){return o.classes({"bk-nested-loading":!!a.slots.default},"bk-loading-wrapper")}));console.log(n.theme);var s=t.computed((function(){var e;return o.classes((r(e={},"bk-loading-size-".concat(n.size),!!n.size),r(e,"bk-loading-".concat(n.theme),!!n.theme),e),"bk-loading-indicator")})),c=t.computed((function(){return!!n.title})),p=t.computed((function(){var o=n.mode===e.BkLoadingMode.Spin;return"function"==typeof n.indicator?t.createVNode(n.indicator,null,null):"function"==typeof l?t.createVNode(l,null,null):o?d:i}));return function(){var e,o;return a.slots.default&&!n.loading?null===(o=(e=a.slots).default)||void 0===o?void 0:o.call(e):t.createVNode("div",{class:u.value},[t.createVNode("div",{class:s.value},[p.value,c.value&&t.createVNode("div",{class:"bk-loading-title"},[n.title])]),a.slots.default&&t.createVNode("div",{class:"bk-loading-mask"},[a.slots.default()])])}}}),p=o.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return t.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Default="default",i.Spin="spin",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Normal="",d.Mini="mini",d.Small="small",d.Large="large";var s={indicator:{type:Function},loading:o.PropTypes.bool,theme:o.PropTypes.theme(["white","primary","warning","success","danger"]),title:o.PropTypes.string.def(""),size:o.PropTypes.commonType(Object.values(e.BkLoadingSize)).def(e.BkLoadingSize.Normal),mode:o.PropTypes.commonType(Object.values(e.BkLoadingMode)).def("default")},c=t.defineComponent({name:"Loading",props:s,setup:function(n,a){var i=[1,2,3,4].map((function(e){return t.createVNode("span",{class:"dot dot-".concat(e)},null)})),d=t.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return t.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),u=t.computed((function(){return o.classes({"bk-nested-loading":!!a.slots.default},"bk-loading-wrapper")}));console.log(n.theme);var s=t.computed((function(){var e;return o.classes((r(e={},"bk-loading-size-".concat(n.size),!!n.size),r(e,"bk-loading-".concat(n.theme),!!n.theme),e),"bk-loading-indicator")})),c=t.computed((function(){return!!n.title})),p=t.computed((function(){var o=n.mode===e.BkLoadingMode.Spin;return"function"==typeof n.indicator?t.createVNode(n.indicator,null,null):"function"==typeof l?t.createVNode(l,null,null):o?d:i}));return function(){var e,o;return a.slots.default&&!n.loading?null===(o=(e=a.slots).default)||void 0===o?void 0:o.call(e):t.createVNode("div",{class:u.value},[t.createVNode("div",{class:s.value},[p.value,c.value&&t.createVNode("div",{class:"bk-loading-title"},[n.title])]),a.slots.default&&t.createVNode("div",{class:"bk-loading-mask"},[a.slots.default()])])}}}),p=o.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/loading/loading.css

@@ -61,6 +61,8 @@
   animation-direction: normal;
 }
 .bk-loading-wrapper .bk-loading-mask {
+  width: 100%;
+  height: 100%;
   opacity: 0.5;
 }
 .bk-loading-wrapper .bk-loading-mask::after {

package/lib/loading/loading.d.ts

@@ -4,6 +4,7 @@ export declare enum BkLoadingMode {
     Spin = "spin"
 }
 export declare enum BkLoadingSize {
+    Normal = "",
     Mini = "mini",
     Small = "small",
     Large = "large"

package/lib/loading/loading.less

@@ -100,6 +100,8 @@
   }
 
   .@{bk-prefix}-loading-mask {
+    width: 100%;
+    height: 100%;
     opacity: .5;
 
     &::after {

package/lib/loading/loading.variable.css

@@ -154,6 +154,8 @@
   animation-direction: normal;
 }
 .bk-loading-wrapper .bk-loading-mask {
+  width: 100%;
+  height: 100%;
   opacity: 0.5;
 }
 .bk-loading-wrapper .bk-loading-mask::after {