Latest updates from IceHrmPro

web/node_modules/antd/es/skeleton/Avatar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SkeletonElementProps } from './Element';
+export interface AvatarProps extends Omit<SkeletonElementProps, 'shape'> {
+    shape?: 'circle' | 'square';
+}
+declare const SkeletonAvatar: {
+    (props: AvatarProps): JSX.Element;
+    defaultProps: {
+        size: string;
+        shape: string;
+    };
+};
+export default SkeletonAvatar;

web/node_modules/antd/es/skeleton/Avatar.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import omit from 'omit.js';
+import classNames from 'classnames';
+import { ConfigConsumer } from '../config-provider';
+import Element from './Element';
+
+var SkeletonAvatar = function SkeletonAvatar(props) {
+  var renderSkeletonAvatar = function renderSkeletonAvatar(_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var customizePrefixCls = props.prefixCls,
+        className = props.className,
+        active = props.active;
+    var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
+    var otherProps = omit(props, ['prefixCls']);
+    var cls = classNames(prefixCls, className, "".concat(prefixCls, "-element"), _defineProperty({}, "".concat(prefixCls, "-active"), active));
+    return /*#__PURE__*/React.createElement("div", {
+      className: cls
+    }, /*#__PURE__*/React.createElement(Element, _extends({
+      prefixCls: "".concat(prefixCls, "-avatar")
+    }, otherProps)));
+  };
+
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderSkeletonAvatar);
+};
+
+SkeletonAvatar.defaultProps = {
+  size: 'default',
+  shape: 'circle'
+};
+export default SkeletonAvatar;

web/node_modules/antd/es/skeleton/Button.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SkeletonElementProps } from './Element';
+export interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
+    size?: 'large' | 'small' | 'default';
+}
+declare const SkeletonButton: {
+    (props: SkeletonButtonProps): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default SkeletonButton;

web/node_modules/antd/es/skeleton/Button.js

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import omit from 'omit.js';
+import classNames from 'classnames';
+import Element from './Element';
+import { ConfigConsumer } from '../config-provider';
+
+var SkeletonButton = function SkeletonButton(props) {
+  var renderSkeletonButton = function renderSkeletonButton(_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var customizePrefixCls = props.prefixCls,
+        className = props.className,
+        active = props.active;
+    var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
+    var otherProps = omit(props, ['prefixCls']);
+    var cls = classNames(prefixCls, className, "".concat(prefixCls, "-element"), _defineProperty({}, "".concat(prefixCls, "-active"), active));
+    return /*#__PURE__*/React.createElement("div", {
+      className: cls
+    }, /*#__PURE__*/React.createElement(Element, _extends({
+      prefixCls: "".concat(prefixCls, "-button")
+    }, otherProps)));
+  };
+
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderSkeletonButton);
+};
+
+SkeletonButton.defaultProps = {
+  size: 'default'
+};
+export default SkeletonButton;

web/node_modules/antd/es/skeleton/Element.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface SkeletonElementProps {
+    prefixCls?: string;
+    className?: string;
+    style?: object;
+    size?: 'large' | 'small' | 'default' | number;
+    shape?: 'circle' | 'square' | 'round';
+    active?: boolean;
+}
+declare const Element: (props: SkeletonElementProps) => JSX.Element;
+export default Element;

web/node_modules/antd/es/skeleton/Element.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import classNames from 'classnames';
+
+var Element = function Element(props) {
+  var _classNames, _classNames2;
+
+  var prefixCls = props.prefixCls,
+      className = props.className,
+      style = props.style,
+      size = props.size,
+      shape = props.shape;
+  var sizeCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames));
+  var shapeCls = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-circle"), shape === 'circle'), _defineProperty(_classNames2, "".concat(prefixCls, "-square"), shape === 'square'), _defineProperty(_classNames2, "".concat(prefixCls, "-round"), shape === 'round'), _classNames2));
+  var sizeStyle = typeof size === 'number' ? {
+    width: size,
+    height: size,
+    lineHeight: "".concat(size, "px")
+  } : {};
+  return /*#__PURE__*/React.createElement("span", {
+    className: classNames(prefixCls, className, sizeCls, shapeCls),
+    style: _extends(_extends({}, sizeStyle), style)
+  });
+};
+
+export default Element;

web/node_modules/antd/es/skeleton/Input.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SkeletonElementProps } from './Element';
+export interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
+    size?: 'large' | 'small' | 'default';
+}
+declare const SkeletonInput: {
+    (props: SkeletonInputProps): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default SkeletonInput;

web/node_modules/antd/es/skeleton/Input.js

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import omit from 'omit.js';
+import classNames from 'classnames';
+import Element from './Element';
+import { ConfigConsumer } from '../config-provider';
+
+var SkeletonInput = function SkeletonInput(props) {
+  var renderSkeletonInput = function renderSkeletonInput(_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var customizePrefixCls = props.prefixCls,
+        className = props.className,
+        active = props.active;
+    var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
+    var otherProps = omit(props, ['prefixCls']);
+    var cls = classNames(prefixCls, className, "".concat(prefixCls, "-element"), _defineProperty({}, "".concat(prefixCls, "-active"), active));
+    return /*#__PURE__*/React.createElement("div", {
+      className: cls
+    }, /*#__PURE__*/React.createElement(Element, _extends({
+      prefixCls: "".concat(prefixCls, "-input")
+    }, otherProps)));
+  };
+
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderSkeletonInput);
+};
+
+SkeletonInput.defaultProps = {
+  size: 'default'
+};
+export default SkeletonInput;

web/node_modules/antd/es/skeleton/Paragraph.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type widthUnit = number | string;
+export interface SkeletonParagraphProps {
+    prefixCls?: string;
+    className?: string;
+    style?: object;
+    width?: widthUnit | Array<widthUnit>;
+    rows?: number;
+}
+declare const Paragraph: (props: SkeletonParagraphProps) => JSX.Element;
+export default Paragraph;

web/node_modules/antd/es/skeleton/Paragraph.js

@@ -0,0 +1,58 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import * as React from 'react';
+import classNames from 'classnames';
+
+var Paragraph = function Paragraph(props) {
+  var getWidth = function getWidth(index) {
+    var width = props.width,
+        _props$rows = props.rows,
+        rows = _props$rows === void 0 ? 2 : _props$rows;
+
+    if (Array.isArray(width)) {
+      return width[index];
+    } // last paragraph
+
+
+    if (rows - 1 === index) {
+      return width;
+    }
+
+    return undefined;
+  };
+
+  var prefixCls = props.prefixCls,
+      className = props.className,
+      style = props.style,
+      rows = props.rows;
+
+  var rowList = _toConsumableArray(Array(rows)).map(function (_, index) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      React.createElement("li", {
+        key: index,
+        style: {
+          width: getWidth(index)
+        }
+      })
+    );
+  });
+
+  return /*#__PURE__*/React.createElement("ul", {
+    className: classNames(prefixCls, className),
+    style: style
+  }, rowList);
+};
+
+export default Paragraph;

web/node_modules/antd/es/skeleton/Skeleton.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { SkeletonTitleProps } from './Title';
+import { SkeletonParagraphProps } from './Paragraph';
+import { AvatarProps } from './Avatar';
+interface SkeletonAvatarProps extends Omit<AvatarProps, 'active'> {
+}
+export interface SkeletonProps {
+    active?: boolean;
+    loading?: boolean;
+    prefixCls?: string;
+    className?: string;
+    children?: React.ReactNode;
+    avatar?: SkeletonAvatarProps | boolean;
+    title?: SkeletonTitleProps | boolean;
+    paragraph?: SkeletonParagraphProps | boolean;
+}
+declare const Skeleton: {
+    (props: SkeletonProps): JSX.Element;
+    defaultProps: {
+        avatar: boolean;
+        title: boolean;
+        paragraph: boolean;
+    };
+    Button: {
+        (props: import("./Button").SkeletonButtonProps): JSX.Element;
+        defaultProps: {
+            size: string;
+        };
+    };
+    Avatar: {
+        (props: AvatarProps): JSX.Element;
+        defaultProps: {
+            size: string;
+            shape: string;
+        };
+    };
+    Input: {
+        (props: import("./Input").SkeletonInputProps): JSX.Element;
+        defaultProps: {
+            size: string;
+        };
+    };
+};
+export default Skeleton;

web/node_modules/antd/es/skeleton/Skeleton.js

@@ -0,0 +1,157 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+import * as React from 'react';
+import classNames from 'classnames';
+import Title from './Title';
+import Paragraph from './Paragraph';
+import { ConfigConsumer } from '../config-provider';
+import Element from './Element';
+import SkeletonAvatar from './Avatar';
+import SkeletonButton from './Button';
+import SkeletonInput from './Input';
+
+function getComponentProps(prop) {
+  if (prop && _typeof(prop) === 'object') {
+    return prop;
+  }
+
+  return {};
+}
+
+function getAvatarBasicProps(hasTitle, hasParagraph) {
+  if (hasTitle && !hasParagraph) {
+    // Square avatar
+    return {
+      size: 'large',
+      shape: 'square'
+    };
+  }
+
+  return {
+    size: 'large',
+    shape: 'circle'
+  };
+}
+
+function getTitleBasicProps(hasAvatar, hasParagraph) {
+  if (!hasAvatar && hasParagraph) {
+    return {
+      width: '38%'
+    };
+  }
+
+  if (hasAvatar && hasParagraph) {
+    return {
+      width: '50%'
+    };
+  }
+
+  return {};
+}
+
+function getParagraphBasicProps(hasAvatar, hasTitle) {
+  var basicProps = {}; // Width
+
+  if (!hasAvatar || !hasTitle) {
+    basicProps.width = '61%';
+  } // Rows
+
+
+  if (!hasAvatar && hasTitle) {
+    basicProps.rows = 3;
+  } else {
+    basicProps.rows = 2;
+  }
+
+  return basicProps;
+}
+
+var Skeleton = function Skeleton(props) {
+  var renderSkeleton = function renderSkeleton(_ref) {
+    var getPrefixCls = _ref.getPrefixCls,
+        direction = _ref.direction;
+    var customizePrefixCls = props.prefixCls,
+        loading = props.loading,
+        className = props.className,
+        children = props.children,
+        avatar = props.avatar,
+        title = props.title,
+        paragraph = props.paragraph,
+        active = props.active;
+    var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
+
+    if (loading || !('loading' in props)) {
+      var _classNames;
+
+      var hasAvatar = !!avatar;
+      var hasTitle = !!title;
+      var hasParagraph = !!paragraph; // Avatar
+
+      var avatarNode;
+
+      if (hasAvatar) {
+        var avatarProps = _extends(_extends({
+          prefixCls: "".concat(prefixCls, "-avatar")
+        }, getAvatarBasicProps(hasTitle, hasParagraph)), getComponentProps(avatar)); // We direct use SkeletonElement as avatar in skeleton internal.
+
+
+        avatarNode = /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefixCls, "-header")
+        }, /*#__PURE__*/React.createElement(Element, avatarProps));
+      }
+
+      var contentNode;
+
+      if (hasTitle || hasParagraph) {
+        // Title
+        var $title;
+
+        if (hasTitle) {
+          var titleProps = _extends(_extends({
+            prefixCls: "".concat(prefixCls, "-title")
+          }, getTitleBasicProps(hasAvatar, hasParagraph)), getComponentProps(title));
+
+          $title = /*#__PURE__*/React.createElement(Title, titleProps);
+        } // Paragraph
+
+
+        var paragraphNode;
+
+        if (hasParagraph) {
+          var paragraphProps = _extends(_extends({
+            prefixCls: "".concat(prefixCls, "-paragraph")
+          }, getParagraphBasicProps(hasAvatar, hasTitle)), getComponentProps(paragraph));
+
+          paragraphNode = /*#__PURE__*/React.createElement(Paragraph, paragraphProps);
+        }
+
+        contentNode = /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefixCls, "-content")
+        }, $title, paragraphNode);
+      }
+
+      var cls = classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-with-avatar"), hasAvatar), _defineProperty(_classNames, "".concat(prefixCls, "-active"), active), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames));
+      return /*#__PURE__*/React.createElement("div", {
+        className: cls
+      }, avatarNode, contentNode);
+    }
+
+    return children;
+  };
+
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderSkeleton);
+};
+
+Skeleton.defaultProps = {
+  avatar: false,
+  title: true,
+  paragraph: true
+};
+Skeleton.Button = SkeletonButton;
+Skeleton.Avatar = SkeletonAvatar;
+Skeleton.Input = SkeletonInput;
+export default Skeleton;

web/node_modules/antd/es/skeleton/Title.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface SkeletonTitleProps {
+    prefixCls?: string;
+    className?: string;
+    style?: object;
+    width?: number | string;
+}
+declare const Title: ({ prefixCls, className, width, style }: SkeletonTitleProps) => JSX.Element;
+export default Title;

web/node_modules/antd/es/skeleton/Title.js

@@ -0,0 +1,20 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/* eslint-disable jsx-a11y/heading-has-content */
+import * as React from 'react';
+import classNames from 'classnames';
+
+var Title = function Title(_ref) {
+  var prefixCls = _ref.prefixCls,
+      className = _ref.className,
+      width = _ref.width,
+      style = _ref.style;
+  return /*#__PURE__*/React.createElement("h3", {
+    className: classNames(prefixCls, className),
+    style: _extends({
+      width: width
+    }, style)
+  });
+};
+
+export default Title;

web/node_modules/antd/es/skeleton/index.d.ts

@@ -0,0 +1,3 @@
+import Skeleton from './Skeleton';
+export { SkeletonProps } from './Skeleton';
+export default Skeleton;

web/node_modules/antd/es/skeleton/index.js

@@ -0,0 +1,2 @@
+import Skeleton from './Skeleton';
+export default Skeleton;

web/node_modules/antd/es/skeleton/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';

web/node_modules/antd/es/skeleton/style/index.css

@@ -0,0 +1,240 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-skeleton {
+  display: table;
+  width: 100%;
+}
+.ant-skeleton-header {
+  display: table-cell;
+  padding-right: 16px;
+  vertical-align: top;
+}
+.ant-skeleton-header .ant-skeleton-avatar {
+  display: inline-block;
+  vertical-align: top;
+  background: #f2f2f2;
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-header .ant-skeleton-avatar-lg {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-header .ant-skeleton-avatar-sm {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+}
+.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-content {
+  display: table-cell;
+  width: 100%;
+  vertical-align: top;
+}
+.ant-skeleton-content .ant-skeleton-title {
+  width: 100%;
+  height: 16px;
+  margin-top: 16px;
+  background: #f2f2f2;
+}
+.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+  margin-top: 24px;
+}
+.ant-skeleton-content .ant-skeleton-paragraph {
+  padding: 0;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li {
+  width: 100%;
+  height: 16px;
+  list-style: none;
+  background: #f2f2f2;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
+  width: 61%;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li + li {
+  margin-top: 16px;
+}
+.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
+  margin-top: 12px;
+}
+.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+  margin-top: 28px;
+}
+.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
+  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
+          animation: ant-skeleton-loading 1.4s ease infinite;
+}
+.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
+  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
+          animation: ant-skeleton-loading 1.4s ease infinite;
+}
+.ant-skeleton.ant-skeleton-active .ant-skeleton-button {
+  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
+          animation: ant-skeleton-loading 1.4s ease infinite;
+}
+.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
+  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
+          animation: ant-skeleton-loading 1.4s ease infinite;
+}
+.ant-skeleton-element {
+  display: inline-block;
+}
+.ant-skeleton-element .ant-skeleton-button {
+  display: inline-block;
+  vertical-align: top;
+  background: #f2f2f2;
+  border-radius: 2px;
+  width: 64px;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
+  width: 32px;
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
+  border-radius: 32px;
+}
+.ant-skeleton-element .ant-skeleton-button-lg {
+  width: 80px;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
+  width: 40px;
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
+  border-radius: 40px;
+}
+.ant-skeleton-element .ant-skeleton-button-sm {
+  width: 48px;
+  height: 24px;
+  line-height: 24px;
+}
+.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
+  width: 24px;
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
+  border-radius: 24px;
+}
+.ant-skeleton-element .ant-skeleton-avatar {
+  display: inline-block;
+  vertical-align: top;
+  background: #f2f2f2;
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-avatar-lg {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-avatar-sm {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+}
+.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-input {
+  display: inline-block;
+  vertical-align: top;
+  background: #f2f2f2;
+  width: 100%;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-element .ant-skeleton-input-lg {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-element .ant-skeleton-input-sm {
+  width: 100%;
+  height: 24px;
+  line-height: 24px;
+}
+@-webkit-keyframes ant-skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+@keyframes ant-skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+.ant-skeleton-rtl {
+  direction: rtl;
+}
+.ant-skeleton-rtl .ant-skeleton-header {
+  padding-right: 0;
+  padding-left: 16px;
+}
+.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
+.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
+  -webkit-animation-name: ant-skeleton-loading-rtl;
+          animation-name: ant-skeleton-loading-rtl;
+}
+.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
+  -webkit-animation-name: ant-skeleton-loading-rtl;
+          animation-name: ant-skeleton-loading-rtl;
+}
+@-webkit-keyframes ant-skeleton-loading-rtl {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}
+@keyframes ant-skeleton-loading-rtl {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}

web/node_modules/antd/es/skeleton/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

web/node_modules/antd/es/skeleton/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

web/node_modules/antd/es/skeleton/style/index.less

@@ -0,0 +1,217 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
+@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
+@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
+@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
+@skeleton-button-prefix-cls: ~'@{skeleton-prefix-cls}-button';
+@skeleton-input-prefix-cls: ~'@{skeleton-prefix-cls}-input';
+
+.@{skeleton-prefix-cls} {
+  display: table;
+  width: 100%;
+
+  &-header {
+    display: table-cell;
+    padding-right: @padding-md;
+    vertical-align: top;
+
+    // Avatar
+    .@{skeleton-avatar-prefix-cls} {
+      .skeleton-element-avatar();
+    }
+  }
+
+  &-content {
+    display: table-cell;
+    width: 100%;
+    vertical-align: top;
+
+    // Title
+    .@{skeleton-title-prefix-cls} {
+      width: 100%;
+      height: 16px;
+      margin-top: @margin-md;
+      background: @skeleton-color;
+
+      + .@{skeleton-paragraph-prefix-cls} {
+        margin-top: @margin-lg;
+      }
+    }
+
+    // paragraph
+    .@{skeleton-paragraph-prefix-cls} {
+      padding: 0;
+
+      > li {
+        width: 100%;
+        height: 16px;
+        list-style: none;
+        background: @skeleton-color;
+
+        &:last-child:not(:first-child):not(:nth-child(2)) {
+          width: 61%;
+        }
+
+        + li {
+          margin-top: @skeleton-paragraph-li-margin-top;
+        }
+      }
+    }
+  }
+
+  &-with-avatar &-content {
+    // Title
+    .@{skeleton-title-prefix-cls} {
+      margin-top: @margin-sm;
+
+      + .@{skeleton-paragraph-prefix-cls} {
+        margin-top: @skeleton-paragraph-margin-top;
+      }
+    }
+  }
+
+  // With active animation
+  &.@{skeleton-prefix-cls}-active {
+    & .@{skeleton-prefix-cls}-content {
+      .@{skeleton-title-prefix-cls},
+      .@{skeleton-paragraph-prefix-cls} > li {
+        .skeleton-color();
+      }
+    }
+
+    .@{skeleton-avatar-prefix-cls} {
+      .skeleton-color();
+    }
+
+    .@{skeleton-button-prefix-cls} {
+      .skeleton-color();
+    }
+
+    .@{skeleton-input-prefix-cls} {
+      .skeleton-color();
+    }
+  }
+
+  // Skeleton element
+  &-element {
+    display: inline-block;
+    .@{skeleton-button-prefix-cls} {
+      .skeleton-element-button();
+    }
+
+    .@{skeleton-avatar-prefix-cls} {
+      .skeleton-element-avatar();
+    }
+
+    .@{skeleton-input-prefix-cls} {
+      .skeleton-element-input();
+    }
+  }
+}
+// Button
+.skeleton-element-button() {
+  display: inline-block;
+  vertical-align: top;
+  background: @skeleton-color;
+  border-radius: @border-radius-base;
+
+  .skeleton-element-button-size(@btn-height-base);
+
+  &-lg {
+    .skeleton-element-button-size(@btn-height-lg);
+  }
+
+  &-sm {
+    .skeleton-element-button-size(@btn-height-sm);
+  }
+}
+// Avatar
+.skeleton-element-avatar() {
+  display: inline-block;
+  vertical-align: top;
+  background: @skeleton-color;
+
+  .skeleton-element-avatar-size(@avatar-size-base);
+
+  &-lg {
+    .skeleton-element-avatar-size(@avatar-size-lg);
+  }
+
+  &-sm {
+    .skeleton-element-avatar-size(@avatar-size-sm);
+  }
+}
+
+// Input
+.skeleton-element-input() {
+  display: inline-block;
+  vertical-align: top;
+  background: @skeleton-color;
+
+  .skeleton-element-input-size(@input-height-base);
+
+  &-lg {
+    .skeleton-element-input-size(@input-height-lg);
+  }
+
+  &-sm {
+    .skeleton-element-input-size(@input-height-sm);
+  }
+}
+
+.skeleton-element-avatar-size(@size) {
+  width: @size;
+  .skeleton-element-common-size(@size);
+
+  &.@{skeleton-avatar-prefix-cls}-circle {
+    border-radius: 50%;
+  }
+}
+
+.skeleton-element-button-size(@size) {
+  width: @size * 2;
+  .skeleton-element-common-size(@size);
+
+  &.@{skeleton-button-prefix-cls}-circle {
+    width: @size;
+    border-radius: 50%;
+  }
+
+  &.@{skeleton-button-prefix-cls}-round {
+    border-radius: @size;
+  }
+}
+
+.skeleton-element-input-size(@size) {
+  width: 100%;
+  .skeleton-element-common-size(@size);
+}
+
+.skeleton-element-common-size(@size) {
+  height: @size;
+  line-height: @size;
+}
+
+.skeleton-color() {
+  background: linear-gradient(
+    90deg,
+    @skeleton-color 25%,
+    @skeleton-to-color 37%,
+    @skeleton-color 63%
+  );
+  background-size: 400% 100%;
+  animation: ~'@{skeleton-prefix-cls}-loading' 1.4s ease infinite;
+}
+
+@keyframes ~"@{skeleton-prefix-cls}-loading" {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+
+@import './rtl';

web/node_modules/antd/es/skeleton/style/rtl.less

@@ -0,0 +1,47 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
+@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
+@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
+@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
+
+.@{skeleton-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-header {
+    .@{skeleton-prefix-cls}-rtl & {
+      padding-right: 0;
+      padding-left: 16px;
+    }
+  }
+
+  // With active animation
+  &.@{skeleton-prefix-cls}-active {
+    & .@{skeleton-prefix-cls}-content {
+      .@{skeleton-title-prefix-cls},
+      .@{skeleton-paragraph-prefix-cls} > li {
+        .@{skeleton-prefix-cls}-rtl& {
+          animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
+        }
+      }
+    }
+
+    .@{skeleton-avatar-prefix-cls} {
+      .@{skeleton-prefix-cls}-rtl& {
+        animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
+      }
+    }
+  }
+}
+
+@keyframes ~"@{skeleton-prefix-cls}-loading-rtl" {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}