@king-design/vue 2.1.4 → 2.1.5

package/components/grid/styles.js

@@ -1,4 +1,5 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
 import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
@@ -25,9 +26,11 @@ var colsStyles = makeBreakpointsCols();
 export function makeColStyles() {
   return /*#__PURE__*/css("position:relative;width:100%;.k-col-wrapper{height:100%;}", colsStyles, ";");
 }
+
 function makeBreakpointsCols() {
   var styles = [];
   styles.push(makeCols(''));
+
   for (var i = breakpoints.length - 1; i >= 0; i--) {
     var breakpoint = breakpoints[i];
     if (breakpoint === 'xs') continue;
@@ -35,13 +38,17 @@ function makeBreakpointsCols() {
     styles.push(makeCols("-" + breakpoint));
     styles.push('}');
   }
+
   return styles.join('');
 }
+
 function makeCols(prefix) {
   var colsStyles = [];
+
   for (var i = 0; i < 24; i++) {
     var percentage = String(i / 24 * 100) + '%';
     colsStyles.push("\n            &.k" + prefix + "-" + i + " {\n                width: " + percentage + ";\n            }\n            &.k" + prefix + "-offset-" + i + " {\n                margin-left: " + percentage + ";\n            }\n            &.k" + prefix + "-order-" + i + " {\n                order: " + i + ";\n            }\n            &.k" + prefix + "-push-" + i + " {\n                left: " + percentage + ";\n            }\n            &.k" + prefix + "-pull-" + i + " {\n                right: " + percentage + ";\n            }\n        ");
   }
+
   return colsStyles.join('');
 }

package/components/grid/useBreakpoints.js

@@ -19,18 +19,22 @@ export function useBreakpoints() {
       }
     });
   });
+
   function getBreakpointsClassName() {
     var classNameObj = {};
     breakpoints.forEach(function (breakpoint) {
       var value = breakpointsValue[breakpoint];
       if (isNullOrUndefined(value)) return;
       var prefix = breakpoint === 'xs' ? 'k-' : "k-" + breakpoint + "-";
+
       if (!isNullOrUndefined(value.span)) {
         classNameObj["" + prefix + value.span] = true;
       }
+
       _Object$keys(baseTypeDefs).forEach(function (prop) {
         // ignore span prop
         if (prop === 'span') return;
+
         if (!isNullOrUndefined(value[prop])) {
           classNameObj["" + prefix + prop + "-" + value[prop]] = true;
         }
@@ -38,6 +42,7 @@ export function useBreakpoints() {
     });
     return classNameObj;
   }
+
   return {
     getBreakpointsClassName: getBreakpointsClassName
   };

package/components/grid/useGutter.js

@@ -5,9 +5,11 @@ import { hasDocumentAvailable, isObject, isNullOrUndefined } from 'intact-shared
 import { useState } from '../../hooks/useState';
 import { responsiveMap } from './constants';
 var enquire;
+
 if (hasDocumentAvailable) {
   enquire = require('enquire.js');
 }
+
 export var context = createContext(0);
 export function useGutter() {
   var instance = useInstance();
@@ -19,51 +21,66 @@ export function useGutter() {
     sm: false,
     xs: false
   });
+
   if (enquire) {
     var _loop = function _loop(key) {
       enquire.register(responsiveMap[key], {
         match: function match() {
           var _instance$get = instance.get(),
-            gutter = _instance$get.gutter;
+              gutter = _instance$get.gutter;
+
           if (isObject(gutter)) {
             var _extends2;
+
             matches.set(_extends({}, matches.value, (_extends2 = {}, _extends2[key] = true, _extends2)));
           }
         },
         unmatch: function unmatch() {
           var _instance$get2 = instance.get(),
-            gutter = _instance$get2.gutter;
+              gutter = _instance$get2.gutter;
+
           if (isObject(gutter)) {
             var _extends3;
+
             matches.set(_extends({}, matches.value, (_extends3 = {}, _extends3[key] = false, _extends3)));
           }
         }
       });
     };
+
     for (var key in responsiveMap) {
       _loop(key);
     }
   }
+
   function getGutter() {
     var _instance$get3 = instance.get(),
-      gutter = _instance$get3.gutter;
+        gutter = _instance$get3.gutter;
+
     if (isObject(gutter)) {
       var _key;
+
       var lastFound = null;
+
       for (_key in responsiveMap) {
         var value = gutter[_key];
+
         if (!isNullOrUndefined(value)) {
           lastFound = value;
+
           if (matches.value[_key]) {
             return value;
           }
         }
-      }
-      // if the breakpoint has not value, use the closest breakpoint value instead of
+      } // if the breakpoint has not value, use the closest breakpoint value instead of
+
+
       return lastFound;
     }
+
     return gutter;
   }
+
   return {
     getGutter: getGutter
   };
@@ -72,11 +89,14 @@ export function gutterStyle(gutter, style, prop) {
   var margin = gutter / 2;
   var sign = prop === 'margin' ? '-' : '';
   if (!style) style = '';
+
   if (typeof style === 'string') {
     style = "" + style + (!style || /;\s*$/.test(style) ? '' : ';') + prop + "-left: " + sign + margin + "px; " + prop + "-right: " + sign + margin + "px;";
   } else {
     var _extends4;
+
     style = _extends((_extends4 = {}, _extends4[prop + "Left"] = "" + sign + margin + "px", _extends4[prop + "Right"] = "" + sign + margin + "px", _extends4), style);
   }
+
   return style;
 }

package/components/icon/index.js

@@ -1,5 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+
 var _context, _context2;
+
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import { Component } from 'intact-vue-next';
 import template from './index.vdt';
@@ -10,24 +12,32 @@ var typeDefs = {
   rotate: Boolean,
   hoverable: Boolean
 };
+
 var defaults = function defaults() {
   return {
     size: 'default'
   };
 };
+
 var defaultColors = _concatInstanceProperty(_context2 = []).call(_context2, colors, ['default']);
+
 export var Icon = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Icon, _Component);
+
   function Icon() {
     var _context3;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context3 = [this]).call(_context3, args)) || this;
     _this.colors = defaultColors;
     return _this;
   }
+
   return Icon;
 }(Component);
 Icon.displayName = 'Icon';

package/components/icon/index.vdt.js

@@ -4,28 +4,33 @@ import { addStyle, getRestProps } from '../utils';
 import makeStyles from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    style = _this$get.style,
-    size = _this$get.size,
-    color = _this$get.color,
-    rotate = _this$get.rotate,
-    hoverable = _this$get.hoverable,
-    children = _this$get.children;
+      className = _this$get.className,
+      style = _this$get.style,
+      size = _this$get.size,
+      color = _this$get.color,
+      rotate = _this$get.rotate,
+      hoverable = _this$get.hoverable,
+      children = _this$get.children;
+
   var classNameObj = (_classNameObj = {
     'k-icon': true,
     'k-rotate': rotate,
     'k-hoverable': hoverable
   }, _classNameObj[className] = className, _classNameObj);
   var _style = {};
+
   if (/^\d+$/.test(size)) {
     _style.fontSize = size + 'px';
   } else if (size !== 'default') {
     classNameObj["k-" + size] = true;
   }
+
   if (this.colors.indexOf(color) > -1) {
     classNameObj["k-" + color] = color !== 'default';
     classNameObj[makeStyles()] = true;
@@ -35,6 +40,7 @@ export default function ($props, $blocks, $__proto__) {
   } else {
     classNameObj[makeStyles()] = true;
   }
+
   return _$cv('i', _extends({
     'className': _$cn(classNameObj),
     'style': addStyle(style, _style)

package/components/icon/styles.js

@@ -10,6 +10,7 @@ var defaults = {
   get transition() {
     return theme.transition.small;
   },
+
   fontSize: {
     default: '16px',
     large: '22px',

package/components/input/index.d.ts

@@ -2,7 +2,7 @@ import { Component, TypeDefs } from 'intact-vue-next';
 import { Sizes } from '../../styles/utils';
 import { CommonInputHTMLAttributes, Events } from '../types';
 export * from './search';
-export type HTMLInputTypes = 'textarea' | 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | (string & {});
+export declare type HTMLInputTypes = 'textarea' | 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | (string & {});
 interface InputHTMLAttributes extends CommonInputHTMLAttributes {
     pattern?: string;
     dirname?: string;
@@ -10,7 +10,7 @@ interface InputHTMLAttributes extends CommonInputHTMLAttributes {
     cols?: number;
     wrap?: 'hard' | 'soft';
 }
-type Value = string | number;
+declare type Value = string | number;
 export interface InputProps<V extends Value = Value> extends InputHTMLAttributes {
     type?: HTMLInputTypes;
     value?: V;
@@ -31,7 +31,7 @@ export interface InputProps<V extends Value = Value> extends InputHTMLAttributes
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
     showPassword?: boolean;
 }
-export type AutoRows = {
+export declare type AutoRows = {
     min?: number;
     max?: number;
 };

package/components/input/index.js

@@ -30,6 +30,7 @@ var typeDefs = {
   resize: ['none', 'vertical', 'horizontal', 'both'],
   showPassword: Boolean
 };
+
 var defaults = function defaults() {
   return {
     type: 'text',
@@ -38,6 +39,7 @@ var defaults = function defaults() {
     resize: 'vertical'
   };
 };
+
 var events = {
   clear: true,
   focus: true,
@@ -46,12 +48,16 @@ var events = {
 };
 export var Input = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Input, _Component);
+
   function Input() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.inputRef = createRef();
     _this.autoWidth = useAutoWidth();
@@ -60,15 +66,20 @@ export var Input = /*#__PURE__*/function (_Component) {
     _this.showPassword = useShowPassword();
     return _this;
   }
+
   var _proto = Input.prototype;
+
   _proto.focus = function focus() {
     this.inputRef.value.focus();
   };
+
   _proto.blur = function blur() {
     this.inputRef.value.blur();
   };
+
   _proto.select = function select() {
     var input = this.inputRef.value;
+
     if (input.select) {
       input.select();
     } else if (input.setSelectionRange) {
@@ -77,15 +88,18 @@ export var Input = /*#__PURE__*/function (_Component) {
       input.setSelectionRange(0, input.value.length);
     }
   };
+
   _proto.clear = function clear(e) {
     this.set('value', '');
     this.focus();
     this.trigger('clear', e);
   };
+
   return Input;
 }(Component);
 Input.template = template;
 Input.typeDefs = typeDefs;
 Input.defaults = defaults;
 Input.events = events;
+
 __decorate([bind], Input.prototype, "clear", null);