bkui-vue 0.0.1-beta.165 → 0.0.1-beta.168

package/lib/select/select.less

@@ -91,13 +91,13 @@
   }
 
   &.large {
-    .bk-select-content {
+    .bk-select-content-wrapper {
       font-size: 14px;
     }
   }
 
   &.is-focus.normal {
-    .bk-select-trigger .bk-select-tag {
+    .bk-select-trigger .bk-select-tag.bk-select-tag--default {
       border-color: @primary-color;
       box-shadow: 0px 0px 3px 0px #a3c5fd;
     }
@@ -125,45 +125,61 @@
   }
 
   &.is-disabled {
-    .bk-select-trigger .bk-input input {
+    .bk-input--text {
       cursor: not-allowed;
       background-color: #fafbfd;
     }
   }
 
-  .bk-select-trigger {
-    position: relative;
+  .bk-input {
+    &.is-focused {
+      .active();
 
-    .bk-tag-input .bk-tag-input-trigger .clear-icon {
-      margin-right: 0;
+      &.is-simplicity {
+        border-color: transparent;
+        border-bottom-color: @primary-color;
+        box-shadow: none;
+      }
     }
+  }
 
-    .bk-input {
-      input {
-        padding-right: 24px;
-        cursor: pointer;
-        background-color: @white-color; 
-      }
+  .bk-input--text {
+    .ellipsis();
+    padding-right: 24px;
+    cursor: pointer;
+    background-color: @white-color; 
+  }
 
-      &.is-focused {
-        .active();
+  .bk-select-trigger {
+    position: relative;
 
-        &.is-simplicity {
-          border-color: transparent;
-          border-bottom-color: @primary-color;
-          box-shadow: none;
-        }
-      }
+    .bk-tag-input .bk-tag-input-trigger .clear-icon {
+      margin-right: 0;
     }
 
     .bk-select-tag {
       .input();
       display: flex;
       width: auto;
-      height: auto;
-      min-height: 32px;
       align-items: center;
-      flex-wrap: wrap;
+
+      &.collapse-tag .bk-select-tag-wrapper {
+        height: 30px;
+      }
+
+      &:not(.collapse-tag) {
+        height: auto;
+        min-height: 32px;
+        flex-wrap: wrap;
+      }
+
+      &-wrapper {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        padding: 2px 0;
+        overflow: hidden;
+      }
 
       &:not(.is-disabled):hover {
         border-color: #979ba5;
@@ -172,6 +188,7 @@
       &.is-disabled {
         cursor: not-allowed;
         background-color: #fafbfd;
+        border-color: #dcdee5;
 
         input {
           cursor: not-allowed;
@@ -192,15 +209,13 @@
 
       &-input {
         .input();
+        .ellipsis();
         width: 1%;
         height: 22px;
-        max-width: 190px;
         padding: 0;
-        margin: 4px 5px 4px 0;
-        overflow: hidden;
+        margin: 2px 5px 4px 0;
         background-color: transparent;
         border: none;
-        outline: none;
         flex-grow: 1;
       }
 
@@ -245,7 +260,7 @@
       border-radius: 2px;
       box-shadow: 0 2px 6px 0 rgba(0,0,0,.10);
 
-      .bk-select-content {
+      .bk-select-content-wrapper {
         .bk-select-empty {
           .flex-center();
           height: 56px;

package/lib/select/select.variable.css

@@ -144,10 +144,10 @@
   font-weight: normal;
   list-style: none;
 }
-.bk-select.large .bk-select-content {
+.bk-select.large .bk-select-content-wrapper {
   font-size: 14px;
 }
-.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag {
+.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default {
   border-color: var(--primary-color);
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
@@ -167,31 +167,34 @@
 .bk-select.popover-show .bk-select-trigger .angle-up {
   transform: rotate(0);
 }
-.bk-select.is-disabled .bk-select-trigger .bk-input input {
+.bk-select.is-disabled .bk-input--text {
   cursor: not-allowed;
   background-color: #fafbfd;
 }
-.bk-select .bk-select-trigger {
-  position: relative;
-}
-.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
-  margin-right: 0;
-}
-.bk-select .bk-select-trigger .bk-input input {
-  padding-right: 24px;
-  cursor: pointer;
-  background-color: var(--white-color);
-}
-.bk-select .bk-select-trigger .bk-input.is-focused {
+.bk-select .bk-input.is-focused {
   border-color: var(--primary-color);
   outline: 0;
   box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
 }
-.bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity {
+.bk-select .bk-input.is-focused.is-simplicity {
   border-color: transparent;
   border-bottom-color: var(--primary-color);
   box-shadow: none;
 }
+.bk-select .bk-input--text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: 24px;
+  cursor: pointer;
+  background-color: var(--white-color);
+}
+.bk-select .bk-select-trigger {
+  position: relative;
+}
+.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
+  margin-right: 0;
+}
 .bk-select .bk-select-trigger .bk-select-tag {
   width: 100%;
   height: 32px;
@@ -213,20 +216,33 @@
   white-space: nowrap;
   display: flex;
   width: auto;
-  height: auto;
-  min-height: 32px;
   align-items: center;
-  flex-wrap: wrap;
 }
 .bk-select .bk-select-trigger .bk-select-tag::placeholder {
   color: var(--light-gray);
 }
+.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
+  height: 30px;
+}
+.bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag) {
+  height: auto;
+  min-height: 32px;
+  flex-wrap: wrap;
+}
+.bk-select .bk-select-trigger .bk-select-tag-wrapper {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 2px 0;
+  overflow: hidden;
+}
 .bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
   border-color: #979ba5;
 }
 .bk-select .bk-select-trigger .bk-select-tag.is-disabled {
   cursor: not-allowed;
   background-color: #fafbfd;
+  border-color: #dcdee5;
 }
 .bk-select .bk-select-trigger .bk-select-tag.is-disabled input {
   cursor: not-allowed;
@@ -252,20 +268,19 @@
   background-color: var(--white-color);
   border: 1px solid var(--light-gray);
   border-radius: 2px;
+  outline: none;
   box-sizing: border-box;
   transition: all 0.1s;
   resize: none;
+  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 1%;
   height: 22px;
-  max-width: 190px;
   padding: 0;
-  margin: 4px 5px 4px 0;
-  overflow: hidden;
+  margin: 2px 5px 4px 0;
   background-color: transparent;
   border: none;
-  outline: none;
   flex-grow: 1;
 }
 .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
@@ -325,14 +340,14 @@
   border-radius: 2px;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 56px;
   color: #63656e;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty .spinner {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner {
   display: flex;
   width: 14px;
   height: 14px;
@@ -342,14 +357,14 @@
   align-items: center;
   justify-content: center;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty span {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span {
   margin-left: 4px;
   line-height: 18px;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-dropdown {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown {
   overflow: auto;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-extension {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension {
   display: flex;
   height: 40px;
   background-color: #fafbfd;
@@ -357,10 +372,10 @@
   border-top: 1px solid #dcdee5;
   border-radius: 0 0 2px 2px;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options {
   padding: 4px 0;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
   position: relative;
   height: 32px;
   padding: 0 12px;
@@ -373,76 +388,76 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option .bk-select-selected-icon {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon {
   position: absolute;
   right: 10px;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option-item {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-hover {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover {
   color: #3a84ff;
   background-color: #f5f7fa;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option:hover {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover {
   color: #63656e;
   background-color: #f5f7fa;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-selected {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected {
   color: #3a84ff;
   background-color: #e1ecff;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-disabled {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: transparent;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple {
   padding-right: 32px;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-selected {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected {
   background-color: #fff;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-hover {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover {
   background-color: #f5f7fa;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple:hover {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover {
   background-color: #f5f7fa;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading span {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span {
   margin-left: 4px;
   line-height: 18px;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group-label {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label {
   height: 32px;
   padding: 0 8px;
   line-height: 32px;
   color: #979ba5;
   text-align: left;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group-label.collapsible {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible {
   cursor: pointer;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.collapsible .bk-select-option {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option {
   padding-left: 40px;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.disabled .default-group-label {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label {
   color: #c4c6cc;
   cursor: not-allowed;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label {
   display: flex;
   user-select: none;
   align-items: center;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon {
   display: flex;
   width: 12px;
   height: 12px;
@@ -451,24 +466,24 @@
   align-items: center;
   justify-content: center;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon.collapse {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse {
   transform: rotate(-90deg);
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .bk-select-option {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option {
   padding-left: 24px;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-search-wrapper {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper {
   display: flex;
   margin: 4px 8px 0 8px;
   margin-top: 4px;
   border-bottom: 1px solid var(--input-block-hover-color);
   align-items: center;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-search-wrapper .icon-search {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search {
   margin-left: 2px;
   color: var(--gray-color);
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-search-wrapper .bk-select-search-input {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input {
   width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
@@ -491,6 +506,6 @@
   cursor: text;
   border: none;
 }
-.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-search-wrapper .bk-select-search-input::placeholder {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder {
   color: var(--light-gray);
 }

package/lib/select/selectTagInput.d.ts

@@ -29,7 +29,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: import("vue-types/dist/types").VueTypeValidableDef<any>;
+    collapseTags: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
+    overflowTagIndex: import("vue").Ref<number>;
     value: any;
     inputRef: import("vue").Ref<HTMLElement>;
     handleRemoveTag: (val: string) => void;
@@ -65,6 +71,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: import("vue-types/dist/types").VueTypeValidableDef<any>;
+    collapseTags: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onEnter?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -76,5 +87,6 @@ declare const _default: import("vue").DefineComponent<{
     tagTheme: string;
     filterable: boolean;
     allowCreate: boolean;
+    collapseTags: boolean;
 }>;
 export default _default;

package/lib/sideslider/index.js

@@ -1 +1 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],e);else{var r="object"==typeof exports?e(require("../shared"),require("vue"),require("../button"),require("../modal")):e(t["../shared"],t.vue,t["../button"],t["../modal"]);for(var n in r)("object"==typeof exports?exports:t)[n]=r[n]}}(self,((t,e,r,n)=>(()=>{var o={7162:(t,e,r)=>{t.exports=r(5047)},5047:t=>{var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=e&&e.prototype instanceof y?e:y,i=Object.create(o.prototype),a=new S(n||[]);return i._invoke=function(t,e,r){var n=f;return function(o,i){if(n===d)throw new Error("Generator is already running");if(n===p){if("throw"===o)throw i;return P()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=E(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=d;var u=l(t,e,r);if("normal"===u.type){if(n=r.done?p:h,u.arg===v)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n=p,r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var f="suspendedStart",h="suspendedYield",d="executing",p="completed",v={};function y(){}function g(){}function m(){}var b={};u(b,i,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(N([])));x&&x!==r&&n.call(x,i)&&(b=x);var j=m.prototype=y.prototype=Object.create(b);function L(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function O(t,e){function r(o,i,a,c){var u=l(t[o],t,i);if("throw"!==u.type){var s=u.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(f).then((function(t){s.value=t,a(s)}),(function(t){return r("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function E(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,E(t,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=l(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function _(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function N(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}return{next:P}}function P(){return{value:e,done:!0}}return g.prototype=m,u(j,"constructor",m),u(m,"constructor",g),g.displayName=u(m,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,m):(t.__proto__=m,u(t,c,"GeneratorFunction")),t.prototype=Object.create(j),t},t.awrap=function(t){return{__await:t}},L(O.prototype),u(O.prototype,a,(function(){return this})),t.AsyncIterator=O,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new O(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(j),u(j,c,"Generator"),u(j,i,(function(){return this})),u(j,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=N,S.prototype={constructor:S,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(k),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(u&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:N(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}(t.exports);try{regeneratorRuntime=e}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=e:Function("r","regeneratorRuntime = r")(e)}},4976:t=>{"use strict";t.exports=r},8014:t=>{"use strict";t.exports=n},4212:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return o[t](r,r.exports,a),r.exports}a.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),a.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{default:()=>d});var t=a(4212),e=a(748),r=a(7162),n=a.n(r);Object.create,Object.create;var o=a(4976),i=a.n(o),u=a(8014),s=a.n(u),l=s().propsMixin,f=Object.assign({},l);f.width.default="400",f.height.default="100%";const h=(0,e.defineComponent)({name:"Sideslider",components:{BkModal:s(),BkButton:i()},props:Object.assign(Object.assign({},f),{direction:{type:String,default:"right",validator:function(t){var e=["left","right"];return!(e.indexOf(t)<0&&(console.error("direction property is not valid: '".concat(t,"',【").concat(e.join(" | "),"】")),1))}}}),emits:["closed","update:isShow","shown","hidden","animation-end"],setup:function(t,r){var o=this,i=r.slots,a=r.emit,c=function(){return e=o,r=void 0,i=void 0,c=n().mark((function e(){var r;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=!0,"function"!=typeof t.beforeClose){e.next=5;break}return e.next=4,t.beforeClose();case 4:r=e.sent;case 5:r&&(a("update:isShow",!1),a("closed"),setTimeout((function(){a("animation-end")}),250));case 6:case"end":return e.stop()}}),e)})),new(i||(i=Promise))((function(t,n){function o(t){try{u(c.next(t))}catch(t){n(t)}}function a(t){try{u(c.throw(t))}catch(t){n(t)}}function u(e){var r;e.done?t(e.value):(r=e.value,r instanceof i?r:new i((function(t){t(r)}))).then(o,a)}u((c=c.apply(e,r||[])).next())}));var e,r,i,c},u=function(){setTimeout((function(){a("shown")}),200)},l=function(){setTimeout((function(){a("hidden")}),200)};return function(){var r,n={header:function(){var r,n;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"bk-sideslider-header"},[(0,e.createVNode)("div",{class:"bk-sideslider-close ".concat(t.direction),onClick:function(){c()}},null),(0,e.createVNode)("div",{class:"bk-sideslider-title ".concat(t.direction)},[null!==(n=null===(r=i.header)||void 0===r?void 0:r.call(i))&&void 0!==n?n:t.title])])])},default:function(){var t,e;return null!==(e=null===(t=i.default)||void 0===t?void 0:t.call(i))&&void 0!==e?e:"Content"},footer:function(){var t,r;return(0,e.createVNode)("div",{class:"bk-sideslider-footer"},[null!==(r=null===(t=i.footer)||void 0===t?void 0:t.call(i))&&void 0!==r?r:""])}},o="bk-sideslider-wrapper ".concat(t.scrollable?"scroll-able":""," ").concat(t.extCls),a=i.footer?"calc(100vh - 106px)":"calc(100vh - 52px)";return(0,e.createVNode)(s(),(0,e.mergeProps)(t,{maxHeight:a,class:o,style:"".concat(t.direction,": 0;"),onHidden:l,onShown:u,onClose:c}),"function"==typeof(r=n)||"[object Object]"===Object.prototype.toString.call(r)&&!(0,e.isVNode)(r)?n:{default:function(){return[n]}})}}}),d=(0,t.withInstall)(h)})(),c})()));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],e);else{var r="object"==typeof exports?e(require("../shared"),require("vue"),require("../button"),require("../modal")):e(t["../shared"],t.vue,t["../button"],t["../modal"]);for(var n in r)("object"==typeof exports?exports:t)[n]=r[n]}}(self,((t,e,r,n)=>(()=>{var o={7162:(t,e,r)=>{t.exports=r(5047)},5047:t=>{var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=e&&e.prototype instanceof y?e:y,i=Object.create(o.prototype),a=new S(n||[]);return i._invoke=function(t,e,r){var n=f;return function(o,i){if(n===d)throw new Error("Generator is already running");if(n===p){if("throw"===o)throw i;return P()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=E(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=d;var u=l(t,e,r);if("normal"===u.type){if(n=r.done?p:h,u.arg===v)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n=p,r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var f="suspendedStart",h="suspendedYield",d="executing",p="completed",v={};function y(){}function g(){}function m(){}var b={};u(b,i,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(N([])));x&&x!==r&&n.call(x,i)&&(b=x);var j=m.prototype=y.prototype=Object.create(b);function L(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function O(t,e){function r(o,i,a,c){var u=l(t[o],t,i);if("throw"!==u.type){var s=u.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(f).then((function(t){s.value=t,a(s)}),(function(t){return r("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function E(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,E(t,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=l(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function _(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function N(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}return{next:P}}function P(){return{value:e,done:!0}}return g.prototype=m,u(j,"constructor",m),u(m,"constructor",g),g.displayName=u(m,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,m):(t.__proto__=m,u(t,c,"GeneratorFunction")),t.prototype=Object.create(j),t},t.awrap=function(t){return{__await:t}},L(O.prototype),u(O.prototype,a,(function(){return this})),t.AsyncIterator=O,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new O(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(j),u(j,c,"Generator"),u(j,i,(function(){return this})),u(j,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=N,S.prototype={constructor:S,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(k),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(u&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:N(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}(t.exports);try{regeneratorRuntime=e}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=e:Function("r","regeneratorRuntime = r")(e)}},4976:t=>{"use strict";t.exports=r},8014:t=>{"use strict";t.exports=n},4212:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return o[t](r,r.exports,a),r.exports}a.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),a.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{default:()=>d});var t=a(4212),e=a(748),r=a(7162),n=a.n(r);Object.create,Object.create;var o=a(4976),i=a.n(o),u=a(8014),s=a.n(u),l=s().propsMixin,f=Object.assign({},l);f.width.default="400",f.height.default="100%";const h=(0,e.defineComponent)({name:"Sideslider",components:{BkModal:s(),BkButton:i()},props:Object.assign(Object.assign({},f),{direction:{type:String,default:"right",validator:function(t){var e=["left","right"];return!(e.indexOf(t)<0&&(console.error("direction property is not valid: '".concat(t,"',【").concat(e.join(" | "),"】")),1))}}}),emits:["closed","update:isShow","shown","hidden","animation-end"],setup:function(t,r){var o=this,i=r.slots,a=r.emit,c=function(){return e=o,r=void 0,i=void 0,c=n().mark((function e(){var r;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=!0,"function"!=typeof t.beforeClose){e.next=5;break}return e.next=4,t.beforeClose();case 4:r=e.sent;case 5:r&&(a("update:isShow",!1),a("closed"),setTimeout((function(){a("animation-end")}),250));case 6:case"end":return e.stop()}}),e)})),new(i||(i=Promise))((function(t,n){function o(t){try{u(c.next(t))}catch(t){n(t)}}function a(t){try{u(c.throw(t))}catch(t){n(t)}}function u(e){var r;e.done?t(e.value):(r=e.value,r instanceof i?r:new i((function(t){t(r)}))).then(o,a)}u((c=c.apply(e,r||[])).next())}));var e,r,i,c},u=function(){setTimeout((function(){a("shown")}),200)},l=function(){setTimeout((function(){a("hidden")}),200)};return function(){var r,n={header:function(){var r,n;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"bk-sideslider-header"},[(0,e.createVNode)("div",{class:"bk-sideslider-close ".concat(t.direction),onClick:function(){c()}},null),(0,e.createVNode)("div",{class:"bk-sideslider-title ".concat(t.direction)},[null!==(n=null===(r=i.header)||void 0===r?void 0:r.call(i))&&void 0!==n?n:t.title])])])},default:function(){var t,e;return null!==(e=null===(t=i.default)||void 0===t?void 0:t.call(i))&&void 0!==e?e:"Content"},footer:function(){return i.footer?(0,e.createVNode)("div",{class:"bk-sideslider-footer"},[i.footer()]):null}},o="bk-sideslider-wrapper ".concat(t.scrollable?"scroll-able":""," ").concat(t.extCls),a=i.footer?"calc(100vh - 106px)":"calc(100vh - 52px)";return(0,e.createVNode)(s(),(0,e.mergeProps)(t,{maxHeight:a,class:o,style:"".concat(t.direction,": 0;"),onHidden:l,onShown:u,onClose:c}),"function"==typeof(r=n)||"[object Object]"===Object.prototype.toString.call(r)&&!(0,e.isVNode)(r)?n:{default:function(){return[n]}})}}}),d=(0,t.withInstall)(h)})(),c})()));

package/lib/styles/reset.css

@@ -1,3 +1,12 @@
+.scroll-bar-style::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.scroll-bar-style::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
 html,
 body {
   padding: 0;
@@ -271,3 +280,30 @@ textarea {
 optgroup {
   font-weight: bold;
 }
+/** 
+* BK-Scroll-Style
+*/
+.bk-scroll-y {
+  overflow-y: auto;
+}
+.bk-scroll-y::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-y::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
+.bk-scroll-x {
+  overflow-x: auto;
+}
+.bk-scroll-x::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-x::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}

package/lib/styles/reset.less

@@ -1,3 +1,16 @@
+.scroll-bar-style {
+  &::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #ddd;
+    border-radius: 20px;
+    box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
+  }
+}
+
 html,
 body {
   padding: 0;
@@ -311,3 +324,16 @@ textarea {
 optgroup {
   font-weight: bold;
 }
+
+/** 
+* BK-Scroll-Style
+*/
+.bk-scroll-y {
+  overflow-y: auto;
+  .scroll-bar-style();
+}
+
+.bk-scroll-x {
+  overflow-x: auto;
+  .scroll-bar-style();
+}

package/lib/styles/reset.variable.css

@@ -1,3 +1,12 @@
+.scroll-bar-style::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.scroll-bar-style::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
 html,
 body {
   padding: 0;
@@ -271,3 +280,30 @@ textarea {
 optgroup {
   font-weight: bold;
 }
+/** 
+* BK-Scroll-Style
+*/
+.bk-scroll-y {
+  overflow-y: auto;
+}
+.bk-scroll-y::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-y::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
+.bk-scroll-x {
+  overflow-x: auto;
+}
+.bk-scroll-x::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-x::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}