@king-design/intact 2.0.0 → 2.0.3

package/es/components/datepicker/index.vdt.js

@@ -1,4 +1,5 @@
-import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, map as _$ma, createTextVNode as _$ct } from 'intact';
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, createTextVNode as _$ct } from 'intact';
 import { linkEvent } from 'intact';
 import { DropdownMenu } from '../dropdown';
 import { DatepickerCalendar } from './calendar';
@@ -102,13 +103,17 @@ export default function ($props, $blocks, $__proto__) {
         __$blocks = _$ex({}, $blocks);
 
     return (_$blocks['base-menu'] = function ($super) {
+      var _this2 = this;
+
       return _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
-        'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _$ma(shortcuts, function ($value, $key) {
-          return _$ce(2, 'div', isFunction($value.label) ? $value.label() : $value.label, 0, 'k-datepicker-shortcut', {
-            'ev-click': linkEvent($value, this.setByShortcut)
+        'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _mapInstanceProperty(shortcuts).call(shortcuts, function ($value) {
+          var label = isFunction($value.label) ? $value.label() : $value.label;
+          return _$ce(2, 'div', label, 0, 'k-datepicker-shortcut c-ellipsis', {
+            'title': label,
+            'ev-click': linkEvent($value, _this2.setByShortcut)
           });
-        }, $this), 4, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
+        }), 0, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
           'type': 'primary',
           'size': 'small',
           'disabled': isDisabledConfirm(),

package/es/components/diagram/index.d.ts

@@ -10,7 +10,7 @@ export * from './shapes/rectangle';
 export * from './shapes/square';
 export * from './shapes/text';
 export * from './shapes/line';
-declare const DDiamond: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
+declare const DDiamond: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
 export { DDiamond, DTriangle, DCylinder, DCloud };
 export * from './layouts/layout';
 export * from './layouts/circle';

package/es/components/dropdown/dropdown.js

@@ -163,10 +163,13 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
 
   _proto.normalizeTriggerProps = function normalizeTriggerProps(props) {
     // if use kpc in react or vue, normalize props by Wrapper.props.vnode;
-    if (this.$isReact || this.$isVueNext) {
-      var vnode = props.vnode;
-      if (!vnode) return props;
+    var vnode = props.vnode;
+    if (!vnode) return props; // maybe we render the intact component in react slot property, in this case
+    // the $isReact is false. so use the vnode $$typeof field as gauge
+
+    if (vnode.$$typeof || this.$isVueNext) {
       var _props = vnode.props;
+      if (!_props) return props;
       return {
         vnode: vnode,
         'ev-click': _props.onClick,
@@ -178,12 +181,10 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
 
       };
     } else if (this.$isVue) {
-      var _vnode = props.vnode;
-      if (!_vnode) return props;
-      var data = _vnode.data;
+      var data = vnode.data;
       var on = data && data.on || EMPTY_OBJ;
       var ret = {
-        vnode: _vnode
+        vnode: vnode
       };
       ['click', 'mouseenter', 'mouseleave', 'contextmenu'].forEach(function (event) {
         var method = on[event];

package/es/components/form/index.spec.js

@@ -8,7 +8,7 @@ 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';
 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;
 

package/es/components/menu/index.spec.js

@@ -39,14 +39,14 @@ describe('Menu', function () {
     }, _callee);
   })));
   it('select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var _mount2, instance, element, menu, _element$querySelecto, title, disabledTitle, subTitle;
+    var _mount2, instance, element, _element$querySelecto, title, disabledTitle, subTitle;
 
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
             _mount2 = mount(CollapseDemo), instance = _mount2[0], element = _mount2[1];
-            menu = instance.refs.__test;
+            expect(element.innerHTML).to.matchSnapshot();
             _element$querySelecto = element.querySelectorAll('.k-menu-title'), title = _element$querySelecto[0], disabledTitle = _element$querySelecto[1];
             title.click();
             _context2.next = 6;
@@ -54,14 +54,14 @@ describe('Menu', function () {
 
           case 6:
             expect(element.outerHTML).to.matchSnapshot();
-            expect(menu.get('selectedKey')).to.eql('1');
+            expect(instance.get('selectedKey')).to.eql('1');
             disabledTitle.click();
             _context2.next = 11;
             return wait();
 
           case 11:
             expect(element.outerHTML).to.matchSnapshot();
-            expect(menu.get('selectedKey')).to.eql('1');
+            expect(instance.get('selectedKey')).to.eql('1');
             subTitle = element.querySelector('.k-expanded .k-menu .k-menu-title');
             subTitle.click();
             _context2.next = 17;
@@ -69,9 +69,16 @@ describe('Menu', function () {
 
           case 17:
             expect(element.outerHTML).to.matchSnapshot();
-            expect(menu.get('selectedKey')).to.eql('3-1');
+            expect(instance.get('selectedKey')).to.eql('3-1'); // clear
 
-          case 19:
+            instance.set('selectedKey', '');
+            _context2.next = 22;
+            return wait();
+
+          case 22:
+            expect(element.querySelector('.k-highlighted')).to.be.null;
+
+          case 23:
           case "end":
             return _context2.stop();
         }

package/es/components/menu/item.d.ts

@@ -18,7 +18,6 @@ export declare class MenuItem extends Component<MenuItemProps, MenuItemEvents> {
     parentMenu: Menu<Key>;
     parentMenuItem: MenuItem | null;
     private expanded;
-    private highlight;
     private dropdown;
     private router;
     init(): void;

package/es/components/menu/item.js

@@ -5,10 +5,11 @@ import { Component, inject, provide } from 'intact';
 import { ROOT_MENU, MENU } from './menu';
 import template from './item.vdt';
 import { bind } from '../utils';
-import { useHighlight } from './useHighlight';
 import { useExpanded } from './useExpanded';
 import { useDropdown } from './useDropdown';
 import { useRouter, navigate } from '../../hooks/useRouter';
+import { useRecordItem } from '../../hooks/useRecordComponent';
+import { MENU_RECORD_KEY } from './useHighlight';
 var typeDefs = {
   key: {
     type: [String, Number],
@@ -36,7 +37,6 @@ export var MenuItem = /*#__PURE__*/function (_Component) {
     _this.parentMenu = inject(MENU);
     _this.parentMenuItem = inject(MENU_ITEM, null);
     _this.expanded = useExpanded(_this.rootMenu, _this.parentMenu);
-    _this.highlight = useHighlight(_this.rootMenu, _this.parentMenuItem);
     _this.dropdown = useDropdown(_this.rootMenu, _this.parentMenu);
     _this.router = useRouter();
     return _this;
@@ -46,19 +46,21 @@ export var MenuItem = /*#__PURE__*/function (_Component) {
 
   _proto.init = function init() {
     provide(MENU_ITEM, this);
+    useRecordItem(MENU_RECORD_KEY);
   };
 
   _proto.onClick = function onClick(hasSubMenu, e) {
     var _this$get = this.get(),
         disabled = _this$get.disabled,
-        to = _this$get.to;
+        to = _this$get.to,
+        key = _this$get.key;
 
     if (disabled) return;
 
     if (hasSubMenu) {
       this.expanded.toggle();
     } else {
-      this.highlight.select();
+      this.rootMenu.highlight.select(key);
     }
 
     this.trigger('click', e);

package/es/components/menu/item.vdt.js

@@ -32,9 +32,9 @@ export default function ($props, $blocks, $__proto__) {
       disabled = _this$get.disabled,
       dot = _this$get.dot;
 
-  var _this$highlight = this.highlight,
-      isHighlighted = _this$highlight.isHighlighted,
-      isSelected = _this$highlight.isSelected;
+  var _rootMenu$highlight = rootMenu.highlight,
+      isHighlighted = _rootMenu$highlight.isHighlighted,
+      isSelected = _rootMenu$highlight.isSelected;
   var isExpandedKey = this.expanded.isExpanded;
   var isExpanded = isExpandedKey(key);
 
@@ -50,7 +50,7 @@ export default function ($props, $blocks, $__proto__) {
 
   var classNameObj = (_classNameObj = {
     'k-menu-item': true
-  }, _classNameObj[className] = className, _classNameObj['k-expanded'] = isExpanded, _classNameObj['k-disabled'] = disabled, _classNameObj['k-active'] = isSelected(), _classNameObj['k-highlighted'] = isHighlighted(), _classNameObj[makeItemStyles()] = true, _classNameObj);
+  }, _classNameObj[className] = className, _classNameObj['k-expanded'] = isExpanded, _classNameObj['k-disabled'] = disabled, _classNameObj['k-active'] = isSelected(key), _classNameObj['k-highlighted'] = isHighlighted(key), _classNameObj[makeItemStyles()] = true, _classNameObj);
   var showDot = isTopItem && !iconVNode && isNullOrUndefined(dot) ? rootDot : dot;
 
   var title = function title(children) {

package/es/components/menu/menu.d.ts

@@ -1,4 +1,5 @@
 import { Component, TypeDefs, Key } from 'intact';
+import { useHighlight } from './useHighlight';
 export interface MenuProps<K extends Key = Key> {
     expandedKeys?: K[];
     selectedKey?: K;
@@ -22,5 +23,7 @@ export declare class Menu<K extends Key = Key> extends Component<MenuProps<K>, M
     static defaults: () => Partial<MenuProps<Key>>;
     rootMenu: Menu<Key> | null;
     parentMenu: Menu<Key> | null;
+    subExpandedKeys?: Set<K>;
+    highlight?: ReturnType<typeof useHighlight>;
     init(): void;
 }

package/es/components/menu/menu.js

@@ -2,6 +2,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import { Component, provide, inject } from 'intact';
 import template from './menu.vdt';
+import { useHighlight } from './useHighlight';
 var typeDefs = {
   expandedKeys: Array,
   selectedKey: [String, Number],
@@ -39,6 +40,8 @@ export var Menu = /*#__PURE__*/function (_Component) {
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.rootMenu = inject(ROOT_MENU, null);
     _this.parentMenu = inject(MENU, null);
+    _this.subExpandedKeys = void 0;
+    _this.highlight = void 0;
     return _this;
   }
 
@@ -49,6 +52,7 @@ export var Menu = /*#__PURE__*/function (_Component) {
 
     if (!this.rootMenu) {
       provide(ROOT_MENU, this);
+      this.highlight = useHighlight();
     }
   };
 

package/es/components/menu/useExpanded.d.ts

@@ -1,8 +1,5 @@
-import { Key } from 'intact';
 import type { Menu } from './';
-export declare function useExpanded(rootMenu: Menu, parentMenu: Menu & {
-    subExpandedKeys?: Set<Key>;
-}): {
+export declare function useExpanded(rootMenu: Menu, parentMenu: Menu): {
     isExpanded: () => boolean;
     expand: () => void;
     shrink: () => void;

package/es/components/menu/useHighlight.d.ts

@@ -1,10 +1,7 @@
 import { Key } from 'intact';
-import type { Menu, MenuItem } from './';
-export declare function useHighlight(rootMenu: Menu & {
-    highlightedKeys?: Key[];
-}, parentMenuItem: MenuItem | null): {
-    isHighlighted: () => boolean;
-    updateStatus: (v: Key | undefined) => void;
-    select: () => void;
-    isSelected: () => boolean;
+export declare const MENU_RECORD_KEY = "MenuKeys";
+export declare function useHighlight(): {
+    isHighlighted: (key: Key) => boolean;
+    select: (key: Key) => void;
+    isSelected: (key: Key) => boolean;
 };

package/es/components/menu/useHighlight.js

@@ -2,56 +2,67 @@ import _Set from "@babel/runtime-corejs3/core-js/set";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
 import { useInstance } from 'intact';
-import { inArray } from '../table/useChecked'; // import {isEqualArray} from '../utils';
+import { useRecordParent } from '../../hooks/useRecordComponent';
+import { inArray } from '../table/useChecked';
+import { useState } from '../../hooks/useState';
+export var MENU_RECORD_KEY = 'MenuKeys';
+export function useHighlight() {
+  var instance = useInstance();
+  var menuItems = useRecordParent(MENU_RECORD_KEY);
+  var highlightedKeys = useState([]);
+  instance.watch('selectedKey', updateStatus, {
+    presented: true
+  });
 
-export function useHighlight(rootMenu, parentMenuItem) {
-  var instance = useInstance(); // we can not watch selectedKey on before initializing rootMenu
-  // because rootMenu has initialized
-  // so call updateStatus here
+  function updateStatus(newValue) {
+    var _loop = function _loop(i) {
+      var menuItem = menuItems[i];
+      var key = menuItem.get('key');
+      if (newValue !== key) return "continue";
+      var items = [];
+      var parentItem = menuItem.parentMenuItem;
 
-  updateStatus(rootMenu.get('selectedKey'));
-  rootMenu.watch('selectedKey', updateStatus);
+      while (parentItem) {
+        items.push(parentItem);
+        parentItem = parentItem.parentMenuItem;
+      }
 
-  function updateStatus(v) {
-    var _instance$get = instance.get(),
-        key = _instance$get.key;
+      var expandedKeys = new _Set(instance.get('expandedKeys'));
+      highlightedKeys.set(_mapInstanceProperty(items).call(items, function (item) {
+        var key = item.get('key');
+        expandedKeys.add(key);
+        return key;
+      }));
+      instance.set('expandedKeys', _Array$from(expandedKeys));
+      return {
+        v: void 0
+      };
+    };
 
-    if (v !== key) return;
-    var items = [];
-    var parentItem = parentMenuItem;
+    for (var i = 0; i < menuItems.length; i++) {
+      var _ret = _loop(i);
 
-    while (parentItem) {
-      items.push(parentItem);
-      parentItem = parentItem.parentMenuItem;
+      if (_ret === "continue") continue;
+      if (typeof _ret === "object") return _ret.v;
     }
 
-    var expandedKeys = new _Set(rootMenu.get('expandedKeys'));
-
-    var highlightedKeys = _mapInstanceProperty(items).call(items, function (item) {
-      var key = item.get('key');
-      expandedKeys.add(key);
-      return key;
-    });
-
-    rootMenu.highlightedKeys = highlightedKeys;
-    rootMenu.set('expandedKeys', _Array$from(expandedKeys));
+    highlightedKeys.set([]);
   }
 
-  function isHighlighted() {
-    return inArray(rootMenu.highlightedKeys, instance.get('key'));
+  function isHighlighted(key) {
+    return inArray(highlightedKeys.value, key);
   }
 
-  function select() {
-    rootMenu.set('selectedKey', instance.get('key'));
+  function select(key) {
+    instance.set('selectedKey', key);
   }
 
-  function isSelected() {
-    return rootMenu.get('selectedKey') === instance.get('key');
+  function isSelected(key) {
+    return instance.get('selectedKey') === key;
   }
 
   return {
     isHighlighted: isHighlighted,
-    updateStatus: updateStatus,
     select: select,
     isSelected: isSelected
   };

package/es/components/portal.js

@@ -81,7 +81,7 @@ export var Portal = /*#__PURE__*/function (_Component) {
       }
     } else {
       mountedQueue.push(function () {
-        parentDom = _this2.$lastInput.dom.parentElement;
+        var parentDom = _this2.$lastInput.dom.parentElement;
 
         _this2.initContainer(nextProps.container, parentDom, anchor);
 

package/es/components/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './skeleton';
+export * from './item';

package/es/components/skeleton/index.js

@@ -0,0 +1,2 @@
+export * from './skeleton';
+export * from './item';

package/es/components/skeleton/item.d.ts

@@ -0,0 +1,16 @@
+import { Component, TypeDefs } from 'intact';
+declare type ItemType = 'text' | 'avator' | 'image' | 'button' | 'input';
+export declare const ItemTypeMap: ItemType[];
+export interface SkeletonItemProps {
+    type?: ItemType;
+}
+export interface SkeletonItemEvents {
+}
+export interface SkeletonItemBlocks {
+}
+export declare class SkeletonItem extends Component<SkeletonItemProps, SkeletonItemEvents, SkeletonItemBlocks> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<SkeletonItemProps>>;
+    static defaults: () => Partial<SkeletonItemProps>;
+}
+export {};

package/es/components/skeleton/item.js

@@ -0,0 +1,26 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact';
+import template from './item.vdt';
+export var ItemTypeMap = ['text', 'avator', 'image', 'button', 'input'];
+var typeDefs = {
+  type: ItemTypeMap
+};
+
+var defaults = function defaults() {
+  return {
+    type: 'text'
+  };
+};
+
+export var SkeletonItem = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(SkeletonItem, _Component);
+
+  function SkeletonItem() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return SkeletonItem;
+}(Component);
+SkeletonItem.template = template;
+SkeletonItem.typeDefs = typeDefs;
+SkeletonItem.defaults = defaults;

package/es/components/skeleton/item.vdt.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact';
+import { makeItemStyles } from './style';
+import { getRestProps } from '../utils';
+var _$tmp0 = {
+  'd': 'M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z'
+};
+var _$tmp1 = {
+  'viewBox': '0 0 1024 1024',
+  'xmlns': 'http://www.w3.org/2000/svg'
+};
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj, _ItemklsObj;
+
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+
+  var _this$get = this.get(),
+      type = _this$get.type;
+
+  var classNameObj = (_classNameObj = {
+    'k-skeleton-item': true
+  }, _classNameObj[makeItemStyles()] = true, _classNameObj);
+  var ItemklsObj = (_ItemklsObj = {
+    'k-skeleton-item-box': true
+  }, _ItemklsObj["skeleton-item-" + type] = true, _ItemklsObj);
+
+  var skeletonItem = _$cv('div', _extends({
+    'className': _$cn(ItemklsObj)
+  }, getRestProps(this)), type === 'image' ? _$ce(512, 'svg', _$ce(2, 'path', null, 1, null, _$tmp0), 2, null, _$tmp1) : undefined);
+
+  return _$ce(2, 'div', skeletonItem, 0, _$cn(classNameObj));
+}
+;

package/es/components/skeleton/skeleton.d.ts

@@ -0,0 +1,17 @@
+import { Component, TypeDefs } from 'intact';
+export interface SkeletonProps {
+    loading: boolean;
+    animated?: boolean;
+    rows?: number;
+    avator?: boolean;
+    size?: string;
+}
+export interface SkeletonEvents {
+}
+export interface SkeletonBlocks {
+}
+export declare class Skeleton extends Component<SkeletonProps, SkeletonEvents, SkeletonBlocks> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<SkeletonProps>>;
+    static defaults: () => Partial<SkeletonProps>;
+}

package/es/components/skeleton/skeleton.js

@@ -0,0 +1,30 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact';
+import template from './skeleton.vdt';
+var typeDefs = {
+  loading: Boolean,
+  animated: Boolean,
+  rows: Number,
+  avator: Boolean,
+  size: String
+};
+
+var defaults = function defaults() {
+  return {
+    rows: 2,
+    size: 'large'
+  };
+};
+
+export var Skeleton = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Skeleton, _Component);
+
+  function Skeleton() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return Skeleton;
+}(Component);
+Skeleton.template = template;
+Skeleton.typeDefs = typeDefs;
+Skeleton.defaults = defaults;

package/es/components/skeleton/skeleton.vdt.js

@@ -0,0 +1,37 @@
+import _fillInstanceProperty from "@babel/runtime-corejs3/core-js/instance/fill";
+import { map as _$ma, createUnknownComponentVNode as _$cc, createElementVNode as _$ce, className as _$cn } from 'intact';
+import { SkeletonItem } from './item';
+import { makeStyles, kls } from './style';
+var _$tmp0 = {
+  'type': 'avator'
+};
+export default function ($props, $blocks, $__proto__) {
+  var _context, _classNameObj;
+
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+
+  var _this$get = this.get(),
+      rows = _this$get.rows,
+      avator = _this$get.avator,
+      animated = _this$get.animated,
+      children = _this$get.children,
+      loading = _this$get.loading,
+      size = _this$get.size;
+
+  var targetRows = typeof rows !== 'number' ? 3 : rows < 1 ? 1 : parseInt(rows);
+
+  var skeletonList = _fillInstanceProperty(_context = Array(targetRows + 2)).call(_context);
+
+  var skeletonItems = _$ma(skeletonList, function ($value, $key) {
+    return _$cc(SkeletonItem);
+  }, $this);
+
+  var classNameObj = (_classNameObj = {
+    'k-skeleton': true,
+    'k-animated': animated
+  }, _classNameObj[makeStyles(size)] = true, _classNameObj);
+  return loading ? _$ce(2, 'div', children ? _$ce(2, 'div', children, 0) : avator ? _$ce(2, 'div', [_$cc(SkeletonItem, _$tmp0), _$ce(2, 'div', skeletonItems, 0, 'k-skeleton-items')], 4, _$cn(kls('avator-box'))) : _$ce(2, 'div', skeletonItems, 0, 'k-skeleton-items'), 2, _$cn(classNameObj)) : undefined;
+}
+;

package/es/components/skeleton/style.d.ts

@@ -0,0 +1,6 @@
+import '../../styles/global';
+export declare const kls: (className: string) => string;
+declare type ItemSize = 'default' | 'large' | 'small' | 'mini';
+export declare function makeStyles(size: ItemSize): string;
+export declare function makeItemStyles(): string;
+export {};

package/es/components/skeleton/style.js

@@ -0,0 +1,35 @@
+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 { deepDefaults } from '../../styles/utils';
+import { theme, setDefault } from '../../styles/theme';
+import { css, keyframes } from '@emotion/css';
+import '../../styles/global';
+export var kls = function kls(className) {
+  return "k-skeleton-" + className;
+};
+var defaults = {
+  item: {
+    bgColor: '#dcdde0'
+  }
+};
+var skeleton;
+setDefault(function () {
+  skeleton = deepDefaults(theme, {
+    skeleton: defaults
+  }).skeleton;
+});
+export function makeStyles(size) {
+  return /*#__PURE__*/css("&.k-animated{.", kls('item'), "{&>.k-skeleton-item-box{background:linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);background-size:400% 100%;animation:", skeletonLoading, " 1.4s ease infinite;}}}.k-skeleton-items{.", kls('item'), ":first-child{.skeleton-item-text{width:33%;}}.", kls('item'), ":last-child{.skeleton-item-text{width:61%;}}}.", kls('avator-box'), "{display:flex;&>div:last-child{flex-grow:1;padding-left:20px;}}.skeleton-item-button,.skeleton-item-input{height:", theme[size].height, ";}");
+}
+var skeletonLoading = /*#__PURE__*/keyframes(process.env.NODE_ENV === "production" ? {
+  name: "1jmexzm",
+  styles: "0%{background-position:100% 50%;}to{background-position:0 50%;}"
+} : {
+  name: "1jmexzm",
+  styles: "0%{background-position:100% 50%;}to{background-position:0 50%;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export function makeItemStyles() {
+  var skeletonItem = skeleton.item;
+  return /*#__PURE__*/css("&>div{background:", skeletonItem.bgColor, ";}.skeleton-item-text{width:100%;height:16px;border-radius:4px;margin-top:16px;}.skeleton-item-avator{width:40px;height:40px;border-radius:50%;}.skeleton-item-image{display:flex;justify-content:center;align-items:center;width:200px;height:200px;&>svg{width:48px;height:48px;fill:", skeletonItem.bgColor, ";}}.skeleton-item-button{width:64px;background:", skeletonItem.bgColor, ";}.skeleton-item-input{width:160px;background:", skeletonItem.bgColor, ";}");
+}

package/es/components/steps/context.d.ts

@@ -1,4 +1,4 @@
 export declare const context: {
-    Provider: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Provider: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };

package/es/components/tooltip/index.spec.js

@@ -83,7 +83,10 @@ describe('Tooltip', function () {
             };
 
             eql = function eql(a, b) {
-              return expect(Math.floor(a)).to.eql(Math.floor(b));
+              a = Math.floor(a);
+              b = Math.floor(b); // Don't be entangled with the difference of 1 to 2 pixels
+
+              expect(a >= b - 1 && a <= b + 1).to.be.true;
             };
 
             instance.set('position', 'left');