@king-design/react 2.0.0-beta.1 → 2.0.2

package/components/dialog/useFixBody.d.ts

@@ -1,2 +1,8 @@
 import { RefObject } from 'intact-react';
+declare type Hooks = {
+    onStart?: (scrollBarWidth: number | undefined) => void;
+    onEnd?: () => void;
+};
 export declare function useFixBody(elementRef: RefObject<HTMLDivElement>): void;
+export declare function setHooks(h: Hooks | null): void;
+export {};

package/components/dialog/useFixBody.js

@@ -4,6 +4,7 @@ import { scrollbarWidth } from '../position';
 import { SHOW } from './constants';
 var dialogs = new _Set();
 var originalStyle = null;
+var hooks = null;
 export function useFixBody(elementRef) {
   var instance = useInstance();
   var fixedBody = false;
@@ -30,6 +31,9 @@ export function useFixBody(elementRef) {
     }
   }
 }
+export function setHooks(h) {
+  hooks = h;
+}
 
 function onOpen(dialog) {
   var body = document.body;
@@ -43,6 +47,10 @@ function onOpen(dialog) {
     if (scrollBarWidth) {
       bodyStyle.paddingRight = scrollBarWidth + "px";
     }
+
+    if (hooks && hooks.onStart) {
+      hooks.onStart(scrollBarWidth);
+    }
   }
 
   dialogs.add(dialog);
@@ -59,6 +67,10 @@ function onClosed(dialog) {
     } else {
       body.removeAttribute('style');
     }
+
+    if (hooks && hooks.onEnd) {
+      hooks.onEnd();
+    }
   }
 }
 

package/components/drawer/index.spec.js

@@ -7,7 +7,7 @@ import { mount, unmount, dispatchEvent, getElement, wait } from '../../test/util
 describe('Drawer', function () {
   afterEach(function (done) {
     unmount();
-    setTimeout(done, 400);
+    setTimeout(done, 500);
   });
   it('should show drawer correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, trigger, drawer;
@@ -28,13 +28,13 @@ describe('Drawer', function () {
             drawer = getElement('.k-dialog-wrapper');
             expect(drawer.innerHTML).to.matchSnapshot();
             _context.next = 11;
-            return wait(400);
+            return wait(500);
 
           case 11:
             //hide
             getElement('.k-dialog-overlay').click();
             _context.next = 14;
-            return wait(400);
+            return wait(500);
 
           case 14:
             expect(getElement('.k-drawer')).to.be.undefined;
@@ -139,7 +139,7 @@ describe('Drawer', function () {
           case 9:
             dispatchEvent(document, 'click');
             _context4.next = 12;
-            return wait(400);
+            return wait(500);
 
           case 12:
             dialog = getElement('.k-dialog-wrapper');
@@ -147,7 +147,7 @@ describe('Drawer', function () {
             btn = dialog.querySelector('.k-dialog-ok');
             btn.click();
             _context4.next = 18;
-            return wait(400);
+            return wait(500);
 
           case 18:
             expect(getElement('.k-drawer')).to.be.undefined;

package/components/drawer/styles.js

@@ -6,7 +6,7 @@ import '../../styles/global';
 export var placements = ['top', 'right', 'bottom', 'left'];
 var defaults = {
   get transition() {
-    return theme.transition;
+    return theme.transition.large;
   },
 
   get boxShadow() {

package/components/dropdown/dropdown.js

@@ -167,6 +167,7 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
       var vnode = props.vnode;
       if (!vnode) return props;
       var _props = vnode.props;
+      if (!_props) return props;
       return {
         vnode: vnode,
         'ev-click': _props.onClick,

package/components/dropdown/index.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import { Dropdown as BaseDropdown } from './dropdown';
 import { DropdownMenu as BaseDropdownMenu } from './menu';
-export * from './item'; // Don't export the generic type class, because it will let
-// the type inferring break down
+export * from './item'; // Don't export the generic type class, because it will break down the type inference 
 // declare class _Dropdown extends BaseDropdown<
 // DropdownProps,
 // DropdownEvents,

package/components/dropdown/index.spec.js

@@ -11,7 +11,7 @@ import ContextMenuDemo from '~/components/dropdown/demos/contextmenu';
 describe('Dropdown', function () {
   afterEach(function (done) {
     unmount();
-    setTimeout(done, 400);
+    setTimeout(done, 500);
   }); // it('demos test', () => {
   // const req = require.context('~/components/dropdown/demos', true, /^((?!async).)*index\.js$/i);
   // req.keys().forEach(item => {
@@ -129,7 +129,7 @@ describe('Dropdown', function () {
             _dropdown$querySelect = dropdown.querySelectorAll(':scope > .k-dropdown-item'), hoverItem = _dropdown$querySelect[3], clickItem = _dropdown$querySelect[4];
             clickItem.click();
             _context4.next = 9;
-            return wait(300);
+            return wait(500);
 
           case 9:
             clickSubDropdown = getElement('.k-dropdown-menu');
@@ -463,7 +463,7 @@ describe('Dropdown', function () {
             _mount8 = mount(Demo), instance = _mount8[0], element = _mount8[1];
             dispatchEvent(instance.refs.trigger, 'mouseenter');
             _context12.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             dropdown = getElement('.k-dropdown-menu');

package/components/dropdown/styles.js

@@ -52,5 +52,5 @@ export function makeMenuStyles() {
   return /*#__PURE__*/css("position:absolute;min-width:", dropdown.menu.minWidth, ";background:", dropdown.menu.bgColor, ";border-radius:", dropdown.menu.borderRadius, ";box-shadow:", theme.boxShadow, ";font-size:", dropdown.menu.fontSize, ";z-index:", dropdown.menu.zIndex, ";top:0;left:0;.k-dropdown{display:block;}");
 }
 export function makeItemStyles() {
-  return /*#__PURE__*/css("padding:", dropdown.item.padding, ";cursor:pointer;white-space:nowrap;height:", dropdown.item.height, ";line-height:", dropdown.item.height, ";&.k-hover{background:", dropdown.item.hoverBgColor, ";}&:first-of-type{border-radius:", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, " 0 0;}&:last-of-type{border-radius:0 0 ", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, ";}&.k-disabled{background:", dropdown.item.disabledBgColor, ";color:", dropdown.item.disabledColor, ";cursor:not-allowed;}.k-checkbox,.k-radio{display:block;margin:0 -", getRight(dropdown.item.padding), " 0 -", getLeft(dropdown.item.padding), ";padding:", dropdown.item.padding, ";}.k-checkbox-wrapper,.k-radio-wrapper{vertical-align:text-bottom;}.k-checkbox-text,.k-radio-text{vertical-align:baseline;}");
+  return /*#__PURE__*/css("padding:", dropdown.item.padding, ";cursor:pointer;white-space:nowrap;height:", dropdown.item.height, ";line-height:", dropdown.item.height, ";&.k-hover{background:", dropdown.item.hoverBgColor, ";}&:first-of-type{border-radius:", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, " 0 0;}&:last-of-type{border-radius:0 0 ", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, ";}&.k-disabled{background:", dropdown.item.disabledBgColor, ";color:", dropdown.item.disabledColor, ";cursor:not-allowed;}.k-checkbox,.k-radio{display:flex;margin:0 -", getRight(dropdown.item.padding), " 0 -", getLeft(dropdown.item.padding), ";padding:", dropdown.item.padding, ";}.k-checkbox-wrapper,.k-radio-wrapper{vertical-align:text-bottom;}.k-checkbox-text,.k-radio-text{vertical-align:baseline;}");
 }

package/components/editable/index.vdt.js

@@ -32,7 +32,8 @@ export default function ($props, $blocks, $__proto__) {
   }), [!disabled && !editing ? _$cc(Icon, {
     'className': 'k-icon-edit k-editable-icon',
     'title': tip,
-    'ev-click': this.edit
+    'ev-click': this.edit,
+    'hoverable': true
   }) : undefined, _$ce(2, 'div', !editing ? children : _$cc(Input, {
     'size': 'small',
     'defaultValue': value,

package/components/editable/styles.d.ts

@@ -1,4 +1,11 @@
 import '../../styles/global';
-declare let editable: any;
+declare const defaults: {
+    iconGap: string;
+    lineHeight: string;
+    invalid: {
+        readonly border: string;
+    };
+};
+declare let editable: typeof defaults;
 export { editable };
 export declare function makeStyles(): string;

package/components/form/index.spec.js

@@ -4,11 +4,11 @@ import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import _Promise from "@babel/runtime-corejs3/core-js/promise";
 import _Array$from2 from "@babel/runtime-corejs3/core-js/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import BasicDemo from '~/components/form/demos/basic';
+import BasicDemo, { data as basicDemoData } from '~/components/form/demos/basic';
 import CustomDemo from '~/components/form/demos/custom';
 import VariableDemo from '~/components/form/demos/variable';
 import RemoteDemo from '~/components/form/demos/remote';
-import { mount, unmount, dispatchEvent, wait } from '../../test/utils';
+import { mount, dispatchEvent, wait } from '../../test/utils';
 import { Component } from 'intact-react';
 import { Form, FormItem } from './';
 import { Input } from '../input';
@@ -29,9 +29,7 @@ RemoteDemo.prototype.validateUserName = function (value) {
 };
 
 describe('Form', function () {
-  afterEach(function () {
-    return unmount();
-  });
+  // afterEach(() => unmount());
   it('validate', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, form, item, input;
 
@@ -39,7 +37,7 @@ describe('Form', function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+            _mount = mount(BasicDemo, null, basicDemoData), instance = _mount[0], element = _mount[1];
             form = instance.refs.form;
             _context.next = 4;
             return instance.handleSubmit();
@@ -88,7 +86,7 @@ describe('Form', function () {
             instance.set('descriptions.0', '1');
             dispatchEvent(input, 'focusout');
             _context2.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             expect(element.innerHTML).to.matchSnapshot();
@@ -97,7 +95,7 @@ describe('Form', function () {
             instance.set('descriptions.1', 'a');
             dispatchEvent(input1, 'focusout');
             _context2.next = 13;
-            return wait(300);
+            return wait(500);
 
           case 13:
             expect(element.innerHTML).to.matchSnapshot();
@@ -128,13 +126,13 @@ describe('Form', function () {
             expect(res).to.be.true;
             instance.set('firstName', 'a');
             _context3.next = 9;
-            return wait(100);
+            return wait(500);
 
           case 9:
             expect(element.innerHTML).to.matchSnapshot();
             instance.set('lastName', 'b');
             _context3.next = 13;
-            return wait(100);
+            return wait(500);
 
           case 13:
             expect(element.innerHTML).to.matchSnapshot();
@@ -168,7 +166,7 @@ describe('Form', function () {
             res = _context4.sent;
             expect(res).to.be.false;
             _context4.next = 12;
-            return wait(300);
+            return wait(500);
 
           case 12:
             expect(element.innerHTML).to.matchSnapshot();
@@ -184,7 +182,7 @@ describe('Form', function () {
             res = _context4.sent;
             expect(res).to.be.true;
             _context4.next = 22;
-            return wait(300);
+            return wait(500);
 
           case 22:
             expect(element.innerHTML).to.matchSnapshot();

package/components/form/item.vdt.js

@@ -5,6 +5,7 @@ import { Tooltip } from '../tooltip';
 import { Icon } from '../icon';
 import { Transition } from 'intact';
 import { makeItemStyles } from './styles';
+import { context as ErrorContext } from './useError';
 var _$tmp0 = {
   'className': 'ion-ios-information-outline k-form-error-more',
   'size': 'small'
@@ -77,17 +78,20 @@ export default function ($props, $blocks, $__proto__) {
   }, __$blocks['label'](_$no))], 0, 'k-form-label', {
     'htmlFor': htmlFor,
     'style': labelStyle
-  }) : undefined, _$ce(2, 'div', [(_$blocks['content'] = function ($super) {
-    return children;
-  }, __$blocks['content'] = function ($super, data) {
-    var block = $blocks['content'];
+  }) : undefined, _$ce(2, 'div', [_$cc(ErrorContext.Provider, {
+    'value': isDirty && !isValid,
+    'children': (_$blocks['content'] = function ($super) {
+      return children;
+    }, __$blocks['content'] = function ($super, data) {
+      var block = $blocks['content'];
 
-    var callBlock = function callBlock() {
-      return _$blocks['content'].call($this, $super, data);
-    };
+      var callBlock = function callBlock() {
+        return _$blocks['content'].call($this, $super, data);
+      };
 
-    return block ? block.call($this, callBlock, data) : callBlock();
-  }, __$blocks['content'](_$no)), _$cc(Transition, {
+      return block ? block.call($this, callBlock, data) : callBlock();
+    }, __$blocks['content'](_$no))
+  }), _$cc(Transition, {
     'key': 'error',
     'name': 'k-fade',
     'children': isDirty && !isValid ? _$ce(2, 'div', [_$ce(2, 'div', message.value, 0, 'k-error-message c-ellipsis', null, null, errorRef), _$cc(Tooltip, {

package/components/form/useError.d.ts

@@ -1,7 +1,11 @@
+export declare const context: {
+    Provider: import('intact-react').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+};
 export declare function useError(): {
     ellipsis: import("../../hooks/useState").State<boolean>;
     message: import("../../hooks/useState").State<string | undefined>;
-    errorRef: import('intact-react').RefObject<HTMLDivElement>;
+    errorRef: import("intact").RefObject<HTMLDivElement>;
     getErrorMessage: (key: string) => string;
     getErrorClassName: (key: string) => string;
     reset: () => void;

package/components/form/useError.js

@@ -1,11 +1,13 @@
 import { useInstance, nextTick, createRef } from 'intact-react';
 import { useState, watchState } from '../../hooks/useState';
 import { messages as globalMessages, classNames as globalClassNames } from './methods';
-import { isFunction } from 'intact-shared'; // enum MessageOrClassname {
+import { isFunction } from 'intact-shared';
+import { createContext } from '../context'; // enum MessageOrClassname {
 // Message,
 // ClassName,
 // }
 
+export var context = createContext();
 export function useError() {
   var instance = useInstance();
   var ellipsis = useState(false);

package/components/form/useValidate.js

@@ -64,7 +64,7 @@ export function useValidate(getErrorMessage, getErrorClassName, message, isDirty
 
         if (result !== true) {
           var ruleName = ruleNames[index];
-          return [false, result || getErrorMessage(ruleName), getErrorMessage(ruleName)];
+          return [false, result || getErrorMessage(ruleName), getErrorClassName(ruleName)];
         }
       }
 
@@ -77,7 +77,7 @@ export function useValidate(getErrorMessage, getErrorClassName, message, isDirty
         message = err;
       } else if (err) {
         message = err.message || getErrorMessage(err.name);
-        className = err.className || getErrorMessage(err.name);
+        className = err.className || getErrorClassName(err.name);
       }
 
       return [false, message, className];

package/components/grid/col.vdt.js

@@ -22,7 +22,7 @@ export default function ($props, $blocks, $__proto__) {
 
   return _$cc(GutterContext.Consumer, {
     'children': function children(gutter) {
-      var _extends2;
+      var _extends2, _$cn2;
 
       var classNameObj = _extends((_extends2 = {
         'k-col': true
@@ -33,7 +33,9 @@ export default function ($props, $blocks, $__proto__) {
         'className': _$cn(classNameObj)
       }, getRestProps(_this), {
         'style': newStyle
-      }), gutter ? _$ce(2, 'div', _children, 0, _$cn(className)) : _children);
+      }), gutter ? _$ce(2, 'div', _children, 0, _$cn((_$cn2 = {
+        'k-col-wrapper': true
+      }, _$cn2[className] = className, _$cn2))) : _children);
     }
   });
 }

package/components/grid/styles.js

@@ -24,7 +24,7 @@ export function makeRowStyles() {
 }
 var colsStyles = makeBreakpointsCols();
 export function makeColStyles() {
-  return /*#__PURE__*/css("position:relative;width:100%;", colsStyles, ";");
+  return /*#__PURE__*/css("position:relative;width:100%;.k-col-wrapper{height:100%;}", colsStyles, ";");
 }
 
 function makeBreakpointsCols() {

package/components/grid/useGutter.d.ts

@@ -1,6 +1,6 @@
 export declare const context: {
     Provider: import('intact-react').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<number>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<{}, {}, {}, {}>>;
+    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<number>, {}, {}, {}>>;
 };
 export declare function useGutter(): {
     getGutter: () => import("./constants").PrimitiveValue | null | undefined;

package/components/icon/index.vdt.js

@@ -15,7 +15,8 @@ export default function ($props, $blocks, $__proto__) {
       size = _this$get.size,
       color = _this$get.color,
       rotate = _this$get.rotate,
-      hoverable = _this$get.hoverable;
+      hoverable = _this$get.hoverable,
+      children = _this$get.children;
 
   var classNameObj = (_classNameObj = {
     'k-icon': true,
@@ -43,6 +44,6 @@ export default function ($props, $blocks, $__proto__) {
   return _$cv('i', _extends({
     'className': _$cn(classNameObj),
     'style': addStyle(style, _style)
-  }, getRestProps(this)));
+  }, getRestProps(this)), children);
 }
 ;

package/components/icon/styles.js

@@ -6,7 +6,11 @@ import { rotate } from '../../styles/keyframes';
 import '../../styles/fonts/iconfont';
 import '../../styles/fonts/ionicons';
 import '../../styles/global';
-var iconStyles = {
+var defaults = {
+  get transition() {
+    return theme.transition.small;
+  },
+
   fontSize: {
     default: '16px',
     large: '22px',
@@ -14,7 +18,6 @@ var iconStyles = {
     mini: '12px'
   }
 };
-var defaults = iconStyles;
 var icon;
 setDefault(function () {
   icon = deepDefaults(theme, {
@@ -25,9 +28,10 @@ export var colors = ['primary', 'warning', 'danger', 'success'];
 export var sizes = ['large', 'small', 'mini'];
 export default function makeStyles(color) {
   return /*#__PURE__*/css("font-size:", icon.fontSize.default, ";line-height:1;", _mapInstanceProperty(sizes).call(sizes, function (size) {
-    return /*#__PURE__*/css("&.k-", size, "{font-size:", icon.fontSize[size], ";}");
+    var fontSize = icon.fontSize[size];
+    return /*#__PURE__*/css("&.k-", size, "{font-size:", fontSize, ";}");
   }), " ", _mapInstanceProperty(colors).call(colors, function (color) {
     var _color = theme.color[color];
     return /*#__PURE__*/css("&.k-", color, "{color:", _color, ";&.k-hoverable:hover{color:", palette(_color, -2), ";}}");
-  }), " &.k-rotate:before{animation:", rotate, " 1s infinite linear;}&:before{font-size:inherit;}&.k-hoverable{cursor:pointer;transition:color ", theme.transition, ";", color && "\n                &:hover {\n                    color: " + palette(color, -2) + " !important;\n                }\n            ", ";&:hover{color:", theme.color.primary, ";}}");
+  }), " &.k-rotate:before{animation:", rotate, " 1s infinite linear;}&:before{position:relative;font-size:inherit;z-index:1;}&.k-hoverable{cursor:pointer;transition:color ", icon.transition, ";", color && "\n                &:hover {\n                    color: " + palette(color, -2) + " !important;\n                }\n            ", ";&:hover{color:", theme.color.primary, ";}}");
 }

package/components/input/index.d.ts

@@ -27,6 +27,7 @@ export interface InputProps<V extends Value = Value> extends InputHTMLAttributes
     stackClearIcon?: boolean;
     frozenOnInput?: boolean;
     inline?: boolean;
+    waveDisabled?: boolean;
 }
 export interface InputEvents {
     clear: [MouseEvent];

package/components/input/index.js

@@ -23,7 +23,8 @@ var typeDefs = {
   width: [Number, String],
   stackClearIcon: Boolean,
   frozenOnInput: Boolean,
-  inline: Boolean
+  inline: Boolean,
+  waveDisabled: Boolean
 };
 
 var defaults = function defaults() {

package/components/input/index.vdt.js

@@ -1,13 +1,18 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className", "style", "type", "value", "defaultValue", "placeholder", "clearable", "disabled", "size", "rows", "autoWidth", "fluid", "width", "stackClearIcon", "frozenOnInput", "readonly", "inline", "ev-click", "ev-mounseenter", "ev-mouseleave"];
-import { createElementVNode as _$ce, className as _$cn, noop as _$no, createVNode as _$cv, createUnknownComponentVNode as _$cc } from 'intact-react';
+var _excluded = ["className", "style", "type", "value", "defaultValue", "placeholder", "clearable", "disabled", "size", "rows", "autoWidth", "fluid", "width", "stackClearIcon", "frozenOnInput", "readonly", "inline", "waveDisabled", "ev-click", "ev-mounseenter", "ev-mouseleave"];
+import { createElementVNode as _$ce, className as _$cn, createUnknownComponentVNode as _$cc, noop as _$no, createVNode as _$cv } from 'intact-react';
 import { Icon } from '../icon';
 import { addStyle, isTextBlock, getRestProps } from '../utils';
 import { makeStyles } from './styles';
 import { noop, isNullOrUndefined } from 'intact-shared';
+import { Wave } from '../wave';
+import { context as ErrorContext } from '../form/useError';
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj, children, _children;
+  var _classNameObj,
+      children,
+      _this = this,
+      _children;
 
   $blocks || ($blocks = {});
   $props || ($props = {});
@@ -33,6 +38,7 @@ export default function ($props, $blocks, $__proto__) {
       frozenOnInput = _this$get.frozenOnInput,
       readonly = _this$get.readonly,
       inline = _this$get.inline,
+      waveDisabled = _this$get.waveDisabled,
       click = _this$get['ev-click'],
       mouseenter = _this$get['ev-mounseenter'],
       mouseleave = _this$get['ev-mouseleave'],
@@ -77,39 +83,48 @@ export default function ($props, $blocks, $__proto__) {
   return _$ce(2, 'div', [$blocks.prepend ? (children = $blocks.prepend(noop), _$ce(2, 'div', children, 0, _$cn({
     "k-input-prepend": true,
     "k-input-padding": isTextBlock(children)
-  }))) : void 0, _$ce(2, 'div', [$blocks.prefix ? _$ce(2, 'div', (_$blocks['prefix'] = function ($super) {
-    return null;
-  }, __$blocks['prefix'] = function ($super, data) {
-    var block = $blocks['prefix'];
+  }))) : void 0, _$cc(ErrorContext.Consumer, {
+    'defaultValue': false,
+    'children': function children(isInvalid) {
+      return _$cc(Wave, {
+        'disabled': waveDisabled || disabled || isInvalid,
+        'children': _$ce(2, 'div', [$blocks.prefix ? _$ce(2, 'div', (_$blocks['prefix'] = function ($super) {
+          return null;
+        }, __$blocks['prefix'] = function ($super, data) {
+          var block = $blocks['prefix'];
 
-    var callBlock = function callBlock() {
-      return _$blocks['prefix'].call($this, $super, data);
-    };
+          var callBlock = function callBlock() {
+            return _$blocks['prefix'].call($this, $super, data);
+          };
 
-    return block ? block.call($this, callBlock, data) : callBlock();
-  }, __$blocks['prefix'](_$no)), 0, 'k-input-prefix') : undefined, type !== 'textarea' ? _$cv('input', _extends({}, inputProps, {
-    'className': 'k-input-inner',
-    'type': type
-  })) : _$cv('textarea', _extends({}, inputProps, {
-    'className': 'k-input-inner k-textarea',
-    'rows': rows
-  })), $blocks.suffix || clearable && !disabled ? _$ce(2, 'div', [clearable && !disabled ? _$cc(Icon, {
-    'className': _$cn({
-      "k-input-clear ion-ios-close": true,
-      "k-input-show": hasValue
-    }),
-    'ev-click': this.clear
-  }) : undefined, ' ', (_$blocks['suffix'] = function ($super) {
-    return null;
-  }, __$blocks['suffix'] = function ($super, data) {
-    var block = $blocks['suffix'];
+          return block ? block.call($this, callBlock, data) : callBlock();
+        }, __$blocks['prefix'](_$no)), 0, 'k-input-prefix') : undefined, type !== 'textarea' ? _$cv('input', _extends({}, inputProps, {
+          'className': 'k-input-inner',
+          'type': type
+        })) : _$cv('textarea', _extends({}, inputProps, {
+          'className': 'k-input-inner k-textarea',
+          'rows': rows
+        })), $blocks.suffix || clearable && !disabled ? _$ce(2, 'div', [clearable && !disabled ? _$cc(Icon, {
+          'className': _$cn({
+            "k-input-clear ion-ios-close": true,
+            "k-input-show": hasValue
+          }),
+          'ev-click': _this.clear,
+          'hoverable': true
+        }) : undefined, ' ', (_$blocks['suffix'] = function ($super) {
+          return null;
+        }, __$blocks['suffix'] = function ($super, data) {
+          var block = $blocks['suffix'];
 
-    var callBlock = function callBlock() {
-      return _$blocks['suffix'].call($this, $super, data);
-    };
+          var callBlock = function callBlock() {
+            return _$blocks['suffix'].call($this, $super, data);
+          };
 
-    return block ? block.call($this, callBlock, data) : callBlock();
-  }, __$blocks['suffix'](_$no))], 0, 'k-input-suffix') : undefined, autoWidth ? _$ce(2, 'div', !hasValue ? placeholder : inputValue, 0, 'k-input-fake', null, null, fakeRef) : undefined], 0, 'k-input-wrapper'), $blocks.append ? (_children = $blocks.append(noop), _$ce(2, 'div', _children, 0, _$cn({
+          return block ? block.call($this, callBlock, data) : callBlock();
+        }, __$blocks['suffix'](_$no))], 0, 'k-input-suffix') : undefined, autoWidth ? _$ce(2, 'div', !hasValue ? placeholder : inputValue, 0, 'k-input-fake', null, null, fakeRef) : undefined], 0, 'k-input-wrapper')
+      });
+    }
+  }), $blocks.append ? (_children = $blocks.append(noop), _$ce(2, 'div', _children, 0, _$cn({
     "k-input-append": true,
     "k-input-padding": isTextBlock(_children)
   }))) : void 0], 0, _$cn(classNameObj), {

package/components/input/search.vdt.js

@@ -23,9 +23,10 @@ export default function ($props, $blocks, $__proto__) {
       size = _this$get.size,
       open = _this$get.open;
 
+  var isTypeNotDefault = type !== 'default';
   var classNameObj = (_classNameObj = {
     'k-search': true
-  }, _classNameObj[className] = className, _classNameObj['k-open'] = open, _classNameObj['k-hide'] = !open, _classNameObj["k-" + type] = type !== 'default', _classNameObj[makeSearchStyles()] = true, _classNameObj);
+  }, _classNameObj[className] = className, _classNameObj['k-open'] = open, _classNameObj['k-hide'] = !open, _classNameObj["k-" + type] = isTypeNotDefault, _classNameObj[makeSearchStyles()] = true, _classNameObj);
   return _$cv('form', _extends({}, getRestProps(this), {
     'className': _$cn(classNameObj),
     'ev-submit': this.onSubmit,
@@ -38,7 +39,8 @@ export default function ($props, $blocks, $__proto__) {
     'ev-$change:value': this.onChangeValue,
     'readonly': !open,
     'size': size,
-    'className': 'k-with-suffix'
+    'className': 'k-with-suffix',
+    'waveDisabled': isTypeNotDefault
   }, null, this.inputRef), _$cc(Button, {
     'icon': true,
     'type': 'none',