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

package/dist/locale/antd/avatar/group.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { AvatarSize } from './SizeContext';
+export interface GroupProps {
+    className?: string;
+    rootClassName?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    maxCount?: number;
+    maxStyle?: React.CSSProperties;
+    maxPopoverPlacement?: 'top' | 'bottom';
+    maxPopoverTrigger?: 'hover' | 'focus' | 'click';
+    size?: AvatarSize;
+}
+declare const Group: React.FC<GroupProps>;
+export default Group;

package/dist/locale/antd/avatar/group.js

@@ -0,0 +1,73 @@
+"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 _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var React = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _popover = _interopRequireDefault(require("../popover"));
+var _reactNode = require("../_util/reactNode");
+var _avatar = _interopRequireDefault(require("./avatar"));
+var _SizeContext = require("./SizeContext");
+var _style = _interopRequireDefault(require("./style"));
+const Group = props => {
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    rootClassName,
+    maxCount,
+    maxStyle,
+    size
+  } = props;
+  const prefixCls = getPrefixCls('avatar', customizePrefixCls);
+  const groupPrefixCls = `${prefixCls}-group`;
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const cls = (0, _classnames.default)(groupPrefixCls, {
+    [`${groupPrefixCls}-rtl`]: direction === 'rtl'
+  }, className, rootClassName, hashId);
+  const {
+    children,
+    maxPopoverPlacement = 'top',
+    maxPopoverTrigger = 'hover'
+  } = props;
+  const childrenWithProps = (0, _toArray.default)(children).map((child, index) => (0, _reactNode.cloneElement)(child, {
+    key: `avatar-key-${index}`
+  }));
+  const numOfChildren = childrenWithProps.length;
+  if (maxCount && maxCount < numOfChildren) {
+    const childrenShow = childrenWithProps.slice(0, maxCount);
+    const childrenHidden = childrenWithProps.slice(maxCount, numOfChildren);
+    childrenShow.push( /*#__PURE__*/React.createElement(_popover.default, {
+      key: "avatar-popover-key",
+      content: childrenHidden,
+      trigger: maxPopoverTrigger,
+      placement: maxPopoverPlacement,
+      overlayClassName: `${groupPrefixCls}-popover`
+    }, /*#__PURE__*/React.createElement(_avatar.default, {
+      style: maxStyle
+    }, `+${numOfChildren - maxCount}`)));
+    return wrapSSR( /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
+      size: size
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cls,
+      style: props.style
+    }, childrenShow)));
+  }
+  return wrapSSR( /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
+    size: size
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cls,
+    style: props.style
+  }, childrenWithProps)));
+};
+var _default = Group;
+exports.default = _default;

package/dist/locale/antd/avatar/index.d.ts

@@ -0,0 +1,11 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { AvatarProps } from './avatar';
+import Group from './group';
+export type { AvatarProps } from './avatar';
+export type { GroupProps } from './group';
+export { Group };
+type CompoundedComponent = ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLSpanElement>> & {
+    Group: typeof Group;
+};
+declare const Avatar: CompoundedComponent;
+export default Avatar;

package/dist/locale/antd/avatar/index.js

@@ -0,0 +1,20 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Group", {
+  enumerable: true,
+  get: function () {
+    return _group.default;
+  }
+});
+exports.default = void 0;
+var _avatar = _interopRequireDefault(require("./avatar"));
+var _group = _interopRequireDefault(require("./group"));
+const Avatar = _avatar.default;
+Avatar.Group = _group.default;
+var _default = Avatar;
+exports.default = _default;

package/dist/locale/antd/avatar/style/index.d.ts

@@ -0,0 +1,49 @@
+export interface ComponentToken {
+    /**
+     * @desc 头像背景色
+     * @descEN Background color of Avatar
+     */
+    containerSize: number;
+    /**
+     * @desc 大号头像尺寸
+     * @descEN Size of large Avatar
+     */
+    containerSizeLG: number;
+    /**
+     * @desc 小号头像尺寸
+     * @descEN Size of small Avatar
+     */
+    containerSizeSM: number;
+    /**
+     * @desc 头像文字大小
+     * @descEN Font size of Avatar
+     */
+    textFontSize: number;
+    /**
+     * @desc 大号头像文字大小
+     * @descEN Font size of large Avatar
+     */
+    textFontSizeLG: number;
+    /**
+     * @desc 小号头像文字大小
+     * @descEN Font size of small Avatar
+     */
+    textFontSizeSM: number;
+    /**
+     * @desc 头像组间距
+     * @descEN Spacing between avatars in a group
+     */
+    groupSpace: number;
+    /**
+     * @desc 头像组重叠宽度
+     * @descEN Overlapping of avatars in a group
+     */
+    groupOverlapping: number;
+    /**
+     * @desc 头像组边框颜色
+     * @descEN Border color of avatars in a group
+     */
+    groupBorderColor: string;
+}
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;

package/dist/locale/antd/avatar/style/index.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+const genBaseStyle = token => {
+  const {
+    antCls,
+    componentCls,
+    iconCls,
+    avatarBg,
+    avatarColor,
+    containerSize,
+    containerSizeLG,
+    containerSizeSM,
+    textFontSize,
+    textFontSizeLG,
+    textFontSizeSM,
+    borderRadius,
+    borderRadiusLG,
+    borderRadiusSM,
+    lineWidth,
+    lineType
+  } = token;
+  // Avatar size style
+  const avatarSizeStyle = (size, fontSize, radius) => ({
+    width: size,
+    height: size,
+    lineHeight: `${size - lineWidth * 2}px`,
+    borderRadius: '50%',
+    [`&${componentCls}-square`]: {
+      borderRadius: radius
+    },
+    [`${componentCls}-string`]: {
+      position: 'absolute',
+      left: {
+        _skip_check_: true,
+        value: '50%'
+      },
+      transformOrigin: '0 center'
+    },
+    [`&${componentCls}-icon`]: {
+      fontSize,
+      [`> ${iconCls}`]: {
+        margin: 0
+      }
+    }
+  });
+  return {
+    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      position: 'relative',
+      display: 'inline-block',
+      overflow: 'hidden',
+      color: avatarColor,
+      whiteSpace: 'nowrap',
+      textAlign: 'center',
+      verticalAlign: 'middle',
+      background: avatarBg,
+      border: `${lineWidth}px ${lineType} transparent`,
+      [`&-image`]: {
+        background: 'transparent'
+      },
+      [`${antCls}-image-img`]: {
+        display: 'block'
+      }
+    }), avatarSizeStyle(containerSize, textFontSize, borderRadius)), {
+      [`&-lg`]: Object.assign({}, avatarSizeStyle(containerSizeLG, textFontSizeLG, borderRadiusLG)),
+      [`&-sm`]: Object.assign({}, avatarSizeStyle(containerSizeSM, textFontSizeSM, borderRadiusSM)),
+      '> img': {
+        display: 'block',
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover'
+      }
+    })
+  };
+};
+const genGroupStyle = token => {
+  const {
+    componentCls,
+    groupBorderColor,
+    groupOverlapping,
+    groupSpace
+  } = token;
+  return {
+    [`${componentCls}-group`]: {
+      display: 'inline-flex',
+      [`${componentCls}`]: {
+        borderColor: groupBorderColor
+      },
+      [`> *:not(:first-child)`]: {
+        marginInlineStart: groupOverlapping
+      }
+    },
+    [`${componentCls}-group-popover`]: {
+      [`${componentCls} + ${componentCls}`]: {
+        marginInlineStart: groupSpace
+      }
+    }
+  };
+};
+var _default = (0, _internal.genComponentStyleHook)('Avatar', token => {
+  const {
+    colorTextLightSolid,
+    colorTextPlaceholder
+  } = token;
+  const avatarToken = (0, _internal.mergeToken)(token, {
+    avatarBg: colorTextPlaceholder,
+    avatarColor: colorTextLightSolid
+  });
+  return [genBaseStyle(avatarToken), genGroupStyle(avatarToken)];
+}, token => {
+  const {
+    controlHeight,
+    controlHeightLG,
+    controlHeightSM,
+    fontSize,
+    fontSizeLG,
+    fontSizeXL,
+    fontSizeHeading3,
+    marginXS,
+    marginXXS,
+    colorBorderBg
+  } = token;
+  return {
+    containerSize: controlHeight,
+    containerSizeLG: controlHeightLG,
+    containerSizeSM: controlHeightSM,
+    textFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),
+    textFontSizeLG: fontSizeHeading3,
+    textFontSizeSM: fontSize,
+    groupSpace: marginXXS,
+    groupOverlapping: -marginXS,
+    groupBorderColor: colorBorderBg
+  };
+});
+exports.default = _default;

package/dist/locale/antd/back-top/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface BackTopProps {
+    visibilityHeight?: number;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    target?: () => HTMLElement | Window | Document;
+    prefixCls?: string;
+    children?: React.ReactNode;
+    className?: string;
+    rootClassName?: string;
+    style?: React.CSSProperties;
+    duration?: number;
+}
+declare const BackTop: React.FC<BackTopProps>;
+export default BackTop;

package/dist/locale/antd/back-top/index.js

@@ -0,0 +1,103 @@
+"use strict";
+'use client';
+
+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 _VerticalAlignTopOutlined = _interopRequireDefault(require("@ant-design/icons/VerticalAlignTopOutlined"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcMotion = _interopRequireDefault(require("rc-motion"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _getScroll = _interopRequireDefault(require("../_util/getScroll"));
+var _reactNode = require("../_util/reactNode");
+var _scrollTo = _interopRequireDefault(require("../_util/scrollTo"));
+var _throttleByAnimationFrame = _interopRequireDefault(require("../_util/throttleByAnimationFrame"));
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+var _style = _interopRequireDefault(require("./style"));
+const BackTop = props => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    rootClassName,
+    visibilityHeight = 400,
+    target,
+    onClick,
+    duration = 450
+  } = props;
+  const [visible, setVisible] = React.useState(visibilityHeight === 0);
+  const ref = React.useRef(null);
+  const getDefaultTarget = () => ref.current && ref.current.ownerDocument ? ref.current.ownerDocument : window;
+  const handleScroll = (0, _throttleByAnimationFrame.default)(e => {
+    const scrollTop = (0, _getScroll.default)(e.target, true);
+    setVisible(scrollTop >= visibilityHeight);
+  });
+  if (process.env.NODE_ENV !== 'production') {
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(false, 'BackTop', '`BackTop` is deprecated, please use `FloatButton.BackTop` instead.') : void 0;
+  }
+  React.useEffect(() => {
+    const getTarget = target || getDefaultTarget;
+    const container = getTarget();
+    handleScroll({
+      target: container
+    });
+    container === null || container === void 0 ? void 0 : container.addEventListener('scroll', handleScroll);
+    return () => {
+      handleScroll.cancel();
+      container === null || container === void 0 ? void 0 : container.removeEventListener('scroll', handleScroll);
+    };
+  }, [target]);
+  const scrollToTop = e => {
+    (0, _scrollTo.default)(0, {
+      getContainer: target || getDefaultTarget,
+      duration
+    });
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+  };
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('back-top', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const classString = (0, _classnames.default)(hashId, prefixCls, {
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, className, rootClassName);
+  // fix https://fb.me/react-unknown-prop
+  const divProps = (0, _omit.default)(props, ['prefixCls', 'className', 'rootClassName', 'children', 'visibilityHeight', 'target']);
+  const defaultElement = /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-content`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-icon`
+  }, /*#__PURE__*/React.createElement(_VerticalAlignTopOutlined.default, null)));
+  return wrapSSR( /*#__PURE__*/React.createElement("div", Object.assign({}, divProps, {
+    className: classString,
+    onClick: scrollToTop,
+    ref: ref
+  }), /*#__PURE__*/React.createElement(_rcMotion.default, {
+    visible: visible,
+    motionName: `${rootPrefixCls}-fade`
+  }, _ref => {
+    let {
+      className: motionClassName
+    } = _ref;
+    return (0, _reactNode.cloneElement)(props.children || defaultElement, _ref2 => {
+      let {
+        className: cloneCls
+      } = _ref2;
+      return {
+        className: (0, _classnames.default)(motionClassName, cloneCls)
+      };
+    });
+  })));
+};
+if (process.env.NODE_ENV !== 'production') {
+  BackTop.displayName = 'BackTop';
+}
+var _default = BackTop;
+exports.default = _default;

package/dist/locale/antd/back-top/style/index.d.ts

@@ -0,0 +1,6 @@
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+    zIndexPopup: number;
+}
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;

package/dist/locale/antd/back-top/style/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _internal = require("../../theme/internal");
+var _style = require("../../style");
+// ============================== Shared ==============================
+const genSharedBackTopStyle = token => {
+  const {
+    componentCls,
+    backTopFontSize,
+    backTopSize,
+    zIndexPopup
+  } = token;
+  return {
+    [componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      position: 'fixed',
+      insetInlineEnd: token.backTopInlineEnd,
+      insetBlockEnd: token.backTopBlockEnd,
+      zIndex: zIndexPopup,
+      width: 40,
+      height: 40,
+      cursor: 'pointer',
+      '&:empty': {
+        display: 'none'
+      },
+      [`${componentCls}-content`]: {
+        width: backTopSize,
+        height: backTopSize,
+        overflow: 'hidden',
+        color: token.backTopColor,
+        textAlign: 'center',
+        backgroundColor: token.backTopBackground,
+        borderRadius: backTopSize,
+        transition: `all ${token.motionDurationMid}`,
+        '&:hover': {
+          backgroundColor: token.backTopHoverBackground,
+          transition: `all ${token.motionDurationMid}`
+        }
+      },
+      // change to .backtop .backtop-icon
+      [`${componentCls}-icon`]: {
+        fontSize: backTopFontSize,
+        lineHeight: `${backTopSize}px`
+      }
+    })
+  };
+};
+const genMediaBackTopStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [`@media (max-width: ${token.screenMD}px)`]: {
+      [componentCls]: {
+        insetInlineEnd: token.backTopInlineEndMD
+      }
+    },
+    [`@media (max-width: ${token.screenXS}px)`]: {
+      [componentCls]: {
+        insetInlineEnd: token.backTopInlineEndXS
+      }
+    }
+  };
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('BackTop', token => {
+  const {
+    fontSizeHeading3,
+    colorTextDescription,
+    colorTextLightSolid,
+    colorText,
+    controlHeightLG
+  } = token;
+  const backTopToken = (0, _internal.mergeToken)(token, {
+    backTopBackground: colorTextDescription,
+    backTopColor: colorTextLightSolid,
+    backTopHoverBackground: colorText,
+    backTopFontSize: fontSizeHeading3,
+    backTopSize: controlHeightLG,
+    backTopBlockEnd: controlHeightLG * 1.25,
+    backTopInlineEnd: controlHeightLG * 2.5,
+    backTopInlineEndMD: controlHeightLG * 1.5,
+    backTopInlineEndXS: controlHeightLG * 0.5
+  });
+  return [genSharedBackTopStyle(backTopToken), genMediaBackTopStyle(backTopToken)];
+}, token => ({
+  zIndexPopup: token.zIndexBase + 10
+}));
+exports.default = _default;

package/dist/locale/antd/badge/Ribbon.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { PresetColorType } from '../_util/colors';
+import type { LiteralUnion } from '../_util/type';
+type RibbonPlacement = 'start' | 'end';
+export interface RibbonProps {
+    className?: string;
+    prefixCls?: string;
+    style?: React.CSSProperties;
+    text?: React.ReactNode;
+    color?: LiteralUnion<PresetColorType>;
+    children?: React.ReactNode;
+    placement?: RibbonPlacement;
+}
+declare const Ribbon: React.FC<RibbonProps>;
+export default Ribbon;

package/dist/locale/antd/badge/Ribbon.js

@@ -0,0 +1,57 @@
+"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 React = _interopRequireWildcard(require("react"));
+var _colors = require("../_util/colors");
+var _configProvider = require("../config-provider");
+var _style = _interopRequireDefault(require("./style"));
+const Ribbon = props => {
+  const {
+    className,
+    prefixCls: customizePrefixCls,
+    style,
+    color,
+    children,
+    text,
+    placement = 'end'
+  } = props;
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('ribbon', customizePrefixCls);
+  const colorInPreset = (0, _colors.isPresetColor)(color, false);
+  const ribbonCls = (0, _classnames.default)(prefixCls, `${prefixCls}-placement-${placement}`, {
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+    [`${prefixCls}-color-${color}`]: colorInPreset
+  }, className);
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const colorStyle = {};
+  const cornerColorStyle = {};
+  if (color && !colorInPreset) {
+    colorStyle.background = color;
+    cornerColorStyle.color = color;
+  }
+  return wrapSSR( /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)(`${prefixCls}-wrapper`, hashId)
+  }, children, /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)(ribbonCls, hashId),
+    style: Object.assign(Object.assign({}, colorStyle), style)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: `${prefixCls}-text`
+  }, text), /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-corner`,
+    style: cornerColorStyle
+  }))));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Ribbon.displayName = 'Ribbon';
+}
+var _default = Ribbon;
+exports.default = _default;

package/dist/locale/antd/badge/ScrollNumber.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface ScrollNumberProps {
+    prefixCls?: string;
+    className?: string;
+    motionClassName?: string;
+    count?: string | number | null;
+    children?: React.ReactElement<HTMLElement>;
+    component?: React.ComponentType<any>;
+    style?: React.CSSProperties;
+    title?: string | number | null;
+    show: boolean;
+}
+export interface ScrollNumberState {
+    animateStarted?: boolean;
+    count?: string | number | null;
+}
+declare const ScrollNumber: React.ForwardRefExoticComponent<ScrollNumberProps & React.RefAttributes<HTMLElement>>;
+export default ScrollNumber;