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

package/lib/directives/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../overflow-title"),require("../shared"),require("@popperjs/core"),require("../plugin-popover"));else if("function"==typeof define&&define.amd)define(["../overflow-title","../shared","@popperjs/core","../plugin-popover"],t);else{var n="object"==typeof exports?t(require("../overflow-title"),require("../shared"),require("@popperjs/core"),require("../plugin-popover")):t(e["../overflow-title"],e["../shared"],e["@popperjs/core"],e["../plugin-popover"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r)=>(()=>{var o={2439:(e,t,n)=>{e.exports=n(2527)},7430:e=>{"use strict";var t=!("undefined"==typeof window||!window.document||!window.document.createElement),n={canUseDOM:t,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:t&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:t&&!!window.screen,isInWorker:!t};e.exports=n},6377:e=>{var t,n,r,o,i,a,u,l,c,s,d,f,p,v,m,y=!1;function b(){if(!y){y=!0;var e=navigator.userAgent,b=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),h=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(f=/\b(iPhone|iP[ao]d)/.exec(e),p=/\b(iP[ao]d)/.exec(e),s=/Android/i.exec(e),v=/FBAN\/\w+;/i.exec(e),m=/Mobile/i.exec(e),d=!!/Win64/.exec(e),b){(t=b[1]?parseFloat(b[1]):b[5]?parseFloat(b[5]):NaN)&&document&&document.documentMode&&(t=document.documentMode);var w=/(?:Trident\/(\d+.\d+))/.exec(e);a=w?parseFloat(w[1])+4:t,n=b[2]?parseFloat(b[2]):NaN,r=b[3]?parseFloat(b[3]):NaN,(o=b[4]?parseFloat(b[4]):NaN)?(b=/(?:Chrome\/(\d+\.\d+))/.exec(e),i=b&&b[1]?parseFloat(b[1]):NaN):i=NaN}else t=n=r=i=o=NaN;if(h){if(h[1]){var g=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);u=!g||parseFloat(g[1].replace("_","."))}else u=!1;l=!!h[2],c=!!h[3]}else u=l=c=!1}}var h={ie:function(){return b()||t},ieCompatibilityMode:function(){return b()||a>t},ie64:function(){return h.ie()&&d},firefox:function(){return b()||n},opera:function(){return b()||r},webkit:function(){return b()||o},safari:function(){return h.webkit()},chrome:function(){return b()||i},windows:function(){return b()||l},osx:function(){return b()||u},linux:function(){return b()||c},iphone:function(){return b()||f},mobile:function(){return b()||f||p||s||m},nativeApp:function(){return b()||v},android:function(){return b()||s},ipad:function(){return b()||p}};e.exports=h},3541:(e,t,n)=>{"use strict";var r,o=n(7430);o.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")),e.exports=function(e,t){if(!o.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,i=n in document;if(!i){var a=document.createElement("div");a.setAttribute(n,"return;"),i="function"==typeof a[n]}return!i&&r&&"wheel"===e&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}},2527:(e,t,n)=>{"use strict";var r=n(6377),o=n(3541);function i(e){var t=0,n=0,r=0,o=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=10*t,o=10*n,"deltaY"in e&&(o=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||o)&&e.deltaMode&&(1==e.deltaMode?(r*=40,o*=40):(r*=800,o*=800)),r&&!t&&(t=r<1?-1:1),o&&!n&&(n=o<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:o}}i.getEventType=function(){return r.firefox()?"DOMMouseScroll":o("wheel")?"wheel":"mousewheel"},e.exports=i},1040:t=>{"use strict";t.exports=e},9706:e=>{"use strict";e.exports=r},4212:e=>{"use strict";e.exports=t},5798:e=>{"use strict";e.exports=n}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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(()=>{"use strict";a.r(u),a.d(u,{bkEllipsis:()=>j,bkEllipsisInstance:()=>O,bkTooltips:()=>T,clickoutside:()=>p,mousewheel:()=>o,overflowTitle:()=>e.overflowTitle});var e=a(1040),t=a(2439),n=a.n(t),r="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>-1;const o={beforeMount:function(e,t){var o,i;console.error(e,t),o=e,i=t.value,(null==o?void 0:o.addEventListener)&&o.addEventListener(r?"DOMMouseScroll":"mousewheel",(function(e){var t=n()(e);null==i||i.apply(this,[e,t])}))}};function i(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c,s=new Map;function d(e,t){var n,r=[];return Array.isArray(t.arg)?r=t.arg:(n=t.arg,"undefined"!=typeof Element&&n instanceof Element&&r.push(t.arg)),function(n,o){var i=t.instance.popperRef,a=n.target,u=null==o?void 0:o.target,l=!t||!t.instance,c=!a||!u,s=e.contains(a)||e.contains(u),d=e===a,f=r.length&&r.some((function(e){return null==e?void 0:e.contains(a)}))||r.length&&r.includes(u),p=i&&(i.contains(a)||i.contains(u));l||c||s||d||f||p||t.value(n,o)}}document.addEventListener("mousedown",(function(e){return c=e})),document.addEventListener("mouseup",(function(e){var t,n=i(s.values());try{for(n.s();!(t=n.n()).done;){var r,o=i(t.value);try{for(o.s();!(r=o.n()).done;)(0,r.value.documentHandler)(e,c)}catch(e){o.e(e)}finally{o.f()}}}catch(e){n.e(e)}finally{n.f()}}));var f={beforeMount:function(e,t){s.has(e)||s.set(e,[]),s.get(e).push({documentHandler:d(e,t),bindingFn:t.value})},updated:function(e,t){s.has(e)||s.set(e,[]);var n=s.get(e),r=n.findIndex((function(e){return e.bindingFn===t.oldValue})),o={documentHandler:d(e,t),bindingFn:t.value};r>=0?n.splice(r,1,o):n.push(o)},unmounted:function(e){s.delete(e)},install:function(e){e.directive("bkTooltips",f)}};const p=f;function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e){return m="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},m(e)}var y=a(4212),b=a(5798),h=new Map;function w(e){var t={arrow:!0,disabled:!1,trigger:"hover",theme:"dark",content:"",showOnInit:!1,placement:"top",distance:8,extCls:"",delay:0,onShow:function(){},onHide:function(){}};return"object"===m(e.value)?Object.assign(t,e.value):t.content=e.value,t}function g(){var e=document.createElement("div");return e.className=(0,y.resolveClassName)("popper-arrow"),e.setAttribute("data-popper-arrow",""),e}function x(e){var t=h.get(e),n=t.popper,r=t.opts,o=r.disabled,i=r.content,a=r.arrow,u=r.onShow;if(!o){if(n.innerText=i,a){var l=g();n.appendChild(l)}document.body.appendChild(n);var c=function(e,t){var n=h.get(e).opts,r=n.placement,o=n.distance,i=n.showOnInit,a=(0,b.createPopper)(e,t,{placement:r,modifiers:[{name:"offset",options:{offset:[0,o]}}]});return i&&x(e),a}(e,n);u(),n.setAttribute("data-show",""),c.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:[].concat((t=e.modifiers,function(e){if(Array.isArray(e))return v(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),[{name:"eventListeners",enabled:!0}])});var t})),c.forceUpdate(),h.get(e).popperInstance=c}}function E(e){if(h.get(e)){var t=h.get(e),n=t.popper,r=t.popperInstance,o=t.opts.onHide;n&&document.body.contains(n)&&(n.removeAttribute("data-show"),null==r||r.destroy(),document.body.removeChild(n),o())}}const T={beforeMount:function(e,t){var n=w(t),r=n.trigger,o=function(e){var t=e.content,n=e.arrow,r=e.theme,o=e.extCls,i="light"===r,a=y.bkZIndexManager.getPopperIndex(),u=document.createElement("div");if(u.className="".concat((0,y.resolveClassName)("popper")," ").concat(i?"light":"dark"," ").concat(o),u.innerText=t,u.style.zIndex=String(a),n){var l=g();u.appendChild(l)}return u}(n),i=null;if("hover"===r){var a=null;e.addEventListener("mouseenter",(function(){i=setTimeout((function(){x(e),clearTimeout(a),clearTimeout(i)}),n.delay)})),o.addEventListener("mouseenter",(function(){clearTimeout(a)})),e.addEventListener("mouseleave",(function(){clearTimeout(i),a=setTimeout((function(){E(e)}),100)})),e.addEventListener("click",(function(){E(e)})),o.addEventListener("mouseleave",(function(){clearTimeout(i),a=setTimeout((function(){E(e)}),100)}))}else"click"===r&&document.body.addEventListener("click",(function(t){e.contains(t.target)&&!o.hasAttribute("data-show")?i=setTimeout((function(){x(e),clearTimeout(i)}),n.delay):o.hasAttribute("data-show")&&E(e)}));h.set(e,{opts:n,popper:o,popperInstance:null})},updated:function(e,t){h.get(e).opts=w(t)},unmounted:function(e){E(e),h.delete(e)}};var M=a(9706),S=a.n(M),A=function(e,t){var n={content:"",target:e};return"object"===m(t)?Object.assign(n,t):n.content=t,n},O=function(e,t){var n=null,r=null,o=null;if(!A(e,t).disabled&&!n){var i=function(){o&&clearTimeout(o),o=null},a=function(){r&&clearTimeout(r),null==n||n.hide(),null==n||n.close(),n=null},u=function(){r&&clearTimeout(r),r=setTimeout((function(){var r=A(e,t);r.isShow=!0,r.content=r.content||e.innerHTML,r.allowHtml=!0,Object.assign(r,{onContentMouseenter:i,onContentMouseleave:a}),n=S()(r)}),100)},l=function(){o=setTimeout((function(){r&&clearTimeout(r),null==n||n.hide(),null==n||n.close(),n=null}),120)};return e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",l),{destroyInstance:function(t){var n,r;l(),null===(n=null!=t?t:e)||void 0===n||n.removeEventListener("mouseenter",u),null===(r=null!=t?t:e)||void 0===r||r.removeEventListener("mouseleave",l)},instance:n}}};const j={mounted:function(e,t){O(e,t)}}})(),u})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../overflow-title"),require("../shared"),require("@popperjs/core"),require("../plugin-popover"));else if("function"==typeof define&&define.amd)define(["../overflow-title","../shared","@popperjs/core","../plugin-popover"],t);else{var n="object"==typeof exports?t(require("../overflow-title"),require("../shared"),require("@popperjs/core"),require("../plugin-popover")):t(e["../overflow-title"],e["../shared"],e["@popperjs/core"],e["../plugin-popover"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r)=>(()=>{var o={2439:(e,t,n)=>{e.exports=n(2527)},7430:e=>{"use strict";var t=!("undefined"==typeof window||!window.document||!window.document.createElement),n={canUseDOM:t,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:t&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:t&&!!window.screen,isInWorker:!t};e.exports=n},6377:e=>{var t,n,r,o,i,a,u,c,l,s,d,f,p,m,v,y=!1;function b(){if(!y){y=!0;var e=navigator.userAgent,b=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),h=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(f=/\b(iPhone|iP[ao]d)/.exec(e),p=/\b(iP[ao]d)/.exec(e),s=/Android/i.exec(e),m=/FBAN\/\w+;/i.exec(e),v=/Mobile/i.exec(e),d=!!/Win64/.exec(e),b){(t=b[1]?parseFloat(b[1]):b[5]?parseFloat(b[5]):NaN)&&document&&document.documentMode&&(t=document.documentMode);var w=/(?:Trident\/(\d+.\d+))/.exec(e);a=w?parseFloat(w[1])+4:t,n=b[2]?parseFloat(b[2]):NaN,r=b[3]?parseFloat(b[3]):NaN,(o=b[4]?parseFloat(b[4]):NaN)?(b=/(?:Chrome\/(\d+\.\d+))/.exec(e),i=b&&b[1]?parseFloat(b[1]):NaN):i=NaN}else t=n=r=i=o=NaN;if(h){if(h[1]){var g=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);u=!g||parseFloat(g[1].replace("_","."))}else u=!1;c=!!h[2],l=!!h[3]}else u=c=l=!1}}var h={ie:function(){return b()||t},ieCompatibilityMode:function(){return b()||a>t},ie64:function(){return h.ie()&&d},firefox:function(){return b()||n},opera:function(){return b()||r},webkit:function(){return b()||o},safari:function(){return h.webkit()},chrome:function(){return b()||i},windows:function(){return b()||c},osx:function(){return b()||u},linux:function(){return b()||l},iphone:function(){return b()||f},mobile:function(){return b()||f||p||s||v},nativeApp:function(){return b()||m},android:function(){return b()||s},ipad:function(){return b()||p}};e.exports=h},3541:(e,t,n)=>{"use strict";var r,o=n(7430);o.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")),e.exports=function(e,t){if(!o.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,i=n in document;if(!i){var a=document.createElement("div");a.setAttribute(n,"return;"),i="function"==typeof a[n]}return!i&&r&&"wheel"===e&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}},2527:(e,t,n)=>{"use strict";var r=n(6377),o=n(3541);function i(e){var t=0,n=0,r=0,o=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=10*t,o=10*n,"deltaY"in e&&(o=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||o)&&e.deltaMode&&(1==e.deltaMode?(r*=40,o*=40):(r*=800,o*=800)),r&&!t&&(t=r<1?-1:1),o&&!n&&(n=o<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:o}}i.getEventType=function(){return r.firefox()?"DOMMouseScroll":o("wheel")?"wheel":"mousewheel"},e.exports=i},1040:t=>{"use strict";t.exports=e},9706:e=>{"use strict";e.exports=r},4212:e=>{"use strict";e.exports=t},5798:e=>{"use strict";e.exports=n}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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(()=>{"use strict";a.r(u),a.d(u,{bkEllipsis:()=>I,bkEllipsisInstance:()=>j,bkTooltips:()=>T,clickoutside:()=>p,mousewheel:()=>o,overflowTitle:()=>e.overflowTitle});var e=a(1040),t=a(2439),n=a.n(t),r="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>-1;const o={beforeMount:function(e,t){var o,i;console.error(e,t),o=e,i=t.value,(null==o?void 0:o.addEventListener)&&o.addEventListener(r?"DOMMouseScroll":"mousewheel",(function(e){var t=n()(e);null==i||i.apply(this,[e,t])}))}};function i(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var l,s=new Map;function d(e,t){var n,r=[];return Array.isArray(t.arg)?r=t.arg:(n=t.arg,"undefined"!=typeof Element&&n instanceof Element&&r.push(t.arg)),function(n,o){var i=t.instance.popperRef,a=n.target,u=null==o?void 0:o.target,c=!t||!t.instance,l=!a||!u,s=e.contains(a)||e.contains(u),d=e===a,f=r.length&&r.some((function(e){return null==e?void 0:e.contains(a)}))||r.length&&r.includes(u),p=i&&(i.contains(a)||i.contains(u));c||l||s||d||f||p||t.value(n,o)}}document.addEventListener("mousedown",(function(e){return l=e})),document.addEventListener("mouseup",(function(e){var t,n=i(s.values());try{for(n.s();!(t=n.n()).done;){var r,o=i(t.value);try{for(o.s();!(r=o.n()).done;)(0,r.value.documentHandler)(e,l)}catch(e){o.e(e)}finally{o.f()}}}catch(e){n.e(e)}finally{n.f()}}));var f={beforeMount:function(e,t){s.has(e)||s.set(e,[]),s.get(e).push({documentHandler:d(e,t),bindingFn:t.value})},updated:function(e,t){s.has(e)||s.set(e,[]);var n=s.get(e),r=n.findIndex((function(e){return e.bindingFn===t.oldValue})),o={documentHandler:d(e,t),bindingFn:t.value};r>=0?n.splice(r,1,o):n.push(o)},unmounted:function(e){s.delete(e)},install:function(e){e.directive("bkTooltips",f)}};const p=f;function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e){return y="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},y(e)}var b=a(4212),h=a(5798),w=new Map;function g(e){var t={arrow:!0,disabled:!1,trigger:"hover",theme:"dark",content:"",showOnInit:!1,placement:"top",distance:8,extCls:"",sameWidth:!1,delay:0,onShow:function(){},onHide:function(){}};return"object"===y(e.value)?Object.assign(t,e.value):t.content=e.value,t}function x(){var e=document.createElement("div");return e.className=(0,b.resolveClassName)("popper-arrow"),e.setAttribute("data-popper-arrow",""),e}function E(e){var t=w.get(e),n=t.popper,r=t.opts,o=r.disabled,i=r.content,a=r.arrow,u=r.onShow;if(!o){if(n.innerText=i,a){var c=x();n.appendChild(c)}document.body.appendChild(n);var l=function(e,t){var n=w.get(e).opts,r=n.placement,o=n.distance,i=n.showOnInit,a=n.sameWidth,u=(0,h.createPopper)(e,t,{placement:r,modifiers:[{name:"offset",options:{offset:[0,o]}}].concat(v(a?[{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;t.styles.popper.width="".concat(t.rects.reference.width,"px")},effect:function(e){var t=e.state;t.elements.popper.style.overflowWrap="break-word",t.elements.popper.style.width="".concat(t.elements.reference.offsetWidth,"px")}}]:[]))});return i&&E(e),u}(e,n);u(),n.setAttribute("data-show",""),l.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:[].concat(v(e.modifiers),[{name:"eventListeners",enabled:!0}])})})),l.forceUpdate(),w.get(e).popperInstance=l}}function S(e){if(w.get(e)){var t=w.get(e),n=t.popper,r=t.popperInstance,o=t.opts.onHide;n&&document.body.contains(n)&&(n.removeAttribute("data-show"),null==r||r.destroy(),document.body.removeChild(n),o())}}const T={beforeMount:function(e,t){var n=g(t),r=n.trigger,o=function(e){var t=e.content,n=e.arrow,r=e.theme,o=e.extCls,i="light"===r,a=b.bkZIndexManager.getPopperIndex(),u=document.createElement("div");if(u.className="".concat((0,b.resolveClassName)("popper")," ").concat(i?"light":"dark"," ").concat(o),u.innerText=t,u.style.zIndex=String(a),n){var c=x();u.appendChild(c)}return u}(n),i=null;if("hover"===r){var a=null;e.addEventListener("mouseenter",(function(){i=setTimeout((function(){E(e),clearTimeout(a),clearTimeout(i)}),n.delay)})),o.addEventListener("mouseenter",(function(){clearTimeout(a)})),e.addEventListener("mouseleave",(function(){clearTimeout(i),a=setTimeout((function(){S(e)}),100)})),e.addEventListener("click",(function(){S(e)})),o.addEventListener("mouseleave",(function(){clearTimeout(i),a=setTimeout((function(){S(e)}),100)}))}else"click"===r&&document.body.addEventListener("click",(function(t){e.contains(t.target)&&!o.hasAttribute("data-show")?i=setTimeout((function(){E(e),clearTimeout(i)}),n.delay):o.hasAttribute("data-show")&&S(e)}));w.set(e,{opts:n,popper:o,popperInstance:null})},updated:function(e,t){w.get(e).opts=g(t)},unmounted:function(e){S(e),w.delete(e)}};var M=a(9706),A=a.n(M),O=function(e,t){var n={content:"",target:e};return"object"===y(t)?Object.assign(n,t):n.content=t,n},j=function(e,t){var n=null,r=null,o=null;if(!O(e,t).disabled&&!n){var i=function(){o&&clearTimeout(o),o=null},a=function(){r&&clearTimeout(r),null==n||n.hide(),null==n||n.close(),n=null},u=function(){r&&clearTimeout(r),r=setTimeout((function(){var r=O(e,t);r.isShow=!0,r.content=r.content||e.innerHTML,r.allowHtml=!0,Object.assign(r,{onContentMouseenter:i,onContentMouseleave:a}),n=A()(r)}),100)},c=function(){o=setTimeout((function(){r&&clearTimeout(r),null==n||n.hide(),null==n||n.close(),n=null}),120)};return e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",c),{destroyInstance:function(t){var n,r;c(),null===(n=null!=t?t:e)||void 0===n||n.removeEventListener("mouseenter",u),null===(r=null!=t?t:e)||void 0===r||r.removeEventListener("mouseleave",c)},instance:n}}};const I={mounted:function(e,t){j(e,t)}}})(),u})()));

package/lib/directives/tooltips.d.ts

@@ -11,6 +11,7 @@ export declare type IOptions = {
     distance: number;
     extCls: string;
     delay: number;
+    sameWidth: boolean;
     onShow: () => void;
     onHide: () => void;
 };

package/lib/input/index.d.ts

@@ -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;
@@ -82,8 +83,8 @@ declare const BkInput: {
             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> & {
@@ -180,33 +181,38 @@ 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;
@@ -232,6 +238,7 @@ declare const BkInput: {
             rows: number;
             selectReadonly: boolean;
             withValidate: boolean;
+            overMaxLengthLimit: boolean;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -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;
@@ -435,33 +447,38 @@ 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;
@@ -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 i(e){var r=l[e];if(void 0!==r)return r.exports;var t=l[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>y});var e=i(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=i(748);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var l,u,s=i(2717),c=i(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 i=(0,s.usePrefix)().resolveClassName,a=(0,e.useFormItem)(),p=(0,s.useLocale)("input"),d=(0,n.ref)(!1),f=(0,n.ref)(!1),v=(0,n.computed)((function(){return"textarea"===t.type})),m=(0,n.computed)((function(){return v.value?i("textarea"):i("input")})),y=l.attrs,b=y.class,P=y.style,T=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}(y,["class","style"]),g=(0,n.ref)(),h=(0,n.computed)((function(){var r;return(0,e.classes)((o(r={},"".concat(m.value,"--").concat(t.size),!!t.size),o(r,"is-focused",d.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(b),!!b),r),m.value)})),x={search:function(){return(0,n.createVNode)(c.Search,null,null)},password:function(){return(0,n.createVNode)(c.Eye,{onClick:W},null)}},N=F("suffix-icon"),E=(0,n.computed)((function(){var e=x[t.type];return C.value?(0,n.createVNode)(c.Unvisible,{onClick:W,class:N},null):e?(0,n.createVNode)(e,{class:N},null):null})),O=(0,n.computed)((function(){return"number"===t.type})),S=(0,n.computed)((function(){return Math.floor(t.maxlength)})),C=(0,n.ref)(!1),V=(0,n.computed)((function(){return(0,e.classes)(o({"show-clear-only-hover":t.showClearOnlyHover},"".concat(m.value,"--clear-icon"),!0),N)})),w=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":t.disabled||t.modelValue>=t.max})})),A=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":t.disabled||t.modelValue<=t.min})}));function I(){if(!t.disabled){var e=O.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(){g.value.focus()},clear:I});var U,j,D=(U=[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),!f.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&&O.value&&""!==r.target.value){var t=L(r.target.value,0);return l.emit(u.UPDATE,t,r),void l.emit(e,t,r)}l.emit(e,r.target.value,r)}}})),j=6,function(e){if(Array.isArray(e))return e}(U)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,l,i,a=[],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)&&(a.push(o.value),a.length!==r);u=!0);}catch(e){s=!0,n=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw n}}return a}}(U,j)||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}}(U,j)||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.")}()),R=D[0],K=D[1],k=D[2],M=D[3],H=D[4],Y=D[5];function L(e,r){var o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=Number(r),l=Number.isInteger(t.precision)?t.precision:0,i=Number(e),a=Number.isInteger(n)?n:1,u=i+(o?a:-1*a);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 q(){if(!t.disabled){var e=L(t.modelValue,t.step);l.emit(u.UPDATE,e),l.emit(u.CHANGE,e)}}function G(){if(!t.disabled){var e=L(t.modelValue,t.step,!1);l.emit(u.UPDATE,e),l.emit(u.CHANGE,e)}}function F(e){return"".concat(m.value,"--").concat(e)}function W(){C.value=!C.value}var B=(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||p.value.placeholder,readonly:t.readonly,disabled:t.disabled})})),z={onInput:Y,onFocus:function(e){d.value=!0,l.emit(u.FOCUS,e)},onBlur:function(e){var r;d.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:M,onChange:H,onKeypress:k,onKeydown:K,onKeyup:R,onCompositionstart:function(){f.value=!0},onCompositionend:function(e){f.value=!1,Y(e)}};return function(){var e,r,o,i,a,u,s;return(0,n.createVNode)("div",{class:h.value,style:P},[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:F("prefix-area")},[(0,n.createVNode)("span",{class:F("prefix-area--text")},[t.prefix])]),v.value?(0,n.createVNode)("textarea",(0,n.mergeProps)({ref:g,spellcheck:!1},T,z,B.value,{rows:t.rows}),null):(0,n.createVNode)("input",(0,n.mergeProps)({spellcheck:!1},T,{ref:g,class:"".concat(m.value,"--text"),type:C.value&&"password"===t.type?"text":t.type,step:t.step,max:t.max,min:t.min},z,B.value),null),!v.value&&t.clearable&&!!t.modelValue&&(0,n.createVNode)("span",{class:V.value,onClick:I},[(0,n.createVNode)(c.Close,null,null)]),E.value,"number"==typeof t.maxlength&&(t.showWordLimit||v.value)&&(0,n.createVNode)("p",{class:F("max-length")},[(null!==(i=t.modelValue)&&void 0!==i?i:"").toString().length,(0,n.createTextVNode)("/"),(0,n.createVNode)("span",null,[S.value])]),O.value&&t.showControl&&(0,n.createVNode)("div",{class:F("number-control")},[(0,n.createVNode)(c.DownSmall,{class:w.value,onClick:q},null),(0,n.createVNode)(c.DownSmall,{class:A.value,onClick:G},null)]),null!==(s=null===(u=null===(a=l.slots)||void 0===a?void 0:a.suffix)||void 0===u?void 0:u.call(a))&&void 0!==s?s:t.suffix&&(0,n.createVNode)("div",{class:F("suffix-area")},[(0,n.createVNode)("span",{class:F("suffix-area--text")},[t.suffix])])])}}}),y=(0,e.withInstall)(m)})(),a})()));
+!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

@@ -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;
@@ -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;
@@ -296,21 +306,26 @@ 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;
 }, {
     type: string;
     prefix: string;
@@ -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,