bkui-vue 0.0.1-beta.55 → 0.0.1-beta.58

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:()=>p});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=a(6870),i={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},u=["update:modelValue","focus","blur","change","clear","input","keypress","keydown","keyup","enter","paste"],s=(0,e.stringEnum)([].concat(u));const c=(0,o.defineComponent)({name:"Input",inheritAttrs:!1,props:i,emits:[].concat(u),setup:function(a,l){var i=(0,o.ref)(!1),u=(0,o.ref)(!1),c=(0,o.computed)((function(){return"textarea"===a.type})),p=(0,o.computed)((function(){return c.value?"bk-textarea":"bk-input"})),d=l.attrs,f=d.class,y=d.style,m=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}(d,["class","style"]),v=(0,o.computed)((function(){var r;return(0,e.classes)((t(r={},"".concat(p.value,"--").concat(a.size),!!a.size),t(r,"is-focused",i.value),t(r,"is-readonly",a.readonly),t(r,"is-disabled",a.disabled),t(r,"is-simplicity","simplicity"===a.behavior),t(r,"".concat(f),!!f),r),p.value)})),b={search:function(){return(0,o.createVNode)(n.Search,null,null)},password:function(){return(0,o.createVNode)(n.Eye,{onClick:U},null)}},g=L("suffix-icon"),x=(0,o.computed)((function(){var e=b[a.type];return T.value?(0,o.createVNode)(n.Unvisible,{onClick:U,class:g},null):e?(0,o.createVNode)(e,{class:g},null):null})),h=(0,o.computed)((function(){return"number"===a.type})),P=(0,o.computed)((function(){return Math.floor(a.maxlength)})),T=(0,o.ref)(!1),V=(0,o.computed)((function(){return(0,e.classes)({"show-clear-only-hover":a.showClearOnlyHover},g)}));function w(){l.emit(s["update:modelValue"],""),l.emit(s.change,""),l.emit(s.clear)}function N(e){i.value=!0,l.emit(s.focus,e)}function O(e){i.value=!1,l.emit(s.blur,e)}var j,S,k=(j=[s.keyup,s.keydown,s.keypress,s.paste,s.change,s.input].map((function(e){return function(r){var t=e;("Enter"!==r.code&&"Enter"!==r.key&&13!==r.keyCode||(t=s.enter,r.type===s.keyup))&&(u.value&&[s.input,s.change].some((function(r){return e===r}))||(e===s.input&&l.emit(s["update:modelValue"],h.value?+r.target.value:r.target.value),l.emit(t,r.target.value,r)))}})),S=6,function(e){if(Array.isArray(e))return e}(j)||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}}(j,S)||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}}(j,S)||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.")}()),C=k[0],I=k[1],A=k[2],E=k[3],q=k[4],M=k[5];function z(){u.value=!0}function F(e){u.value=!1,M(e)}function K(e){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=parseInt(String(e),10),o=Number.isInteger(a.precision)?a.precision:0,n=parseFloat(a.modelValue.toString()),l=Number.isInteger(t)?t:1,i=n+(r?l:-1*l);return Number.isInteger(a.max)&&(i=Math.min(i,a.max)),Number.isInteger(a.min)&&(i=Math.max(i,a.min)),+i.toFixed(o)}function D(){var e=K(a.step);l.emit(s["update:modelValue"],e)}function H(){var e=K(a.step,!1);l.emit(s["update:modelValue"],e)}function L(e){return"".concat(p.value,"--").concat(e)}function U(){T.value=!T.value}var W=(0,o.computed)((function(){return{value:a.modelValue,maxlength:a.maxlength,placeholder:a.placeholder,readonly:a.readonly,disabled:a.disabled,onInput:M,onFocus:N,onBlur:O,onPaste:E,onChange:q,onKeypress:A,onKeydown:I,onKeyup:C,onCompositionstart:z,onCompositionend:F}}));return function(){var e,r,t,i,u,s;return(0,o.createVNode)("div",{class:v.value,style:y},[null!==(t=null===(r=null===(e=l.slots)||void 0===e?void 0:e.prefix)||void 0===r?void 0:r.call(e))&&void 0!==t?t:a.prefix&&(0,o.createVNode)("div",{class:L("prefix-area")},[(0,o.createVNode)("span",{class:L("prefix-area--text")},[a.prefix])]),c.value?(0,o.createVNode)("textarea",(0,o.mergeProps)(m,W.value,{rows:a.rows}),null):(0,o.createVNode)("input",(0,o.mergeProps)(m,{class:"".concat(p.value,"--text"),type:T.value&&"password"===a.type?"text":a.type,step:a.step,max:a.max,min:a.min},W.value),null),!c.value&&a.clearable&&!!a.modelValue&&(0,o.createVNode)(n.Close,{onClick:w,class:V.value},null),x.value,"number"==typeof a.maxlength&&(a.showWordLimit||c.value)&&(0,o.createVNode)("p",{class:L("max-length")},[a.modelValue.toString().length,(0,o.createTextVNode)("/"),(0,o.createVNode)("span",null,[P.value])]),h.value&&a.showControl&&(0,o.createVNode)("div",{class:L("number-control")},[(0,o.createVNode)(n.DownSmall,{onClick:D},null),(0,o.createVNode)(n.DownSmall,{onClick:H},null)]),null!==(s=null===(u=null===(i=l.slots)||void 0===i?void 0:i.suffix)||void 0===u?void 0:u.call(i))&&void 0!==s?s:a.suffix&&(0,o.createVNode)("div",{class:L("suffix-area")},[(0,o.createVNode)("span",{class:L("suffix-area--text")},[a.suffix])])])}}}),p=(0,e.withInstall)(c)})(),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:()=>p});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=a(6870),u={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},i=["update:modelValue","focus","blur","change","clear","input","keypress","keydown","keyup","enter","paste"],s=(0,e.stringEnum)([].concat(i));const c=(0,o.defineComponent)({name:"Input",inheritAttrs:!1,props:u,emits:[].concat(i),setup:function(a,l){var u=(0,o.ref)(!1),i=(0,o.ref)(!1),c=(0,o.computed)((function(){return"textarea"===a.type})),p=(0,o.computed)((function(){return c.value?"bk-textarea":"bk-input"})),d=l.attrs,f=d.class,y=d.style,m=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}(d,["class","style"]),v=(0,o.ref)(),b=(0,o.computed)((function(){var r;return(0,e.classes)((t(r={},"".concat(p.value,"--").concat(a.size),!!a.size),t(r,"is-focused",u.value),t(r,"is-readonly",a.readonly),t(r,"is-disabled",a.disabled),t(r,"is-simplicity","simplicity"===a.behavior),t(r,"".concat(f),!!f),r),p.value)})),g={search:function(){return(0,o.createVNode)(n.Search,null,null)},password:function(){return(0,o.createVNode)(n.Eye,{onClick:W},null)}},x=U("suffix-icon"),h=(0,o.computed)((function(){var e=g[a.type];return V.value?(0,o.createVNode)(n.Unvisible,{onClick:W,class:x},null):e?(0,o.createVNode)(e,{class:x},null):null})),P=(0,o.computed)((function(){return"number"===a.type})),T=(0,o.computed)((function(){return Math.floor(a.maxlength)})),V=(0,o.ref)(!1),w=(0,o.computed)((function(){return(0,e.classes)({"show-clear-only-hover":a.showClearOnlyHover},x)}));function N(){l.emit(s["update:modelValue"],""),l.emit(s.change,""),l.emit(s.clear)}function O(e){u.value=!0,l.emit(s.focus,e)}function j(e){u.value=!1,l.emit(s.blur,e)}l.expose({focus:function(){v.value.focus()},clear:N});var S,C,k=(S=[s.keyup,s.keydown,s.keypress,s.paste,s.change,s.input].map((function(e){return function(r){"Enter"!==r.code&&"Enter"!==r.key&&13!==r.keyCode||l.emit(s.enter,r.target.value,r),i.value&&[s.input,s.change].some((function(r){return e===r}))||(e===s.input&&l.emit(s["update:modelValue"],P.value?+r.target.value:r.target.value),l.emit(e,r.target.value,r))}})),C=6,function(e){if(Array.isArray(e))return e}(S)||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,u=!1;try{for(t=t.call(e);!(l=(o=t.next()).done)&&(a.push(o.value),!r||a.length!==r);l=!0);}catch(e){u=!0,n=e}finally{try{l||null==t.return||t.return()}finally{if(u)throw n}}return a}}(S,C)||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}}(S,C)||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.")}()),I=k[0],A=k[1],E=k[2],q=k[3],M=k[4],z=k[5];function F(){i.value=!0}function K(e){i.value=!1,z(e)}function D(e){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=parseInt(String(e),10),o=Number.isInteger(a.precision)?a.precision:0,n=parseFloat(a.modelValue.toString()),l=Number.isInteger(t)?t:1,u=n+(r?l:-1*l);return Number.isInteger(a.max)&&(u=Math.min(u,a.max)),Number.isInteger(a.min)&&(u=Math.max(u,a.min)),+u.toFixed(o)}function H(){var e=D(a.step);l.emit(s["update:modelValue"],e)}function L(){var e=D(a.step,!1);l.emit(s["update:modelValue"],e)}function U(e){return"".concat(p.value,"--").concat(e)}function W(){V.value=!V.value}var _=(0,o.computed)((function(){return{value:a.modelValue,maxlength:a.maxlength,placeholder:a.placeholder,readonly:a.readonly,disabled:a.disabled,onInput:z,onFocus:O,onBlur:j,onPaste:q,onChange:M,onKeypress:E,onKeydown:A,onKeyup:I,onCompositionstart:F,onCompositionend:K}}));return function(){var e,r,t,u,i,s;return(0,o.createVNode)("div",{class:b.value,style:y},[null!==(t=null===(r=null===(e=l.slots)||void 0===e?void 0:e.prefix)||void 0===r?void 0:r.call(e))&&void 0!==t?t:a.prefix&&(0,o.createVNode)("div",{class:U("prefix-area")},[(0,o.createVNode)("span",{class:U("prefix-area--text")},[a.prefix])]),c.value?(0,o.createVNode)("textarea",(0,o.mergeProps)({ref:v},m,_.value,{rows:a.rows}),null):(0,o.createVNode)("input",(0,o.mergeProps)(m,{ref:v,class:"".concat(p.value,"--text"),type:V.value&&"password"===a.type?"text":a.type,step:a.step,max:a.max,min:a.min},_.value),null),!c.value&&a.clearable&&!!a.modelValue&&(0,o.createVNode)(n.Close,{onClick:N,class:w.value},null),h.value,"number"==typeof a.maxlength&&(a.showWordLimit||c.value)&&(0,o.createVNode)("p",{class:U("max-length")},[a.modelValue.toString().length,(0,o.createTextVNode)("/"),(0,o.createVNode)("span",null,[T.value])]),P.value&&a.showControl&&(0,o.createVNode)("div",{class:U("number-control")},[(0,o.createVNode)(n.DownSmall,{onClick:H},null),(0,o.createVNode)(n.DownSmall,{onClick:L},null)]),null!==(s=null===(i=null===(u=l.slots)||void 0===u?void 0:u.suffix)||void 0===i?void 0:i.call(u))&&void 0!==s?s:a.suffix&&(0,o.createVNode)("div",{class:U("suffix-area")},[(0,o.createVNode)("span",{class:U("suffix-area--text")},[a.suffix])])])}}}),p=(0,e.withInstall)(c)})(),l})()));

package/lib/input/input.css

@@ -19,6 +19,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .bk-textarea {
   width: 100%;
   min-height: 70px;
@@ -179,6 +187,7 @@
 .bk-input--number-control span {
   display: block;
   height: 50%;
+  line-height: 1;
   overflow: hidden;
   color: #c4c6cc;
   text-align: center;

package/lib/input/input.d.ts

@@ -232,29 +232,29 @@ declare const _default: import("vue").DefineComponent<{
     onKeydown?: (...args: any[]) => any;
     onKeypress?: (...args: any[]) => any;
     onKeyup?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
     onEnter?: (...args: any[]) => any;
+    onClear?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     type: string;
     placeholder: string;
     prefix: string;
     step: number;
     disabled: boolean;
-    modelValue: string | number;
-    readonly: boolean;
     clearable: boolean;
-    behavior: string;
-    max: number;
-    min: number;
-    maxlength: number;
+    readonly: boolean;
     prefixIcon: string;
     suffixIcon: string;
     suffix: string;
+    max: number;
+    min: number;
+    maxlength: number;
+    behavior: string;
     showWordLimit: boolean;
     showControl: boolean;
     showClearOnlyHover: boolean;
     precision: number;
+    modelValue: string | number;
     rows: number;
 }>;
 export default _default;

package/lib/input/input.less

@@ -198,6 +198,7 @@
     span {
       display: block;
       height: 50%;
+      line-height: 1;
       overflow: hidden;
       color: @light-gray;
       text-align: center;

package/lib/input/input.variable.css

@@ -113,6 +113,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .bk-textarea {
   width: 100%;
   min-height: 70px;
@@ -274,6 +282,7 @@
 .bk-input--number-control span {
   display: block;
   height: 50%;
+  line-height: 1;
   overflow: hidden;
   color: var(--light-gray);
   text-align: center;

package/lib/loading/loading.css

@@ -19,6 +19,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .bk-loading-wrapper {
   position: static;
   font-size: 0;

package/lib/loading/loading.variable.css

@@ -113,6 +113,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .bk-loading-wrapper {
   position: static;
   font-size: 0;

package/lib/menu/menu.css

@@ -19,6 +19,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .collapse {
   width: 60px;
 }

package/lib/menu/menu.variable.css

@@ -113,6 +113,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .collapse {
   width: var(--menu-collapse-width);
 }