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

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

@@ -0,0 +1,159 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --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;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656E;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+}
+.bk-modal-wrapper.bk-info-wrapper {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.normal {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.small {
+  width: 400px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+  border-radius: 2px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+  padding: 24px 24px 0;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+  height: 27px;
+  margin: 15px 0 10px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+  height: 100%;
+  max-height: 100%;
+  min-height: 100%;
+  padding: 0 50px 10px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+  margin-bottom: 10px;
+  text-align: center;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+  padding: 0 65px 33px;
+  background-color: #fff;
+  border-top: none;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+  min-width: 88px;
+}

package/lib/input/index.d.ts

@@ -4,17 +4,16 @@ declare const BkInput: {
         $data: {};
         $props: Partial<{
             type: string;
-            placeholder: string;
             prefix: string;
-            step: number;
+            behavior: "simplicity" | "normal";
             disabled: boolean;
-            modelValue: string | number;
-            readonly: boolean;
-            clearable: boolean;
-            behavior: string;
+            step: number;
+            placeholder: string;
             max: number;
             min: number;
             maxlength: number;
+            clearable: boolean;
+            readonly: boolean;
             prefixIcon: string;
             suffixIcon: string;
             suffix: string;
@@ -23,6 +22,8 @@ declare const BkInput: {
             showClearOnlyHover: boolean;
             precision: number;
             rows: number;
+            selectReadonly: boolean;
+            withValidate: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -40,6 +41,8 @@ declare const BkInput: {
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
+            } & {
+                default: string;
             };
             prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -65,8 +68,8 @@ declare const BkInput: {
             maxlength: import("vue-types").VueTypeDef<number> & {
                 default: number;
             };
-            behavior: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            behavior: import("vue-types").VueTypeDef<"simplicity" | "normal"> & {
+                default: "simplicity" | "normal";
             };
             showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -88,26 +91,37 @@ declare const BkInput: {
             } & {
                 validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
             };
-            modelValue: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            size: import("vue-types").VueTypeDef<string>;
+            modelValue: import("vue-types").VueTypeDef<string | number>;
+            size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
             rows: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             };
+            selectReadonly: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
-            onPaste?: (...args: any[]) => any;
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onKeydown?: (...args: any[]) => any;
-            onKeypress?: (...args: any[]) => any;
-            onKeyup?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "prefix" | "step" | "disabled" | "modelValue" | "readonly" | "clearable" | "behavior" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "showClearOnlyHover" | "precision" | "rows">;
+            onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+            onCompositionend?: (evt: CompositionEvent) => any;
+            onCompositionstart?: (evt: CompositionEvent) => any;
+            onCompositionupdate?: (evt: CompositionEvent) => any;
+            onFocus?: (evt: FocusEvent) => any;
+            onBlur?: (evt: FocusEvent) => any;
+            onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+            onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+            onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "prefix" | "behavior" | "disabled" | "step" | "placeholder" | "max" | "min" | "maxlength" | "clearable" | "readonly" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "showClearOnlyHover" | "precision" | "rows" | "selectReadonly" | "withValidate">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -119,7 +133,7 @@ declare const BkInput: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", ...args: any[]) => 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, _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);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             type: import("vue-types").VueTypeValidableDef<string> & {
@@ -138,6 +152,8 @@ declare const BkInput: {
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
+            } & {
+                default: string;
             };
             prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -163,8 +179,8 @@ declare const BkInput: {
             maxlength: import("vue-types").VueTypeDef<number> & {
                 default: number;
             };
-            behavior: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            behavior: import("vue-types").VueTypeDef<"simplicity" | "normal"> & {
+                default: "simplicity" | "normal";
             };
             showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -186,38 +202,63 @@ declare const BkInput: {
             } & {
                 validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
             };
-            modelValue: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            size: import("vue-types").VueTypeDef<string>;
+            modelValue: import("vue-types").VueTypeDef<string | number>;
+            size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
             rows: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             };
+            selectReadonly: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
-            onPaste?: (...args: any[]) => any;
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onKeydown?: (...args: any[]) => any;
-            onKeypress?: (...args: any[]) => any;
-            onKeyup?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], string, {
+            onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+            onCompositionend?: (evt: CompositionEvent) => any;
+            onCompositionstart?: (evt: CompositionEvent) => any;
+            onCompositionupdate?: (evt: CompositionEvent) => any;
+            onFocus?: (evt: FocusEvent) => any;
+            onBlur?: (evt: FocusEvent) => any;
+            onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+            onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+            onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (_value: any, _evt?: KeyboardEvent) => any;
+            focus: (evt: FocusEvent) => FocusEvent;
+            blur: (evt: FocusEvent) => FocusEvent;
+            change: (_value: any, _evt?: KeyboardEvent) => any;
+            clear: () => boolean;
+            input: (_value: any, _evt?: KeyboardEvent) => any;
+            keypress: (_value: any, _evt?: KeyboardEvent) => any;
+            keydown: (_value: any, _evt?: KeyboardEvent) => any;
+            keyup: (_value: any, _evt?: KeyboardEvent) => any;
+            enter: (_value: any, _evt?: KeyboardEvent) => any;
+            paste: (_value: any, _evt?: KeyboardEvent) => any;
+            compositionstart: (evt: CompositionEvent) => CompositionEvent;
+            compositionupdate: (evt: CompositionEvent) => CompositionEvent;
+            compositionend: (evt: CompositionEvent) => CompositionEvent;
+        }, string, {
             type: string;
-            placeholder: string;
             prefix: string;
-            step: number;
+            behavior: "simplicity" | "normal";
             disabled: boolean;
-            modelValue: string | number;
-            readonly: boolean;
-            clearable: boolean;
-            behavior: string;
+            step: number;
+            placeholder: string;
             max: number;
             min: number;
             maxlength: number;
+            clearable: boolean;
+            readonly: boolean;
             prefixIcon: string;
             suffixIcon: string;
             suffix: string;
@@ -226,6 +267,8 @@ declare const BkInput: {
             showClearOnlyHover: boolean;
             precision: number;
             rows: number;
+            selectReadonly: boolean;
+            withValidate: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -263,6 +306,8 @@ declare const BkInput: {
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -288,8 +333,8 @@ declare const BkInput: {
         maxlength: import("vue-types").VueTypeDef<number> & {
             default: number;
         };
-        behavior: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        behavior: import("vue-types").VueTypeDef<"simplicity" | "normal"> & {
+            default: "simplicity" | "normal";
         };
         showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -311,25 +356,36 @@ declare const BkInput: {
         } & {
             validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
         };
-        modelValue: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        size: import("vue-types").VueTypeDef<string>;
+        modelValue: import("vue-types").VueTypeDef<string | number>;
+        size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
         rows: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
+        selectReadonly: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
-        onPaste?: (...args: any[]) => any;
-        onFocus?: (...args: any[]) => any;
-        onBlur?: (...args: any[]) => any;
-        onChange?: (...args: any[]) => any;
-        onInput?: (...args: any[]) => any;
-        onKeydown?: (...args: any[]) => any;
-        onKeypress?: (...args: any[]) => any;
-        onKeyup?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-        onClear?: (...args: any[]) => any;
-        onEnter?: (...args: any[]) => any;
+        onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+        onCompositionend?: (evt: CompositionEvent) => any;
+        onCompositionstart?: (evt: CompositionEvent) => any;
+        onCompositionupdate?: (evt: CompositionEvent) => any;
+        onFocus?: (evt: FocusEvent) => any;
+        onBlur?: (evt: FocusEvent) => any;
+        onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+        onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+        onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+        onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+        onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+        onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
@@ -351,6 +407,8 @@ declare const BkInput: {
     };
     placeholder: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    } & {
+        default: string;
     };
     prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -376,8 +434,8 @@ declare const BkInput: {
     maxlength: import("vue-types").VueTypeDef<number> & {
         default: number;
     };
-    behavior: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    behavior: import("vue-types").VueTypeDef<"simplicity" | "normal"> & {
+        default: "simplicity" | "normal";
     };
     showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -399,38 +457,63 @@ declare const BkInput: {
     } & {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
-    modelValue: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    size: import("vue-types").VueTypeDef<string>;
+    modelValue: import("vue-types").VueTypeDef<string | number>;
+    size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
     rows: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
+    selectReadonly: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
-    onPaste?: (...args: any[]) => any;
-    onFocus?: (...args: any[]) => any;
-    onBlur?: (...args: any[]) => any;
-    onChange?: (...args: any[]) => any;
-    onInput?: (...args: any[]) => any;
-    onKeydown?: (...args: any[]) => any;
-    onKeypress?: (...args: any[]) => any;
-    onKeyup?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
-    onEnter?: (...args: any[]) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", {
+    onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+    onCompositionend?: (evt: CompositionEvent) => any;
+    onCompositionstart?: (evt: CompositionEvent) => any;
+    onCompositionupdate?: (evt: CompositionEvent) => any;
+    onFocus?: (evt: FocusEvent) => any;
+    onBlur?: (evt: FocusEvent) => any;
+    onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+    onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+    onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+    onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+    onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+    onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: any, _evt?: KeyboardEvent) => any;
+    focus: (evt: FocusEvent) => FocusEvent;
+    blur: (evt: FocusEvent) => FocusEvent;
+    change: (_value: any, _evt?: KeyboardEvent) => any;
+    clear: () => boolean;
+    input: (_value: any, _evt?: KeyboardEvent) => any;
+    keypress: (_value: any, _evt?: KeyboardEvent) => any;
+    keydown: (_value: any, _evt?: KeyboardEvent) => any;
+    keyup: (_value: any, _evt?: KeyboardEvent) => any;
+    enter: (_value: any, _evt?: KeyboardEvent) => any;
+    paste: (_value: any, _evt?: KeyboardEvent) => any;
+    compositionstart: (evt: CompositionEvent) => CompositionEvent;
+    compositionupdate: (evt: CompositionEvent) => CompositionEvent;
+    compositionend: (evt: CompositionEvent) => CompositionEvent;
+}, string, {
     type: string;
-    placeholder: string;
     prefix: string;
-    step: number;
+    behavior: "simplicity" | "normal";
     disabled: boolean;
-    modelValue: string | number;
-    readonly: boolean;
-    clearable: boolean;
-    behavior: string;
+    step: number;
+    placeholder: string;
     max: number;
     min: number;
     maxlength: number;
+    clearable: boolean;
+    readonly: boolean;
     prefixIcon: string;
     suffixIcon: string;
     suffix: string;
@@ -439,5 +522,7 @@ declare const BkInput: {
     showClearOnlyHover: boolean;
     precision: number;
     rows: number;
+    selectReadonly: boolean;
+    withValidate: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkInput;

package/lib/input/index.js

@@ -0,0 +1 @@
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("../config-provider"),require("../icon")):r(e["../shared"],e.vue,e["../config-provider"],e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o)=>(()=>{"use strict";var n={2717:e=>{e.exports=t},6870:e=>{e.exports=o},4212:r=>{r.exports=e},748:e=>{e.exports=r}},l={};function a(e){var r=l[e];if(void 0!==r)return r.exports;var t=l[e]={exports:{}};return n[e](t,t.exports,a),t.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{a.r(i),a.d(i,{default:()=>m});var e=a(4212);function r(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var o=a(748);Object.create,Object.create;var n,l,u=a(2717),s=a(6870),c={type:e.PropTypes.string.def("text"),clearable:e.PropTypes.bool,disabled:e.PropTypes.bool,readonly:e.PropTypes.bool,placeholder:e.PropTypes.string.def(""),prefixIcon:e.PropTypes.string,suffixIcon:e.PropTypes.string,suffix:e.PropTypes.string,prefix:e.PropTypes.string,step:e.PropTypes.integer,max:e.PropTypes.integer,min:e.PropTypes.integer,maxlength:e.PropTypes.integer,behavior:(0,e.InputBehaviorType)(),showWordLimit:e.PropTypes.bool,showControl:e.PropTypes.bool.def(!0),showClearOnlyHover:e.PropTypes.bool.def(!0),precision:e.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),size:e.PropTypes.size(),rows:e.PropTypes.number,selectReadonly:e.PropTypes.bool.def(!1),withValidate:e.PropTypes.bool.def(!0)};function p(e,r){return!0}function d(e){return e}!function(e){e.UPDATE="update:modelValue",e.FOCUS="focus",e.BLUR="blur",e.CHANGE="change",e.CLEAR="clear",e.INPUT="input",e.KEYPRESS="keypress",e.KEYDOWN="keydown",e.KEYUP="keyup",e.ENTER="enter",e.PASTE="paste",e.COMPOSITIONSTART="compositionstart",e.COMPOSITIONUPDATE="compositionupdate",e.COMPOSITIONEND="compositionend"}(l||(l={}));var f=(t(n={},l.UPDATE,p),t(n,l.FOCUS,(function(e){return e})),t(n,l.BLUR,(function(e){return e})),t(n,l.CHANGE,p),t(n,l.CLEAR,(function(){return!0})),t(n,l.INPUT,p),t(n,l.KEYPRESS,p),t(n,l.KEYDOWN,p),t(n,l.KEYUP,p),t(n,l.ENTER,p),t(n,l.PASTE,p),t(n,l.COMPOSITIONSTART,d),t(n,l.COMPOSITIONUPDATE,d),t(n,l.COMPOSITIONEND,d),n);const v=(0,o.defineComponent)({name:"Input",inheritAttrs:!1,props:c,emits:f,setup:function(n,a){var i=(0,e.useFormItem)(),c=(0,u.useLocale)("input"),p=(0,o.ref)(!1),d=(0,o.ref)(!1),f=(0,o.computed)((function(){return"textarea"===n.type})),v=(0,o.computed)((function(){return f.value?(0,e.resolveClassName)("textarea"):(0,e.resolveClassName)("input")})),m=a.attrs,y=m.class,b=m.style,P=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}(m,["class","style"]),T=(0,o.ref)(),x=(0,o.computed)((function(){var r;return(0,e.classes)((t(r={},"".concat(v.value,"--").concat(n.size),!!n.size),t(r,"is-focused",p.value),t(r,"is-readonly",n.readonly&&!n.selectReadonly),t(r,"is-disabled",n.disabled),t(r,"is-simplicity","simplicity"===n.behavior),t(r,"".concat(y),!!y),r),v.value)})),g={search:function(){return(0,o.createVNode)(s.Search,null,null)},password:function(){return(0,o.createVNode)(s.Eye,{onClick:F},null)}},h=q("suffix-icon"),N=(0,o.computed)((function(){var e=g[n.type];return C.value?(0,o.createVNode)(s.Unvisible,{onClick:F,class:h},null):e?(0,o.createVNode)(e,{class:h},null):null})),E=(0,o.computed)((function(){return"number"===n.type})),O=(0,o.computed)((function(){return Math.floor(n.maxlength)})),C=(0,o.ref)(!1),S=(0,o.computed)((function(){return(0,e.classes)(t({"show-clear-only-hover":n.showClearOnlyHover},"".concat(v.value,"--clear-icon"),!0),h)})),A=(0,o.computed)((function(){return(0,e.classes)({"is-disabled":n.disabled||n.modelValue>=n.max})})),I=(0,o.computed)((function(){return(0,e.classes)({"is-disabled":n.disabled||n.modelValue<=n.min})}));function V(){if(!n.disabled){var e=E.value?n.min:"";a.emit(l.UPDATE,e),a.emit(l.CHANGE,e),a.emit(l.CLEAR)}}(0,o.watch)((function(){return n.modelValue}),(function(){var e;n.withValidate&&(null===(e=null==i?void 0:i.validate)||void 0===e||e.call(i,"change"))})),a.expose({focus:function(){T.value.focus()},clear:V});var w,U,j=(w=[l.KEYUP,l.KEYDOWN,l.KEYPRESS,l.PASTE,l.CHANGE,l.INPUT].map((function(e){return function(r){if(r.stopPropagation(),e!==l.KEYDOWN||"Enter"!==r.code&&"Enter"!==r.key&&13!==r.keyCode||a.emit(l.ENTER,r.target.value,r),!d.value||![l.INPUT,l.CHANGE].some((function(r){return e===r}))){if(e===l.INPUT)a.emit(l.UPDATE,r.target.value);else if(e===l.CHANGE&&E.value){var t=Y(0);if(t>n.max||t<n.min){var o=t>n.max?n.max:n.min;a.emit(l.UPDATE,o,r),a.emit(e,o,r)}else a.emit(l.UPDATE,t),a.emit(l.CHANGE,t);return}a.emit(e,r.target.value,r)}}})),U=6,function(e){if(Array.isArray(e))return e}(w)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(l.push(o.value),!r||l.length!==r);a=!0);}catch(e){i=!0,n=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw n}}return l}}(w,U)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(e,t):void 0}}(w,U)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),D=j[0],R=j[1],K=j[2],k=j[3],M=j[4],H=j[5];function Y(e){var r,t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=parseInt(String(e),10),l=Number.isInteger(n.precision)?n.precision:0,a=parseFloat((null!==(r=n.modelValue)&&void 0!==r?r:0).toString()),i=Number.isInteger(o)?o:1,u=a+(t?i:-1*i);return Number.isInteger(n.max)&&(u=Math.min(u,n.max)),Number.isInteger(n.min)&&(u=Math.max(u,n.min)),+u.toFixed(l)}function G(){if(!n.disabled){var e=Y(n.step);a.emit(l.UPDATE,e),a.emit(l.CHANGE,e)}}function L(){if(!n.disabled){var e=Y(n.step,!1);a.emit(l.UPDATE,e),a.emit(l.CHANGE,e)}}function q(e){return"".concat(v.value,"--").concat(e)}function F(){C.value=!C.value}var W=(0,o.computed)((function(){var e=void 0===n.modelValue||null===n.modelValue?{}:{value:n.modelValue};return Object.assign(Object.assign({},e),{maxlength:n.maxlength,placeholder:n.placeholder||c.value.placeholder,readonly:n.readonly,disabled:n.disabled})})),B={onInput:H,onFocus:function(e){p.value=!0,a.emit(l.FOCUS,e)},onBlur:function(e){var r;p.value=!1,a.emit(l.BLUR,e),n.withValidate&&(null===(r=null==i?void 0:i.validate)||void 0===r||r.call(i,"blur"))},onPaste:k,onChange:M,onKeypress:K,onKeydown:R,onKeyup:D,onCompositionstart:function(){d.value=!0},onCompositionend:function(e){d.value=!1,H(e)}};return function(){var e,r,t,l,i,u,c;return(0,o.createVNode)("div",{class:x.value,style:b},[null!==(t=null===(r=null===(e=a.slots)||void 0===e?void 0:e.prefix)||void 0===r?void 0:r.call(e))&&void 0!==t?t:n.prefix&&(0,o.createVNode)("div",{class:q("prefix-area")},[(0,o.createVNode)("span",{class:q("prefix-area--text")},[n.prefix])]),f.value?(0,o.createVNode)("textarea",(0,o.mergeProps)({ref:T,spellcheck:!1},P,B,W.value,{rows:n.rows}),null):(0,o.createVNode)("input",(0,o.mergeProps)({spellcheck:!1},P,{ref:T,class:"".concat(v.value,"--text"),type:C.value&&"password"===n.type?"text":n.type,step:n.step,max:n.max,min:n.min},B,W.value),null),!f.value&&n.clearable&&!!n.modelValue&&(0,o.createVNode)("span",{class:S.value,onClick:V},[(0,o.createVNode)(s.Close,null,null)]),N.value,"number"==typeof n.maxlength&&(n.showWordLimit||f.value)&&(0,o.createVNode)("p",{class:q("max-length")},[(null!==(l=n.modelValue)&&void 0!==l?l:"").toString().length,(0,o.createTextVNode)("/"),(0,o.createVNode)("span",null,[O.value])]),E.value&&n.showControl&&(0,o.createVNode)("div",{class:q("number-control")},[(0,o.createVNode)(s.DownSmall,{class:A.value,onClick:G},null),(0,o.createVNode)(s.DownSmall,{class:I.value,onClick:L},null)]),null!==(c=null===(u=null===(i=a.slots)||void 0===i?void 0:i.suffix)||void 0===u?void 0:u.call(i))&&void 0!==c?c:n.suffix&&(0,o.createVNode)("div",{class:q("suffix-area")},[(0,o.createVNode)("span",{class:q("suffix-area--text")},[n.suffix])])])}}}),m=(0,e.withInstall)(v)})(),i})()));