bkui-vue 0.0.1-beta.113 → 0.0.1-beta.114

package/lib/button/button.css

@@ -214,8 +214,14 @@
   align-items: center;
   line-height: 1;
 }
-.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
-  margin-right: 6px;
+.bk-button:not(.is-text).is-loading {
+  position: relative;
+}
+.bk-button:not(.is-text).is-loading .bk-button-loading:not(:last-child) {
+  position: absolute;
+}
+.bk-button:not(.is-text).is-loading .bk-button-text {
+  visibility: hidden;
 }
 .bk-button:hover {
   border-color: #979ba5;

package/lib/button/button.less

@@ -109,9 +109,15 @@
   }
 
   &:not(.is-text) {
-    .@{bk-prefix}-button-loading {
-      &:not(:last-child) {
-        margin-right: 6px;
+    &.is-loading {
+      position: relative;
+      .@{bk-prefix}-button-loading {
+        &:not(:last-child) {
+          position: absolute;
+        }
+      }
+      .@{bk-prefix}-button-text {
+        visibility: hidden;
       }
     }
   }

package/lib/button/button.variable.css

@@ -313,8 +313,14 @@
   align-items: center;
   line-height: 1;
 }
-.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
-  margin-right: 6px;
+.bk-button:not(.is-text).is-loading {
+  position: relative;
+}
+.bk-button:not(.is-text).is-loading .bk-button-loading:not(:last-child) {
+  position: absolute;
+}
+.bk-button:not(.is-text).is-loading .bk-button-text {
+  visibility: hidden;
 }
 .bk-button:hover {
   border-color: var(--button-default-hover-border-color);

package/lib/button/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t)=>(()=>{"use strict";var n={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},r={};function i(e){var o=r[e];if(void 0!==o)return o.exports;var t=r[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),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,{BkButton:()=>c,BkButtonGroup:()=>d,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),n=i(4870),r=i.n(n),u=["","small","large"],l={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(u).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(n.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String,default:"button"}};const s=(0,t.defineComponent)({name:"Button",props:l,emits:["click","mouseover"],setup:function(i,a){var l,s=a.slots,d=a.attrs,c=a.emit,p=(0,t.ref)(!1),v=null!==(l=s.default)&&void 0!==l&&l,f="bk-button",m=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),b=(0,t.computed)((function(){var t,n=i.hoverTheme?"".concat(f,"-hover-").concat(i.hoverTheme):"",r=i.theme?"".concat(f,"-").concat(i.theme):"",a=i.hoverTheme?"":r;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":m.value},"".concat(f,"-").concat(i.size),i.size&&u.includes(i.size)),o(t,"no-slot",!v),t),"".concat(a," ").concat(f," ").concat(n))})),g=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?p.value&&!i.text?"white":i.text&&i.disabled?"":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),y=(0,t.computed)((function(){return m.value||i.size===n.BkLoadingSize.Small?n.BkLoadingSize.Mini:n.BkLoadingSize.Small})),h=function(e){i.loading||c("click",e)},T=function(e){p.value=!0,c("mouseover",e)},x=function(){p.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:b.value,type:i.nativeType},d,{onClick:h,onMouseover:T,onMouseleave:x}),[i.loading&&(0,t.createVNode)(r(),{loading:!0,class:"".concat(f,"-loading"),mode:i.loadingMode,theme:g.value,size:y.value},null),s.default&&!i.loading&&(0,t.createVNode)("span",{class:"".concat(f,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),d=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(n,r){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(n.size),!!n.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=r.slots).default)||void 0===o?void 0:o.call(e)])}}});var c=(0,e.withInstallProps)(s,{ButtonGroup:d});const p=c})(),a})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t)=>(()=>{"use strict";var n={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},r={};function i(e){var o=r[e];if(void 0!==o)return o.exports;var t=r[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),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,{BkButton:()=>c,BkButtonGroup:()=>d,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),n=i(4870),r=i.n(n),u=["","small","large"],l={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(u).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(n.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String,default:"button"}};const s=(0,t.defineComponent)({name:"Button",props:l,emits:["click","mouseover"],setup:function(i,a){var l,s=a.slots,d=a.attrs,c=a.emit,p=(0,t.ref)(!1),v=null!==(l=s.default)&&void 0!==l&&l,f="bk-button",m=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),b=(0,t.computed)((function(){var t,n=i.hoverTheme?"".concat(f,"-hover-").concat(i.hoverTheme):"",r=i.theme?"".concat(f,"-").concat(i.theme):"",a=i.hoverTheme?"":r;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":m.value,"is-loading":i.loading},"".concat(f,"-").concat(i.size),i.size&&u.includes(i.size)),o(t,"no-slot",!v),t),"".concat(a," ").concat(f," ").concat(n))})),g=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?p.value&&!i.text?"white":i.text&&i.disabled?"":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),y=(0,t.computed)((function(){return m.value||i.size===n.BkLoadingSize.Small?n.BkLoadingSize.Mini:n.BkLoadingSize.Small})),h=function(e){i.loading||c("click",e)},T=function(e){p.value=!0,c("mouseover",e)},x=function(){p.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:b.value,type:i.nativeType},d,{onClick:h,onMouseover:T,onMouseleave:x}),[i.loading&&(0,t.createVNode)(r(),{loading:!0,class:"".concat(f,"-loading"),mode:i.loadingMode,theme:g.value,size:y.value},null),s.default&&(0,t.createVNode)("span",{class:"".concat(f,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),d=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(n,r){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(n.size),!!n.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=r.slots).default)||void 0===o?void 0:o.call(e)])}}});var c=(0,e.withInstallProps)(s,{ButtonGroup:d});const p=c})(),a})()));

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

package/lib/input/input.css

@@ -33,6 +33,7 @@
   min-height: 70px;
   font-size: 12px;
   line-height: 20px;
+  color: #63656e;
   background-color: white;
   border: 1px solid #c4c6cc;
   border-radius: 2px;

package/lib/input/input.less

@@ -19,6 +19,7 @@
   min-height: 70px;
   font-size: @font-size-base;
   line-height: 20px;
+  color: @input-color;
   background-color: white;
   border: @border-width-base @border-style-base @input-border-color;
   border-radius: 2px;

package/lib/input/input.variable.css

@@ -132,6 +132,7 @@
   min-height: 70px;
   font-size: var(--font-size-base);
   line-height: 20px;
+  color: var(--input-color);
   background-color: white;
   border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
   border-radius: 2px;

package/lib/loading/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{BkLoading:()=>s,BkLoadingMode:()=>t,BkLoadingSize:()=>n,default:()=>p,setDefaultIndicator:()=>u});var e=r(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t,n,i,l=r(748);function u(e){i="function"==typeof e?e:function(){return(0,l.createVNode)(e,null,null)}}!function(e){e.Default="default",e.Spin="spin"}(t||(t={})),function(e){e.Normal="",e.Mini="mini",e.Small="small",e.Large="large"}(n||(n={}));var d={indicator:{type:Function},loading:e.PropTypes.bool.def(!0),inline:e.PropTypes.bool.def(!0),theme:e.PropTypes.theme(["white","primary","warning","success","danger"]),title:e.PropTypes.string.def(""),size:e.PropTypes.commonType(Object.values(n)).def(n.Normal),mode:e.PropTypes.commonType(Object.values(t)).def("default"),opacity:e.PropTypes.number.def(.9),color:e.PropTypes.string.def("white"),zIndex:e.PropTypes.number.def(1)};const c=(0,l.defineComponent)({name:"Loading",props:d,setup:function(n,r){var a=[1,2,3,4].map((function(e){return(0,l.createVNode)("span",{class:"dot dot-".concat(e)},null)})),u=(0,l.createVNode)("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return(0,l.createVNode)("span",{class:"oval oval-".concat(e)},null)}))]),d=(0,l.computed)((function(){return{zIndex:n.zIndex}})),c=(0,l.computed)((function(){return Object.assign({opacity:n.opacity,backgroundColor:n.color},d.value)})),s=(0,l.computed)((function(){return(0,e.classes)({"bk-loading-wrapper":n.loading,"bk-nested-loading":!!r.slots.default})})),p=(0,l.computed)((function(){var t;return(0,e.classes)((o(t={},"bk-loading-size-".concat(n.size),!!n.size),o(t,"bk-loading-".concat(n.theme),!!n.theme),t),"bk-loading-indicator")})),f=(0,l.computed)((function(){return!!n.title})),v=(0,l.computed)((function(){var e=n.mode===t.Spin;return"function"==typeof n.indicator?(0,l.createVNode)(n.indicator,null,null):"function"==typeof i?(0,l.createVNode)(i,null,null):e?u:a}));return function(){var e,o;return(0,l.createVNode)("div",{class:s.value},[n.loading&&[r.slots.default&&(0,l.createVNode)("div",{class:"bk-loading-mask",style:c.value},null),(0,l.createVNode)("div",{class:p.value,style:d.value},[v.value,f.value&&(0,l.createVNode)("div",{class:"bk-loading-title"},[n.title])])],null===(o=(e=r.slots).default)||void 0===o?void 0:o.call(e)])}}});var s=(0,e.withInstallProps)(c,{setDefaultIndicator:u,BkLoadingMode:t,BkLoadingSize:n},!0);const p=s})(),a})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{BkLoading:()=>s,BkLoadingMode:()=>t,BkLoadingSize:()=>n,default:()=>p,setDefaultIndicator:()=>d});var e=r(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t,n,i,l=r(748);function d(e){i="function"==typeof e?e:function(){return(0,l.createVNode)(e,null,null)}}!function(e){e.Default="default",e.Spin="spin"}(t||(t={})),function(e){e.Normal="",e.Mini="mini",e.Small="small",e.Large="large"}(n||(n={}));var u={indicator:{type:Function},loading:e.PropTypes.bool.def(!0),inline:e.PropTypes.bool.def(!0),theme:e.PropTypes.theme(["white","primary","warning","success","danger"]),title:e.PropTypes.string.def(""),size:e.PropTypes.commonType(Object.values(n)).def(n.Normal),mode:e.PropTypes.commonType(Object.values(t)).def("default"),opacity:e.PropTypes.number.def(.9),color:e.PropTypes.string.def("white"),zIndex:e.PropTypes.number.def(1)};const c=(0,l.defineComponent)({name:"Loading",props:u,setup:function(n,r){var a=(0,l.createVNode)("div",{class:"bk-normal-indicator"},[[1,2,3,4].map((function(e){return(0,l.createVNode)("span",{class:"dot dot-".concat(e)},null)}))]),d=(0,l.createVNode)("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return(0,l.createVNode)("span",{class:"oval oval-".concat(e)},null)}))]),u=(0,l.computed)((function(){return{zIndex:n.zIndex}})),c=(0,l.computed)((function(){return Object.assign({opacity:n.opacity,backgroundColor:n.color},u.value)})),s=(0,l.computed)((function(){return(0,e.classes)({"bk-loading-wrapper":n.loading,"bk-nested-loading":!!r.slots.default})})),p=(0,l.computed)((function(){var t;return(0,e.classes)((o(t={},"bk-loading-size-".concat(n.size),!!n.size),o(t,"bk-loading-".concat(n.theme),!!n.theme),t),"bk-loading-indicator")})),f=(0,l.computed)((function(){return!!n.title})),v=(0,l.computed)((function(){var e=n.mode===t.Spin;return"function"==typeof n.indicator?(0,l.createVNode)(n.indicator,null,null):"function"==typeof i?(0,l.createVNode)(i,null,null):e?d:a}));return function(){var e,o;return(0,l.createVNode)("div",{class:s.value},[n.loading&&[r.slots.default&&(0,l.createVNode)("div",{class:"bk-loading-mask",style:c.value},null),(0,l.createVNode)("div",{class:p.value,style:u.value},[v.value,f.value&&(0,l.createVNode)("div",{class:"bk-loading-title"},[n.title])])],null===(o=(e=r.slots).default)||void 0===o?void 0:o.call(e)])}}});var s=(0,e.withInstallProps)(c,{setDefaultIndicator:d,BkLoadingMode:t,BkLoadingSize:n},!0);const p=s})(),a})()));

package/lib/loading/loading.css

@@ -79,8 +79,10 @@
   height: 100%;
 }
 .bk-loading-wrapper .bk-loading-indicator {
+  display: flex;
   line-height: 1;
   text-align: center;
+  flex-direction: column;
 }
 .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
 .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
@@ -179,6 +181,9 @@
   transform: rotate(-180deg);
   animation-delay: -1.5s;
 }
+.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {
+  display: inline-flex;
+}
 .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
   position: relative;
   display: inline-flex;

package/lib/loading/loading.less

@@ -112,8 +112,10 @@
   }
 
   .@{bk-prefix}-loading-indicator {
+    display: flex;
     line-height: 1;
     text-align: center;
+    flex-direction: column;
     each(@themeSelectors, {
       &.@{bk-prefix}-loading-@{key} {
         .loading-theme(@value);
@@ -136,6 +138,10 @@
       }
     });
 
+    .@{bk-prefix}-normal-indicator {
+      display: inline-flex;
+    }
+
     .@{bk-prefix}-spin-indicator {
       position: relative;
       display: inline-flex;

package/lib/loading/loading.variable.css

@@ -178,8 +178,10 @@
   height: 100%;
 }
 .bk-loading-wrapper .bk-loading-indicator {
+  display: flex;
   line-height: 1;
   text-align: center;
+  flex-direction: column;
 }
 .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
 .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
@@ -278,6 +280,9 @@
   transform: rotate(-180deg);
   animation-delay: -1.5s;
 }
+.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {
+  display: inline-flex;
+}
 .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
   position: relative;
   display: inline-flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.113",
+  "version": "0.0.1-beta.114",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",