@king-design/vue 3.1.4-beta.2 → 3.1.4

package/components/grid/row.vdt.js

@@ -5,18 +5,15 @@ import { makeRowStyles } from './styles';
 import { context as GutterContext, gutterStyle } from './useGutter';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      children = _this$get.children,
-      style = _this$get.style,
-      justify = _this$get.justify,
-      align = _this$get.align;
-
+    className = _this$get.className,
+    children = _this$get.children,
+    style = _this$get.style,
+    justify = _this$get.justify,
+    align = _this$get.align;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-row"] = true, _classNameObj[k + "-justify-" + justify] = justify, _classNameObj[k + "-align-" + align] = align, _classNameObj[className] = className, _classNameObj[makeRowStyles(k)] = true, _classNameObj);
   var gutter = this.gutter.getGutter();

package/components/grid/styles.js

@@ -1,25 +1,23 @@
 import { css } from '@emotion/css';
 import '../../styles/global';
 import { breakpoints, responsiveMap } from './constants';
-import { cache } from '../utils'; // const defaults = {};
+import { cache } from '../utils';
+// const defaults = {};
 // let grid: typeof defaults;
 // setDefault(() => {
 // grid = deepDefaults(theme, {grid: defaults}).grid;
 // makeRowStyles?.clearCache();
 // makeColStyles?.clearCache();
 // });
-
 export var makeRowStyles = cache(function makeRowStyles(k) {
   return /*#__PURE__*/css("position:relative;display:flex;flex-wrap:wrap;&.", k, "-justify-start{justify-content:flex-start;}&.", k, "-justify-end{justify-content:flex-end;}&.", k, "-justify-center{justify-content:center;}&.", k, "-justify-between{justify-content:space-between;}&.", k, "-justify-around{justify-content:space-around;}&.", k, "-justify-evenly{justify-content:space-evenly;}&.", k, "-align-top{align-items:flex-start;}&.", k, "-align-bottom{align-items:flex-end;}&.", k, "-align-middle{align-items:center;}&.", k, "-align-stretch{align-items:stretch;}&.", k, "-align-baseline{align-items:baseline;}");
 });
 export var makeColStyles = cache(function makeColStyles(k) {
   return /*#__PURE__*/css("position:relative;width:100%;.", k, "-col-wrapper{height:100%;}", makeBreakpointsCols(k), ";");
 });
-
 function makeBreakpointsCols(k) {
   var styles = [];
   styles.push(makeCols(k));
-
   for (var i = breakpoints.length - 1; i >= 0; i--) {
     var breakpoint = breakpoints[i];
     if (breakpoint === 'xs') continue;
@@ -27,17 +25,13 @@ function makeBreakpointsCols(k) {
     styles.push(makeCols(k + "-" + 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            &." + prefix + "-" + i + " {\n                width: " + percentage + ";\n            }\n            &." + prefix + "-offset-" + i + " {\n                margin-left: " + percentage + ";\n            }\n            &." + prefix + "-order-" + i + " {\n                order: " + i + ";\n            }\n            &." + prefix + "-push-" + i + " {\n                left: " + percentage + ";\n            }\n            &." + prefix + "-pull-" + i + " {\n                right: " + percentage + ";\n            }\n        ");
   }
-
   return colsStyles.join('');
 }

package/components/grid/useBreakpoints.js

@@ -19,22 +19,18 @@ export function useBreakpoints() {
       }
     });
   });
-
   function getBreakpointsClassName(k) {
     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;
         }
@@ -42,7 +38,6 @@ export function useBreakpoints() {
     });
     return classNameObj;
   }
-
   return {
     getBreakpointsClassName: getBreakpointsClassName
   };

package/components/grid/useGutter.js

@@ -1,15 +1,15 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { useInstance } from 'intact-vue-next';
 import { createContext } from '../context';
-import { hasDocumentAvailable, isObject, isNullOrUndefined } from 'intact-shared'; // import type * as EnquireJs from 'enquire.js';
-
+import { hasDocumentAvailable, isObject, isNullOrUndefined } from 'intact-shared';
+// import type * as EnquireJs from 'enquire.js';
 import enquire from 'enquire.js';
 import { useState } from '../../hooks/useState';
-import { responsiveMap } from './constants'; // let enquire: typeof EnquireJs;
+import { responsiveMap } from './constants';
+// let enquire: typeof EnquireJs;
 // if (hasDocumentAvailable) {
 // enquire = require('enquire.js');
 // }
-
 export var context = createContext(0);
 export function useGutter() {
   var instance = useInstance();
@@ -21,66 +21,51 @@ export function useGutter() {
     sm: false,
     xs: false
   });
-
   if (hasDocumentAvailable) {
     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
   };
@@ -89,14 +74,11 @@ 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,7 +1,5 @@
 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';
@@ -14,33 +12,25 @@ var typeDefs = {
   hoverable: Boolean,
   disabled: 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;
     _this.config = useConfigContext();
     return _this;
   }
-
   return Icon;
 }(Component);
 Icon.displayName = 'Icon';

package/components/icon/index.vdt.js

@@ -4,31 +4,26 @@ 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,
-      disabled = _this$get.disabled;
-
+    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,
+    disabled = _this$get.disabled;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-icon"] = true, _classNameObj[k + "-rotate"] = rotate, _classNameObj[k + "-hoverable"] = !disabled && hoverable, _classNameObj[k + "-disabled"] = disabled, _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(k)] = true;
@@ -38,7 +33,6 @@ export default function ($props, $blocks, $__proto__) {
   } else {
     classNameObj[makeStyles(k)] = true;
   }
-
   return _$cv('i', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this), {

package/components/icon/styles.js

@@ -11,15 +11,12 @@ var defaults = {
   get transition() {
     return theme.transition.small;
   },
-
   get disabledColor() {
     return theme.color.disabled;
   },
-
   get color() {
     return theme.color.lightBlack;
   },
-
   fontSize: {
     default: '16px',
     large: '22px',
@@ -32,7 +29,7 @@ setDefault(function () {
   icon = deepDefaults(theme, {
     icon: defaults
   }).icon;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var colors = ['primary', 'warning', 'danger', 'success'];
 export var sizes = ['large', 'small', 'mini'];

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 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' | 'maxlength' | (string & {});
+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' | 'maxlength' | (string & {});
 interface InputHTMLAttributes extends CommonInputHTMLAttributes {
     pattern?: string;
     dirname?: string;
@@ -10,7 +10,7 @@ interface InputHTMLAttributes extends CommonInputHTMLAttributes {
     cols?: number;
     wrap?: 'hard' | 'soft';
 }
-declare type Value = string | number;
+type Value = string | number;
 export interface InputProps<V extends Value = Value> extends InputHTMLAttributes {
     type?: HTMLInputTypes;
     value?: V;
@@ -33,7 +33,7 @@ export interface InputProps<V extends Value = Value> extends InputHTMLAttributes
     flat?: boolean;
     showCount?: boolean;
 }
-export declare type AutoRows = {
+export type AutoRows = {
     min?: number;
     max?: number;
 };

package/components/input/index.js

@@ -34,7 +34,6 @@ var typeDefs = {
   flat: Boolean,
   showCount: Boolean
 };
-
 var defaults = function defaults() {
   return {
     type: 'text',
@@ -43,7 +42,6 @@ var defaults = function defaults() {
     resize: 'vertical'
   };
 };
-
 var events = {
   clear: true,
   focus: true,
@@ -52,16 +50,12 @@ 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();
@@ -72,32 +66,25 @@ export var Input = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     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() {
     selectValue(this.inputRef.value);
   };
-
   _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);