bkui-vue 0.0.2-beta.2 → 0.0.2-beta.20

package/lib/input/index.d.ts

@@ -3,8 +3,8 @@ declare const BkInput: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            prefix?: string;
             type?: string;
+            prefix?: string;
             disabled?: boolean;
             placeholder?: string;
             step?: number;
@@ -24,19 +24,20 @@ declare const BkInput: {
             rows?: number;
             selectReadonly?: boolean;
             withValidate?: boolean;
+            overMaxLengthLimit?: boolean;
             class?: unknown;
             style?: unknown;
-            onPaste?: (_value: any, _evt?: KeyboardEvent) => 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;
+            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;
             key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
@@ -79,11 +80,11 @@ declare const BkInput: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly size?: "small" | "large" | "default";
+            readonly size?: "default" | "small" | "large";
             readonly modelValue?: string | number;
             onClear?: () => any;
-            "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
-            onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+            "onUpdate:modelValue"?: (_value: any, _evt: KeyboardEvent) => any;
+            onEnter?: (_value: any, _evt: KeyboardEvent) => any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -96,7 +97,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, _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> & {
@@ -166,7 +167,7 @@ declare const BkInput: {
                 validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
             };
             modelValue: import("vue-types").VueTypeDef<string | number>;
-            size: import("vue-types").VueTypeDef<"small" | "large" | "default">;
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
             rows: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             };
@@ -180,39 +181,44 @@ declare const BkInput: {
             } & {
                 default: boolean;
             };
+            overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
-            onPaste?: (_value: any, _evt?: KeyboardEvent) => 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;
+            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;
+            "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;
+            "update:modelValue": (_value: any, _evt: KeyboardEvent) => any;
             focus: (evt: FocusEvent) => FocusEvent;
             blur: (evt: FocusEvent) => FocusEvent;
-            change: (_value: any, _evt?: KeyboardEvent) => any;
+            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;
+            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, {
-            prefix: string;
             type: string;
+            prefix: string;
             disabled: boolean;
             placeholder: string;
             step: number;
@@ -232,6 +238,7 @@ declare const BkInput: {
             rows: number;
             selectReadonly: boolean;
             withValidate: boolean;
+            overMaxLengthLimit: boolean;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -320,7 +327,7 @@ declare const BkInput: {
             validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
         };
         modelValue: import("vue-types").VueTypeDef<string | number>;
-        size: import("vue-types").VueTypeDef<"small" | "large" | "default">;
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
         rows: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
@@ -334,21 +341,26 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
-        onPaste?: (_value: any, _evt?: KeyboardEvent) => 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;
+        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;
+        "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;
@@ -421,7 +433,7 @@ declare const BkInput: {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
     modelValue: import("vue-types").VueTypeDef<string | number>;
-    size: import("vue-types").VueTypeDef<"small" | "large" | "default">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
     rows: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
@@ -435,39 +447,44 @@ declare const BkInput: {
     } & {
         default: boolean;
     };
+    overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
-    onPaste?: (_value: any, _evt?: KeyboardEvent) => 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;
+    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;
+    "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;
+    "update:modelValue": (_value: any, _evt: KeyboardEvent) => any;
     focus: (evt: FocusEvent) => FocusEvent;
     blur: (evt: FocusEvent) => FocusEvent;
-    change: (_value: any, _evt?: KeyboardEvent) => any;
+    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;
+    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, {
-    prefix: string;
     type: string;
+    prefix: string;
     disabled: boolean;
     placeholder: string;
     step: number;
@@ -487,5 +504,6 @@ declare const BkInput: {
     rows: number;
     selectReadonly: boolean;
     withValidate: boolean;
+    overMaxLengthLimit: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkInput;

package/lib/input/index.js

@@ -1 +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:()=>y});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){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function o(e,r,o){return(r=function(e){var r=function(e,r){if("object"!==t(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(r)?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}var n=a(748);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var l,u,s=a(2717),c=a(6870),p={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 d(e,r){return!0}function f(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"}(u||(u={}));var v=(o(l={},u.UPDATE,d),o(l,u.FOCUS,(function(e){return e})),o(l,u.BLUR,(function(e){return e})),o(l,u.CHANGE,d),o(l,u.CLEAR,(function(){return!0})),o(l,u.INPUT,d),o(l,u.KEYPRESS,d),o(l,u.KEYDOWN,d),o(l,u.KEYUP,d),o(l,u.ENTER,d),o(l,u.PASTE,d),o(l,u.COMPOSITIONSTART,f),o(l,u.COMPOSITIONUPDATE,f),o(l,u.COMPOSITIONEND,f),l);const m=(0,n.defineComponent)({name:"Input",inheritAttrs:!1,props:p,emits:v,setup:function(t,l){var a=(0,e.useFormItem)(),i=(0,s.useLocale)("input"),p=(0,n.ref)(!1),d=(0,n.ref)(!1),f=(0,n.computed)((function(){return"textarea"===t.type})),v=(0,n.computed)((function(){return f.value?(0,e.resolveClassName)("textarea"):(0,e.resolveClassName)("input")})),m=l.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,n.ref)(),g=(0,n.computed)((function(){var r;return(0,e.classes)((o(r={},"".concat(v.value,"--").concat(t.size),!!t.size),o(r,"is-focused",p.value),o(r,"is-readonly",t.readonly&&!t.selectReadonly),o(r,"is-disabled",t.disabled),o(r,"is-simplicity","simplicity"===t.behavior),o(r,"".concat(y),!!y),r),v.value)})),h={search:function(){return(0,n.createVNode)(c.Search,null,null)},password:function(){return(0,n.createVNode)(c.Eye,{onClick:F},null)}},x=G("suffix-icon"),N=(0,n.computed)((function(){var e=h[t.type];return S.value?(0,n.createVNode)(c.Unvisible,{onClick:F,class:x},null):e?(0,n.createVNode)(e,{class:x},null):null})),E=(0,n.computed)((function(){return"number"===t.type})),O=(0,n.computed)((function(){return Math.floor(t.maxlength)})),S=(0,n.ref)(!1),C=(0,n.computed)((function(){return(0,e.classes)(o({"show-clear-only-hover":t.showClearOnlyHover},"".concat(v.value,"--clear-icon"),!0),x)})),V=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":t.disabled||t.modelValue>=t.max})})),w=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":t.disabled||t.modelValue<=t.min})}));function A(){if(!t.disabled){var e=E.value?t.min:"";l.emit(u.UPDATE,e),l.emit(u.CHANGE,e),l.emit(u.CLEAR)}}(0,n.watch)((function(){return t.modelValue}),(function(){var e;t.withValidate&&(null===(e=null==a?void 0:a.validate)||void 0===e||e.call(a,"change"))})),l.expose({focus:function(){T.value.focus()},clear:A});var I,U,j=(I=[u.KEYUP,u.KEYDOWN,u.KEYPRESS,u.PASTE,u.CHANGE,u.INPUT].map((function(e){return function(r){if(r.stopPropagation(),e!==u.KEYDOWN||"Enter"!==r.code&&"Enter"!==r.key&&13!==r.keyCode||l.emit(u.ENTER,r.target.value,r),!d.value||![u.INPUT,u.CHANGE].some((function(r){return e===r}))){if(e===u.INPUT)l.emit(u.UPDATE,r.target.value);else if(e===u.CHANGE&&E.value&&""!==r.target.value){var t=Y(r.target.value,0);return l.emit(u.UPDATE,t,r),void l.emit(e,t,r)}l.emit(e,r.target.value,r)}}})),U=6,function(e){if(Array.isArray(e))return e}(I)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,l,a,i=[],u=!0,s=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(o=l.call(t)).done)&&(i.push(o.value),i.length!==r);u=!0);}catch(e){s=!0,n=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw n}}return i}}(I,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}}(I,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,r){var o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=Number(r),l=Number.isInteger(t.precision)?t.precision:0,a=Number(e),i=Number.isInteger(n)?n:1,u=a+(o?i:-1*i);return Number.isInteger(t.max)&&(u=Math.min(u,t.max)),Number.isInteger(t.min)&&(u=Math.max(u,t.min)),+u.toFixed(l)}function L(){if(!t.disabled){var e=Y(t.modelValue,t.step);l.emit(u.UPDATE,e),l.emit(u.CHANGE,e)}}function q(){if(!t.disabled){var e=Y(t.modelValue,t.step,!1);l.emit(u.UPDATE,e),l.emit(u.CHANGE,e)}}function G(e){return"".concat(v.value,"--").concat(e)}function F(){S.value=!S.value}var W=(0,n.computed)((function(){var e=void 0===t.modelValue||null===t.modelValue?{}:{value:t.modelValue};return Object.assign(Object.assign({},e),{maxlength:t.maxlength,placeholder:t.placeholder||i.value.placeholder,readonly:t.readonly,disabled:t.disabled})})),B={onInput:H,onFocus:function(e){p.value=!0,l.emit(u.FOCUS,e)},onBlur:function(e){var r;p.value=!1,l.emit(u.BLUR,e),t.withValidate&&(null===(r=null==a?void 0:a.validate)||void 0===r||r.call(a,"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,o,a,i,u,s;return(0,n.createVNode)("div",{class:g.value,style:b},[null!==(o=null===(r=null===(e=l.slots)||void 0===e?void 0:e.prefix)||void 0===r?void 0:r.call(e))&&void 0!==o?o:t.prefix&&(0,n.createVNode)("div",{class:G("prefix-area")},[(0,n.createVNode)("span",{class:G("prefix-area--text")},[t.prefix])]),f.value?(0,n.createVNode)("textarea",(0,n.mergeProps)({ref:T,spellcheck:!1},P,B,W.value,{rows:t.rows}),null):(0,n.createVNode)("input",(0,n.mergeProps)({spellcheck:!1},P,{ref:T,class:"".concat(v.value,"--text"),type:S.value&&"password"===t.type?"text":t.type,step:t.step,max:t.max,min:t.min},B,W.value),null),!f.value&&t.clearable&&!!t.modelValue&&(0,n.createVNode)("span",{class:C.value,onClick:A},[(0,n.createVNode)(c.Close,null,null)]),N.value,"number"==typeof t.maxlength&&(t.showWordLimit||f.value)&&(0,n.createVNode)("p",{class:G("max-length")},[(null!==(a=t.modelValue)&&void 0!==a?a:"").toString().length,(0,n.createTextVNode)("/"),(0,n.createVNode)("span",null,[O.value])]),E.value&&t.showControl&&(0,n.createVNode)("div",{class:G("number-control")},[(0,n.createVNode)(c.DownSmall,{class:V.value,onClick:L},null),(0,n.createVNode)(c.DownSmall,{class:w.value,onClick:q},null)]),null!==(s=null===(u=null===(i=l.slots)||void 0===i?void 0:i.suffix)||void 0===u?void 0:u.call(i))&&void 0!==s?s:t.suffix&&(0,n.createVNode)("div",{class:G("suffix-area")},[(0,n.createVNode)("span",{class:G("suffix-area--text")},[t.suffix])])])}}}),y=(0,e.withInstall)(m)})(),i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../config-provider"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../directives","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../config-provider"),require("../directives"),require("../icon")):t(e["../shared"],e.vue,e["../config-provider"],e["../directives"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o,n)=>(()=>{"use strict";var l={2717:e=>{e.exports=r},4061:e=>{e.exports=o},6870:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return l[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{a.r(u),a.d(u,{default:()=>b});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function o(e,t,o){return(t=function(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===r(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var n=a(748);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var l,i,s=a(2717),c=a(4061),p=a(6870),d={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),overMaxLengthLimit:e.PropTypes.bool.def(!1)};function f(e,t){return!0}function v(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"}(i||(i={}));var m=(o(l={},i.UPDATE,f),o(l,i.FOCUS,(function(e){return e})),o(l,i.BLUR,(function(e){return e})),o(l,i.CHANGE,f),o(l,i.CLEAR,(function(){return!0})),o(l,i.INPUT,f),o(l,i.KEYPRESS,f),o(l,i.KEYDOWN,f),o(l,i.KEYUP,f),o(l,i.ENTER,f),o(l,i.PASTE,f),o(l,i.COMPOSITIONSTART,v),o(l,i.COMPOSITIONUPDATE,v),o(l,i.COMPOSITIONEND,v),l);const y=(0,n.defineComponent)({name:"Input",directives:{bkTooltips:c.bkTooltips},inheritAttrs:!1,props:d,emits:m,setup:function(r,l){var a=(0,s.usePrefix)().resolveClassName,u=(0,e.useFormItem)(),c=(0,s.useLocale)("input"),d=(0,n.ref)(!1),f=(0,n.ref)(!1),v=(0,n.computed)((function(){return"textarea"===r.type})),m=(0,n.computed)((function(){return v.value?a("textarea"):a("input")})),y=l.attrs,b=y.class,P=y.style,h=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(y,["class","style"]),g=(0,n.ref)(),T=(0,n.computed)((function(){var t;return(0,e.classes)((o(t={},"".concat(m.value,"--").concat(r.size),!!r.size),o(t,"is-focused",d.value),o(t,"is-readonly",r.readonly&&!r.selectReadonly),o(t,"is-disabled",r.disabled),o(t,"is-simplicity","simplicity"===r.behavior),o(t,"".concat(b),!!b),t),m.value)})),x=(0,n.ref)(!1),N={search:function(){return(0,n.createVNode)(p.Search,null,null)},password:function(){return(0,n.createVNode)(p.Eye,{style:{fontSize:"18px"},onClick:$},null)}},E=_("suffix-icon"),O=(0,n.computed)((function(){var e=N[r.type];return C.value?(0,n.createVNode)(p.Unvisible,{onClick:$,class:E},null):e?(0,n.createVNode)(e,{class:E},null):null})),S=(0,n.computed)((function(){return"number"===r.type})),V=(0,n.computed)((function(){return Math.floor(r.maxlength)})),C=(0,n.ref)(!1),w=(0,n.computed)((function(){return(0,e.classes)(o({"show-clear-only-hover":r.showClearOnlyHover},"".concat(m.value,"--clear-icon"),!0),E)})),A=(0,n.computed)((function(){var t,n;return(0,e.classes)((o(t={},_("max-length"),!0),o(t,"is-over-limit",V.value-(null!==(n=r.modelValue)&&void 0!==n?n:"").toString().length<0),t))})),I=(0,n.computed)((function(){var e;return(null!==(e=r.modelValue)&&void 0!==e?e:"").toString().length})),U=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":r.disabled||r.modelValue>=r.max})})),j=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":r.disabled||r.modelValue<=r.min})})),D=(0,n.computed)((function(){return x.value&&r.modelValue?{content:r.modelValue,sameWidth:!0}:{disabled:!0}}));function M(){if(!r.disabled){var e=S.value?r.min:"";l.emit(i.UPDATE,e,null),l.emit(i.CHANGE,e,null),l.emit(i.CLEAR)}}(0,n.watch)((function(){return r.modelValue}),(function(){var e;r.withValidate&&(null===(e=null==u?void 0:u.validate)||void 0===e||e.call(u,"change"))})),(0,n.onMounted)((function(){var e,t;x.value=(null===(e=g.value)||void 0===e?void 0:e.scrollWidth)>(null===(t=g.value)||void 0===t?void 0:t.clientWidth)})),l.expose({focus:function(){g.value.focus()},clear:M});var R,k,L=(R=[i.KEYUP,i.KEYDOWN,i.KEYPRESS,i.PASTE,i.CHANGE,i.INPUT].map((function(e){return function(t){if(t.stopPropagation(),e!==i.KEYDOWN||"Enter"!==t.code&&"Enter"!==t.key&&13!==t.keyCode||l.emit(i.ENTER,t.target.value,t),!f.value||![i.INPUT,i.CHANGE].some((function(t){return e===t}))){if(e===i.INPUT)l.emit(i.UPDATE,t.target.value,t);else if(e===i.CHANGE&&S.value&&""!==t.target.value){var r=F(t.target.value,0);return l.emit(i.UPDATE,r,t),void l.emit(e,r,t)}l.emit(e,t.target.value,t)}}})),k=6,function(e){if(Array.isArray(e))return e}(R)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,l,i,a=[],u=!0,s=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(o=l.call(r)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){s=!0,n=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw n}}return a}}(R,k)||function(e,r){if(e){if("string"==typeof e)return t(e,r);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)?t(e,r):void 0}}(R,k)||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.")}()),K=L[0],W=L[1],q=L[2],H=L[3],Y=L[4],G=L[5];function F(e,t){var o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=Number(t),l=Number.isInteger(r.precision)?r.precision:0,i=Number(e),a=Number.isInteger(n)?n:1,u=i+(o?a:-1*a);return Number.isInteger(r.max)&&(u=Math.min(u,r.max)),Number.isInteger(r.min)&&(u=Math.max(u,r.min)),+u.toFixed(l)}function z(e){if(!r.disabled){var t=F(r.modelValue,r.step);l.emit(i.UPDATE,t,e),l.emit(i.CHANGE,t,e)}}function B(e){if(!r.disabled){var t=F(r.modelValue,r.step,!1);l.emit(i.UPDATE,t,e),l.emit(i.CHANGE,t,e)}}function _(e){return"".concat(m.value,"--").concat(e)}function $(){C.value=!C.value}var J=(0,n.computed)((function(){var e=void 0===r.modelValue||null===r.modelValue?{}:{value:r.modelValue};return Object.assign(Object.assign({},e),{maxlength:!r.overMaxLengthLimit&&r.maxlength,placeholder:r.placeholder||c.value.placeholder,readonly:r.readonly,disabled:r.disabled})})),Q={onInput:G,onFocus:function(e){d.value=!0,l.emit(i.FOCUS,e)},onBlur:function(e){var t,o,n;d.value=!1,x.value=(null===(t=g.value)||void 0===t?void 0:t.scrollWidth)>(null===(o=g.value)||void 0===o?void 0:o.clientWidth),l.emit(i.BLUR,e),r.withValidate&&(null===(n=null==u?void 0:u.validate)||void 0===n||n.call(u,"blur"))},onPaste:H,onChange:Y,onKeypress:q,onKeydown:W,onKeyup:K,onCompositionstart:function(){f.value=!0},onCompositionend:function(e){f.value=!1,G(e)}};return function(){var e,t,o,i,a,u;return(0,n.withDirectives)((0,n.createVNode)("div",{class:T.value,style:P},[null!==(o=null===(t=null===(e=l.slots)||void 0===e?void 0:e.prefix)||void 0===t?void 0:t.call(e))&&void 0!==o?o:r.prefix&&(0,n.createVNode)("div",{class:_("prefix-area")},[(0,n.createVNode)("span",{class:_("prefix-area--text")},[r.prefix])]),v.value?(0,n.createVNode)("textarea",(0,n.mergeProps)({ref:g,spellcheck:!1},h,Q,J.value,{rows:r.rows}),null):(0,n.createVNode)("input",(0,n.mergeProps)({spellcheck:!1},h,{ref:g,class:"".concat(m.value,"--text"),type:C.value&&"password"===r.type?"text":r.type,step:r.step,max:r.max,min:r.min},Q,J.value),null),!v.value&&r.clearable&&!!r.modelValue&&(0,n.createVNode)("span",{class:w.value,onClick:M},[(0,n.createVNode)(p.Close,null,null)]),O.value,"number"==typeof r.maxlength&&(r.showWordLimit||v.value)&&(0,n.createVNode)("p",{class:A.value},[r.overMaxLengthLimit?V.value-I.value:(0,n.createVNode)(n.Fragment,null,[I.value,(0,n.createTextVNode)(" / "),(0,n.createVNode)("span",null,[V.value])])]),S.value&&r.showControl&&(0,n.createVNode)("div",{class:_("number-control")},[(0,n.createVNode)(p.DownSmall,{class:U.value,onClick:z},null),(0,n.createVNode)(p.DownSmall,{class:j.value,onClick:B},null)]),null!==(u=null===(a=null===(i=l.slots)||void 0===i?void 0:i.suffix)||void 0===a?void 0:a.call(i))&&void 0!==u?u:r.suffix&&(0,n.createVNode)("div",{class:_("suffix-area")},[(0,n.createVNode)("span",{class:_("suffix-area--text")},[r.suffix])])]),[[(0,n.resolveDirective)("bk-tooltips"),D.value]])}}}),b=(0,e.withInstall)(y)})(),u})()));

package/lib/input/input.css

@@ -84,6 +84,7 @@
   box-sizing: border-box;
   transition: all 0.3s;
   flex-direction: column;
+  resize: both;
 }
 .bk-textarea ::placeholder {
   color: #c4c6cc;
@@ -134,6 +135,9 @@
   transform: scale(0.8);
   justify-content: flex-end;
 }
+.bk-textarea--max-length.is-over-limit {
+  color: #ea3636;
+}
 .bk-textarea--max-length span {
   color: #979ba5;
 }
@@ -211,12 +215,14 @@
   background-color: white;
   align-items: center;
   align-self: center;
+  flex-shrink: 0;
 }
 .bk-input--suffix-icon.show-clear-only-hover {
   display: none;
 }
 .bk-input--clear-icon {
   cursor: pointer;
+  flex-shrink: 0;
 }
 .bk-input--clear-icon:hover {
   color: #979ba5;
@@ -277,6 +283,9 @@
   font-size: 12px;
   transform: scale(0.8);
 }
+.bk-input--max-length.is-over-limit {
+  color: #ea3636;
+}
 .bk-input--max-length span {
   color: #979ba5;
 }
@@ -293,6 +302,9 @@
   box-sizing: border-box;
   transition: all 0.3s;
   flex: 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 .bk-input--text[type='search']::-webkit-search-decoration,
 .bk-input--text[type='search']::-webkit-search-cancel-button,

package/lib/input/input.d.ts

@@ -67,7 +67,7 @@ export declare const inputType: {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
     modelValue: import("vue-types").VueTypeDef<string | number>;
-    size: import("vue-types").VueTypeDef<"small" | "large" | "default">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
     rows: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
@@ -81,6 +81,11 @@ export declare const inputType: {
     } & {
         default: boolean;
     };
+    overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
 export declare const enum EVENTS {
     UPDATE = "update:modelValue",
@@ -98,7 +103,7 @@ export declare const enum EVENTS {
     COMPOSITIONUPDATE = "compositionupdate",
     COMPOSITIONEND = "compositionend"
 }
-declare function EventFunction(_value: any, _evt?: KeyboardEvent): any;
+declare function EventFunction(_value: any, _evt: KeyboardEvent): any;
 declare function CompositionEventFunction(evt: CompositionEvent): CompositionEvent;
 export declare const inputEmitEventsType: {
     "update:modelValue": typeof EventFunction;
@@ -185,7 +190,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
     modelValue: import("vue-types").VueTypeDef<string | number>;
-    size: import("vue-types").VueTypeDef<"small" | "large" | "default">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
     rows: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
@@ -199,6 +204,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": typeof EventFunction;
     focus: (evt: FocusEvent) => FocusEvent;
@@ -282,7 +292,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
     modelValue: import("vue-types").VueTypeDef<string | number>;
-    size: import("vue-types").VueTypeDef<"small" | "large" | "default">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
     rows: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
@@ -296,24 +306,29 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
-    onPaste?: (_value: any, _evt?: KeyboardEvent) => 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;
+    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;
+    "onUpdate:modelValue"?: (_value: any, _evt: KeyboardEvent) => any;
+    onEnter?: (_value: any, _evt: KeyboardEvent) => any;
 }, {
-    prefix: string;
     type: string;
+    prefix: string;
     disabled: boolean;
     placeholder: string;
     step: number;
@@ -333,5 +348,6 @@ declare const _default: import("vue").DefineComponent<{
     rows: number;
     selectReadonly: boolean;
     withValidate: boolean;
+    overMaxLengthLimit: boolean;
 }, {}>;
 export default _default;

package/lib/input/input.less

@@ -8,10 +8,12 @@
 }
 
 .disabled() {
+
   &.is-disabled,
   &.is-readonly {
     background-color: @input-disabled-bg;
     border-color: @disable-color;
+
     .@{bk-prefix}-input--prefix-area,
     .@{bk-prefix}-input--suffix-area,
     .@{bk-prefix}-input--suffix-icon {
@@ -57,9 +59,10 @@
   box-sizing: border-box;
   transition: all .3s;
   flex-direction: column;
+  resize: both;
   .disabled();
 
-  > textarea {
+  >textarea {
     width: 100%;
     padding: 5px 10px;
     line-height: 1.5;
@@ -80,9 +83,12 @@
     transform: scale(.8);
     justify-content: flex-end;
 
+    &.is-over-limit {
+      color: @danger-color;
+    }
+
     span {
       color: @input-maxlength-color;
-
     }
   }
 
@@ -121,7 +127,9 @@
       border-color: transparent;
       border-bottom-color: @light-gray;
       box-shadow: none;
-      .@{bk-prefix}-input--text, .@{bk-prefix}-input--suffix-icon {
+
+      .@{bk-prefix}-input--text,
+      .@{bk-prefix}-input--suffix-icon {
         background-color: @input-block-color;
       }
     }
@@ -136,6 +144,7 @@
     background-color: @input-bg;
     align-items: center;
     align-self: center;
+    flex-shrink: 0;
 
     &.show-clear-only-hover {
       display: none;
@@ -144,6 +153,7 @@
 
   &--clear-icon {
     cursor: pointer;
+    flex-shrink: 0;
 
     &:hover {
       color: @gray-color;
@@ -157,6 +167,7 @@
     .@{bk-prefix}-input--max-length {
       font-size: @font-size-large;
     }
+
     .@{bk-prefix}-input--number-control {
       span:first-child {
         margin-bottom: 4px;
@@ -187,7 +198,9 @@
       border-color: transparent;
       border-bottom-color: @primary-color;
       box-shadow: none;
-      .@{bk-prefix}-input--text, .@{bk-prefix}-input--suffix-icon {
+
+      .@{bk-prefix}-input--text,
+      .@{bk-prefix}-input--suffix-icon {
         background-color: @input-block-color;
       }
     }
@@ -216,6 +229,10 @@
     font-size: 12px;
     transform: scale(.8);
 
+    &.is-over-limit {
+      color: @danger-color;
+    }
+
     span {
       color: @input-maxlength-color;
     }
@@ -234,6 +251,9 @@
     box-sizing: border-box;
     transition: all .3s;
     flex: 1;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
 
     //Chrome
     &[type='search']::-webkit-search-decoration,
@@ -242,6 +262,7 @@
     &[type='search']::-webkit-search-results-decoration {
       appearance: none;
     }
+
     // IE
     [type='search']::-ms-clear {
       display: none;
@@ -305,4 +326,4 @@
       background-color: @input-block-hover-color;
     }
   }
-}
+}

package/lib/input/input.variable.css

@@ -206,6 +206,7 @@
   box-sizing: border-box;
   transition: all 0.3s;
   flex-direction: column;
+  resize: both;
 }
 .bk-textarea ::placeholder {
   color: #c4c6cc;
@@ -256,6 +257,9 @@
   transform: scale(0.8);
   justify-content: flex-end;
 }
+.bk-textarea--max-length.is-over-limit {
+  color: #ea3636;
+}
 .bk-textarea--max-length span {
   color: #979ba5;
 }
@@ -333,12 +337,14 @@
   background-color: white;
   align-items: center;
   align-self: center;
+  flex-shrink: 0;
 }
 .bk-input--suffix-icon.show-clear-only-hover {
   display: none;
 }
 .bk-input--clear-icon {
   cursor: pointer;
+  flex-shrink: 0;
 }
 .bk-input--clear-icon:hover {
   color: #979ba5;
@@ -399,6 +405,9 @@
   font-size: 12px;
   transform: scale(0.8);
 }
+.bk-input--max-length.is-over-limit {
+  color: #ea3636;
+}
 .bk-input--max-length span {
   color: #979ba5;
 }
@@ -415,6 +424,9 @@
   box-sizing: border-box;
   transition: all 0.3s;
   flex: 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 .bk-input--text[type='search']::-webkit-search-decoration,
 .bk-input--text[type='search']::-webkit-search-cancel-button,