@king-design/intact 2.0.1 → 2.0.4

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/tree/useFilter.js

@@ -43,10 +43,9 @@ export function useFilter(getNodes, getExpandedKeys) {
   }
 
   function updateFilterUpward(node) {
-    if (!node) return; // should expand the node 
+    if (!node || _filterInstanceProperty(node)) return; // should expand the node 
 
     getExpandedKeys().add(node.key);
-    if (_filterInstanceProperty(node)) return;
     node.filter = true;
     updateFilterUpward(node.parent);
   }

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.1
+ * @king-design v2.0.4
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -38,6 +38,7 @@ export * from './components/radio';
 export * from './components/rate';
 export * from './components/scrollSelect';
 export * from './components/select';
+export * from './components/skeleton';
 export * from './components/slider';
 export * from './components/spin';
 export * from './components/spinner';
@@ -56,4 +57,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.1";
+export declare const version = "2.0.4";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.1
+ * @king-design v2.0.4
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -40,6 +40,7 @@ export * from './components/radio';
 export * from './components/rate';
 export * from './components/scrollSelect';
 export * from './components/select';
+export * from './components/skeleton';
 export * from './components/slider';
 export * from './components/spin';
 export * from './components/spinner';
@@ -58,5 +59,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.1';
+export var version = '2.0.4';
 /* generate end */

package/es/packages/kpc-react/__tests__/components/form.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/es/packages/kpc-react/__tests__/components/form.spec.js

@@ -0,0 +1,46 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Tooltip, Form, FormItem } from '../../';
+import { getElement, wait, dispatchEvent } from '../../../../test/utils';
+describe('Form', function () {
+  it('should show Tooltip in append slot', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var click, container, trigger;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            click = sinon.spy(function () {
+              return console.log(1);
+            });
+            container = document.createElement('div');
+            document.body.appendChild(container);
+            ReactDOM.render( /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormItem, {
+              label: "\u6D4B\u8BD5",
+              value: "1",
+              slotAppend: /*#__PURE__*/React.createElement(Tooltip, {
+                content: "\u6D4B\u8BD5"
+              }, /*#__PURE__*/React.createElement("i", {
+                className: "k-icon ion-ionic"
+              }))
+            })), container);
+            trigger = container.querySelector('.k-icon');
+            expect(trigger).to.be.exist;
+            dispatchEvent(trigger, 'mouseover');
+            _context.next = 9;
+            return wait();
+
+          case 9:
+            expect(getElement('.k-tooltip-content')).to.be.exist;
+            ReactDOM.unmountComponentAtNode(container);
+            document.body.removeChild(container);
+
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});

package/es/site/data/components/menu/demos/collapse/index.js

@@ -15,6 +15,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       expandedKeys: ['3'],
+      selectedKey: '3-2',
       collapse: false,
       theme: 'dark'
     };

package/es/site/data/components/menu/demos/collapse/react.js

@@ -20,6 +20,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       expandedKeys: ['3'],
+      selectedKey: '3-2',
       collapse: false,
       theme: 'dark'
     };
@@ -66,6 +67,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           expandedKeys: expandedKeys
         });
       },
+      selectedKey: this.state.selectedKey,
+      onChangeSelectedKey: function onChangeSelectedKey(selectedKey) {
+        return _this2.setState({
+          selectedKey: selectedKey
+        });
+      },
       collapse: this.state.collapse,
       theme: this.state.theme,
       ref: function ref(i) {

package/es/site/data/components/skeleton/demos/animate/index.d.ts

@@ -0,0 +1,11 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        showSkeleton: boolean;
+    };
+}

package/es/site/data/components/skeleton/demos/animate/index.js

@@ -0,0 +1,23 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      showSkeleton: true
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/skeleton/demos/animate/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        showSkeleton: boolean;
+    };
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/skeleton/demos/animate/react.js

@@ -0,0 +1,38 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Skeleton } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      showSkeleton: true
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, {
+      loading: this.state.showSkeleton,
+      avator: true,
+      animated: true
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/skeleton/demos/avator/index.d.ts

@@ -0,0 +1,11 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        showSkeleton: boolean;
+    };
+}

package/es/site/data/components/skeleton/demos/avator/index.js

@@ -0,0 +1,23 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      showSkeleton: true
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/skeleton/demos/avator/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        showSkeleton: boolean;
+    };
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/skeleton/demos/avator/react.js

@@ -0,0 +1,37 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Skeleton } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      showSkeleton: true
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, {
+      loading: this.state.showSkeleton,
+      avator: true
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/skeleton/demos/basic/index.d.ts

@@ -0,0 +1,11 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        showSkeleton: boolean;
+    };
+}