@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/skeleton/Skeleton.js

@@ -0,0 +1,153 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider';
+import SkeletonAvatar from './Avatar';
+import SkeletonButton from './Button';
+import Element from './Element';
+import SkeletonImage from './Image';
+import SkeletonInput from './Input';
+import SkeletonNode from './Node';
+import Paragraph from './Paragraph';
+import useStyle from './style';
+import Title from './Title';
+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 customizePrefixCls = props.prefixCls,
+    loading = props.loading,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    style = props.style,
+    children = props.children,
+    _props$avatar = props.avatar,
+    avatar = _props$avatar === void 0 ? false : _props$avatar,
+    _props$title = props.title,
+    title = _props$title === void 0 ? true : _props$title,
+    _props$paragraph = props.paragraph,
+    paragraph = _props$paragraph === void 0 ? true : _props$paragraph,
+    active = props.active,
+    round = props.round;
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    skeleton = _React$useContext.skeleton;
+  var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  if (loading || !('loading' in props)) {
+    var hasAvatar = !!avatar;
+    var hasTitle = !!title;
+    var hasParagraph = !!paragraph;
+    // Avatar
+    var avatarNode;
+    if (hasAvatar) {
+      var avatarProps = _objectSpread(_objectSpread({
+        prefixCls: "".concat(prefixCls, "-avatar")
+      }, getAvatarBasicProps(hasTitle, hasParagraph)), getComponentProps(avatar));
+      // We direct use SkeletonElement as avatar in skeleton internal.
+      avatarNode = _jsx("div", {
+        className: "".concat(prefixCls, "-header"),
+        children: _jsx(Element, _objectSpread({}, avatarProps))
+      });
+    }
+    var contentNode;
+    if (hasTitle || hasParagraph) {
+      // Title
+      var $title;
+      if (hasTitle) {
+        var titleProps = _objectSpread(_objectSpread({
+          prefixCls: "".concat(prefixCls, "-title")
+        }, getTitleBasicProps(hasAvatar, hasParagraph)), getComponentProps(title));
+        $title = _jsx(Title, _objectSpread({}, titleProps));
+      }
+      // Paragraph
+      var paragraphNode;
+      if (hasParagraph) {
+        var paragraphProps = _objectSpread(_objectSpread({
+          prefixCls: "".concat(prefixCls, "-paragraph")
+        }, getParagraphBasicProps(hasAvatar, hasTitle)), getComponentProps(paragraph));
+        paragraphNode = _jsx(Paragraph, _objectSpread({}, paragraphProps));
+      }
+      contentNode = _jsxs("div", {
+        className: "".concat(prefixCls, "-content"),
+        children: [$title, paragraphNode]
+      });
+    }
+    var cls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-with-avatar"), hasAvatar), "".concat(prefixCls, "-active"), active), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-round"), round), skeleton === null || skeleton === void 0 ? void 0 : skeleton.className, className, rootClassName, hashId, cssVarCls);
+    return wrapCSSVar(_jsxs("div", {
+      className: cls,
+      style: _objectSpread(_objectSpread({}, skeleton === null || skeleton === void 0 ? void 0 : skeleton.style), style),
+      children: [avatarNode, contentNode]
+    }));
+  }
+  return children !== null && children !== void 0 ? children : null;
+};
+Skeleton.Button = SkeletonButton;
+Skeleton.Avatar = SkeletonAvatar;
+Skeleton.Input = SkeletonInput;
+Skeleton.Image = SkeletonImage;
+Skeleton.Node = SkeletonNode;
+if (process.env.NODE_ENV !== 'production') {
+  Skeleton.displayName = 'Skeleton';
+}
+export default Skeleton;

package/lib/Antd5/skeleton/Title.js

@@ -0,0 +1,23 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+/* 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 _jsx("h3", {
+    className: classNames(prefixCls, className),
+    style: _objectSpread({
+      width: width
+    }, style)
+  });
+};
+export default Title;

package/lib/Antd5/skeleton/index.js

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

package/lib/Antd5/skeleton/style/index.js

@@ -0,0 +1,247 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Keyframes, unit } from '@ant-design/cssinjs';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+var skeletonClsLoading = new Keyframes("ant-skeleton-loading", {
+  '0%': {
+    backgroundPosition: '100% 50%'
+  },
+  '100%': {
+    backgroundPosition: '0 50%'
+  }
+});
+var genSkeletonElementCommonSize = function genSkeletonElementCommonSize(size) {
+  return {
+    height: size,
+    lineHeight: unit(size)
+  };
+};
+var genSkeletonElementAvatarSize = function genSkeletonElementAvatarSize(size) {
+  return _objectSpread({
+    width: size
+  }, genSkeletonElementCommonSize(size));
+};
+var genSkeletonColor = function genSkeletonColor(token) {
+  return {
+    background: token.skeletonLoadingBackground,
+    backgroundSize: '400% 100%',
+    animationName: skeletonClsLoading,
+    animationDuration: token.skeletonLoadingMotionDuration,
+    animationTimingFunction: 'ease',
+    animationIterationCount: 'infinite'
+  };
+};
+var genSkeletonElementInputSize = function genSkeletonElementInputSize(size, calc) {
+  return _objectSpread({
+    width: calc(size).mul(5).equal(),
+    minWidth: calc(size).mul(5).equal()
+  }, genSkeletonElementCommonSize(size));
+};
+var genSkeletonElementAvatar = function genSkeletonElementAvatar(token) {
+  var skeletonAvatarCls = token.skeletonAvatarCls,
+    gradientFromColor = token.gradientFromColor,
+    controlHeight = token.controlHeight,
+    controlHeightLG = token.controlHeightLG,
+    controlHeightSM = token.controlHeightSM;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(skeletonAvatarCls), _objectSpread({
+    display: 'inline-block',
+    verticalAlign: 'top',
+    background: gradientFromColor
+  }, genSkeletonElementAvatarSize(controlHeight))), "".concat(skeletonAvatarCls).concat(skeletonAvatarCls, "-circle"), {
+    borderRadius: '50%'
+  }), "".concat(skeletonAvatarCls).concat(skeletonAvatarCls, "-lg"), _objectSpread({}, genSkeletonElementAvatarSize(controlHeightLG))), "".concat(skeletonAvatarCls).concat(skeletonAvatarCls, "-sm"), _objectSpread({}, genSkeletonElementAvatarSize(controlHeightSM)));
+};
+var genSkeletonElementInput = function genSkeletonElementInput(token) {
+  var controlHeight = token.controlHeight,
+    borderRadiusSM = token.borderRadiusSM,
+    skeletonInputCls = token.skeletonInputCls,
+    controlHeightLG = token.controlHeightLG,
+    controlHeightSM = token.controlHeightSM,
+    gradientFromColor = token.gradientFromColor,
+    calc = token.calc;
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(skeletonInputCls), _objectSpread({
+    display: 'inline-block',
+    verticalAlign: 'top',
+    background: gradientFromColor,
+    borderRadius: borderRadiusSM
+  }, genSkeletonElementInputSize(controlHeight, calc))), "".concat(skeletonInputCls, "-lg"), _objectSpread({}, genSkeletonElementInputSize(controlHeightLG, calc))), "".concat(skeletonInputCls, "-sm"), _objectSpread({}, genSkeletonElementInputSize(controlHeightSM, calc)));
+};
+var genSkeletonElementImageSize = function genSkeletonElementImageSize(size) {
+  return _objectSpread({
+    width: size
+  }, genSkeletonElementCommonSize(size));
+};
+var genSkeletonElementImage = function genSkeletonElementImage(token) {
+  var skeletonImageCls = token.skeletonImageCls,
+    imageSizeBase = token.imageSizeBase,
+    gradientFromColor = token.gradientFromColor,
+    borderRadiusSM = token.borderRadiusSM,
+    calc = token.calc;
+  return _defineProperty(_defineProperty({}, "".concat(skeletonImageCls), _objectSpread(_objectSpread({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    verticalAlign: 'top',
+    background: gradientFromColor,
+    borderRadius: borderRadiusSM
+  }, genSkeletonElementImageSize(calc(imageSizeBase).mul(2).equal())), {}, _defineProperty(_defineProperty(_defineProperty({}, "".concat(skeletonImageCls, "-path"), {
+    fill: '#bfbfbf'
+  }), "".concat(skeletonImageCls, "-svg"), _objectSpread(_objectSpread({}, genSkeletonElementImageSize(imageSizeBase)), {}, {
+    maxWidth: calc(imageSizeBase).mul(4).equal(),
+    maxHeight: calc(imageSizeBase).mul(4).equal()
+  })), "".concat(skeletonImageCls, "-svg").concat(skeletonImageCls, "-svg-circle"), {
+    borderRadius: '50%'
+  }))), "".concat(skeletonImageCls).concat(skeletonImageCls, "-circle"), {
+    borderRadius: '50%'
+  });
+};
+var genSkeletonElementButtonShape = function genSkeletonElementButtonShape(token, size, buttonCls) {
+  var skeletonButtonCls = token.skeletonButtonCls;
+  return _defineProperty(_defineProperty({}, "".concat(buttonCls).concat(skeletonButtonCls, "-circle"), {
+    width: size,
+    minWidth: size,
+    borderRadius: '50%'
+  }), "".concat(buttonCls).concat(skeletonButtonCls, "-round"), {
+    borderRadius: size
+  });
+};
+var genSkeletonElementButtonSize = function genSkeletonElementButtonSize(size, calc) {
+  return _objectSpread({
+    width: calc(size).mul(2).equal(),
+    minWidth: calc(size).mul(2).equal()
+  }, genSkeletonElementCommonSize(size));
+};
+var genSkeletonElementButton = function genSkeletonElementButton(token) {
+  var borderRadiusSM = token.borderRadiusSM,
+    skeletonButtonCls = token.skeletonButtonCls,
+    controlHeight = token.controlHeight,
+    controlHeightLG = token.controlHeightLG,
+    controlHeightSM = token.controlHeightSM,
+    gradientFromColor = token.gradientFromColor,
+    calc = token.calc;
+  return _objectSpread(_objectSpread(_objectSpread(_defineProperty({}, "".concat(skeletonButtonCls), _objectSpread({
+    display: 'inline-block',
+    verticalAlign: 'top',
+    background: gradientFromColor,
+    borderRadius: borderRadiusSM,
+    width: calc(controlHeight).mul(2).equal(),
+    minWidth: calc(controlHeight).mul(2).equal()
+  }, genSkeletonElementButtonSize(controlHeight, calc))), genSkeletonElementButtonShape(token, controlHeight, skeletonButtonCls)), {}, _defineProperty({}, "".concat(skeletonButtonCls, "-lg"), _objectSpread({}, genSkeletonElementButtonSize(controlHeightLG, calc))), genSkeletonElementButtonShape(token, controlHeightLG, "".concat(skeletonButtonCls, "-lg"))), {}, _defineProperty({}, "".concat(skeletonButtonCls, "-sm"), _objectSpread({}, genSkeletonElementButtonSize(controlHeightSM, calc))), genSkeletonElementButtonShape(token, controlHeightSM, "".concat(skeletonButtonCls, "-sm")));
+};
+// =============================== Base ===============================
+var genBaseStyle = function genBaseStyle(token) {
+  var componentCls = token.componentCls,
+    skeletonAvatarCls = token.skeletonAvatarCls,
+    skeletonTitleCls = token.skeletonTitleCls,
+    skeletonParagraphCls = token.skeletonParagraphCls,
+    skeletonButtonCls = token.skeletonButtonCls,
+    skeletonInputCls = token.skeletonInputCls,
+    skeletonImageCls = token.skeletonImageCls,
+    controlHeight = token.controlHeight,
+    controlHeightLG = token.controlHeightLG,
+    controlHeightSM = token.controlHeightSM,
+    gradientFromColor = token.gradientFromColor,
+    padding = token.padding,
+    marginSM = token.marginSM,
+    borderRadius = token.borderRadius,
+    titleHeight = token.titleHeight,
+    blockRadius = token.blockRadius,
+    paragraphLiHeight = token.paragraphLiHeight,
+    controlHeightXS = token.controlHeightXS,
+    paragraphMarginTop = token.paragraphMarginTop;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
+    display: 'table',
+    width: '100%'
+  }, "".concat(componentCls, "-header"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    display: 'table-cell',
+    paddingInlineEnd: padding,
+    verticalAlign: 'top'
+  }, "".concat(skeletonAvatarCls), _objectSpread({
+    display: 'inline-block',
+    verticalAlign: 'top',
+    background: gradientFromColor
+  }, genSkeletonElementAvatarSize(controlHeight))), "".concat(skeletonAvatarCls, "-circle"), {
+    borderRadius: '50%'
+  }), "".concat(skeletonAvatarCls, "-lg"), _objectSpread({}, genSkeletonElementAvatarSize(controlHeightLG))), "".concat(skeletonAvatarCls, "-sm"), _objectSpread({}, genSkeletonElementAvatarSize(controlHeightSM)))), "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
+    display: 'table-cell',
+    width: '100%',
+    verticalAlign: 'top'
+  }, "".concat(skeletonTitleCls), _defineProperty({
+    width: '100%',
+    height: titleHeight,
+    background: gradientFromColor,
+    borderRadius: blockRadius
+  }, "+ ".concat(skeletonParagraphCls), {
+    marginBlockStart: controlHeightSM
+  })), "".concat(skeletonParagraphCls), {
+    padding: 0,
+    '> li': {
+      width: '100%',
+      height: paragraphLiHeight,
+      listStyle: 'none',
+      background: gradientFromColor,
+      borderRadius: blockRadius,
+      '+ li': {
+        marginBlockStart: controlHeightXS
+      }
+    }
+  }), "".concat(skeletonParagraphCls, "> li:last-child:not(:first-child):not(:nth-child(2))"), {
+    width: '61%'
+  })), "&-round ".concat(componentCls, "-content"), _defineProperty({}, "".concat(skeletonTitleCls, ", ").concat(skeletonParagraphCls, " > li"), {
+    borderRadius: borderRadius
+  }))), "".concat(componentCls, "-with-avatar ").concat(componentCls, "-content"), _defineProperty({}, "".concat(skeletonTitleCls), _defineProperty({
+    marginBlockStart: marginSM
+  }, "+ ".concat(skeletonParagraphCls), {
+    marginBlockStart: paragraphMarginTop
+  }))), "".concat(componentCls).concat(componentCls, "-element"), _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    display: 'inline-block',
+    width: 'auto'
+  }, genSkeletonElementButton(token)), genSkeletonElementAvatar(token)), genSkeletonElementInput(token)), genSkeletonElementImage(token))), "".concat(componentCls).concat(componentCls, "-block"), _defineProperty(_defineProperty({
+    width: '100%'
+  }, "".concat(skeletonButtonCls), {
+    width: '100%'
+  }), "".concat(skeletonInputCls), {
+    width: '100%'
+  })), "".concat(componentCls).concat(componentCls, "-active"), _defineProperty({}, "\n        ".concat(skeletonTitleCls, ",\n        ").concat(skeletonParagraphCls, " > li,\n        ").concat(skeletonAvatarCls, ",\n        ").concat(skeletonButtonCls, ",\n        ").concat(skeletonInputCls, ",\n        ").concat(skeletonImageCls, "\n      "), _objectSpread({}, genSkeletonColor(token))));
+};
+// ============================== Export ==============================
+export var prepareComponentToken = function prepareComponentToken(token) {
+  var colorFillContent = token.colorFillContent,
+    colorFill = token.colorFill;
+  var gradientFromColor = colorFillContent;
+  var gradientToColor = colorFill;
+  return {
+    color: gradientFromColor,
+    colorGradientEnd: gradientToColor,
+    gradientFromColor: gradientFromColor,
+    gradientToColor: gradientToColor,
+    titleHeight: token.controlHeight / 2,
+    blockRadius: token.borderRadiusSM,
+    paragraphMarginTop: token.marginLG + token.marginXXS,
+    paragraphLiHeight: token.controlHeight / 2
+  };
+};
+export default genStyleHooks('Skeleton', function (token) {
+  var componentCls = token.componentCls,
+    calc = token.calc;
+  var skeletonToken = mergeToken(token, {
+    skeletonAvatarCls: "".concat(componentCls, "-avatar"),
+    skeletonTitleCls: "".concat(componentCls, "-title"),
+    skeletonParagraphCls: "".concat(componentCls, "-paragraph"),
+    skeletonButtonCls: "".concat(componentCls, "-button"),
+    skeletonInputCls: "".concat(componentCls, "-input"),
+    skeletonImageCls: "".concat(componentCls, "-image"),
+    imageSizeBase: calc(token.controlHeight).mul(1.5).equal(),
+    borderRadius: 100,
+    // Large number to make capsule shape
+    skeletonLoadingBackground: "linear-gradient(90deg, ".concat(token.gradientFromColor, " 25%, ").concat(token.gradientToColor, " 37%, ").concat(token.gradientFromColor, " 63%)"),
+    skeletonLoadingMotionDuration: '1.4s'
+  });
+  return [genBaseStyle(skeletonToken)];
+}, prepareComponentToken, {
+  deprecatedTokens: [['color', 'gradientFromColor'], ['colorGradientEnd', 'gradientToColor']]
+});

package/lib/Antd5/slider/SliderTooltip.js

@@ -0,0 +1,43 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useRef } from 'react';
+import raf from 'rc-util/lib/raf';
+import { composeRef } from 'rc-util/lib/ref';
+import Tooltip from '../tooltip';
+var SliderTooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var open = props.open;
+  var innerRef = useRef(null);
+  var rafRef = useRef(null);
+  function cancelKeepAlign() {
+    raf.cancel(rafRef.current);
+    rafRef.current = null;
+  }
+  function keepAlign() {
+    rafRef.current = raf(function () {
+      var _innerRef$current;
+      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.forceAlign();
+      rafRef.current = null;
+    });
+  }
+  React.useEffect(function () {
+    if (open) {
+      keepAlign();
+    } else {
+      cancelKeepAlign();
+    }
+    return cancelKeepAlign;
+  }, [open, props.title]);
+  return _jsx(Tooltip, _objectSpread({
+    ref: composeRef(innerRef, ref)
+  }, props));
+});
+if (process.env.NODE_ENV !== 'production') {
+  SliderTooltip.displayName = 'SliderTooltip';
+}
+export default SliderTooltip;