bkui-vue 0.0.2-beta.14 → 0.0.2-beta.141

package/lib/info-box/info-box.css

@@ -22,10 +22,12 @@
   max-height: 100%;
   min-height: 100%;
   padding: 0 50px 10px;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
   padding: 0 65px 33px;

package/lib/info-box/info-box.d.ts

@@ -2,6 +2,8 @@ import { VNode } from 'vue';
 export interface ModalFuncProps {
     isShow?: boolean;
     width?: string | number;
+    height?: string | number;
+    'ext-cls': string | string[];
     type?: 'primary' | 'warning' | 'success' | 'danger';
     infoType?: 'success' | 'danger' | 'warning' | 'loading';
     title?: string | (() => VNode | string) | VNode;
@@ -19,6 +21,8 @@ export interface ModalFuncProps {
     footerAlign?: 'left' | 'center' | 'right';
     contentAlign?: 'left' | 'center' | 'right';
     dialogType?: 'show' | 'operation' | 'confirm';
+    showMask?: boolean;
+    quickClose?: boolean;
 }
 declare const InfoBox: (config: Partial<ModalFuncProps>) => {
     show: () => void;

package/lib/info-box/info-box.less

@@ -29,10 +29,11 @@
       max-height: 100%;
       min-height: 100%;
       padding: 0 50px 10px;
-
+      word-break: break-all;
       .@{bk-prefix}-info-sub-title {
         margin-bottom: 10px;
         text-align: center;
+        word-break: break-all;
       }
     }
 

package/lib/info-box/info-box.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: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --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;
@@ -144,10 +148,12 @@
   max-height: 100%;
   min-height: 100%;
   padding: 0 50px 10px;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
+  word-break: break-all;
 }
 .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
   padding: 0 65px 33px;

package/lib/input/index.d.ts

@@ -5,6 +5,7 @@ declare const BkInput: {
         $props: {
             type?: string;
             prefix?: string;
+            resize?: boolean;
             disabled?: boolean;
             placeholder?: string;
             step?: number;
@@ -17,6 +18,7 @@ declare const BkInput: {
             prefixIcon?: string;
             suffixIcon?: string;
             suffix?: string;
+            maxcharacter?: number;
             showWordLimit?: boolean;
             showControl?: boolean;
             showClearOnlyHover?: boolean;
@@ -25,9 +27,12 @@ declare const BkInput: {
             selectReadonly?: boolean;
             withValidate?: boolean;
             overMaxLengthLimit?: boolean;
+            showOverflowTooltips?: boolean;
+            autosize?: Boolean | import("./input").InputAutoSize;
+            stopPropagation?: boolean;
             class?: unknown;
             style?: unknown;
-            onPaste?: (_value: any, _evt: KeyboardEvent) => any;
+            onPaste?: (_value: any, _e: ClipboardEvent) => any;
             onCompositionend?: (evt: CompositionEvent) => any;
             onCompositionstart?: (evt: CompositionEvent) => any;
             onCompositionupdate?: (evt: CompositionEvent) => any;
@@ -38,8 +43,8 @@ declare const BkInput: {
             onKeydown?: (_value: any, _evt: KeyboardEvent) => any;
             onKeypress?: (_value: any, _evt: KeyboardEvent) => any;
             onKeyup?: (_value: any, _evt: KeyboardEvent) => any;
-            key?: string | number | symbol;
             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, {
@@ -80,7 +85,7 @@ declare const BkInput: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly size?: "default" | "small" | "large";
+            readonly size?: "default" | "small" | "large" | "huge";
             readonly modelValue?: string | number;
             onClear?: () => any;
             "onUpdate:modelValue"?: (_value: any, _evt: KeyboardEvent) => any;
@@ -97,7 +102,7 @@ declare const BkInput: {
         }>;
         $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: import("./input").EVENTS.UPDATE, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.FOCUS, evt: FocusEvent) => void) & ((event: import("./input").EVENTS.BLUR, evt: FocusEvent) => void) & ((event: import("./input").EVENTS.CHANGE, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.CLEAR) => void) & ((event: import("./input").EVENTS.INPUT, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYPRESS, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYDOWN, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYUP, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.ENTER, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.PASTE, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONSTART, evt: CompositionEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONUPDATE, evt: CompositionEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONEND, evt: CompositionEvent) => void);
+        $emit: ((event: import("./input").EVENTS.UPDATE, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.FOCUS, evt: FocusEvent) => void) & ((event: import("./input").EVENTS.BLUR, evt: FocusEvent) => void) & ((event: import("./input").EVENTS.CHANGE, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.CLEAR) => void) & ((event: import("./input").EVENTS.INPUT, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYPRESS, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYDOWN, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYUP, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.ENTER, _value: any, _evt: KeyboardEvent) => void) & ((event: import("./input").EVENTS.PASTE, _value: any, _e: ClipboardEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONSTART, evt: CompositionEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONUPDATE, evt: CompositionEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONEND, evt: CompositionEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             type: import("vue-types").VueTypeValidableDef<string> & {
@@ -143,6 +148,9 @@ declare const BkInput: {
             maxlength: import("vue-types").VueTypeDef<number> & {
                 default: number;
             };
+            maxcharacter: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
             behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
                 default: "normal" | "simplicity";
             };
@@ -167,7 +175,7 @@ declare const BkInput: {
                 validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
             };
             modelValue: import("vue-types").VueTypeDef<string | number>;
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
             rows: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             };
@@ -186,8 +194,26 @@ declare const BkInput: {
             } & {
                 default: boolean;
             };
+            showOverflowTooltips: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            resize: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autosize: import("vue-types").VueTypeDef<Boolean | import("./input").InputAutoSize> & {
+                default: (() => Boolean) | (() => import("./input").InputAutoSize);
+            };
+            stopPropagation: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
-            onPaste?: (_value: any, _evt: KeyboardEvent) => any;
+            onPaste?: (_value: any, _e: ClipboardEvent) => any;
             onCompositionend?: (evt: CompositionEvent) => any;
             onCompositionstart?: (evt: CompositionEvent) => any;
             onCompositionupdate?: (evt: CompositionEvent) => any;
@@ -212,13 +238,14 @@ declare const BkInput: {
             keydown: (_value: any, _evt: KeyboardEvent) => any;
             keyup: (_value: any, _evt: KeyboardEvent) => any;
             enter: (_value: any, _evt: KeyboardEvent) => any;
-            paste: (_value: any, _evt: KeyboardEvent) => any;
+            paste: (_value: any, _e: ClipboardEvent) => boolean;
             compositionstart: (evt: CompositionEvent) => CompositionEvent;
             compositionupdate: (evt: CompositionEvent) => CompositionEvent;
             compositionend: (evt: CompositionEvent) => CompositionEvent;
         }, string, {
             type: string;
             prefix: string;
+            resize: boolean;
             disabled: boolean;
             placeholder: string;
             step: number;
@@ -231,6 +258,7 @@ declare const BkInput: {
             prefixIcon: string;
             suffixIcon: string;
             suffix: string;
+            maxcharacter: number;
             showWordLimit: boolean;
             showControl: boolean;
             showClearOnlyHover: boolean;
@@ -239,6 +267,9 @@ declare const BkInput: {
             selectReadonly: boolean;
             withValidate: boolean;
             overMaxLengthLimit: boolean;
+            showOverflowTooltips: boolean;
+            autosize: Boolean | import("./input").InputAutoSize;
+            stopPropagation: boolean;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -303,6 +334,9 @@ declare const BkInput: {
         maxlength: import("vue-types").VueTypeDef<number> & {
             default: number;
         };
+        maxcharacter: import("vue-types").VueTypeDef<number> & {
+            default: number;
+        };
         behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
             default: "normal" | "simplicity";
         };
@@ -327,7 +361,7 @@ declare const BkInput: {
             validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
         };
         modelValue: import("vue-types").VueTypeDef<string | number>;
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         rows: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
@@ -346,8 +380,26 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        showOverflowTooltips: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        resize: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autosize: import("vue-types").VueTypeDef<Boolean | import("./input").InputAutoSize> & {
+            default: (() => Boolean) | (() => import("./input").InputAutoSize);
+        };
+        stopPropagation: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
-        onPaste?: (_value: any, _evt: KeyboardEvent) => any;
+        onPaste?: (_value: any, _e: ClipboardEvent) => any;
         onCompositionend?: (evt: CompositionEvent) => any;
         onCompositionstart?: (evt: CompositionEvent) => any;
         onCompositionupdate?: (evt: CompositionEvent) => any;
@@ -409,6 +461,9 @@ declare const BkInput: {
     maxlength: import("vue-types").VueTypeDef<number> & {
         default: number;
     };
+    maxcharacter: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
     };
@@ -433,7 +488,7 @@ declare const BkInput: {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
     modelValue: import("vue-types").VueTypeDef<string | number>;
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     rows: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
@@ -452,8 +507,26 @@ declare const BkInput: {
     } & {
         default: boolean;
     };
+    showOverflowTooltips: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    resize: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autosize: import("vue-types").VueTypeDef<Boolean | import("./input").InputAutoSize> & {
+        default: (() => Boolean) | (() => import("./input").InputAutoSize);
+    };
+    stopPropagation: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
-    onPaste?: (_value: any, _evt: KeyboardEvent) => any;
+    onPaste?: (_value: any, _e: ClipboardEvent) => any;
     onCompositionend?: (evt: CompositionEvent) => any;
     onCompositionstart?: (evt: CompositionEvent) => any;
     onCompositionupdate?: (evt: CompositionEvent) => any;
@@ -478,13 +551,14 @@ declare const BkInput: {
     keydown: (_value: any, _evt: KeyboardEvent) => any;
     keyup: (_value: any, _evt: KeyboardEvent) => any;
     enter: (_value: any, _evt: KeyboardEvent) => any;
-    paste: (_value: any, _evt: KeyboardEvent) => any;
+    paste: (_value: any, _e: ClipboardEvent) => boolean;
     compositionstart: (evt: CompositionEvent) => CompositionEvent;
     compositionupdate: (evt: CompositionEvent) => CompositionEvent;
     compositionend: (evt: CompositionEvent) => CompositionEvent;
 }, string, {
     type: string;
     prefix: string;
+    resize: boolean;
     disabled: boolean;
     placeholder: string;
     step: number;
@@ -497,6 +571,7 @@ declare const BkInput: {
     prefixIcon: string;
     suffixIcon: string;
     suffix: string;
+    maxcharacter: number;
     showWordLimit: boolean;
     showControl: boolean;
     showClearOnlyHover: boolean;
@@ -505,5 +580,8 @@ declare const BkInput: {
     selectReadonly: boolean;
     withValidate: boolean;
     overMaxLengthLimit: boolean;
+    showOverflowTooltips: boolean;
+    autosize: Boolean | import("./input").InputAutoSize;
+    stopPropagation: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkInput;