@nocobase/plugin-client 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/locale/antd/select/style/multiple.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+const FIXED_ITEM_MARGIN = 2;
+const getSelectItemStyle = _ref => {
+  let {
+    controlHeightSM,
+    controlHeight,
+    lineWidth: borderWidth
+  } = _ref;
+  const selectItemDist = (controlHeight - controlHeightSM) / 2 - borderWidth;
+  const selectItemMargin = Math.ceil(selectItemDist / 2);
+  return [selectItemDist, selectItemMargin];
+};
+function genSizeStyle(token, suffix) {
+  const {
+    componentCls,
+    iconCls
+  } = token;
+  const selectOverflowPrefixCls = `${componentCls}-selection-overflow`;
+  const selectItemHeight = token.controlHeightSM;
+  const [selectItemDist] = getSelectItemStyle(token);
+  const suffixCls = suffix ? `${componentCls}-${suffix}` : '';
+  return {
+    [`${componentCls}-multiple${suffixCls}`]: {
+      fontSize: token.fontSize,
+      /**
+       * Do not merge `height` & `line-height` under style with `selection` & `search`, since chrome
+       * may update to redesign with its align logic.
+       */
+      // =========================== Overflow ===========================
+      [selectOverflowPrefixCls]: {
+        position: 'relative',
+        display: 'flex',
+        flex: 'auto',
+        flexWrap: 'wrap',
+        maxWidth: '100%',
+        '&-item': {
+          flex: 'none',
+          alignSelf: 'center',
+          maxWidth: '100%',
+          display: 'inline-flex'
+        }
+      },
+      // ========================= Selector =========================
+      [`${componentCls}-selector`]: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        // Multiple is little different that horizontal is follow the vertical
+        padding: `${selectItemDist - FIXED_ITEM_MARGIN}px ${FIXED_ITEM_MARGIN * 2}px`,
+        borderRadius: token.borderRadius,
+        [`${componentCls}-show-search&`]: {
+          cursor: 'text'
+        },
+        [`${componentCls}-disabled&`]: {
+          background: token.colorBgContainerDisabled,
+          cursor: 'not-allowed'
+        },
+        '&:after': {
+          display: 'inline-block',
+          width: 0,
+          margin: `${FIXED_ITEM_MARGIN}px 0`,
+          lineHeight: `${selectItemHeight}px`,
+          visibility: 'hidden',
+          content: '"\\a0"'
+        }
+      },
+      [`
+        &${componentCls}-show-arrow ${componentCls}-selector,
+        &${componentCls}-allow-clear ${componentCls}-selector
+      `]: {
+        paddingInlineEnd: token.fontSizeIcon + token.controlPaddingHorizontal
+      },
+      // ======================== Selections ========================
+      [`${componentCls}-selection-item`]: {
+        position: 'relative',
+        display: 'flex',
+        flex: 'none',
+        boxSizing: 'border-box',
+        maxWidth: '100%',
+        height: selectItemHeight,
+        marginTop: FIXED_ITEM_MARGIN,
+        marginBottom: FIXED_ITEM_MARGIN,
+        lineHeight: `${selectItemHeight - token.lineWidth * 2}px`,
+        background: token.colorFillSecondary,
+        borderRadius: token.borderRadiusSM,
+        cursor: 'default',
+        transition: `font-size ${token.motionDurationSlow}, line-height ${token.motionDurationSlow}, height ${token.motionDurationSlow}`,
+        userSelect: 'none',
+        marginInlineEnd: FIXED_ITEM_MARGIN * 2,
+        paddingInlineStart: token.paddingXS,
+        paddingInlineEnd: token.paddingXS / 2,
+        [`${componentCls}-disabled&`]: {
+          color: token.colorTextDisabled,
+          cursor: 'not-allowed'
+        },
+        // It's ok not to do this, but 24px makes bottom narrow in view should adjust
+        '&-content': {
+          display: 'inline-block',
+          marginInlineEnd: token.paddingXS / 2,
+          overflow: 'hidden',
+          whiteSpace: 'pre',
+          textOverflow: 'ellipsis'
+        },
+        '&-remove': Object.assign(Object.assign({}, (0, _style.resetIcon)()), {
+          display: 'inline-flex',
+          alignItems: 'center',
+          color: token.colorIcon,
+          fontWeight: 'bold',
+          fontSize: 10,
+          lineHeight: 'inherit',
+          cursor: 'pointer',
+          [`> ${iconCls}`]: {
+            verticalAlign: '-0.2em'
+          },
+          '&:hover': {
+            color: token.colorIconHover
+          }
+        })
+      },
+      // ========================== Input ==========================
+      [`${selectOverflowPrefixCls}-item + ${selectOverflowPrefixCls}-item`]: {
+        [`${componentCls}-selection-search`]: {
+          marginInlineStart: 0
+        }
+      },
+      [`${componentCls}-selection-search`]: {
+        display: 'inline-flex',
+        position: 'relative',
+        maxWidth: '100%',
+        marginInlineStart: token.inputPaddingHorizontalBase - selectItemDist,
+        [`
+          &-input,
+          &-mirror
+        `]: {
+          height: selectItemHeight,
+          fontFamily: token.fontFamily,
+          lineHeight: `${selectItemHeight}px`,
+          transition: `all ${token.motionDurationSlow}`
+        },
+        '&-input': {
+          width: '100%',
+          minWidth: 4.1 // fix search cursor missing
+        },
+
+        '&-mirror': {
+          position: 'absolute',
+          top: 0,
+          insetInlineStart: 0,
+          insetInlineEnd: 'auto',
+          zIndex: 999,
+          whiteSpace: 'pre',
+          visibility: 'hidden'
+        }
+      },
+      // ======================= Placeholder =======================
+      [`${componentCls}-selection-placeholder `]: {
+        position: 'absolute',
+        top: '50%',
+        insetInlineStart: token.inputPaddingHorizontalBase,
+        insetInlineEnd: token.inputPaddingHorizontalBase,
+        transform: 'translateY(-50%)',
+        transition: `all ${token.motionDurationSlow}`
+      }
+    }
+  };
+}
+const genMultipleStyle = token => {
+  const {
+    componentCls
+  } = token;
+  const smallToken = (0, _internal.mergeToken)(token, {
+    controlHeight: token.controlHeightSM,
+    controlHeightSM: token.controlHeightXS,
+    borderRadius: token.borderRadiusSM,
+    borderRadiusSM: token.borderRadiusXS
+  });
+  const largeToken = (0, _internal.mergeToken)(token, {
+    fontSize: token.fontSizeLG,
+    controlHeight: token.controlHeightLG,
+    controlHeightSM: token.controlHeight,
+    borderRadius: token.borderRadiusLG,
+    borderRadiusSM: token.borderRadius
+  });
+  const [, smSelectItemMargin] = getSelectItemStyle(token);
+  return [genSizeStyle(token),
+  // ======================== Small ========================
+  genSizeStyle(smallToken, 'sm'),
+  // Padding
+  {
+    [`${componentCls}-multiple${componentCls}-sm`]: {
+      [`${componentCls}-selection-placeholder`]: {
+        insetInline: token.controlPaddingHorizontalSM - token.lineWidth
+      },
+      // https://github.com/ant-design/ant-design/issues/29559
+      [`${componentCls}-selection-search`]: {
+        marginInlineStart: smSelectItemMargin
+      }
+    }
+  },
+  // ======================== Large ========================
+  genSizeStyle(largeToken, 'lg')];
+};
+var _default = genMultipleStyle;
+exports.default = _default;

package/dist/locale/antd/select/style/single.d.ts

@@ -0,0 +1,3 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { SelectToken } from '.';
+export default function genSingleStyle(token: SelectToken): CSSInterpolation;

package/dist/locale/antd/select/style/single.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genSingleStyle;
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+function genSizeStyle(token, suffix) {
+  const {
+    componentCls,
+    inputPaddingHorizontalBase,
+    borderRadius
+  } = token;
+  const selectHeightWithoutBorder = token.controlHeight - token.lineWidth * 2;
+  const selectionItemPadding = Math.ceil(token.fontSize * 1.25);
+  const suffixCls = suffix ? `${componentCls}-${suffix}` : '';
+  return {
+    [`${componentCls}-single${suffixCls}`]: {
+      fontSize: token.fontSize,
+      // ========================= Selector =========================
+      [`${componentCls}-selector`]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+        display: 'flex',
+        borderRadius,
+        [`${componentCls}-selection-search`]: {
+          position: 'absolute',
+          top: 0,
+          insetInlineStart: inputPaddingHorizontalBase,
+          insetInlineEnd: inputPaddingHorizontalBase,
+          bottom: 0,
+          '&-input': {
+            width: '100%'
+          }
+        },
+        [`
+          ${componentCls}-selection-item,
+          ${componentCls}-selection-placeholder
+        `]: {
+          padding: 0,
+          lineHeight: `${selectHeightWithoutBorder}px`,
+          transition: `all ${token.motionDurationSlow}, visibility 0s`,
+          // Firefox inline-block position calculation is not same as Chrome & Safari. Patch this:
+          '@supports (-moz-appearance: meterbar)': {
+            lineHeight: `${selectHeightWithoutBorder}px`
+          }
+        },
+        [`${componentCls}-selection-item`]: {
+          position: 'relative',
+          userSelect: 'none'
+        },
+        [`${componentCls}-selection-placeholder`]: {
+          transition: 'none',
+          pointerEvents: 'none'
+        },
+        // For common baseline align
+        [['&:after', /* For '' value baseline align */
+        `${componentCls}-selection-item:after`, /* For undefined value baseline align */
+        `${componentCls}-selection-placeholder:after`].join(',')]: {
+          display: 'inline-block',
+          width: 0,
+          visibility: 'hidden',
+          content: '"\\a0"'
+        }
+      }),
+      [`
+        &${componentCls}-show-arrow ${componentCls}-selection-item,
+        &${componentCls}-show-arrow ${componentCls}-selection-placeholder
+      `]: {
+        paddingInlineEnd: selectionItemPadding
+      },
+      // Opacity selection if open
+      [`&${componentCls}-open ${componentCls}-selection-item`]: {
+        color: token.colorTextPlaceholder
+      },
+      // ========================== Input ==========================
+      // We only change the style of non-customize input which is only support by `combobox` mode.
+      // Not customize
+      [`&:not(${componentCls}-customize-input)`]: {
+        [`${componentCls}-selector`]: {
+          width: '100%',
+          height: token.controlHeight,
+          padding: `0 ${inputPaddingHorizontalBase}px`,
+          [`${componentCls}-selection-search-input`]: {
+            height: selectHeightWithoutBorder
+          },
+          '&:after': {
+            lineHeight: `${selectHeightWithoutBorder}px`
+          }
+        }
+      },
+      [`&${componentCls}-customize-input`]: {
+        [`${componentCls}-selector`]: {
+          '&:after': {
+            display: 'none'
+          },
+          [`${componentCls}-selection-search`]: {
+            position: 'static',
+            width: '100%'
+          },
+          [`${componentCls}-selection-placeholder`]: {
+            position: 'absolute',
+            insetInlineStart: 0,
+            insetInlineEnd: 0,
+            padding: `0 ${inputPaddingHorizontalBase}px`,
+            '&:after': {
+              display: 'none'
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function genSingleStyle(token) {
+  const {
+    componentCls
+  } = token;
+  const inputPaddingHorizontalSM = token.controlPaddingHorizontalSM - token.lineWidth;
+  return [genSizeStyle(token),
+  // ======================== Small ========================
+  // Shared
+  genSizeStyle((0, _internal.mergeToken)(token, {
+    controlHeight: token.controlHeightSM,
+    borderRadius: token.borderRadiusSM
+  }), 'sm'),
+  // padding
+  {
+    [`${componentCls}-single${componentCls}-sm`]: {
+      [`&:not(${componentCls}-customize-input)`]: {
+        [`${componentCls}-selection-search`]: {
+          insetInlineStart: inputPaddingHorizontalSM,
+          insetInlineEnd: inputPaddingHorizontalSM
+        },
+        [`${componentCls}-selector`]: {
+          padding: `0 ${inputPaddingHorizontalSM}px`
+        },
+        // With arrow should provides `padding-right` to show the arrow
+        [`&${componentCls}-show-arrow ${componentCls}-selection-search`]: {
+          insetInlineEnd: inputPaddingHorizontalSM + token.fontSize * 1.5
+        },
+        [`
+            &${componentCls}-show-arrow ${componentCls}-selection-item,
+            &${componentCls}-show-arrow ${componentCls}-selection-placeholder
+          `]: {
+          paddingInlineEnd: token.fontSize * 1.5
+        }
+      }
+    }
+  },
+  // ======================== Large ========================
+  // Shared
+  genSizeStyle((0, _internal.mergeToken)(token, {
+    controlHeight: token.controlHeightLG,
+    fontSize: token.fontSizeLG,
+    borderRadius: token.borderRadiusLG
+  }), 'lg')];
+}

package/dist/locale/antd/select/useBuiltinPlacements.d.ts

@@ -0,0 +1,3 @@
+import type { AlignType, BuildInPlacements } from '@rc-component/trigger';
+import type { PopupOverflow } from '../config-provider/context';
+export default function useBuiltinPlacements(buildInPlacements?: BuildInPlacements, popupOverflow?: PopupOverflow): Record<string, AlignType>;

package/dist/locale/antd/select/useBuiltinPlacements.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useBuiltinPlacements;
+const getBuiltInPlacements = popupOverflow => {
+  const htmlRegion = popupOverflow === 'scroll' ? 'scroll' : 'visible';
+  const sharedConfig = {
+    overflow: {
+      adjustX: true,
+      adjustY: true,
+      shiftY: true
+    },
+    htmlRegion,
+    _experimental: {
+      dynamicInset: true
+    }
+  };
+  return {
+    bottomLeft: Object.assign(Object.assign({}, sharedConfig), {
+      points: ['tl', 'bl'],
+      offset: [0, 4]
+    }),
+    bottomRight: Object.assign(Object.assign({}, sharedConfig), {
+      points: ['tr', 'br'],
+      offset: [0, 4]
+    }),
+    topLeft: Object.assign(Object.assign({}, sharedConfig), {
+      points: ['bl', 'tl'],
+      offset: [0, -4]
+    }),
+    topRight: Object.assign(Object.assign({}, sharedConfig), {
+      points: ['br', 'tr'],
+      offset: [0, -4]
+    })
+  };
+};
+function useBuiltinPlacements(buildInPlacements, popupOverflow) {
+  return buildInPlacements || getBuiltInPlacements(popupOverflow);
+}

package/dist/locale/antd/select/useShowArrow.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Since Select, TreeSelect, Cascader is same Select like component.
+ * We just use same hook to handle this logic.
+ *
+ * If `showArrow` not configured, always show it.
+ */
+export default function useShowArrow(showArrow?: boolean): boolean;

package/dist/locale/antd/select/useShowArrow.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useShowArrow;
+/**
+ * Since Select, TreeSelect, Cascader is same Select like component.
+ * We just use same hook to handle this logic.
+ *
+ * If `showArrow` not configured, always show it.
+ */
+function useShowArrow(showArrow) {
+  return showArrow !== null && showArrow !== void 0 ? showArrow : true;
+}

package/dist/locale/antd/select/utils/iconUtil.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import * as React from 'react';
+type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);
+export default function getIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, hasFeedback, prefixCls, showArrow, feedbackIcon, }: {
+    suffixIcon?: React.ReactNode;
+    clearIcon?: RenderNode;
+    menuItemSelectedIcon?: RenderNode;
+    removeIcon?: RenderNode;
+    loading?: boolean;
+    multiple?: boolean;
+    hasFeedback?: boolean;
+    feedbackIcon?: ReactNode;
+    prefixCls: string;
+    showArrow?: boolean;
+}): {
+    clearIcon: string | number | boolean | Iterable<ReactNode> | React.JSX.Element | ((props: any) => ReactNode);
+    suffixIcon: React.JSX.Element | (({ open, showSearch }: {
+        open: boolean;
+        showSearch: boolean;
+    }) => React.JSX.Element);
+    itemIcon: string | number | boolean | Iterable<ReactNode> | React.JSX.Element | ((props: any) => ReactNode) | null;
+    removeIcon: string | number | boolean | Iterable<ReactNode> | React.JSX.Element | ((props: any) => ReactNode) | null;
+};
+export {};

package/dist/locale/antd/select/utils/iconUtil.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getIcons;
+var _CheckOutlined = _interopRequireDefault(require("@ant-design/icons/CheckOutlined"));
+var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
+var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
+var _DownOutlined = _interopRequireDefault(require("@ant-design/icons/DownOutlined"));
+var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
+var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
+var React = _interopRequireWildcard(require("react"));
+function getIcons(_ref) {
+  let {
+    suffixIcon,
+    clearIcon,
+    menuItemSelectedIcon,
+    removeIcon,
+    loading,
+    multiple,
+    hasFeedback,
+    prefixCls,
+    showArrow,
+    feedbackIcon
+  } = _ref;
+  // Clear Icon
+  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /*#__PURE__*/React.createElement(_CloseCircleFilled.default, null);
+  // Validation Feedback Icon
+  const getSuffixIconNode = arrowIcon => /*#__PURE__*/React.createElement(React.Fragment, null, showArrow !== false && arrowIcon, hasFeedback && feedbackIcon);
+  // Arrow item icon
+  let mergedSuffixIcon = null;
+  if (suffixIcon !== undefined) {
+    mergedSuffixIcon = getSuffixIconNode(suffixIcon);
+  } else if (loading) {
+    mergedSuffixIcon = getSuffixIconNode( /*#__PURE__*/React.createElement(_LoadingOutlined.default, {
+      spin: true
+    }));
+  } else {
+    const iconCls = `${prefixCls}-suffix`;
+    mergedSuffixIcon = _ref2 => {
+      let {
+        open,
+        showSearch
+      } = _ref2;
+      if (open && showSearch) {
+        return getSuffixIconNode( /*#__PURE__*/React.createElement(_SearchOutlined.default, {
+          className: iconCls
+        }));
+      }
+      return getSuffixIconNode( /*#__PURE__*/React.createElement(_DownOutlined.default, {
+        className: iconCls
+      }));
+    };
+  }
+  // Checked item icon
+  let mergedItemIcon = null;
+  if (menuItemSelectedIcon !== undefined) {
+    mergedItemIcon = menuItemSelectedIcon;
+  } else if (multiple) {
+    mergedItemIcon = /*#__PURE__*/React.createElement(_CheckOutlined.default, null);
+  } else {
+    mergedItemIcon = null;
+  }
+  let mergedRemoveIcon = null;
+  if (removeIcon !== undefined) {
+    mergedRemoveIcon = removeIcon;
+  } else {
+    mergedRemoveIcon = /*#__PURE__*/React.createElement(_CloseOutlined.default, null);
+  }
+  return {
+    clearIcon: mergedClearIcon,
+    suffixIcon: mergedSuffixIcon,
+    itemIcon: mergedItemIcon,
+    removeIcon: mergedRemoveIcon
+  };
+}

package/dist/locale/antd/skeleton/Avatar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { SkeletonElementProps } from './Element';
+export interface AvatarProps extends Omit<SkeletonElementProps, 'shape'> {
+    shape?: 'circle' | 'square';
+}
+declare const SkeletonAvatar: React.FC<AvatarProps>;
+export default SkeletonAvatar;

package/dist/locale/antd/skeleton/Avatar.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _Element = _interopRequireDefault(require("./Element"));
+var _style = _interopRequireDefault(require("./style"));
+const SkeletonAvatar = props => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    rootClassName,
+    active,
+    shape = 'circle',
+    size = 'default'
+  } = props;
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const otherProps = (0, _omit.default)(props, ['prefixCls', 'className']);
+  const cls = (0, _classnames.default)(prefixCls, `${prefixCls}-element`, {
+    [`${prefixCls}-active`]: active
+  }, className, rootClassName, hashId);
+  return wrapSSR( /*#__PURE__*/React.createElement("div", {
+    className: cls
+  }, /*#__PURE__*/React.createElement(_Element.default, Object.assign({
+    prefixCls: `${prefixCls}-avatar`,
+    shape: shape,
+    size: size
+  }, otherProps))));
+};
+var _default = SkeletonAvatar;
+exports.default = _default;

package/dist/locale/antd/skeleton/Button.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { SkeletonElementProps } from './Element';
+export interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
+    size?: 'large' | 'small' | 'default';
+    block?: boolean;
+}
+declare const SkeletonButton: React.FC<SkeletonButtonProps>;
+export default SkeletonButton;

package/dist/locale/antd/skeleton/Button.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _Element = _interopRequireDefault(require("./Element"));
+var _style = _interopRequireDefault(require("./style"));
+const SkeletonButton = props => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    rootClassName,
+    active,
+    block = false,
+    size = 'default'
+  } = props;
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const otherProps = (0, _omit.default)(props, ['prefixCls']);
+  const cls = (0, _classnames.default)(prefixCls, `${prefixCls}-element`, {
+    [`${prefixCls}-active`]: active,
+    [`${prefixCls}-block`]: block
+  }, className, rootClassName, hashId);
+  return wrapSSR( /*#__PURE__*/React.createElement("div", {
+    className: cls
+  }, /*#__PURE__*/React.createElement(_Element.default, Object.assign({
+    prefixCls: `${prefixCls}-button`,
+    size: size
+  }, otherProps))));
+};
+var _default = SkeletonButton;
+exports.default = _default;

package/dist/locale/antd/skeleton/Element.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface SkeletonElementProps {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    style?: React.CSSProperties;
+    size?: 'large' | 'small' | 'default' | number;
+    shape?: 'circle' | 'square' | 'round' | 'default';
+    active?: boolean;
+}
+declare const Element: React.FC<SkeletonElementProps>;
+export default Element;