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

package/dist/style.css

@@ -1990,8 +1990,8 @@ optgroup {
   display: block;
 }
 .bk-swiper-main {
-  height: 100%;
   display: flex;
+  height: 100%;
   overflow: hidden;
 }
 .bk-swiper-main.bk-transition {
@@ -1999,53 +1999,53 @@ optgroup {
 }
 .bk-swiper-main .bk-swiper-card {
   height: 100%;
-  margin: 0;
   padding: 0;
+  margin: 0;
 }
 .bk-swiper-main .bk-swiper-img {
   display: inline-block;
-  height: 100%;
   width: 100%;
+  height: 100%;
   margin: 0;
-  background-size: cover;
-  background-repeat: no-repeat;
   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;
-  right: 0;
   display: flex;
-  justify-content: center;
-  margin: 0;
   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;
-  list-style-type: none;
 }
 .bk-swiper-index li.bk-current-index {
   width: 17px;
   background: #c5c7d1;
 }
 .bk-swiper-nav {
-  cursor: pointer;
   position: absolute;
-  border-radius: 50%;
+  top: calc(50% - 15px);
+  display: none;
   width: 30px;
   height: 30px;
+  cursor: pointer;
   background: rgba(31, 45, 61, 0.4);
-  top: calc(50% - 15px);
-  display: none;
+  border-radius: 50%;
 }
 .bk-swiper-nav .bk-swiper-nav-icon {
   position: absolute;
@@ -2053,8 +2053,8 @@ optgroup {
   left: 11px;
   width: 10px;
   height: 10px;
-  border-left: 2px solid #fff;
   border-bottom: 2px solid #fff;
+  border-left: 2px solid #fff;
 }
 .bk-swiper-nav.bk-nav-prev {
   left: 14px;
@@ -2073,8 +2073,55 @@ optgroup {
 .bk-swiper-nav:hover {
   background: rgba(31, 45, 61, 0.6);
 }
-.bk-select {
-  display: inline-block;
+@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;
@@ -2082,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);
 }
@@ -2106,7 +2177,6 @@ optgroup {
   width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
-  font-size: 12px;
   line-height: normal;
   color: #63656e;
   text-align: left;
@@ -2119,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;
 }
@@ -2133,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 {
@@ -2161,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;
@@ -2191,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;
@@ -2245,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';
 }
@@ -2267,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;
@@ -2277,7 +2388,6 @@ optgroup {
   width: 12px;
   height: 12px;
   margin-right: 8px;
-  font-size: 12px;
   transition: all 0.1s;
   align-items: center;
   justify-content: center;
@@ -2630,8 +2740,8 @@ optgroup {
   }
 }
 .bk-table {
-  overflow: hidden;
   height: 100%;
+  overflow: hidden;
   border-top: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
 }
@@ -2723,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;
@@ -3252,15 +3362,15 @@ 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;
-  display: flex;
   align-items: center;
 }
 .bk-tree .bk-tree-node:not(.is-root) {
@@ -3278,11 +3388,11 @@ 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);
 }
@@ -3294,9 +3404,9 @@ optgroup {
   align-items: center;
 }
 .bk-tree .bk-tree-node .bk-node-content .bk-node-text {
-  white-space: nowrap;
-  text-overflow: ellipsis;
   overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .bk-slider {
   display: flex;
@@ -5155,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/popover/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(this,(function(e,t,o){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(r);var a=n(r.exports),i={isShow:t.PropTypes.bool,width:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def("auto"),height:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def("auto"),content:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def(""),transition:t.PropTypes.string.def("fade-in"),placement:t.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:t.PropTypes.string.def("light"),handleFirstUpdate:{type:Function,default:function(){}},trigger:t.PropTypes.string.def("hover"),arrow:t.PropTypes.bool.def(!0),modifiers:t.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:t.PropTypes.bool.def(!1)},u=o.defineComponent({name:"Popover",props:i,setup:function(e,n){var r=!1,i=Object.create(null),u=o.toRefs(e),s=u.width,p=u.height,d=u.theme,f=u.trigger,l=u.isShow,c=u.placement,m=u.modifiers,v=u.arrow,h=u.content,y=o.ref(),T=o.ref(),b=o.computed((function(){return{width:/^\d+$/.test(String(s.value))?"".concat(s.value,"px"):s.value,height:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,zIndex:t.bkZIndexManager.getModalNextIndex()}})),g=["dark","light"],P=o.computed((function(){var e=d.value.split(/\s+/);return e.sort((function(e,t){return Number(g.includes(t))-Number(g.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!g.includes(e)}))}})),w=function(e){"manual"===f.value&&r&&(e?i.show():i.hide())};o.watch((function(){return e.isShow}),(function(e){w(e)}),{immediate:!0});var x=function(){n.emit("update:isShow",!1)},O=function(){n.emit("update:isShow",!0)},S=function(){var e=i;e.constructor&&(e.isShow&&e.hide(),e.destroy(),i=Object.create(null))},j=function(){i=new t.BKPopover(y.value,T.value,{theme:P.value.systemThemes.join(" "),placement:c.value,trigger:f.value,modifiers:m.value,onFirstUpdate:e.handleFirstUpdate,afterShow:O,afterHidden:x,appendTo:e.boundary,fixOnBoundary:e.fixOnBoundary}),r=!0,w(l.value)},k=function(){S(),o.nextTick(j)};n.expose({update:k}),o.onMounted(k),o.onBeforeUnmount(S);var N=function(){n.emit("after-enter")},M=function(){n.emit("after-leave")},V=P.value.customThemes.join(" "),_=P.value.customThemes.reduce((function(e,t){return Object.assign(a({},"data-".concat(t,"-theme"),!0),e)}),{}),B="bk-popover-content ".concat(V);return function(){var t,r,a,i,u;return o.createVNode("div",{class:"bk-popover","data-bk-pop-container":!0},[o.createVNode("div",{ref:y,class:"bk-popover-reference"},[null===(r=(t=n.slots).default)||void 0===r?void 0:r.call(t)]),o.createVNode(o.Transition,{name:e.transition,onAfterEnter:N,onAfterLeave:M},{default:function(){return[o.createVNode("div",o.mergeProps({ref:T,class:B,style:b.value},_),[null!==(u=null===(i=(a=n.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==u?u:h.value,v&&o.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=t.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(this,(function(e,t,o){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(r);var a=n(r.exports),i={isShow:t.PropTypes.bool,width:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def("auto"),height:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def("auto"),content:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def(""),transition:t.PropTypes.string.def("fade-in"),placement:t.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:t.PropTypes.string.def("light"),handleFirstUpdate:{type:Function,default:function(){}},trigger:t.PropTypes.string.def("hover"),arrow:t.PropTypes.bool.def(!0),modifiers:t.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:t.PropTypes.bool.def(!1)},u=o.defineComponent({name:"Popover",props:i,setup:function(e,n){var r=!1,i=Object.create(null),u=o.toRefs(e),s=u.width,p=u.height,d=u.theme,l=u.trigger,f=u.isShow,c=u.placement,v=u.modifiers,m=u.arrow,h=u.content,y=o.ref(),T=o.ref(),b=o.computed((function(){return{width:/^\d+$/.test(String(s.value))?"".concat(s.value,"px"):s.value,height:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,zIndex:t.bkZIndexManager.getModalNextIndex()}})),g=["dark","light"],P=o.computed((function(){var e=d.value.split(/\s+/);return e.sort((function(e,t){return Number(g.includes(t))-Number(g.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!g.includes(e)}))}})),w=function(e){var t,o;"manual"===l.value&&r&&(e?null===(t=i.show)||void 0===t||t.call(i):null===(o=i.hide)||void 0===o||o.call(i))};o.watch((function(){return e.isShow}),(function(e){w(e)}),{immediate:!0});var x=function(){n.emit("update:isShow",!1)},O=function(){n.emit("update:isShow",!0)},S=function(){var e=i;e.constructor&&(e.isShow&&e.hide(),e.destroy(),i=Object.create(null))},j=function(){i=new t.BKPopover(y.value,T.value,{theme:P.value.systemThemes.join(" "),placement:c.value,trigger:l.value,modifiers:v.value,onFirstUpdate:e.handleFirstUpdate,afterShow:O,afterHidden:x,appendTo:e.boundary,fixOnBoundary:e.fixOnBoundary}),r=!0,w(f.value)},k=function(){S(),o.nextTick(j)};n.expose({update:k}),o.onMounted(k),o.onBeforeUnmount(S);var N=function(){n.emit("after-enter")},M=function(){n.emit("after-leave")},V=P.value.customThemes.join(" "),_=P.value.customThemes.reduce((function(e,t){return Object.assign(a({},"data-".concat(t,"-theme"),!0),e)}),{}),B="bk-popover-content ".concat(V);return function(){var t,r,a,i,u;return o.createVNode("div",{class:"bk-popover","data-bk-pop-container":!0},[o.createVNode("div",{ref:y,class:"bk-popover-reference"},[null===(r=(t=n.slots).default)||void 0===r?void 0:r.call(t)]),o.createVNode(o.Transition,{name:e.transition,onAfterEnter:N,onAfterLeave:M},{default:function(){return[o.createVNode("div",o.mergeProps({ref:T,class:B,style:b.value},_),[null!==(u=null===(i=(a=n.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==u?u:h.value,m.value&&o.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=t.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));