bkui-vue 0.0.1-beta.46 → 0.0.1-beta.49

package/lib/button/button.css

@@ -32,10 +32,6 @@
   border-color: #2c77f4;
   color: white;
 }
-.bk-button.bk-button-primary.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-primary.is-outline {
   color: #3a84ff;
   border-color: #3a84ff;
@@ -54,6 +50,12 @@
 .bk-button.bk-button-primary.is-text:hover {
   color: #5594fa;
 }
+.bk-button.bk-button-primary.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-primary:hover {
   background-color: #5594fa;
   border-color: #5594fa;
@@ -73,10 +75,6 @@
   border-color: #eb9000;
   color: white;
 }
-.bk-button.bk-button-warning.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-warning.is-outline {
   color: #ff9c01;
   border-color: #ff9c01;
@@ -95,6 +93,12 @@
 .bk-button.bk-button-warning.is-text:hover {
   color: #ffb848;
 }
+.bk-button.bk-button-warning.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-warning:hover {
   background-color: #ffb848;
   border-color: #ffb848;
@@ -114,10 +118,6 @@
   border-color: #1ab943;
   color: white;
 }
-.bk-button.bk-button-success.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-success.is-outline {
   color: #2dcb56;
   border-color: #2dcb56;
@@ -136,6 +136,12 @@
 .bk-button.bk-button-success.is-text:hover {
   color: #45e35f;
 }
+.bk-button.bk-button-success.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-success:hover {
   background-color: #45e35f;
   border-color: #45e35f;
@@ -155,10 +161,6 @@
   border-color: #db2626;
   color: white;
 }
-.bk-button.bk-button-danger.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-danger.is-outline {
   color: #ea3636;
   border-color: #ea3636;
@@ -177,6 +179,12 @@
 .bk-button.bk-button-danger.is-text:hover {
   color: #ff5656;
 }
+.bk-button.bk-button-danger.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-danger:hover {
   background-color: #ff5656;
   border-color: #ff5656;
@@ -194,8 +202,8 @@
   line-height: 38px;
   padding: 0 20px;
 }
-.bk-button .bk-button-loading:not(:last-child) {
-  margin-right: 12px;
+.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
+  margin-right: 6px;
 }
 .bk-button:hover {
   border-color: #979ba5;
@@ -204,11 +212,6 @@
   color: #3a84ff;
   border-color: #3a84ff;
 }
-.bk-button.is-disabled {
-  color: #dcdee5;
-  cursor: auto;
-  border-color: #dcdee5;
-}
 .bk-button.is-text {
   height: auto;
   font-size: 14px;
@@ -221,6 +224,11 @@
   border: none;
   outline: none;
 }
+.bk-button.is-disabled {
+  color: #dcdee5;
+  cursor: not-allowed;
+  border-color: #dcdee5;
+}
 .bk-button-group {
   display: inline-block;
   font-size: 0;

package/lib/button/button.d.ts

@@ -32,7 +32,9 @@ declare const buttonProps: {
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -48,7 +50,7 @@ declare const buttonProps: {
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -67,7 +69,9 @@ declare const _default: import("vue").DefineComponent<{
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -83,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -100,7 +104,9 @@ declare const _default: import("vue").DefineComponent<{
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -116,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -133,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     text: boolean;
     theme: string;
+    size: string;
     icon: string;
     outline: boolean;
     disabled: boolean;

package/lib/button/button.less

@@ -56,10 +56,6 @@
         color: @white-color;
       }
 
-      &.is-disabled {
-        background-color: @disable-color;
-        border-color: @disable-color;
-      }
       &.is-outline {
         color: @@color;
         border-color: @@color;
@@ -80,6 +76,12 @@
           color: @@hoverColor;
         }
       }
+      &.is-disabled {
+        background-color: @disable-color;
+        border-color: @disable-color;
+        color: @white-color;
+        cursor: not-allowed;
+      }
     }
 
     &.@{bk-prefix}-button-hover-@{value} {
@@ -92,7 +94,7 @@
   })
 
   
-    each(@sizeSelectors, {
+  each(@sizeSelectors, {
     @sizeBtnMinWidth: '@{value}BtnMinWidth';
     @sizeBtnHeight: '@{value}BtnHeight';
     @sizeBtnPadding: '@{value}BtnPadding';
@@ -102,12 +104,12 @@
       line-height: @@sizeBtnHeight;
       padding: 0 @@sizeBtnPadding;
     }
-  })
-;
-
-  .@{bk-prefix}-button-loading {
-    &:not(:last-child) {
-      margin-right: @smallBtnPadding;
+  });
+  &:not(.is-text) {
+    .@{bk-prefix}-button-loading {
+      &:not(:last-child) {
+        margin-right: 6px;
+      }
     }
   }
 
@@ -120,12 +122,6 @@
     border-color: @primary-color;
   }
 
-  &.is-disabled {
-    color: @disable-color;
-    cursor: auto;
-    border-color: @disable-color;
-  }
-
   &.is-text {
     height: auto;
     font-size: @font-size-medium;
@@ -137,7 +133,15 @@
     background: none;
     border: none;
     outline: none;
-  }}
+  }
+
+  &.is-disabled {
+    color: @disable-color;
+    cursor: not-allowed;
+    border-color: @disable-color;
+  }
+}
+
 
 .@{bk-prefix}-button-group {
   display: inline-block;

package/lib/button/button.variable.css

@@ -126,10 +126,6 @@
   border-color: var(--button-primary-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-primary.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-primary.is-outline {
   color: var(--primary-color);
   border-color: var(--primary-color);
@@ -148,6 +144,12 @@
 .bk-button.bk-button-primary.is-text:hover {
   color: var(--button-primary-hover-color);
 }
+.bk-button.bk-button-primary.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-primary:hover {
   background-color: var(--button-primary-hover-color);
   border-color: var(--button-primary-hover-color);
@@ -167,10 +169,6 @@
   border-color: var(--button-warning-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-warning.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-warning.is-outline {
   color: var(--warning-color);
   border-color: var(--warning-color);
@@ -189,6 +187,12 @@
 .bk-button.bk-button-warning.is-text:hover {
   color: var(--button-warning-hover-color);
 }
+.bk-button.bk-button-warning.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-warning:hover {
   background-color: var(--button-warning-hover-color);
   border-color: var(--button-warning-hover-color);
@@ -208,10 +212,6 @@
   border-color: var(--button-success-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-success.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-success.is-outline {
   color: var(--success-color);
   border-color: var(--success-color);
@@ -230,6 +230,12 @@
 .bk-button.bk-button-success.is-text:hover {
   color: var(--button-success-hover-color);
 }
+.bk-button.bk-button-success.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-success:hover {
   background-color: var(--button-success-hover-color);
   border-color: var(--button-success-hover-color);
@@ -249,10 +255,6 @@
   border-color: var(--button-danger-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-danger.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-danger.is-outline {
   color: var(--danger-color);
   border-color: var(--danger-color);
@@ -271,6 +273,12 @@
 .bk-button.bk-button-danger.is-text:hover {
   color: var(--button-danger-hover-color);
 }
+.bk-button.bk-button-danger.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-danger:hover {
   background-color: var(--button-danger-hover-color);
   border-color: var(--button-danger-hover-color);
@@ -288,8 +296,8 @@
   line-height: 38px;
   padding: 0 20px;
 }
-.bk-button .bk-button-loading:not(:last-child) {
-  margin-right: 12px;
+.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
+  margin-right: 6px;
 }
 .bk-button:hover {
   border-color: var(--button-default-hover-border-color);
@@ -298,11 +306,6 @@
   color: var(--primary-color);
   border-color: var(--primary-color);
 }
-.bk-button.is-disabled {
-  color: var(--disable-color);
-  cursor: auto;
-  border-color: var(--disable-color);
-}
 .bk-button.is-text {
   height: auto;
   font-size: var(--font-size-medium);
@@ -315,6 +318,11 @@
   border: none;
   outline: none;
 }
+.bk-button.is-disabled {
+  color: var(--disable-color);
+  cursor: not-allowed;
+  border-color: var(--disable-color);
+}
 .bk-button-group {
   display: inline-block;
   font-size: 0;

package/lib/button/index.d.ts

@@ -7,6 +7,7 @@ declare const BkButton: {
             title: string;
             text: boolean;
             theme: string;
+            size: string;
             icon: string;
             outline: boolean;
             disabled: boolean;
@@ -20,7 +21,9 @@ declare const BkButton: {
             hoverTheme: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
-            size: import("vue-types").VueTypeDef<string>;
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
             title: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -36,7 +39,7 @@ declare const BkButton: {
             loading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
-            laodingMode: import("vue-types").VueTypeDef<string>;
+            loadingMode: import("vue-types").VueTypeDef<string>;
             outline: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
@@ -49,7 +52,7 @@ declare const BkButton: {
         }>> & {
             onClick?: (...args: any[]) => any;
             onMouseover?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "size" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -70,7 +73,9 @@ declare const BkButton: {
             hoverTheme: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
-            size: import("vue-types").VueTypeDef<string>;
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
             title: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -86,7 +91,7 @@ declare const BkButton: {
             loading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
-            laodingMode: import("vue-types").VueTypeDef<string>;
+            loadingMode: import("vue-types").VueTypeDef<string>;
             outline: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
@@ -103,6 +108,7 @@ declare const BkButton: {
             title: string;
             text: boolean;
             theme: string;
+            size: string;
             icon: string;
             outline: boolean;
             disabled: boolean;
@@ -136,7 +142,9 @@ declare const BkButton: {
         hoverTheme: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        size: import("vue-types").VueTypeDef<string>;
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -152,7 +160,7 @@ declare const BkButton: {
         loading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
-        laodingMode: import("vue-types").VueTypeDef<string>;
+        loadingMode: import("vue-types").VueTypeDef<string>;
         outline: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
@@ -176,7 +184,9 @@ declare const BkButton: {
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -192,7 +202,7 @@ declare const BkButton: {
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -209,6 +219,7 @@ declare const BkButton: {
     title: string;
     text: boolean;
     theme: string;
+    size: string;
     icon: string;
     outline: boolean;
     disabled: boolean;

package/lib/button/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>c,BkButtonGroup:()=>l,default:()=>d});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),r=i(4870),n=i.n(r),u={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,laodingMode:e.PropTypes.commonType(Object.values(r.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String}};const s=(0,t.defineComponent)({name:"Button",props:u,emits:["click","mouseover"],setup:function(i,a){var u,s=a.slots,l=a.attrs,c=a.emit,d=(0,t.ref)(!1),p=null!==(u=s.default)&&void 0!==u&&u,v="bk-button",f=(0,t.computed)((function(){var t,r=i.hoverTheme?"".concat(v,"-hover-").concat(i.hoverTheme):"",n=i.theme?"".concat(v,"-").concat(i.theme):"",a=i.hoverTheme?"":n;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":i.text&&!i.hoverTheme},"".concat(v,"-").concat(i.size),""!==i.size),o(t,"no-slot",!p),t),"".concat(a," ").concat(v," ").concat(r))})),m=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?d.value&&!i.text?"white":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),b=(0,t.computed)((function(){return i.size===r.BkLoadingSize.Small?r.BkLoadingSize.Mini:r.BkLoadingSize.Small})),y=function(){i.loading||c("click")},h=function(){d.value=!0,c("mouseover")},g=function(){d.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:f.value,type:i.nativeType},l,{onClick:y,onMouseover:h,onMouseleave:g}),[i.loading?(0,t.createVNode)(n(),{loading:!0,class:"".concat(v,"-loading"),mode:i.laodingMode,theme:m.value,size:b.value},null):s.default&&(0,t.createVNode)("span",{class:"".concat(v,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),l=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(r,n){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(r.size),!!r.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}});var c=(0,e.withInstallProps)(s,{ButtonGroup:l});const d=c})(),a})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>d,BkButtonGroup:()=>c,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),r=i(4870),n=i.n(r),u=["","small","large"],l={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(u).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(r.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String}};const s=(0,t.defineComponent)({name:"Button",props:l,emits:["click","mouseover"],setup:function(i,a){var l,s=a.slots,c=a.attrs,d=a.emit,p=(0,t.ref)(!1),v=null!==(l=s.default)&&void 0!==l&&l,f="bk-button",m=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),b=(0,t.computed)((function(){var t,r=i.hoverTheme?"".concat(f,"-hover-").concat(i.hoverTheme):"",n=i.theme?"".concat(f,"-").concat(i.theme):"",a=i.hoverTheme?"":n;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":m.value},"".concat(f,"-").concat(i.size),i.size&&u.includes(i.size)),o(t,"no-slot",!v),t),"".concat(a," ").concat(f," ").concat(r))}));console.log(b.value,i);var g=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?p.value&&!i.text?"white":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),y=(0,t.computed)((function(){return m.value||i.size===r.BkLoadingSize.Small?r.BkLoadingSize.Mini:r.BkLoadingSize.Small})),h=function(){i.loading||d("click")},T=function(){p.value=!0,d("mouseover")},P=function(){p.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:b.value,type:i.nativeType},c,{onClick:h,onMouseover:T,onMouseleave:P}),[i.loading&&(0,t.createVNode)(n(),{loading:!0,class:"".concat(f,"-loading"),mode:i.loadingMode,theme:g.value,size:y.value},null),s.default&&(0,t.createVNode)("span",{class:"".concat(f,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),c=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(r,n){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(r.size),!!r.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}});var d=(0,e.withInstallProps)(s,{ButtonGroup:c});const p=d})(),a})()));

package/lib/checkbox/checkbox.css

@@ -25,6 +25,18 @@
   transform: scaleY(1) rotate(45deg);
   transform-origin: center;
 }
+.bk-checkbox.is-indeterminated .bk-checkbox-input:after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 2px;
+  background: #fff;
+  border: none;
+  border-radius: 2px;
+  content: '';
+  transform: translate(-50%, -50%);
+}
 .bk-checkbox.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;

package/lib/checkbox/checkbox.d.ts

@@ -3,9 +3,7 @@ export declare const checkboxProps: {
     modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
-    label: import("vue-types").VueTypeDef<string | number | boolean> & {
-        required: true;
-    };
+    label: import("vue-types").VueTypeDef<string | number | boolean>;
     trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
@@ -35,9 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
-    label: import("vue-types").VueTypeDef<string | number | boolean> & {
-        required: true;
-    };
+    label: import("vue-types").VueTypeDef<string | number | boolean>;
     trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
@@ -62,10 +58,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: import("vue-types").VueTypeDef<string>;
 }, {
-    currentValue: import("vue").ComputedRef<string | number | boolean>;
     isFocus: import("vue").Ref<boolean>;
-    isChecked: import("vue").ComputedRef<boolean>;
+    isChecked: import("vue").Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
+    setChecked: (value?: boolean) => void;
     handleBlur: () => void;
     handleFocus: () => void;
     handleChange: (event: Event) => void;
@@ -73,9 +69,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
-    label: import("vue-types").VueTypeDef<string | number | boolean> & {
-        required: true;
-    };
+    label: import("vue-types").VueTypeDef<string | number | boolean>;
     trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };

package/lib/checkbox/checkbox.less

@@ -31,6 +31,23 @@
     }
   }
 
+  &.is-indeterminated {
+    .bk-checkbox-input {
+      &:after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 8px;
+        height: 2px;
+        background: #fff;
+        border: none;
+        border-radius: 2px;
+        content: '';
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+
   &.is-disabled {
     color: #c4c6cc;
     cursor: not-allowed;

package/lib/checkbox/checkbox.variable.css

@@ -119,6 +119,18 @@
   transform: scaleY(1) rotate(45deg);
   transform-origin: center;
 }
+.bk-checkbox.is-indeterminated .bk-checkbox-input:after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 2px;
+  background: #fff;
+  border: none;
+  border-radius: 2px;
+  content: '';
+  transform: translate(-50%, -50%);
+}
 .bk-checkbox.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;

package/lib/checkbox/common.d.ts

@@ -1,4 +1,4 @@
-import type { InjectionKey, Ref } from 'vue';
+import { type InjectionKey, type Ref } from 'vue';
 import type { ICheckboxGroupContext } from './type';
 export declare const checkboxGroupKey: InjectionKey<ICheckboxGroupContext>;
 export declare function useFocus(): [Ref<boolean>, {
@@ -6,8 +6,8 @@ export declare function useFocus(): [Ref<boolean>, {
     focus: () => void;
 }];
 export declare const useCheckbox: () => {
-    value: import("vue").ComputedRef<string | number | boolean>;
-    isChecked: import("vue").ComputedRef<boolean>;
+    isChecked: Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
+    setChecked: (value?: boolean) => void;
     handleChange: (event: Event) => void;
 };