@sheinx/base 3.5.0-beta.1 → 3.5.0-beta.11

package/cjs/absolute-list/absolute-context.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-declare const AbsoluteContext: import("react").Context<boolean>;
+interface AbsoluteContextProps {
+    absolute: boolean;
+    scrollElRef?: React.RefObject<HTMLElement>;
+}
+declare const AbsoluteContext: import("react").Context<AbsoluteContextProps>;
 export default AbsoluteContext;
 //# sourceMappingURL=absolute-context.d.ts.map

package/cjs/absolute-list/absolute-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,eAAe,kCAAgC,CAAC;AAEtD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC5C;AAGD,QAAA,MAAM,eAAe,+CAEnB,CAAC;AAIH,eAAe,eAAe,CAAC"}

package/cjs/absolute-list/absolute-context.js

@@ -6,5 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var AbsoluteContext = /*#__PURE__*/(0, _react.createContext)(false);
+var AbsoluteContext = /*#__PURE__*/(0, _react.createContext)({
+  absolute: false
+});
+AbsoluteContext.displayName = 'AbsoluteContext';
 var _default = exports.default = AbsoluteContext;

package/cjs/absolute-list/absolute-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB;;sBAwE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB;;sBAuF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/absolute-list/absolute-list.js

@@ -22,7 +22,7 @@ var AbsoluteList = function AbsoluteList(props) {
   var position = props.position,
     children = props.children,
     parentElRef = props.parentElRef,
-    scrollElRef = props.scrollElRef,
+    scrollElRefProp = props.scrollElRef,
     fixedWidth = props.fixedWidth,
     _props$zIndex = props.zIndex,
     zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
@@ -36,7 +36,9 @@ var AbsoluteList = function AbsoluteList(props) {
     destroy = _props$destroy === void 0 ? false : _props$destroy,
     _props$lazy = props.lazy,
     lazy = _props$lazy === void 0 ? true : _props$lazy;
-  var defaultAbsolute = (0, _react.useContext)(_absoluteContext.default);
+  var _useContext = (0, _react.useContext)(_absoluteContext.default),
+    defaultAbsolute = _useContext.absolute,
+    scrollElRefContext = _useContext.scrollElRef;
   var absolute = props.absolute === undefined ? defaultAbsolute : props.absolute;
   var _useContainer = (0, _useContainer2.default)({
       container: typeof absolute === 'function' ? absolute : undefined
@@ -46,6 +48,19 @@ var AbsoluteList = function AbsoluteList(props) {
       rendered: false
     }),
     context = _useRef.current;
+  var closestScrollContainerRef = _react.default.useRef(null);
+
+  // scrollElRef的3个来源：1. 外部传入 2. 上下文传入 3. 最接近的滚动容器
+  var finalScrollElRef = _react.default.useMemo(function () {
+    return scrollElRefProp || scrollElRefContext || closestScrollContainerRef;
+  }, [scrollElRefProp, scrollElRefContext]);
+  (0, _react.useEffect)(function () {
+    if (scrollElRefProp || scrollElRefContext) return;
+    var closestScrollContainer = (0, _hooks.getClosestScrollContainer)(parentElRef.current);
+    if (closestScrollContainer) {
+      closestScrollContainerRef.current = closestScrollContainer;
+    }
+  }, [parentElRef, scrollElRefProp, scrollElRefContext]);
   var _usePositionStyle = (0, _hooks.usePositionStyle)({
       getContainer: getRoot,
       position: position,
@@ -54,7 +69,7 @@ var AbsoluteList = function AbsoluteList(props) {
       show: focus,
       fixedWidth: fixedWidth,
       zIndex: zIndex,
-      scrollElRef: scrollElRef,
+      scrollElRef: finalScrollElRef,
       popupElRef: popupElRef,
       updateKey: updateKey,
       popupGap: popupGap,

package/cjs/avatar/avatar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarProps } from './avatar.type';
+declare const Avatar: (props: AvatarProps) => JSX.Element;
+export default Avatar;
+//# sourceMappingURL=avatar.d.ts.map

package/cjs/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAiB,MAAM,eAAe,CAAC;AAE3D,QAAA,MAAM,MAAM,UAAW,WAAW,gBA4HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/avatar/avatar.js

@@ -0,0 +1,140 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "className", "children", "style", "src", "alt", "icon", "gap", "shape", "srcSet", "draggable", "size", "crossOrigin", "onError"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Avatar = function Avatar(props) {
+  var _jssStyle$avatar;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    children = props.children,
+    style = props.style,
+    src = props.src,
+    alt = props.alt,
+    icon = props.icon,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? 4 : _props$gap,
+    shapeProp = props.shape,
+    srcSet = props.srcSet,
+    draggable = props.draggable,
+    sizeProp = props.size,
+    crossOrigin = props.crossOrigin,
+    onError = props.onError,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = (0, _react.useState)(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    scale = _useState2[0],
+    setScale = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mounted = _useState4[0],
+    setMounted = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isImgExist = _useState6[0],
+    setIsImgExist = _useState6[1];
+  var avatarRef = (0, _react.useRef)(null);
+  var childrenRef = (0, _react.useRef)(null);
+  var avatarContext = (0, _react.useContext)(_context.AvatarContext);
+  var shape = shapeProp || avatarContext.shape || 'circle';
+  var size = sizeProp || avatarContext.size;
+  var hasImageElement = /*#__PURE__*/(0, _react.isValidElement)(src);
+  var avatarClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$avatar = jssStyle.avatar) === null || _jssStyle$avatar === void 0 ? void 0 : _jssStyle$avatar.call(jssStyle)) || {};
+  var rootClass = (0, _classnames.default)(className, avatarClasses.wrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, avatarClasses.circle, shape === 'circle'), avatarClasses.square, shape === 'square'), avatarClasses.image, hasImageElement || src), avatarClasses.small, size === 'small'), avatarClasses.large, size === 'large'), avatarClasses.icon, !!icon));
+  var setScaleByChildren = function setScaleByChildren() {
+    if (!childrenRef.current || !avatarRef.current) return;
+    var avatarWidth = avatarRef.current.offsetWidth;
+    var childrenWidth = childrenRef.current.offsetWidth;
+    if (childrenWidth !== 0 && avatarWidth !== 0) {
+      if (gap * 2 < avatarWidth) {
+        setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);
+      }
+    }
+  };
+  var handleImageLoadError = function handleImageLoadError() {
+    var errorFlag = (onError === null || onError === void 0 ? void 0 : onError()) || false;
+    if (errorFlag !== false) {
+      setIsImgExist(false);
+    }
+  };
+  var renderChildren = function renderChildren() {
+    if (typeof src === 'string' && isImgExist) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: src,
+        alt: alt,
+        draggable: draggable,
+        srcSet: srcSet,
+        crossOrigin: crossOrigin,
+        onError: handleImageLoadError
+      });
+    }
+    if (hasImageElement) {
+      return src;
+    }
+    if (icon) {
+      return icon;
+    }
+    var className = (0, _classnames.default)(icon ? avatarClasses.icon : avatarClasses.string);
+    if (mounted || scale !== 1) {
+      var transform = "scale(".concat(scale, ")");
+      var childrenStyle = {
+        transform: transform,
+        msTransform: transform,
+        WebkitTransform: transform
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: childrenStyle,
+        className: className,
+        ref: childrenRef,
+        children: children
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        opacity: 0
+      },
+      className: className,
+      ref: childrenRef,
+      children: children
+    });
+  };
+  (0, _react.useEffect)(function () {
+    setMounted(true);
+  }, []);
+  (0, _react.useEffect)(function () {
+    setIsImgExist(true);
+    setScale(1);
+  }, [props.src]);
+  (0, _react.useEffect)(setScaleByChildren, [gap]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({
+    ref: avatarRef,
+    className: rootClass,
+    style: style
+  }, rest), {}, {
+    children: renderChildren()
+  }));
+};
+var _default = exports.default = Avatar;

package/cjs/avatar/avatar.type.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+import { PopoverClasses, PopoverProps } from '../popover/popover.type';
+export interface AvatarClasses {
+    wrapper: string;
+    small: string;
+    large: string;
+    image: string;
+    string: string;
+    circle: string;
+    square: string;
+    icon: string;
+    text: string;
+    group: string;
+    max: string;
+    popover: string;
+}
+export interface AvatarProps extends Pick<CommonType, 'className' | 'style' | 'size'> {
+    jssStyle?: {
+        avatar: () => AvatarClasses;
+    };
+    /**
+     * @en The alternative text for the image
+     * @cn 图像无法显示时的替代文本
+     */
+    alt?: string;
+    /**
+     * @en The address of the image or the image element of the image class avatar
+     * @cn 图片类头像的资源地址或者图片元素
+     */
+    src?: string | React.ReactNode;
+    /**
+     * @en Set the custom icon of the avatar
+     * @cn 设置头像的自定义图标
+     */
+    icon?: React.ReactNode;
+    /**
+     * @en Specifies the shape of the avatar
+     * @cn 指定头像的形状
+     * @default 'circle'
+     */
+    children?: React.ReactNode;
+    /**
+     * @en The text content of the avatar, the scaling ratio will be calculated according to the content size
+     * @cn 头像文本内容，会根据内容尺寸自适应计算缩放比例
+     */
+    shape?: 'circle' | 'square';
+    /**
+     * @en Set the responsive resource address of the image class avatar
+     * @cn 设置图片类头像响应式资源地址
+     */
+    srcSet?: string;
+    /**
+     * @en The distance between the left and right edges of the character type in pixels
+     * @cn 字符类型距离左右两侧边界单位像素
+     */
+    gap?: number;
+    /**
+     * @en Whether the image is allowed to be dragged
+     * @cn 图片是否允许拖动
+     * @default true
+     */
+    draggable?: boolean;
+    /**
+     * @en CORS attribute setting
+     * @cn CORS 属性设置
+     */
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    /**
+     * @en The event that the image fails to load, returning false will close the component's default fallback behavior
+     * @cn 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为
+     */
+    onError?: () => boolean;
+}
+export interface AvatarGroupProps extends Pick<CommonType, 'className' | 'style' | 'size'>, Pick<AvatarProps, 'shape'> {
+    jssStyle?: {
+        avatar: () => AvatarClasses;
+        popover: () => PopoverClasses;
+    };
+    /**
+     * @en Set the maximum number of avatars displayed in the avatar group
+     * @cn 设置头像组展示头像的最大数量
+     */
+    max?: number;
+    /**
+     * @en Custom rendering of hidden avatar nodes, hideAvatarNodes is an array of hidden node dom, max is the number of hidden nodes
+     * @cn 自定义渲染隐藏的头像节点，hideAvatarNodes 为隐藏的节点 dom 数组，max 为隐藏的节点数量
+     */
+    renderMax?: (hideAvatarNodes: React.ReactNode[], max: number) => React.ReactNode;
+    /**
+     * @en Avatar node
+     * @cn 头像节点
+     */
+    children: React.ReactNode;
+    /**
+     * @en The event that the image fails to load, returning false will close the component's default fallback behavior
+     * @cn 用于展示隐藏头像的 Popover 相关配置，配置属性为 Popover 部分属性: position、zIndex、getPopupContainer、adjust
+     */
+    popover?: Pick<PopoverProps, 'position' | 'zIndex' | 'getPopupContainer' | 'adjust'>;
+}
+//# sourceMappingURL=avatar.type.d.ts.map

package/cjs/avatar/avatar.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.type.d.ts","sourceRoot":"","sources":["avatar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACnF,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB;AACD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;QAC5B,OAAO,EAAE,MAAM,cAAc,CAAC;KAC/B,CAAC;IACF;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,QAAQ,GAAG,mBAAmB,GAAG,QAAQ,CAAC,CAAC;CACtF"}

package/cjs/avatar/avatar.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/avatar/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from './avatar.type';
+export type AvatarContextProps = Pick<AvatarGroupProps, 'shape' | 'size'>;
+export declare const AvatarContext: import("react").Context<AvatarContextProps>;
+//# sourceMappingURL=context.d.ts.map

package/cjs/avatar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,aAAa,6CAAwC,CAAC"}

package/cjs/avatar/context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarContext = void 0;
+var _react = require("react");
+var AvatarContext = exports.AvatarContext = /*#__PURE__*/(0, _react.createContext)({});

package/cjs/avatar/group.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from './avatar.type';
+declare const AvatarGroup: (props: AvatarGroupProps) => JSX.Element;
+export default AvatarGroup;
+//# sourceMappingURL=group.d.ts.map

package/cjs/avatar/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAiB,MAAM,eAAe,CAAC;AAahE,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBA2C3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/avatar/group.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _context = require("./context");
+var _avatar = _interopRequireDefault(require("./avatar"));
+var _popover = require("../popover");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
+var AvatarProvider = function AvatarProvider(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AvatarContext.Provider, {
+    value: props,
+    children: props.children
+  });
+};
+var AvatarGroup = function AvatarGroup(props) {
+  var _jssStyle$avatar;
+  var jssStyle = props.jssStyle,
+    childrenProp = props.children,
+    size = props.size,
+    shape = props.shape,
+    max = props.max,
+    popover = props.popover,
+    renderMax = props.renderMax;
+  var avatarGroupClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$avatar = jssStyle.avatar) === null || _jssStyle$avatar === void 0 ? void 0 : _jssStyle$avatar.call(jssStyle)) || {};
+  var children = _react.Children.toArray(childrenProp).map(function (child, index) {
+    return /*#__PURE__*/(0, _react.cloneElement)(child, {
+      key: "avatar-key-".concat(index)
+    });
+  });
+  var childrenNumber = children.length;
+  if (max && max < childrenNumber) {
+    var childrenShow = children.slice(0, max);
+    var childrenHidden = children.slice(max, childrenNumber);
+    if (renderMax) {
+      childrenShow.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: renderMax(childrenHidden, childrenHidden.length)
+      }, 'avatar-provider-key'));
+    } else {
+      childrenShow.push( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_avatar.default, {
+        jssStyle: jssStyle,
+        className: avatarGroupClasses.max,
+        children: ["+", childrenHidden.length, /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.Popover, _objectSpread(_objectSpread({
+          jssStyle: jssStyle
+        }, popover), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: avatarGroupClasses.popover,
+            children: childrenHidden
+          })
+        }))]
+      }, 'avatar-provider-key'));
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarProvider, {
+      shape: shape,
+      size: size,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: avatarGroupClasses.group,
+        children: childrenShow
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarProvider, {
+    shape: shape,
+    size: size,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: avatarGroupClasses.group,
+      children: children
+    })
+  });
+};
+var _default = exports.default = AvatarGroup;

package/cjs/avatar/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Avatar } from './avatar';
+export type { AvatarProps } from './avatar.type';
+export { default as AvatarGroup } from './group';
+export type { AvatarGroupProps } from './avatar.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/cjs/avatar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _avatar.default;
+  }
+});
+Object.defineProperty(exports, "AvatarGroup", {
+  enumerable: true,
+  get: function get() {
+    return _group.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _avatar.default;
+  }
+});
+var _avatar = _interopRequireDefault(require("./avatar"));
+var _group = _interopRequireDefault(require("./group"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/button/button.js

@@ -98,7 +98,8 @@ var Button = function Button(props) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
       size: getSpinSize(),
       jssStyle: jssStyle,
-      name: "ring"
+      name: "ring",
+      ignoreConfig: true
     })
   });
   if (renderLoading) {

package/cjs/card/card.js

@@ -27,7 +27,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var Card = function Card(props) {
   var _props$jssStyle, _props$jssStyle$card, _props$id;
   var _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style;
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$defaultCollaps = props.defaultCollapsed,
+    defaultCollapsed = _props$defaultCollaps === void 0 ? true : _props$defaultCollaps;
   var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
   var panelRef = (0, _react.useRef)(null);
   var forceUpdate = (0, _hooks.useRender)();
@@ -35,7 +37,7 @@ var Card = function Card(props) {
       id: undefined
     }),
     context = _useRef.current;
-  var _useState = (0, _react.useState)(props.defaultCollapsed),
+  var _useState = (0, _react.useState)(defaultCollapsed),
     _useState2 = _slicedToArray(_useState, 2),
     collapsed = _useState2[0],
     setCollapsed = _useState2[1];

package/cjs/card-group/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,kDAyCT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,kDAkDT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/card-group/item.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,11 +14,24 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
 var Item = function Item(props) {
   var _props$jssStyle, _props$jssStyle$cardG;
   var _useContext = (0, _react.useContext)(_cardGroupContext.CardGroupContext),
     container = _useContext.container;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$cardG = _props$jssStyle.cardGroup) === null || _props$jssStyle$cardG === void 0 ? void 0 : _props$jssStyle$cardG.call(_props$jssStyle);
+  var _useInView = (0, _hooks.useInView)({
+      rootMargin: "".concat((container === null || container === void 0 ? void 0 : container.offsetHeight) || 500, "px"),
+      root: container,
+      threshold: [0, 1]
+    }),
+    itemRef = _useInView.ref,
+    isInView = _useInView.isInView;
   var handleChange = (0, _hooks.usePersistFn)(function (_, checked) {
     if (props.onChange) props.onChange(checked, props.value);
   });
@@ -29,6 +41,7 @@ var Item = function Item(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lazyload.default, {
       container: container,
       placeholder: props.placeholder,
+      isInView: isInView,
       children: content
     });
   };
@@ -43,9 +56,14 @@ var Item = function Item(props) {
       className: classes === null || classes === void 0 ? void 0 : classes.checkbox
     })]
   });
+  var hiddenStyle = isInView ? undefined : {
+    visibility: 'hidden'
+  };
+  var itemStyle = _objectSpread(_objectSpread({}, props.style), hiddenStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: itemRef,
     className: cls,
-    style: props.style,
+    style: itemStyle,
     children: renderChildren(content)
   });
 };

package/cjs/card-group/lazyload.d.ts

@@ -4,6 +4,7 @@ export interface LazyloadProps {
     placeholder?: React.ReactNode;
     container?: HTMLElement;
     offset?: number;
+    isInView?: boolean;
 }
 declare const Lazyload: (props: LazyloadProps) => JSX.Element;
 export default Lazyload;

package/cjs/card-group/lazyload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/card-group/lazyload.js

@@ -38,7 +38,7 @@ var Lazyload = function Lazyload(props) {
       removeStack(lazyId);
     };
   }, []);
-  if (ready) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  if (ready && props.isInView) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: props.children
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,QAAA,MAAM,QAAQ,iGAysBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,QAAA,MAAM,QAAQ,iGA6sBb,CAAC;AACF,eAAe,QAAQ,CAAC"}