tiny-ui 0.0.95 → 1.0.0

package/lib/anchor/style/css.js

@@ -1,3 +1,5 @@
-import './index.css';
-import '../../sticky/style/index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
+require("../../sticky/style/index.css");
 //# sourceMappingURL=index.js.map

package/lib/anchor/style/index.js

@@ -1,3 +1,5 @@
-import './index.scss';
-import '../../sticky/style/index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
+require("../../sticky/style/index.scss");
 //# sourceMappingURL=index.js.map

package/lib/anchor/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/anchor/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/anchor/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB;AAEtB,yCAAuC"}

package/lib/anchor/types.d.ts

@@ -2,8 +2,15 @@ import React from 'react';
 import { BaseProps } from '../_utils/props';
 export interface AnchorProps extends BaseProps {
     affix?: boolean;
+    type?: 'dot' | 'line';
     offsetBottom?: number;
     offsetTop?: number;
+    getContainer?: () => HTMLElement;
+    onChange?: (currentActiveLink: string) => void;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>, link: {
+        title: string;
+        href: string;
+    }) => void;
     children?: React.ReactNode;
 }
 export interface AnchorLinkProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['a']> {

package/lib/anchor/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/aspect-ratio/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { AspectRatioProps } from './types';
-declare const AspectRatio: (props: AspectRatioProps) => React.ReactElement;
+declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
 export default AspectRatio;

package/lib/aspect-ratio/index.js

@@ -1,16 +1,18 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var AspectRatio = function (props) {
-    var _a = props.ratio, ratio = _a === void 0 ? 1 : _a, _b = props.width, width = _b === void 0 ? '100%' : _b, customisedCls = props.prefixCls, className = props.className, style = props.style, children = props.children, otherProps = __rest(props, ["ratio", "width", "prefixCls", "className", "style", "children"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('aspect-ratio', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    return (React.createElement("div", __assign({}, otherProps, { className: cls, style: __assign(__assign({}, style), { width: width }) }),
-        React.createElement("div", { className: "".concat(prefixCls, "__padding"), style: { paddingTop: "".concat((1 / ratio) * 100, "%") } }),
-        React.createElement("div", { className: "".concat(prefixCls, "__inside") }, children)));
-};
-export default AspectRatio;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const AspectRatio = react_1.default.forwardRef((props, ref) => {
+    const { ratio = 1, width = '100%', prefixCls: customisedCls, className, style, children, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('aspect-ratio', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, style: { ...style, width }, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__padding`, style: { paddingTop: `${(1 / ratio) * 100}%` } }), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__inside`, children: children })] }));
+});
+AspectRatio.displayName = 'AspectRatio';
+exports.default = AspectRatio;
 //# sourceMappingURL=index.js.map

package/lib/aspect-ratio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/aspect-ratio/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,IAAM,WAAW,GAAG,UAAC,KAAuB;IAExC,IAAA,KAOE,KAAK,MAPE,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAME,KAAK,MANO,EAAd,KAAK,mBAAG,MAAM,KAAA,EACH,aAAa,GAKtB,KAAK,UALiB,EACxB,SAAS,GAIP,KAAK,UAJE,EACT,KAAK,GAGH,KAAK,MAHF,EACL,QAAQ,GAEN,KAAK,SAFC,EACL,UAAU,UACX,KAAK,EARH,iEAQL,CADc,CACL;IACV,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,wCAAS,UAAU,IAAE,SAAS,EAAE,GAAG,EAAE,KAAK,wBAAO,KAAK,KAAE,KAAK,OAAA;QAC3D,6BAAK,SAAS,EAAE,UAAG,SAAS,cAAW,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,UAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,MAAG,EAAE,GAAI;QAC3F,6BAAK,SAAS,EAAE,UAAG,SAAS,aAAU,IAAG,QAAQ,CAAO,CACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/aspect-ratio/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpF,MAAM,EACJ,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,MAAM,EACd,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,aACvE,gCAAK,SAAS,EAAE,GAAG,SAAS,WAAW,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,GAAI,EAC3F,gCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,YAAG,QAAQ,GAAO,IACpD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/lib/aspect-ratio/style/_index.scss

@@ -1,4 +1,4 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-aspect-ratio {
   box-sizing: border-box;

package/lib/aspect-ratio/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map

package/lib/aspect-ratio/style/index.js

@@ -1,2 +1,4 @@
-import './index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
 //# sourceMappingURL=index.js.map

package/lib/aspect-ratio/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/aspect-ratio/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/aspect-ratio/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB"}

package/lib/aspect-ratio/types.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { BaseProps } from '../_utils/props';
 export interface AspectRatioProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+    /** the width of the content */
     width?: number | string;
+    /** the aspect ratio of the content */
     ratio?: number;
 }

package/lib/aspect-ratio/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/auto-complete/auto-complete.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AutoCompleteProps } from './types';
+declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLDivElement>>;
+export default AutoComplete;

package/lib/auto-complete/auto-complete.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const hooks_1 = require("../_utils/hooks");
+const useCombobox_1 = require("../_utils/useCombobox");
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const input_1 = tslib_1.__importDefault(require("../input/input"));
+const popup_1 = tslib_1.__importDefault(require("../popup"));
+const AutoComplete = react_1.default.forwardRef((props, ref) => {
+    const { options = [], defaultValue = '', placeholder, disabled = false, allowClear = false, defaultActiveFirstOption = true, defaultOpen = false, notFoundContent, size, filterOption = true, onChange, onSelect, onSearch, onFocus, onBlur, className, style, prefixCls: customisedCls, } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('auto-complete', configContext.prefixCls, customisedCls);
+    const autoCompleteSize = size || configContext.componentSize || 'md';
+    const [inputValue, setInputValue] = (0, react_1.useState)('value' in props ? props.value : defaultValue);
+    const wrapperRef = (0, react_1.useRef)(null);
+    const inputRef = (0, react_1.useRef)(null);
+    const handleOptionSelect = (0, react_1.useCallback)((opt) => {
+        if (opt.disabled)
+            return;
+        if (!('value' in props))
+            setInputValue(opt.value);
+        onChange?.(opt.value);
+        onSelect?.(opt.value, opt);
+        combo.closeDropdown();
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [onChange, onSelect, props]);
+    const combo = (0, useCombobox_1.useCombobox)({
+        items: options,
+        searchValue: inputValue,
+        filterOption,
+        isOpen: 'open' in props ? props.open : undefined,
+        defaultOpen,
+        disabled,
+        defaultActiveFirstOption,
+        onSelect: handleOptionSelect,
+    });
+    // Merge refs
+    const setWrapperRef = (0, react_1.useCallback)((node) => {
+        wrapperRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_disabled`]: disabled,
+        [`${prefixCls}_open`]: combo.isOpen,
+    });
+    // Click outside to close
+    (0, hooks_1.useClickOutside)(wrapperRef.current, () => {
+        if (!('open' in props)) {
+            combo.closeDropdown();
+        }
+    });
+    // Controlled value
+    (0, react_1.useEffect)(() => {
+        if ('value' in props)
+            setInputValue(props.value);
+    }, [props.value]);
+    const handleInputChange = (e) => {
+        const val = e.target.value;
+        if (!('value' in props))
+            setInputValue(val);
+        onChange?.(val);
+        onSearch?.(val);
+        combo.openDropdown();
+    };
+    const handleFocus = (e) => {
+        combo.openDropdown();
+        onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        onBlur?.(e);
+    };
+    const handleClear = () => {
+        if (!('value' in props))
+            setInputValue('');
+        onChange?.('');
+        onSearch?.('');
+    };
+    const renderDropdown = () => {
+        if (combo.filteredItems.length === 0) {
+            if (notFoundContent) {
+                return (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__empty`, children: notFoundContent });
+            }
+            return null;
+        }
+        return combo.filteredItems.map((opt, index) => {
+            const optCls = (0, classnames_1.default)(`${prefixCls}-option`, {
+                [`${prefixCls}-option_active`]: index === combo.focusedIndex,
+                [`${prefixCls}-option_disabled`]: opt.disabled,
+            });
+            return ((0, jsx_runtime_1.jsx)("li", { role: "option", className: optCls, "aria-selected": index === combo.focusedIndex, "aria-disabled": opt.disabled, onClick: () => handleOptionSelect(opt), onMouseEnter: () => combo.setFocusedIndex(index), children: opt.label ?? opt.value }, opt.value));
+        });
+    };
+    const dropdownContent = renderDropdown();
+    const showDropdown = combo.isOpen && dropdownContent !== null;
+    const renderOverlay = () => {
+        const selectorWidth = wrapperRef.current?.offsetWidth;
+        return ((0, jsx_runtime_1.jsx)("ul", { className: `${prefixCls}__dropdown`, style: { minWidth: selectorWidth || undefined }, role: "listbox", children: dropdownContent }));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: setWrapperRef, className: cls, style: style, onKeyDown: combo.handleKeyDown, children: (0, jsx_runtime_1.jsx)(popup_1.default, { trigger: "manual", placement: "bottom", arrow: false, visible: showDropdown, content: renderOverlay(), children: (0, jsx_runtime_1.jsx)(input_1.default, { ref: inputRef, size: autoCompleteSize, placeholder: placeholder, disabled: disabled, value: inputValue, clearable: allowClear, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, onClearClick: handleClear }) }) }));
+});
+AutoComplete.displayName = 'AutoComplete';
+exports.default = AutoComplete;
+//# sourceMappingURL=auto-complete.js.map

package/lib/auto-complete/auto-complete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete.js","sourceRoot":"","sources":["../../components/auto-complete/auto-complete.tsx"],"names":[],"mappings":"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"}

package/lib/auto-complete/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './auto-complete';
+export type { AutoCompleteProps, AutoCompleteOption } from './types';

package/lib/auto-complete/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const tslib_1 = require("tslib");
+var auto_complete_1 = require("./auto-complete");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(auto_complete_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/auto-complete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/auto-complete/index.tsx"],"names":[],"mappings":";;;;AAAA,iDAA0C;AAAjC,iIAAA,OAAO,OAAA"}

package/lib/auto-complete/style/_index.scss

@@ -0,0 +1,58 @@
+@use "../../style/variables" as *;
+
+.#{$prefix}-auto-complete {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+
+  &_disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  // Dropdown
+  &__dropdown {
+    width: 100%;
+    margin: 0;
+    padding: 4px 0;
+    list-style-type: none;
+    background-color: var(--ty-select-dropdown-bg);
+    box-sizing: border-box;
+    overflow-x: hidden;
+    overflow-y: auto;
+    z-index: 10;
+    box-shadow: var(--ty-shadow-popup);
+    border-radius: $border-radius;
+    font-size: $font-size-base;
+    max-height: $select-dropdown-max-height;
+  }
+
+  // Empty state
+  &__empty {
+    padding: 16px;
+    text-align: center;
+    color: var(--ty-color-text-quaternary);
+    font-size: $font-size-sm;
+  }
+}
+
+// Option
+.#{$prefix}-auto-complete-option {
+  display: flex;
+  align-items: center;
+  padding: 7px 12px;
+  font-size: 14px;
+  line-height: 22px;
+  cursor: pointer;
+  color: var(--ty-color-text);
+  transition: background-color 0.2s;
+
+  &_active {
+    background-color: var(--ty-select-option-active-bg);
+  }
+
+  &_disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}

package/lib/auto-complete/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./_index.css");
+//# sourceMappingURL=index.js.map

package/lib/auto-complete/style/index.d.ts

@@ -0,0 +1 @@
+import './_index.scss';

package/lib/auto-complete/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./_index.scss");
+//# sourceMappingURL=index.js.map

package/lib/auto-complete/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/auto-complete/style/index.tsx"],"names":[],"mappings":";;AAAA,yBAAuB"}

package/lib/auto-complete/types.d.ts

@@ -0,0 +1,26 @@
+import { FocusEventHandler, ReactNode } from 'react';
+import { BaseProps, SizeType } from '../_utils/props';
+export interface AutoCompleteOption {
+    value: string;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export interface AutoCompleteProps extends BaseProps {
+    options?: AutoCompleteOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    defaultActiveFirstOption?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    notFoundContent?: ReactNode;
+    size?: SizeType;
+    filterOption?: boolean | ((inputValue: string, option: AutoCompleteOption) => boolean);
+    onChange?: (value: string) => void;
+    onSelect?: (value: string, option: AutoCompleteOption) => void;
+    onSearch?: (value: string) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+}

package/lib/auto-complete/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/auto-complete/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/auto-complete/types.ts"],"names":[],"mappings":""}

package/lib/avatar/avatar-group.js

@@ -1,24 +1,30 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var AvatarGroup = function (props) {
-    var _a = props.gap, gap = _a === void 0 ? -15 : _a, className = props.className, style = props.style, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["gap", "className", "style", "children", "prefixCls"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('avatar-group', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    return (React.createElement("span", __assign({}, otherProps, { className: cls, style: style }), React.Children.map(children, function (child, idx) {
-        var childElement = child;
-        if (childElement.type.displayName === 'Avatar') {
-            var childProps = {
-                style: __assign(__assign({}, childElement.props.style), { marginLeft: idx === 0 ? 0 : gap }),
-            };
-            return React.cloneElement(childElement, childProps);
-        }
-        return child;
-    })));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const AvatarGroup = (props) => {
+    const { gap = -15, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('avatar-group', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    return ((0, jsx_runtime_1.jsx)("span", { ...otherProps, className: cls, style: style, children: react_1.default.Children.map(children, (child, idx) => {
+            const childElement = child;
+            if (childElement.type.displayName === 'Avatar') {
+                const childProps = {
+                    style: {
+                        ...childElement.props.style,
+                        marginLeft: idx === 0 ? 0 : gap,
+                    },
+                };
+                return react_1.default.cloneElement(childElement, childProps);
+            }
+            return child;
+        }) }));
 };
 AvatarGroup.displayName = 'AvatarGroup';
-export default AvatarGroup;
+exports.default = AvatarGroup;
 //# sourceMappingURL=avatar-group.js.map

package/lib/avatar/avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../components/avatar/avatar-group.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,IAAM,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,KAAmF,KAAK,IAA/E,EAAT,GAAG,mBAAG,CAAC,EAAE,KAAA,EAAE,SAAS,GAA+D,KAAK,UAApE,EAAE,KAAK,GAAwD,KAAK,MAA7D,EAAE,QAAQ,GAA8C,KAAK,SAAnD,EAAa,aAAa,GAAoB,KAAK,UAAzB,EAAK,UAAU,UAAK,KAAK,EAA1F,sDAAkF,CAAF,CAAW;IACjG,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,yCAAU,UAAU,IAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,GAAG;QACvC,IAAM,YAAY,GAAG,KAAoD,CAAC;QAC1E,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE;YAC9C,IAAM,UAAU,GAAyB;gBACvC,KAAK,wBACA,YAAY,CAAC,KAAK,CAAC,KAAK,KAC3B,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAChC;aACF,CAAC;YACF,OAAO,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;SACrD;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../components/avatar/avatar-group.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAe,EAAE;IAC3D,MAAM,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACjG,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,oCAAU,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAC3C,MAAM,YAAY,GAAG,KAAoD,CAAC;YAC1E,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;gBAC/C,MAAM,UAAU,GAAyB;oBACvC,KAAK,EAAE;wBACL,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK;wBAC3B,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;qBAChC;iBACF,CAAC;gBACF,OAAO,eAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;YACtD,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/lib/avatar/avatar.d.ts

@@ -1,6 +1,4 @@
+import React from 'react';
 import { AvatarProps } from './types';
-declare const Avatar: {
-    (props: AvatarProps): JSX.Element;
-    displayName: string;
-};
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 export default Avatar;

package/lib/avatar/avatar.js

@@ -1,55 +1,64 @@
-import { __assign, __rest } from "tslib";
-import React, { useRef, useEffect, useState, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Avatar = function (props) {
-    var _a;
-    var _b = props.size, size = _b === void 0 ? 38 : _b, _c = props.shape, shape = _c === void 0 ? 'circle' : _c, _d = props.presence, presence = _d === void 0 ? undefined : _d, _e = props.alt, alt = _e === void 0 ? 'avatar' : _e, icon = props.icon, src = props.src, children = props.children, className = props.className, style = props.style, onClick = props.onClick, customisedCls = props.prefixCls, otherProps = __rest(props, ["size", "shape", "presence", "alt", "icon", "src", "children", "className", "style", "onClick", "prefixCls"]);
-    var outerEl = useRef(null);
-    var textEl = useRef(null);
-    var _f = useState(1), scale = _f[0], setScale = _f[1];
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('avatar', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, "".concat(prefixCls, "_").concat(shape), (_a = {},
-        _a["".concat(prefixCls, "_clickable")] = onClick,
-        _a));
-    var renderChildren = function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Avatar = react_1.default.forwardRef((props, ref) => {
+    const { size = 38, shape = 'circle', presence = undefined, alt = 'avatar', icon, src, children, className, style, onClick, prefixCls: customisedCls, ...otherProps } = props;
+    const outerEl = (0, react_1.useRef)(null);
+    const textEl = (0, react_1.useRef)(null);
+    const [scale, setScale] = (0, react_1.useState)(1);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('avatar', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${shape}`, {
+        [`${prefixCls}_clickable`]: onClick,
+    });
+    const renderChildren = () => {
         if (typeof children === 'string') {
-            var textStyle = {};
+            let textStyle = {};
             if (textEl.current) {
-                var transformString = "scale(".concat(scale, ") translateX(-50%)");
+                const transformString = `scale(${scale}) translateX(-50%)`;
                 textStyle = {
                     msTransform: transformString,
                     WebkitTransform: transformString,
                     transform: transformString,
                 };
             }
-            return (React.createElement("span", { ref: textEl, className: "".concat(prefixCls, "__text"), style: textStyle }, children));
+            return ((0, jsx_runtime_1.jsx)("span", { ref: textEl, className: `${prefixCls}__text`, style: textStyle, children: children }));
         }
         else {
             return children;
         }
     };
-    var renderItem = function () {
+    const renderItem = () => {
         if (children) {
             return renderChildren();
         }
         else if (src) {
-            return React.createElement("img", { src: src, alt: alt, className: "".concat(prefixCls, "__img") });
+            return (0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, className: `${prefixCls}__img` });
         }
         else {
             return icon;
         }
     };
-    var renderPresence = function () {
-        return React.createElement("i", { className: "".concat(prefixCls, "__presence ").concat(prefixCls, "__presence_").concat(presence) });
+    const renderPresence = () => {
+        return (0, jsx_runtime_1.jsx)("i", { className: `${prefixCls}__presence ${prefixCls}__presence_${presence}` });
+    };
+    const styles = {
+        width: size,
+        height: size,
+        fontSize: size / 2,
+        lineHeight: `${size - 4}px`,
+        ...style,
     };
-    var styles = __assign({ width: size, height: size, fontSize: size / 2, lineHeight: "".concat(size - 4, "px") }, style);
-    useEffect(function () {
-        if (outerEl.current && textEl.current && textEl.current.className === "".concat(prefixCls, "__text")) {
-            var textElWidth = textEl.current.offsetWidth;
-            var outerElWidth = outerEl.current.offsetWidth;
+    (0, react_1.useEffect)(() => {
+        if (outerEl.current && textEl.current && textEl.current.className === `${prefixCls}__text`) {
+            const textElWidth = textEl.current.offsetWidth;
+            const outerElWidth = outerEl.current.offsetWidth;
+            // leave 4px padding for left and right side
             if (outerElWidth - 8 < textElWidth) {
                 setScale((outerElWidth - 8) / textElWidth);
             }
@@ -58,10 +67,14 @@ var Avatar = function (props) {
             }
         }
     });
-    return (React.createElement("span", __assign({}, otherProps, { ref: outerEl, className: cls, style: styles }),
-        renderItem(),
-        presence && renderPresence()));
-};
+    return ((0, jsx_runtime_1.jsxs)("span", { ...otherProps, ref: (node) => {
+            outerEl.current = node;
+            if (typeof ref === 'function')
+                ref(node);
+            else if (ref)
+                ref.current = node;
+        }, className: cls, style: styles, children: [renderItem(), presence && renderPresence()] }));
+});
 Avatar.displayName = 'Avatar';
-export default Avatar;
+exports.default = Avatar;
 //# sourceMappingURL=avatar.js.map