@king-design/vue 2.0.0-beta.0 → 2.0.1

package/components/tree/useChecked.js

@@ -139,6 +139,4 @@ export function useChecked(getNodes) {
     toggle: toggle,
     getCheckedData: getCheckedData
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tree/useDraggable.d.ts

@@ -14,6 +14,3 @@ export declare function useDraggable(): {
     overKey: import("../../hooks/useState").State<Key | null>;
     mode: import("../../hooks/useState").State<Mode | null>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/tree/useDraggable.js

@@ -169,6 +169,4 @@ function append(node, newNode) {
 function getNodeSiblings(node, data) {
   var parent = node.parent;
   return parent ? parent.data.children : data;
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tree/useExpanded.d.ts

@@ -4,6 +4,3 @@ export declare function useExpanded(getNodes: () => Node<Key>[]): {
     get: () => Set<Key>;
     toggle: (node: Node<Key>) => Promise<void>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/tree/useExpanded.js

@@ -91,6 +91,4 @@ export function useExpanded(getNodes) {
     },
     toggle: toggle
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tree/useFilter.d.ts

@@ -1,6 +1,3 @@
 import { Key } from 'intact-vue-next';
 import type { Node } from './useNodes';
 export declare function useFilter(getNodes: () => Node<Key>[], getExpandedKeys: () => Set<Key>): void;
-
-
-export {normalize} from 'intact-vue-next';

package/components/tree/useFilter.js

@@ -50,6 +50,4 @@ export function useFilter(getNodes, getExpandedKeys) {
     node.filter = true;
     updateFilterUpward(node.parent);
   }
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tree/useNodes.d.ts

@@ -20,6 +20,3 @@ export declare class Node<K extends Key> {
     filter: boolean;
     constructor(data: DataItem<K>, parent: Node<K> | null, key: K);
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/tree/useNodes.js

@@ -49,6 +49,4 @@ function createNodes(data, parent, prefix) {
   return _mapInstanceProperty(data).call(data, function (data) {
     return createNode(data, parent, prefix, reference);
   });
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tree/useSelected.d.ts

@@ -5,6 +5,3 @@ export declare function useSelected(getNodes: () => Node<Key>[]): {
     toggle: (node: Node<Key>) => Promise<void>;
     getSelectedData: () => DataItem<Key>[];
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/tree/useSelected.js

@@ -87,6 +87,4 @@ export function useSelected(getNodes) {
     toggle: toggle,
     getSelectedData: getSelectedData
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tree/useTransitionEvent.d.ts

@@ -6,6 +6,3 @@ export declare function useTransitionEvent(): {
     onBeforeEnter: (el: HTMLElement) => void;
     onEnter: (el: HTMLElement) => void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/tree/useTransitionEvent.js

@@ -18,6 +18,4 @@ export function useTransitionEvent() {
       _onAfterLeave(el);
     }
   });
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/treeSelect/index.d.ts

@@ -25,6 +25,3 @@ export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean =
     protected getLabel(): Children;
     private filter;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/treeSelect/index.js

@@ -136,6 +136,4 @@ TreeSelect.template = template;
 TreeSelect.typeDefs = typeDefs;
 TreeSelect.defaults = defaults;
 
-__decorate([bind], TreeSelect.prototype, "filter", null);
-
-export {normalize} from 'intact-vue-next';
+__decorate([bind], TreeSelect.prototype, "filter", null);

package/components/treeSelect/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/treeSelect/index.spec.js

@@ -32,7 +32,7 @@ describe('TreeSelect', function () {
             dropdown.querySelector('.k-tree-text').click();
             expect(instance.get('value')).to.eql('1');
             _context.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(getElement('.k-tree-select-menu')).to.be.undefined;
@@ -66,7 +66,7 @@ describe('TreeSelect', function () {
             expect(instance.get('values')).to.eql(['1.1']);
             instance.set('values', ['1']);
             _context2.next = 14;
-            return wait(300);
+            return wait(500);
 
           case 14:
             expect(dropdown.innerHTML).to.matchSnapshot();
@@ -133,7 +133,7 @@ describe('TreeSelect', function () {
             input.value = 'first';
             dispatchEvent(input, 'input');
             _context4.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(dropdown.innerHTML).to.matchSnapshot();
@@ -187,13 +187,13 @@ describe('TreeSelect', function () {
           case 7:
             dispatchEvent(select, 'focusout');
             _context6.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(element.querySelector('.k-form-error')).to.be.null;
             dispatchEvent(select, 'click');
             _context6.next = 14;
-            return wait(300);
+            return wait(500);
 
           case 14:
             expect(element.querySelector('.k-form-error')).not.to.be.null;
@@ -205,6 +205,4 @@ describe('TreeSelect', function () {
       }
     }, _callee5);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/treeSelect/index.vdt.js

@@ -63,6 +63,4 @@ export default function ($props, $blocks, $__proto__) {
     }), __$blocks;
   }.call($this, $blocks), $__proto__);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/treeSelect/styles.d.ts

@@ -1,5 +1,2 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

package/components/treeSelect/styles.js

@@ -3,6 +3,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
+  get transition() {
+    return theme.transition.middle;
+  },
+
   maxHeight: "400px",
   padding: "3px 6px"
 };
@@ -13,7 +17,5 @@ setDefault(function () {
   }).treeSelect;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("min-width:auto;max-height:", treeSelect.maxHeight, ";padding:", treeSelect.padding, ";overflow:auto;&:not([class*=\"-active\"]){transition:left ", theme.transition, ",top ", theme.transition, ";}");
-}
-
-export {normalize} from 'intact-vue-next';
+  return /*#__PURE__*/css("min-width:auto;max-height:", treeSelect.maxHeight, ";padding:", treeSelect.padding, ";overflow:auto;&:not([class*=\"-active\"]){transition:left ", treeSelect.transition, ",top ", treeSelect.transition, ";}");
+}

package/components/treeSelect/useLabel.d.ts

@@ -1,4 +1 @@
 
-
-
-export {normalize} from 'intact-vue-next';

package/components/treeSelect/useLabel.js

@@ -1,3 +1 @@
-"use strict";
-
-export {normalize} from 'intact-vue-next';
+"use strict";

package/components/treeSelect/useValue.d.ts

@@ -7,6 +7,3 @@ export declare function useValue(): {
     onChangeCheckedKeys: () => void;
     onChangeSelectedKeys: (keys: Key[]) => void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/treeSelect/useValue.js

@@ -66,6 +66,4 @@ export function useValue() {
     onChangeCheckedKeys: onChangeCheckedKeys,
     onChangeSelectedKeys: onChangeSelectedKeys
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/types.d.ts

@@ -8,6 +8,3 @@ export interface CommonInputHTMLAttributes {
     required?: boolean;
 }
 export declare type Events<T> = Record<keyof T, true>;
-
-
-export {normalize} from 'intact-vue-next';

package/components/types.js

@@ -1,3 +1 @@
-export {};
-
-export {normalize} from 'intact-vue-next';
+export {};

package/components/upload/ajaxUploader.d.ts

@@ -17,6 +17,3 @@ export interface RequestError extends Error {
 export declare function request(options: Options): {
     abort(): void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/ajaxUploader.js

@@ -84,6 +84,4 @@ function getBody(xhr) {
   } catch (e) {
     return text;
   }
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/upload/index.d.ts

@@ -2,7 +2,7 @@ import { Component, TypeDefs } from 'intact-vue-next';
 import { UploadFileStatus } from './useUpload';
 import type { RequestError } from './ajaxUploader';
 import type { Events } from '../types';
-export type { RequestError };
+export type { RequestError, UploadFileStatus };
 export interface UploadProps {
     accept?: string;
     files?: UploadFile[];
@@ -61,6 +61,3 @@ export declare class Upload extends Component<UploadProps, UploadEvents, UploadB
     private selectFile;
     private onInputChange;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/index.js

@@ -97,6 +97,4 @@ Upload.events = events;
 
 __decorate([bind], Upload.prototype, "selectFile", null);
 
-__decorate([bind], Upload.prototype, "onInputChange", null);
-
-export {normalize} from 'intact-vue-next';
+__decorate([bind], Upload.prototype, "onInputChange", null);

package/components/upload/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/index.spec.js

@@ -89,7 +89,7 @@ describe('Upload', function () {
     };
 
     this.xhr.restore();
-    setTimeout(done, 400);
+    setTimeout(done, 500);
   });
   it('basic', function (done) {
     this.timeout(0);
@@ -539,6 +539,4 @@ describe('Upload', function () {
       name: 'a'
     }).files;
   });
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/upload/index.vdt.js

@@ -28,7 +28,7 @@ var _$tmp5 = {
   'className': 'k-upload-status-icon ion-ios-close-outline'
 };
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj, _$cn2;
+  var _classNameObj, _$cn3;
 
   $blocks || ($blocks = {});
   $props || ($props = {});
@@ -91,17 +91,16 @@ export default function ($props, $blocks, $__proto__) {
   var removeFile = this.files.removeFile;
 
   var closeBtn = function closeBtn(value, index, icon) {
-    return _$cc(Button, {
-      'type': 'none',
-      'icon': true,
-      'size': 'mini',
-      'className': 'k-upload-close',
+    var _$cn2;
+
+    return _$cc(Icon, {
+      'className': _$cn((_$cn2 = {
+        "k-upload-close": true
+      }, _$cn2[icon] = true, _$cn2)),
       'ev-click': function evClick() {
         return removeFile(value, index);
       },
-      'children': _$cc(Icon, {
-        'className': _$cn(icon)
-      })
+      'hoverable': true
     });
   };
 
@@ -166,9 +165,9 @@ export default function ($props, $blocks, $__proto__) {
     'key': 'dialog',
     'value': isShow.value,
     'ev-close': close,
-    'className': _$cn((_$cn2 = {
+    'className': _$cn((_$cn3 = {
       "k-upload-dialog": true
-    }, _$cn2[makeUploadDialogStyles()] = true, _$cn2)),
+    }, _$cn3[makeUploadDialogStyles()] = true, _$cn3)),
     'children': image.value ? _$ce(2, 'a', _$ce(2, 'img', null, 1, null, {
       'src': image.value.url
     }), 2, null, {
@@ -177,6 +176,4 @@ export default function ($props, $blocks, $__proto__) {
     }) : undefined
   }, 'dialog')]);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/upload/styles.d.ts

@@ -1,6 +1,3 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
 export declare function makeUploadDialogStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/styles.js

@@ -5,6 +5,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
+  get transition() {
+    return theme.transition.middle;
+  },
+
   fontSize: '12px',
   tip: {
     gap: '16px',
@@ -140,7 +144,7 @@ setDefault(function () {
   }).upload;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.k-upload-handle,.k-upload-tip{display:inline-block;vertical-align:middle;}.k-upload-tip{margin-left:", upload.tip.gap, ";color:", upload.tip.color, ";}.k-upload-files{margin-top:", upload.filesGap, ";}.k-upload-file{margin:", upload.file.margin, ";padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";&:hover{background:", upload.file.bgColor, ";.k-upload-close{display:inline-flex;}}}.k-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.k-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.k-upload-file-name{flex:1;}.k-upload-status-icon{color:", upload.file.status.color, ";margin-left:", upload.file.status.gap, ";}.k-upload-close{display:none;.k-icon{font-size:", upload.closeFontSize, ";}}.k-upload-file.k-error{color:", upload.file.errorColor, ";.k-upload-status-icon{color:", upload.file.status.errorColor, ";}}.k-upload-progress{.k-progress-text{width:auto!important;}}&.k-drag{.k-upload-handle{color:", upload.drag.color, ";display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", theme.transition, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.k-upload-area{padding:", upload.drag.padding, ";.k-icon{font-size:", upload.drag.icon.fontSize, ";color:", upload.drag.icon.color, ";line-height:1;}}&.k-dragover{.k-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.k-upload-pictures{display:inline-block;vertical-align:middle;}.k-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.k-error{border-color:", upload.gallery.errorBorderColor, ";}&:hover{.k-upload-close{opacity:1;pointer-events:all;}}.k-upload-img{display:inline-block;width:100%;height:100%;}.k-upload-close{position:absolute;top:", upload.gallery.close.top, ";right:", upload.gallery.close.right, ";display:inline-block;opacity:0;transition:opacity ", theme.transition, ";pointer-events:none;.k-icon{font-size:", upload.gallery.close.fontSize, ";}}.k-upload-icons{opacity:0;transition:opacity ", theme.transition, ";}&:hover{.k-upload-icons{opacity:1;}}}.k-upload-picture-card{display:inline-block;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";text-align:center;cursor:pointer;margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";}.k-upload-add{border:", upload.gallery.add.border, ";font-size:", upload.gallery.add.fontSize, ";line-height:calc(", upload.gallery.height, " - 2px);&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.k-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;color:", upload.overlap.color, ";background:", upload.overlap.bgColor, ";.k-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}.k-upload-zoom{display:inline-block;position:relative;top:50%;transform:translateY(-50%);font-size:", upload.overlap.zoomFontSize, ";}");
+  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.k-upload-handle,.k-upload-tip{display:inline-block;vertical-align:middle;}.k-upload-tip{margin-left:", upload.tip.gap, ";color:", upload.tip.color, ";}.k-upload-files{margin-top:", upload.filesGap, ";}.k-upload-file{margin:", upload.file.margin, ";padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";&:hover{background:", upload.file.bgColor, ";.k-upload-close{display:inline-flex;}}}.k-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.k-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.k-upload-file-name{flex:1;}.k-upload-status-icon{color:", upload.file.status.color, ";margin-left:", upload.file.status.gap, ";}.k-upload-close{display:none;.k-icon{font-size:", upload.closeFontSize, ";}}.k-upload-file.k-error{color:", upload.file.errorColor, ";.k-upload-status-icon{color:", upload.file.status.errorColor, ";}}.k-upload-progress{.k-progress-text{width:auto!important;}}&.k-drag{.k-upload-handle{color:", upload.drag.color, ";display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.k-upload-area{padding:", upload.drag.padding, ";.k-icon{font-size:", upload.drag.icon.fontSize, ";color:", upload.drag.icon.color, ";line-height:1;}}&.k-dragover{.k-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.k-upload-pictures{display:inline-block;vertical-align:middle;}.k-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.k-error{border-color:", upload.gallery.errorBorderColor, ";}&:hover{.k-upload-close{opacity:1;pointer-events:all;}}.k-upload-img{display:inline-block;width:100%;height:100%;}.k-upload-close{position:absolute;top:", upload.gallery.close.top, ";right:", upload.gallery.close.right, ";display:inline-block;opacity:0;transition:opacity ", upload.transition, ";pointer-events:none;.k-icon{font-size:", upload.gallery.close.fontSize, ";}}.k-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}&:hover{.k-upload-icons{opacity:1;}}}.k-upload-picture-card{display:inline-block;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";text-align:center;cursor:pointer;margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";}.k-upload-add{border:", upload.gallery.add.border, ";font-size:", upload.gallery.add.fontSize, ";line-height:calc(", upload.gallery.height, " - 2px);&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.k-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;color:", upload.overlap.color, ";background:", upload.overlap.bgColor, ";.k-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}.k-upload-zoom{display:inline-block;position:relative;top:50%;transform:translateY(-50%);font-size:", upload.overlap.zoomFontSize, ";}");
 }
 export function makeUploadDialogStyles() {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -151,6 +155,4 @@ export function makeUploadDialogStyles() {
     styles: "img{width:100%;}",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   });
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/upload/useAccept.d.ts

@@ -1,6 +1,3 @@
 export declare function useAccept(): {
     isValidType: (type: string, name: string) => boolean;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/useAccept.js

@@ -50,6 +50,4 @@ export function useAccept() {
   return {
     isValidType: isValidType
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/upload/useDrag.d.ts

@@ -5,6 +5,3 @@ export declare function useDrag(addFiles: (fileList: FileList) => void): {
     stopEvent: (e: Event) => void;
     dragOver: import("../../hooks/useState").State<boolean>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/useDrag.js

@@ -42,6 +42,4 @@ export function useDrag(addFiles) {
     stopEvent: stopEvent,
     dragOver: dragOver
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/upload/useFiles.d.ts

@@ -3,6 +3,3 @@ export declare function useFiles(isValidType: (type: string, name: string) => bo
     addFiles: (fileList: FileList) => Promise<void>;
     removeFile: (file: UploadFile, index: number) => Promise<void>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/useFiles.js

@@ -205,6 +205,4 @@ export function useFiles(isValidType, upload) {
     addFiles: addFiles,
     removeFile: removeFile
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/upload/useShowImage.d.ts

@@ -5,6 +5,3 @@ export declare function useShowImage(): {
     image: import("../../hooks/useState").State<UploadFile | null>;
     isShow: import("../../hooks/useState").State<boolean>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/useShowImage.js

@@ -20,6 +20,4 @@ export function useShowImage() {
     image: image,
     isShow: isShow
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/upload/useUpload.d.ts

@@ -7,6 +7,3 @@ export declare enum UploadFileStatus {
     Error = 4
 }
 export declare function useUpload(): (file: UploadFile) => Promise<boolean>;
-
-
-export {normalize} from 'intact-vue-next';

package/components/upload/useUpload.js

@@ -116,6 +116,4 @@ export function useUpload() {
   }
 
   return upload;
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/utils.d.ts

@@ -7,7 +7,7 @@ export declare function isTextVNode(o: VNode): boolean;
 export declare function isTextBlock(o: any): boolean;
 export declare function isStringOrNumberNotEmpty(o: any): o is string | number;
 export declare function getRestProps<T>(component: Component<T>, props?: import("intact").Props<T, Component<T, {}, {}, {}>>): Partial<T>;
-export declare function isExternalLink(to?: string): boolean;
+export declare function isExternalLink(to?: string | object): to is string;
 export declare function clamp(number: number, lower: number, upper: number): number;
 export declare function stopPropagation(e: Event): void;
 export declare type ValidVNode = VNode | string | number;
@@ -37,6 +37,3 @@ export declare function throttle<T>(fn: (arg: T) => void, time: number, doAlways
 export declare function debounce(fn: Function, time: number, immediately?: boolean): () => any;
 export declare function nextFrame(fn: () => void): void;
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/utils.js

@@ -356,6 +356,4 @@ export function nextFrame(fn) {
   requestAnimationFrame(function () {
     requestAnimationFrame(fn);
   });
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/wave/index.d.ts

@@ -0,0 +1,19 @@
+import { Component, TypeDefs, VNode } from 'intact-vue-next';
+export interface WaveProps {
+    disabled?: boolean;
+    color?: string;
+    inset?: string;
+}
+export declare class Wave extends Component<WaveProps> {
+    static typeDefs: Required<TypeDefs<WaveProps>>;
+    static defaults: () => Partial<WaveProps>;
+    static template: (this: Wave) => VNode<import("intact").VNodeTag>;
+    private instance;
+    private className;
+    private timer;
+    private initClassName;
+    mounted(): void;
+    beforeUnmount(): void;
+    private onClick;
+    resetAnimation(): void;
+}