bkui-vue 0.0.1-beta.10 → 0.0.1-beta.11

package/lib/alert/alert.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 .bk-alert {
   position: relative;

package/lib/backtop/backtop.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/badge/badge.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 .bk-badge-main {
   position: relative;

package/lib/breadcrumb/breadcrumb.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/button/button.d.ts

@@ -23,7 +23,8 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
+declare type IButtonNativeType = PropType<'button' | 'submit' | 'reset'>;
 declare const buttonProps: {
     theme: import("vue-types").VueTypeDef<string> & {
         default: string;
@@ -35,9 +36,6 @@ declare const buttonProps: {
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -50,6 +48,9 @@ declare const buttonProps: {
     text: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    nativeType: {
+        type: IButtonNativeType;
+    };
 };
 export declare type ButtonPropTypes = ExtractPropTypes<typeof buttonProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -63,9 +64,6 @@ declare const _default: import("vue").DefineComponent<{
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -78,34 +76,36 @@ declare const _default: import("vue").DefineComponent<{
     text: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    nativeType: {
+        type: IButtonNativeType;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     theme?: unknown;
     hoverTheme?: unknown;
     size?: unknown;
     title?: unknown;
-    extCls?: unknown;
     disabled?: unknown;
     loading?: unknown;
     outline?: unknown;
     text?: unknown;
+    nativeType?: unknown;
 } & {
     title: string;
     text: boolean;
     theme: string;
-    extCls: string;
     disabled: boolean;
     hoverTheme: string;
     loading: boolean;
     outline: boolean;
 } & {
     size?: string;
+    nativeType?: "button" | "reset" | "submit";
 }> & {
     onClick?: (...args: any[]) => any;
 }, {
     title: string;
     text: boolean;
     theme: string;
-    extCls: string;
     disabled: boolean;
     hoverTheme: string;
     loading: boolean;

package/lib/button/button.less

@@ -138,13 +138,13 @@
     @sizeBtnHeight: '@{value}BtnHeight';
     @sizeBtnPadding: '@{value}BtnPadding';
     &.bk-button-group-@{value} {
-        .bk-button {
-          min-width: @@sizeBtnMinWidth;
-          height: @@sizeBtnHeight;
-          padding: 0 @@sizeBtnPadding;
-        }
+      .bk-button {
+        min-width: @@sizeBtnMinWidth;
+        height: @@sizeBtnHeight;
+        padding: 0 @@sizeBtnPadding;
       }
-    })
+    }
+  })
 ;
 
   .bk-button {

package/lib/button/button.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 .bk-button {
   display: inline-block;

package/lib/button/index.d.ts

@@ -7,7 +7,6 @@ declare const BkButton: {
             title: string;
             text: boolean;
             theme: string;
-            extCls: string;
             disabled: boolean;
             hoverTheme: string;
             loading: boolean;
@@ -17,25 +16,25 @@ declare const BkButton: {
             hoverTheme?: unknown;
             size?: unknown;
             title?: unknown;
-            extCls?: unknown;
             disabled?: unknown;
             loading?: unknown;
             outline?: unknown;
             text?: unknown;
+            nativeType?: unknown;
         } & {
             title: string;
             text: boolean;
             theme: string;
-            extCls: string;
             disabled: boolean;
             hoverTheme: string;
             loading: boolean;
             outline: boolean;
         } & {
             size?: string;
+            nativeType?: "button" | "reset" | "submit";
         }> & {
             onClick?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "extCls" | "disabled" | "hoverTheme" | "loading" | "outline">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "disabled" | "hoverTheme" | "loading" | "outline">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -54,29 +53,28 @@ declare const BkButton: {
             hoverTheme?: unknown;
             size?: unknown;
             title?: unknown;
-            extCls?: unknown;
             disabled?: unknown;
             loading?: unknown;
             outline?: unknown;
             text?: unknown;
+            nativeType?: unknown;
         } & {
             title: string;
             text: boolean;
             theme: string;
-            extCls: string;
             disabled: boolean;
             hoverTheme: string;
             loading: boolean;
             outline: boolean;
         } & {
             size?: string;
+            nativeType?: "button" | "reset" | "submit";
         }> & {
             onClick?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, {
             title: string;
             text: boolean;
             theme: string;
-            extCls: string;
             disabled: boolean;
             hoverTheme: string;
             loading: boolean;
@@ -106,22 +104,22 @@ declare const BkButton: {
         hoverTheme?: unknown;
         size?: unknown;
         title?: unknown;
-        extCls?: unknown;
         disabled?: unknown;
         loading?: unknown;
         outline?: unknown;
         text?: unknown;
+        nativeType?: unknown;
     } & {
         title: string;
         text: boolean;
         theme: string;
-        extCls: string;
         disabled: boolean;
         hoverTheme: string;
         loading: boolean;
         outline: boolean;
     } & {
         size?: string;
+        nativeType?: "button" | "reset" | "submit";
     }> & {
         onClick?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
@@ -133,29 +131,28 @@ declare const BkButton: {
     hoverTheme?: unknown;
     size?: unknown;
     title?: unknown;
-    extCls?: unknown;
     disabled?: unknown;
     loading?: unknown;
     outline?: unknown;
     text?: unknown;
+    nativeType?: unknown;
 } & {
     title: string;
     text: boolean;
     theme: string;
-    extCls: string;
     disabled: boolean;
     hoverTheme: string;
     loading: boolean;
     outline: boolean;
 } & {
     size?: string;
+    nativeType?: "button" | "reset" | "submit";
 }> & {
     onClick?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
     title: string;
     text: boolean;
     theme: string;
-    extCls: string;
     disabled: boolean;
     hoverTheme: string;
     loading: boolean;

package/lib/button/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../loading")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../loading"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.Loading)}(this,(function(e,t,o,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(n);function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var l={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.default=e.exports,e.exports.__esModule=!0}(l);var s=u(l.exports),a={theme:o.PropTypes.theme().def(""),hoverTheme:o.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:o.PropTypes.size(),title:o.PropTypes.string,extCls:o.PropTypes.string,disabled:o.PropTypes.bool,loading:o.PropTypes.bool,outline:o.PropTypes.bool,text:o.PropTypes.bool},d=t.defineComponent({name:"BkButton",emits:["click"],props:a,setup:function(e,r){var u,l=r.slots,a=r.attrs,d=r.emit,c=null!==(u=l.default)&&void 0!==u&&u,p="bk-button",f=t.computed((function(){var t,n=e.hoverTheme?"".concat(p,"-hover-").concat(e.hoverTheme):"",r=e.theme?"".concat(p,"-").concat(e.theme):"",i=e.hoverTheme?"":r;return o.classes((t={"is-disabled":e.disabled,"is-outline":e.outline,"is-text":e.text&&!e.hoverTheme},s(t,"".concat(p,"-").concat(e.size),""!==e.size),s(t,"no-slot",!c),t),"".concat(i," ").concat(p," ").concat(n))})),b="".concat(p,"-loading"),v=["","default"].includes(e.theme)?"default":"white",h=function(){d("click")};return function(){var o,r;return t.createVNode("button",t.mergeProps({title:e.title,disabled:e.disabled,class:f.value},a,{onClick:h}),[e.loading?t.createVNode("div",{class:b},[t.createVNode(i.default,{theme:v,size:n.BkLoadingSize.Small},null)]):t.createVNode("div",{class:"bk-button-content-wrapper"},[t.createVNode("span",null,[null!==(r=null===(o=l.default)||void 0===o?void 0:o.call(l))&&void 0!==r?r:"default"])])])}}}),c=t.defineComponent({name:"BkButtonGroup",props:{size:o.PropTypes.size()},setup:function(e,n){var r=t.computed((function(){return o.classes(s({},"bk-button-group-".concat(e.size),!!e.size),"bk-button-group")}));return function(){var e,o;return t.createVNode("div",{class:r.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}}),p=o.withInstallProps(d,{ButtonGroup:c});e.BkButton=p,e.BkButtonGroup=c,e.default=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../loading")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../loading"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.Loading)}(this,(function(e,t,o,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(n);function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={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.default=e.exports,e.exports.__esModule=!0}(a);var l=u(a.exports),s={theme:o.PropTypes.theme().def(""),hoverTheme:o.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:o.PropTypes.size(),title:o.PropTypes.string,disabled:o.PropTypes.bool,loading:o.PropTypes.bool,outline:o.PropTypes.bool,text:o.PropTypes.bool,nativeType:{type:String}},d=t.defineComponent({name:"BkButton",emits:["click"],props:s,setup:function(e,r){var u,a=r.slots,s=r.attrs,d=r.emit,c=null!==(u=a.default)&&void 0!==u&&u,p="bk-button",f=t.computed((function(){var t,n=e.hoverTheme?"".concat(p,"-hover-").concat(e.hoverTheme):"",r=e.theme?"".concat(p,"-").concat(e.theme):"",i=e.hoverTheme?"":r;return o.classes((t={"is-disabled":e.disabled,"is-outline":e.outline,"is-text":e.text&&!e.hoverTheme},l(t,"".concat(p,"-").concat(e.size),""!==e.size),l(t,"no-slot",!c),t),"".concat(i," ").concat(p," ").concat(n))})),v="".concat(p,"-loading"),b=["","default"].includes(e.theme)?"default":"white",h=function(){d("click")};return function(){var o,r;return t.createVNode("button",t.mergeProps({title:e.title,disabled:e.disabled,class:f.value,type:e.nativeType},s,{onClick:h}),[e.loading?t.createVNode("div",{class:v},[t.createVNode(i.default,{theme:b,size:n.BkLoadingSize.Small},null)]):t.createVNode("div",{class:"bk-button-content-wrapper"},[t.createVNode("span",null,[null!==(r=null===(o=a.default)||void 0===o?void 0:o.call(a))&&void 0!==r?r:"default"])])])}}}),c=t.defineComponent({name:"BkButtonGroup",props:{size:o.PropTypes.size()},setup:function(e,n){var r=t.computed((function(){return o.classes(l({},"bk-button-group-".concat(e.size),!!e.size),"bk-button-group")}));return function(){var e,o;return t.createVNode("div",{class:r.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}}),p=o.withInstallProps(d,{ButtonGroup:c});e.BkButton=p,e.BkButtonGroup=c,e.default=p,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/card/card.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/checkbox/checkbox.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 .bk-checkbox {
   display: inline-block;

package/lib/collapse/collapse.css

@@ -2,6 +2,7 @@
   text-align: left;
 }
 .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
+  position: relative;
   height: 42px;
   padding: 0 10px;
   overflow: hidden;
@@ -11,6 +12,13 @@
   text-overflow: ellipsis;
   cursor: pointer;
 }
+.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
+  position: absolute;
+  right: 10px;
+}
+.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
+  font-size: 20px;
+}
 .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
   display: none;
   padding: 0 10px;

package/lib/collapse/collapse.less

@@ -3,6 +3,7 @@
     text-align: left;
 
     .bk-collapse-header {
+      position: relative;
       height: 42px;
       padding: 0 10px;
       overflow: hidden;
@@ -11,6 +12,15 @@
       color: #63656e;
       text-overflow: ellipsis;
       cursor: pointer;
+
+      .bk-collapse-icon {
+        position: absolute;
+        right: 10px;
+
+        svg {
+          font-size: 20px;
+        }
+      }
     }
 
     .bk-collapse-content {

package/lib/collapse/collapse.variable.css

@@ -2,6 +2,7 @@
   text-align: left;
 }
 .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
+  position: relative;
   height: 42px;
   padding: 0 10px;
   overflow: hidden;
@@ -11,6 +12,13 @@
   text-overflow: ellipsis;
   cursor: pointer;
 }
+.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
+  position: absolute;
+  right: 10px;
+}
+.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
+  font-size: 20px;
+}
 .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
   display: none;
   padding: 0 10px;

package/lib/collapse/index.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,n,t){"use strict";var r=n.defineComponent({name:"BkCollapse",props:{list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),idFiled:t.PropTypes.string.def("$index"),titleField:t.PropTypes.string.def("name"),contentField:t.PropTypes.string.def("content"),activeIndex:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.number).def([]),t.PropTypes.number.def(-1)]),activeName:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.string).def([]),t.PropTypes.string.def("")]),accordion:t.PropTypes.bool.def(!0)},setup:function(e,t){var r=t.slots,o=n.ref(null);n.watch((function(){return[e.activeName,e.activeIndex]}),(function(){o.value=null}));var i=n.computed((function(){return(e.list||[]).map((function(e,n){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:n,name:e}:Object.assign({$index:n},e)}))})),a=n.computed((function(){var n;return null!==o.value?o.value.map((function(e){return e.$index})):null!==e.activeName&&void 0!==e.activeName&&""!==e.activeName?l(e.activeName).map((function(n){return i.value.findIndex((function(t){return t[e.idFiled]===n}))})):l(null!==(n=e.activeIndex)&&void 0!==n?n:0)})),l=function n(t){return Array.isArray(t)?e.accordion?n(t[0]):t:"string"==typeof t||"number"==typeof t?[t]:[]},u=function(e){return a.value.some((function(n){return n===e.$index}))},d=function(){return i.value.map((function(t){var i,a,l,d;return n.createVNode("div",{class:"bk-collapse-item"},[n.createVNode("div",{class:"bk-collapse-header",onClick:function(){return function(n){if(null===o.value)o.value=[n];else if(e.accordion)o.value=[n];else{var t=o.value.findIndex((function(e){return e.$index===n.$index}));t>=0?o.value.splice(t,1):o.value.push(n)}}(t)}},[n.createVNode("span",{class:"bk-collapse-title"},[null!==(a=null===(i=r.default)||void 0===i?void 0:i.call(r))&&void 0!==a?a:t[e.titleField]]),n.createVNode("span",null,[">"])]),n.createVNode("div",{class:"bk-collapse-content ".concat(u(t)?"active":"")},[null!==(d=null===(l=r.content)||void 0===l?void 0:l.call(r,t))&&void 0!==d?d:t[e.contentField]])])}))};return function(){return n.createVNode("div",{class:"bk-collapse-wrapper"},[d()])}}}),o=t.withInstall(r);e.default=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared"),require("@bkui-vue/icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon/"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._)}(this,(function(e,n,t,o){"use strict";var i=n.defineComponent({name:"BkCollapse",props:{list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),idFiled:t.PropTypes.string.def("$index"),titleField:t.PropTypes.string.def("name"),contentField:t.PropTypes.string.def("content"),activeIndex:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.number).def([]),t.PropTypes.number.def(-1)]),activeName:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.string).def([]),t.PropTypes.string.def("")]),accordion:t.PropTypes.bool.def(!0)},setup:function(e,t){var i=t.slots,r=n.ref(null);n.watch((function(){return[e.activeName,e.activeIndex]}),(function(){r.value=null}));var l=n.computed((function(){return(e.list||[]).map((function(e,n){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:n,name:e}:Object.assign({$index:n},e)}))})),a=n.computed((function(){var n;return null!==r.value?r.value.map((function(e){return e.$index})):null!==e.activeName&&void 0!==e.activeName&&""!==e.activeName?u(e.activeName).map((function(n){return l.value.findIndex((function(t){return t[e.idFiled]===n}))})):u(null!==(n=e.activeIndex)&&void 0!==n?n:0)})),u=function n(t){return Array.isArray(t)?e.accordion?n(t[0]):t:"string"==typeof t||"number"==typeof t?[t]:[]},c=function(e){return a.value.some((function(n){return n===e.$index}))},d=function(){return l.value.map((function(t){var l,a,u,d;return n.createVNode("div",{class:"bk-collapse-item"},[n.createVNode("div",{class:"bk-collapse-header",onClick:function(){return function(n){if(null===r.value)r.value=[n];else if(e.accordion)r.value=[n];else{var t=r.value.findIndex((function(e){return e.$index===n.$index}));t>=0?r.value.splice(t,1):r.value.push(n)}}(t)}},[n.createVNode("span",{class:"bk-collapse-title"},[null!==(a=null===(l=i.default)||void 0===l?void 0:l.call(i))&&void 0!==a?a:t[e.titleField]]),c(t)?n.createVNode(o.AngleDown,{class:"bk-collapse-icon"},null):n.createVNode(o.AngleRight,{class:"bk-collapse-icon"},null)]),n.createVNode("div",{class:"bk-collapse-content ".concat(c(t)?"active":"")},[null!==(d=null===(u=i.content)||void 0===u?void 0:u.call(i,t))&&void 0!==d?d:t[e.contentField]])])}))};return function(){return n.createVNode("div",{class:"bk-collapse-wrapper"},[d()])}}}),r=t.withInstall(i);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/components.d.ts

@@ -18,9 +18,14 @@ 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 Select } from './select';
+export { default as Select, BKOption, BkOptionGroup } from './select';
 export { default as Sideslider } from './sideslider';
 export { default as Steps } from './steps';
 export { default as Switcher } from './switcher';
 export { default as Table } from './table';
 export { default as Tag } from './tag';
+export { default as Message } from './message';
+export { default as Notify } from './notify';
+export { default as Menu } from './menu';
+export { default as Navigation } from './navigation';
+export { default as DatePicker } from './date-picker';