@king-design/intact 2.0.2 → 2.0.3

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/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.2
+ * @king-design v2.0.3
  *
  * 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.2";
+export declare const version = "2.0.3";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.2
+ * @king-design v2.0.3
  *
  * 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.2';
+export var version = '2.0.3';
 /* 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/react.d.ts

@@ -3,7 +3,7 @@ import { MenuProps } from '@king-design/react';
 interface Props extends MenuProps {
 }
 export default class Demo extends React.Component<{}, Props> {
-    state: MenuProps<import("misstime").Key>;
+    state: MenuProps<import("vdt").Key>;
     private __test;
     setTheme(theme?: string): void;
     render(): JSX.Element;

package/es/site/data/components/menu/demos/size/react.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import './index.styl';
 import type { MenuProps } from '@king-design/react';
 export default class Demo extends React.Component {
-    state: MenuProps<import("misstime").Key>;
+    state: MenuProps<import("vdt").Key>;
     render(): JSX.Element;
 }

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;
+    };
+}

package/es/site/data/components/skeleton/demos/basic/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/basic/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/basic/react.js

@@ -0,0 +1,36 @@
+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
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/skeleton/demos/custom/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/custom/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/custom/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/custom/react.js

@@ -0,0 +1,60 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Skeleton, SkeletonItem } 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
+    }, /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "image"
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "display": "flex",
+        "justifyContent": "space-between",
+        "width": "200px",
+        "marginTop": "20px"
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "button",
+      style: {
+        "height": "16px"
+      }
+    }), /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "button",
+      style: {
+        "height": "16px",
+        "marginTop": "8px"
+      }
+    })), /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "button"
+    }))));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

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

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

@@ -0,0 +1,24 @@
+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,
+      rows: 4
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

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