bkui-vue 0.0.2-beta.13 → 0.0.2-beta.130

package/lib/cascader/interface.d.ts

@@ -9,7 +9,7 @@ export interface INodeConfig {
 }
 export interface INode {
     checked: boolean;
-    children?: (null)[] | null;
+    children?: null[] | null;
     config: IConfig;
     data: IData;
     leaf: boolean;

package/lib/checkbox/checkbox-group.d.ts

@@ -37,7 +37,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     resolveClassName: (cls: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: any[]) => boolean;
+    change: (value: any[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -55,8 +58,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: (value: any[]) => any;
+    "onUpdate:modelValue"?: (value: any[]) => any;
 }, {
     name: string;
     disabled: boolean;

package/lib/checkbox/checkbox.css

@@ -13,7 +13,7 @@
   user-select: none;
 }
 .bk-checkbox ~ .bk-checkbox {
-  margin-left: 30px;
+  margin-left: 24px;
 }
 .bk-checkbox.is-checked .bk-checkbox-input {
   background: #3a84ff;

package/lib/checkbox/checkbox.d.ts

@@ -24,8 +24,8 @@ export declare const checkboxProps: {
     beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -59,8 +59,8 @@ declare const _default: import("vue").DefineComponent<{
     beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -76,11 +76,12 @@ declare const _default: import("vue").DefineComponent<{
     handleBlur: () => void;
     handleFocus: () => void;
     handleChange: (event: Event) => void;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (value: CheckboxProps['modelValue']) => boolean;
-    change: (value: CheckboxProps['modelValue']) => boolean;
+    'update:modelValue': (value: any) => boolean;
+    change: (value: any, _event?: Event) => boolean;
+    click: (_event: MouseEvent) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
     label: import("vue-types").VueTypeDef<string | number | boolean>;
@@ -106,8 +107,8 @@ declare const _default: import("vue").DefineComponent<{
     beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -115,11 +116,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (value: string | number | boolean) => any;
-    "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+    onChange?: (value: any, _event?: Event) => any;
+    onClick?: (_event: MouseEvent) => any;
+    "onUpdate:modelValue"?: (value: any) => any;
 }, {
     disabled: boolean;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     trueLabel: string | number | boolean;
     falseLabel: string | number | boolean;
     checked: boolean;

package/lib/checkbox/checkbox.less

@@ -16,7 +16,7 @@
   user-select: none;
 
   & ~ .@{bk-prefix}-checkbox {
-    margin-left: 30px;
+    margin-left: 24px;
   }
 
   &.is-checked {

package/lib/checkbox/checkbox.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: var(--component-size-small-padding);
+  --component-size-base-padding: var(--component-size-base-padding);
+  --component-size-large-padding: var(--component-size-large-padding);
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;
@@ -135,7 +139,7 @@
   user-select: none;
 }
 .bk-checkbox ~ .bk-checkbox {
-  margin-left: 30px;
+  margin-left: 24px;
 }
 .bk-checkbox.is-checked .bk-checkbox-input {
   background: var(--primary-color);

package/lib/checkbox/index.d.ts

@@ -6,7 +6,7 @@ declare const BkCheckbox: {
         $data: {};
         $props: {
             disabled?: boolean;
-            size?: "default" | "small" | "large";
+            size?: "default" | "small" | "large" | "huge";
             trueLabel?: string | number | boolean;
             falseLabel?: string | number | boolean;
             checked?: boolean;
@@ -16,9 +16,10 @@ declare const BkCheckbox: {
             class?: unknown;
             readonly label?: string | number | boolean;
             style?: unknown;
-            onChange?: (value: string | number | boolean) => any;
-            key?: string | number | symbol;
+            onChange?: (value: any, _event?: Event) => any;
+            onClick?: (_event: MouseEvent) => any;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -60,7 +61,7 @@ declare const BkCheckbox: {
                 [key: string]: any;
             }>) => void)[];
             readonly modelValue?: string | number | boolean;
-            "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+            "onUpdate:modelValue"?: (value: any) => any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -73,7 +74,7 @@ declare const BkCheckbox: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: ((event: "change", value: string | number | boolean) => void) & ((event: "update:modelValue", value: string | number | boolean) => void);
+        $emit: ((event: "change", value: any, _event?: Event) => void) & ((event: "click", _event: MouseEvent) => void) & ((event: "update:modelValue", value: any) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
@@ -100,8 +101,8 @@ declare const BkCheckbox: {
             beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
                 default: (...args: any[]) => any;
             };
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-                default: "default" | "small" | "large";
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+                default: "default" | "small" | "large" | "huge";
             };
             immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -109,8 +110,9 @@ declare const BkCheckbox: {
                 default: boolean;
             };
         }>> & {
-            onChange?: (value: string | number | boolean) => any;
-            "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+            onChange?: (value: any, _event?: Event) => any;
+            onClick?: (_event: MouseEvent) => any;
+            "onUpdate:modelValue"?: (value: any) => any;
         }, {
             inputRef: import("vue").Ref<any>;
             isFocus: import("vue").Ref<boolean>;
@@ -120,14 +122,15 @@ declare const BkCheckbox: {
             handleBlur: () => void;
             handleFocus: () => void;
             handleChange: (event: Event) => void;
-            size: "default" | "small" | "large";
+            size: "default" | "small" | "large" | "huge";
             resolveClassName: (cls: string) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:modelValue': (value: string | number | boolean) => boolean;
-            change: (value: string | number | boolean) => boolean;
+            'update:modelValue': (value: any) => boolean;
+            change: (value: any, _event?: Event) => boolean;
+            click: (_event: MouseEvent) => true;
         }, string, {
             disabled: boolean;
-            size: "default" | "small" | "large";
+            size: "default" | "small" | "large" | "huge";
             trueLabel: string | number | boolean;
             falseLabel: string | number | boolean;
             checked: boolean;
@@ -179,8 +182,8 @@ declare const BkCheckbox: {
         beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-            default: "default" | "small" | "large";
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+            default: "default" | "small" | "large" | "huge";
         };
         immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -188,8 +191,9 @@ declare const BkCheckbox: {
             default: boolean;
         };
     }>> & {
-        onChange?: (value: string | number | boolean) => any;
-        "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+        onChange?: (value: any, _event?: Event) => any;
+        onClick?: (_event: MouseEvent) => any;
+        "onUpdate:modelValue"?: (value: any) => any;
     } & import("vue").ShallowUnwrapRef<{
         inputRef: import("vue").Ref<any>;
         isFocus: import("vue").Ref<boolean>;
@@ -199,7 +203,7 @@ declare const BkCheckbox: {
         handleBlur: () => void;
         handleFocus: () => void;
         handleChange: (event: Event) => void;
-        size: "default" | "small" | "large";
+        size: "default" | "small" | "large" | "huge";
         resolveClassName: (cls: string) => string;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
@@ -230,8 +234,8 @@ declare const BkCheckbox: {
     beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -239,8 +243,9 @@ declare const BkCheckbox: {
         default: boolean;
     };
 }>> & {
-    onChange?: (value: string | number | boolean) => any;
-    "onUpdate:modelValue"?: (value: string | number | boolean) => any;
+    onChange?: (value: any, _event?: Event) => any;
+    onClick?: (_event: MouseEvent) => any;
+    "onUpdate:modelValue"?: (value: any) => any;
 }, {
     inputRef: import("vue").Ref<any>;
     isFocus: import("vue").Ref<boolean>;
@@ -250,14 +255,15 @@ declare const BkCheckbox: {
     handleBlur: () => void;
     handleFocus: () => void;
     handleChange: (event: Event) => void;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (value: string | number | boolean) => boolean;
-    change: (value: string | number | boolean) => boolean;
+    'update:modelValue': (value: any) => boolean;
+    change: (value: any, _event?: Event) => boolean;
+    click: (_event: MouseEvent) => true;
 }, string, {
     disabled: boolean;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     trueLabel: string | number | boolean;
     falseLabel: string | number | boolean;
     checked: boolean;
@@ -284,7 +290,10 @@ declare const BkCheckbox: {
         };
     }, {
         resolveClassName: (cls: string) => string;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (value: any[]) => boolean;
+        change: (value: any[]) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -302,8 +311,8 @@ declare const BkCheckbox: {
             default: boolean;
         };
     }>> & {
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onChange?: (value: any[]) => any;
+        "onUpdate:modelValue"?: (value: any[]) => any;
     }, {
         name: string;
         disabled: boolean;
@@ -312,5 +321,5 @@ declare const BkCheckbox: {
     }, {}>;
 }>;
 export default BkCheckbox;
-export { BkCheckbox, CheckboxGroup as BkCheckboxGroup, };
-export type { CheckboxProps, };
+export { BkCheckbox, CheckboxGroup as BkCheckboxGroup };
+export type { CheckboxProps };