@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.10

package/dist/Avatar/component/Avatar/index.d.ts

@@ -1,83 +1,21 @@
-import { AvatarProps as antdAvatarProps } from 'antd/lib/avatar/avatar';
-import Group from 'antd/lib/avatar/group';
+import { TAvatarSize } from './type.js';
 import * as React from 'react';
-import { TAvatarSize } from './type';
-export interface IAvatarProps extends Omit<antdAvatarProps, 'size'> {
-    /**
-     * @description 指定头像的形状
-     * @type 'circle' |'square'
-     * @default circle
-     */
+export interface IAvatarProps {
     shape?: 'circle' | 'square';
-    /**
-     * @description 字符类型距离左右两侧边界单位像素
-     * @type number
-     * @default 4
-     */
     gap?: number;
-    /**
-     * @description 图片头像的资源地址或者图片元素
-     * @type string | ReactNode
-     * @default -
-     */
     src?: React.ReactNode;
-    /**
-     * @description 设置图片类头像响应式资源地址
-     * @type string
-     * @default -
-     */
     srcSet?: string;
-    /**
-     * @description 图片是否允许拖动
-     * @type boolean ｜ 'true' | 'false'
-     * @default -
-     */
     draggable?: boolean;
-    /**
-     * @description 设置头像的自定义图标
-     * @type ReactNode
-     * @default   -
-     */
     icon?: React.ReactNode;
-    /**
-     * @description 图像无法显示时的替代文本
-     * @type string
-     * @default -
-     */
     alt?: string;
-    /**
-     * @description CORS属性设置
-     * @type '' | 'anonymous' | 'use-credentials'
-     * @default -
-     */
     crossOrigin?: '' | 'anonymous' | 'use-credentials';
-    /**
-     * @description 点击事件
-     * @type (e?: React.MouseEvent<HTMLElement>) => void
-     * @default    -
-     */
     onClick?: (e?: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * @description 图片加载失败的事件，返回false会关闭组件默认的fallback行为
-     * @type () => boolean
-     * @default -
-     */
     onError?: () => boolean;
-    /**
-     * @description 头像的大小，可以显示的设置数字或者预设的大小值 40 32 28
-     * @type 'large' | 'middle' | 'small' | number
-     * @default middle
-     */
     size?: TAvatarSize;
-    /**
-     * @description 头像的类型
-     * @type 'default' | 'user' | 'userGroup'
-     * @default default
-     */
     type?: 'user' | 'userGroup' | 'count';
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
 }
-interface ICompoundedComponent extends React.ForwardRefExoticComponent<IAvatarProps & React.RefAttributes<HTMLElement>> {
-    Group: typeof Group;
-}
-declare const _default: ICompoundedComponent;
-export default _default;
+declare const Avatar: (props: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/dist/Avatar/component/Avatar/index.js

@@ -1,68 +1,73 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["size", "children", "src", "icon"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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; }
-import InternalAvatar from 'antd/lib/avatar/avatar';
-import * as React from 'react';
-import { User } from "../../../Icon";
-import _ from 'lodash';
-import { useCallback, useMemo } from 'react';
-import { AVATAR_SIZE_MAP } from "./type";
-import { getFontSize } from "./helper";
-import classNames from 'classnames';
+import { cn } from "../../../lib/utils.js";
+import Memo from "../../../Icon/components/User.js";
+import { AVATAR_SIZE_MAP } from "./type.js";
+import { getFontSize } from "./helper.js";
+import { useCallback, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/Avatar/component/Avatar/index.tsx
 var ZERO = 0;
-var Avatar = function Avatar(props) {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size,
-    children = props.children,
-    src = props.src,
-    icon = props.icon,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var getSize = useCallback(function () {
-    if (typeof size === 'number') {
-      return size;
-    }
-    return AVATAR_SIZE_MAP[size] || 32;
-  }, [size]);
-  var getChildren = useCallback(function () {
-    if (_.isEmpty(children)) {
-      return null;
-    }
-    if (typeof children === 'string') {
-      return children[ZERO].toLocaleUpperCase();
-    }
-    return children;
-  }, [children]);
-  var innerIcon = useMemo(function () {
-    if (icon) {
-      return icon;
-    }
-    if (!_.isEmpty(children)) {
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: '100%',
-          width: '100%',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }
-      }, /*#__PURE__*/React.createElement("span", {
-        style: getFontSize(getSize())
-      }, getChildren()));
-    }
-    return /*#__PURE__*/React.createElement(User, {
-      size: getSize()
-    });
-  }, [icon, getSize, children, getChildren]);
-  return /*#__PURE__*/React.createElement(InternalAvatar, _extends({}, restProps, {
-    size: getSize(),
-    className: classNames(restProps.className, 'ald-avatar', _defineProperty({}, "ald-avatar-default", !icon && _.isEmpty(children))),
-    icon: innerIcon,
-    src: src
-  }));
+var Avatar = (props) => {
+	const { size = "middle", children, src, icon, shape = "circle", alt, onClick, onError, className, style } = props;
+	const [imgError, setImgError] = useState(false);
+	const getSize = useCallback(() => {
+		if (typeof size === "number") return size;
+		return AVATAR_SIZE_MAP[size] || 32;
+	}, [size]);
+	const getChildren = useCallback(() => {
+		if (_.isEmpty(children)) return null;
+		if (typeof children === "string") return children[ZERO].toLocaleUpperCase();
+		return children;
+	}, [children]);
+	const sizeVal = getSize();
+	const innerContent = useMemo(() => {
+		if (src && !imgError) {
+			if (typeof src === "string") return /* @__PURE__ */ jsx("img", {
+				src,
+				alt,
+				className: "tw-size-full tw-object-cover",
+				style: shape === "circle" ? { borderRadius: "50%" } : void 0,
+				onError: () => {
+					if (onError?.() !== false) setImgError(true);
+				}
+			});
+			return src;
+		}
+		if (icon) return icon;
+		if (!_.isEmpty(children)) return /* @__PURE__ */ jsx("div", {
+			className: "tw-flex tw-size-full tw-items-center tw-justify-center",
+			children: /* @__PURE__ */ jsx("span", {
+				style: getFontSize(sizeVal),
+				children: getChildren()
+			})
+		});
+		return /* @__PURE__ */ jsx(Memo, { size: sizeVal });
+	}, [
+		src,
+		icon,
+		children,
+		sizeVal,
+		getChildren,
+		imgError,
+		alt,
+		onError,
+		shape
+	]);
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ald-avatar tw-inline-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border-0 tw-text-[var(--non-semantic-content-blue-primary)]", shape === "circle" ? "tw-rounded-full" : "tw-rounded-r-50", !icon && _.isEmpty(children) && "ald-avatar-default", className),
+		style: {
+			width: sizeVal,
+			height: sizeVal,
+			fontSize: sizeVal * .4,
+			lineHeight: `${sizeVal}px`,
+			backgroundColor: !icon && _.isEmpty(children) && (!src || imgError) ? "white" : "var(--non-semantic-background-blue-muted)",
+			...style
+		},
+		onClick,
+		children: innerContent
+	});
 };
-export default Avatar;
+//#endregion
+export { Avatar as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Avatar/component/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Avatar/component/Avatar/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { User } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { getFontSize } from './helper';\nimport { AVATAR_SIZE_MAP, TAvatarSize } from './type';\n\nexport interface IAvatarProps {\n  shape?: 'circle' | 'square';\n  gap?: number;\n  src?: React.ReactNode;\n  srcSet?: string;\n  draggable?: boolean;\n  icon?: React.ReactNode;\n  alt?: string;\n  crossOrigin?: '' | 'anonymous' | 'use-credentials';\n  onClick?: (e?: React.MouseEvent<HTMLElement>) => void;\n  onError?: () => boolean;\n  size?: TAvatarSize;\n  type?: 'user' | 'userGroup' | 'count';\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nconst ZERO = 0;\n\nconst Avatar = (props: IAvatarProps) => {\n  const {\n    size = 'middle',\n    children,\n    src,\n    icon,\n    shape = 'circle',\n    alt,\n    onClick,\n    onError,\n    className,\n    style,\n  } = props;\n\n  const [imgError, setImgError] = useState(false);\n\n  const getSize = useCallback(() => {\n    if (typeof size === 'number') return size;\n    return AVATAR_SIZE_MAP[size] || 32;\n  }, [size]);\n\n  const getChildren = useCallback(() => {\n    if (_.isEmpty(children)) return null;\n    if (typeof children === 'string') return children[ZERO].toLocaleUpperCase();\n    return children;\n  }, [children]);\n\n  const sizeVal = getSize();\n\n  const innerContent = useMemo(() => {\n    if (src && !imgError) {\n      if (typeof src === 'string') {\n        return (\n          <img\n            src={src}\n            alt={alt}\n            className=\"tw-size-full tw-object-cover\"\n            style={shape === 'circle' ? { borderRadius: '50%' } : undefined}\n            onError={() => {\n              const result = onError?.();\n              if (result !== false) setImgError(true);\n            }}\n          />\n        );\n      }\n      return src;\n    }\n\n    if (icon) return icon;\n\n    if (!_.isEmpty(children)) {\n      return (\n        <div className=\"tw-flex tw-size-full tw-items-center tw-justify-center\">\n          <span style={getFontSize(sizeVal)}>{getChildren()}</span>\n        </div>\n      );\n    }\n\n    return <User size={sizeVal} />;\n  }, [\n    src,\n    icon,\n    children,\n    sizeVal,\n    getChildren,\n    imgError,\n    alt,\n    onError,\n    shape,\n  ]);\n\n  return (\n    <span\n      className={cn(\n        'ald-avatar tw-inline-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border-0 tw-text-[var(--non-semantic-content-blue-primary)]',\n        shape === 'circle' ? 'tw-rounded-full' : 'tw-rounded-r-50',\n        !icon && _.isEmpty(children) && 'ald-avatar-default',\n        className,\n      )}\n      style={{\n        width: sizeVal,\n        height: sizeVal,\n        fontSize: sizeVal * 0.4,\n        lineHeight: `${sizeVal}px`,\n        backgroundColor:\n          !icon && _.isEmpty(children) && (!src || imgError)\n            ? 'white'\n            : 'var(--non-semantic-background-blue-muted)',\n        ...style,\n      }}\n      onClick={onClick}\n    >\n      {innerContent}\n    </span>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;;;AA0BA,IAAM,OAAO;AAEb,IAAM,UAAU,UAAwB;CACtC,MAAM,EACJ,OAAO,UACP,UACA,KACA,MACA,QAAQ,UACR,KACA,SACA,SACA,WACA,UACE;CAEJ,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,UAAU,kBAAkB;AAChC,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,SAAO,gBAAgB,SAAS;IAC/B,CAAC,KAAK,CAAC;CAEV,MAAM,cAAc,kBAAkB;AACpC,MAAI,EAAE,QAAQ,SAAS,CAAE,QAAO;AAChC,MAAI,OAAO,aAAa,SAAU,QAAO,SAAS,MAAM,mBAAmB;AAC3E,SAAO;IACN,CAAC,SAAS,CAAC;CAEd,MAAM,UAAU,SAAS;CAEzB,MAAM,eAAe,cAAc;AACjC,MAAI,OAAO,CAAC,UAAU;AACpB,OAAI,OAAO,QAAQ,SACjB,QACE,oBAAC,OAAD;IACO;IACA;IACL,WAAU;IACV,OAAO,UAAU,WAAW,EAAE,cAAc,OAAO,GAAG;IACtD,eAAe;AAEb,SADe,WAAW,KACX,MAAO,aAAY,KAAK;;IAEzC,CAAA;AAGN,UAAO;;AAGT,MAAI,KAAM,QAAO;AAEjB,MAAI,CAAC,EAAE,QAAQ,SAAS,CACtB,QACE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,QAAD;IAAM,OAAO,YAAY,QAAQ;cAAG,aAAa;IAAQ,CAAA;GACrD,CAAA;AAIV,SAAO,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;IAC7B;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,QAAD;EACE,WAAW,GACT,iJACA,UAAU,WAAW,oBAAoB,mBACzC,CAAC,QAAQ,EAAE,QAAQ,SAAS,IAAI,sBAChC,UACD;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,UAAU,UAAU;GACpB,YAAY,GAAG,QAAQ;GACvB,iBACE,CAAC,QAAQ,EAAE,QAAQ,SAAS,KAAK,CAAC,OAAO,YACrC,UACA;GACN,GAAG;GACJ;EACQ;YAER;EACI,CAAA"}

package/dist/Avatar/component/Avatar/type.d.ts

@@ -1,5 +1,14 @@
+/// <reference types="react" />
 export type TAvatarSize = 'large' | 'middle' | 'small' | number;
-export type { GroupProps } from 'antd/lib/avatar/group';
+export interface GroupProps {
+    maxCount?: number;
+    maxStyle?: React.CSSProperties;
+    maxPopoverPlacement?: 'top' | 'bottom';
+    size?: TAvatarSize;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
 export declare const AVATAR_SIZE_MAP: {
     large: number;
     middle: number;

package/dist/Avatar/component/Avatar/type.js

@@ -1,16 +1,20 @@
-var _AVATAR_SIZE_TO_FONT_;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-export var AVATAR_SIZE_MAP = {
-  large: 40,
-  middle: 32,
-  small: 28
+//#region src/Avatar/component/Avatar/type.ts
+var AVATAR_SIZE_MAP = {
+	large: 40,
+	middle: 32,
+	small: 28
 };
-export var AVATAR_SIZE_TO_FONT_SIZE = (_AVATAR_SIZE_TO_FONT_ = {}, _defineProperty(_AVATAR_SIZE_TO_FONT_, 16, 8), _defineProperty(_AVATAR_SIZE_TO_FONT_, 20, 10), _defineProperty(_AVATAR_SIZE_TO_FONT_, 24, 10), _defineProperty(_AVATAR_SIZE_TO_FONT_, 28, 12), _defineProperty(_AVATAR_SIZE_TO_FONT_, 32, 12), _defineProperty(_AVATAR_SIZE_TO_FONT_, 40, 14), _defineProperty(_AVATAR_SIZE_TO_FONT_, 48, 16), _defineProperty(_AVATAR_SIZE_TO_FONT_, 64, 24), _AVATAR_SIZE_TO_FONT_);
-export var AVATAR_TYPE_TO_BG_COLOR = {
-  user: 'var(--non-semantic-background-blue-muted)',
-  userGroup: 'var(--non-semantic-background-blue-muted)',
-  count: 'var(--non-semantic-background-grey-muted)'
-};
+var AVATAR_SIZE_TO_FONT_SIZE = {
+	[16]: 8,
+	[20]: 10,
+	[24]: 10,
+	[28]: 12,
+	[32]: 12,
+	[40]: 14,
+	[48]: 16,
+	[64]: 24
+};
+//#endregion
+export { AVATAR_SIZE_MAP, AVATAR_SIZE_TO_FONT_SIZE };
+
+//# sourceMappingURL=type.js.map

package/dist/Avatar/component/Avatar/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","names":[],"sources":["../../../../src/Avatar/component/Avatar/type.ts"],"sourcesContent":["export type TAvatarSize = 'large' | 'middle' | 'small' | number;\n\nexport interface GroupProps {\n  maxCount?: number;\n  maxStyle?: React.CSSProperties;\n  maxPopoverPlacement?: 'top' | 'bottom';\n  size?: TAvatarSize;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\nexport const AVATAR_SIZE_MAP = {\n  large: 40,\n  middle: 32,\n  small: 28,\n};\n\nexport const AVATAR_SIZE_TO_FONT_SIZE = {\n  [16]: 8,\n  [20]: 10,\n  [24]: 10,\n  [28]: 12,\n  [32]: 12,\n  [40]: 14,\n  [48]: 16,\n  [64]: 24,\n};\n\nexport const AVATAR_TYPE_TO_BG_COLOR = {\n  user: 'var(--non-semantic-background-blue-muted)',\n  userGroup: 'var(--non-semantic-background-blue-muted)',\n  count: 'var(--non-semantic-background-grey-muted)',\n};\n"],"mappings":";AAWA,IAAa,kBAAkB;CAC7B,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,2BAA2B;EACrC,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;CACP"}

package/dist/Avatar/component/Avatar.d.ts

@@ -0,0 +1,2 @@
+export * from './Avatar/index.js';
+export { default } from './Avatar/index.js';

package/dist/Avatar/index.d.ts

@@ -1,3 +1,16 @@
-import Avatar, { IAvatarProps } from './component/Avatar';
+import { default as React } from 'react';
+import { default as AvatarBase, IAvatarProps } from './component/Avatar.js';
+interface AvatarGroupProps {
+    maxCount?: number;
+    size?: IAvatarProps['size'];
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare function AvatarGroup(props: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+type AvatarComponent = typeof AvatarBase & {
+    Group: typeof AvatarGroup;
+};
+declare const Avatar: AvatarComponent;
 export type { IAvatarProps };
 export default Avatar;

package/dist/Avatar/index.js

@@ -1,4 +1,32 @@
-import Group from 'antd/lib/avatar/group';
-import Avatar from "./component/Avatar";
-Avatar.Group = Group;
-export default Avatar;
+import { cn } from "../lib/utils.js";
+import Avatar$1 from "./component/Avatar/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Avatar/index.tsx
+function AvatarGroup(props) {
+	const { children, className, style, maxCount } = props;
+	const childArray = React.Children.toArray(children);
+	const displayed = maxCount ? childArray.slice(0, maxCount) : childArray;
+	const overflow = maxCount ? childArray.length - maxCount : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-avatar-group tw-inline-flex tw-items-center", className),
+		style,
+		children: [displayed.map((child, i) => /* @__PURE__ */ jsx("span", {
+			className: "tw--ml-2 first:tw-ml-0",
+			children: child
+		}, i)), overflow > 0 && /* @__PURE__ */ jsxs("span", {
+			className: "tw--ml-2 tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-neutral-subtle)] tw-text-xs tw-text-[var(--content-secondary)]",
+			style: {
+				width: 32,
+				height: 32
+			},
+			children: ["+", overflow]
+		})]
+	});
+}
+var Avatar = Avatar$1;
+Avatar.Group = AvatarGroup;
+//#endregion
+export { Avatar as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Avatar/index.tsx"],"sourcesContent":["import React from 'react';\nimport AvatarBase, { IAvatarProps } from './component/Avatar';\nimport { cn } from '../lib/utils';\n\ninterface AvatarGroupProps {\n  maxCount?: number;\n  size?: IAvatarProps['size'];\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nfunction AvatarGroup(props: AvatarGroupProps) {\n  const { children, className, style, maxCount } = props;\n  const childArray = React.Children.toArray(children);\n  const displayed = maxCount ? childArray.slice(0, maxCount) : childArray;\n  const overflow = maxCount ? childArray.length - maxCount : 0;\n\n  return (\n    <div\n      className={cn(\n        'ald-avatar-group tw-inline-flex tw-items-center',\n        className,\n      )}\n      style={style}\n    >\n      {displayed.map((child, i) => (\n        <span key={i} className=\"tw--ml-2 first:tw-ml-0\">\n          {child}\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className=\"tw--ml-2 tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-neutral-subtle)] tw-text-xs tw-text-[var(--content-secondary)]\"\n          style={{ width: 32, height: 32 }}\n        >\n          +{overflow}\n        </span>\n      )}\n    </div>\n  );\n}\n\ntype AvatarComponent = typeof AvatarBase & {\n  Group: typeof AvatarGroup;\n};\n\nconst Avatar = AvatarBase as AvatarComponent;\nAvatar.Group = AvatarGroup;\n\nexport type { IAvatarProps };\nexport default Avatar;\n"],"mappings":";;;;;AAYA,SAAS,YAAY,OAAyB;CAC5C,MAAM,EAAE,UAAU,WAAW,OAAO,aAAa;CACjD,MAAM,aAAa,MAAM,SAAS,QAAQ,SAAS;CACnD,MAAM,YAAY,WAAW,WAAW,MAAM,GAAG,SAAS,GAAG;CAC7D,MAAM,WAAW,WAAW,WAAW,SAAS,WAAW;AAE3D,QACE,qBAAC,OAAD;EACE,WAAW,GACT,mDACA,UACD;EACM;YALT,CAOG,UAAU,KAAK,OAAO,MACrB,oBAAC,QAAD;GAAc,WAAU;aACrB;GACI,EAFI,EAEJ,CACP,EACD,WAAW,KACV,qBAAC,QAAD;GACE,WAAU;GACV,OAAO;IAAE,OAAO;IAAI,QAAQ;IAAI;aAFlC,CAGC,KACG,SACG;KAEL;;;AAQV,IAAM,SAAS;AACf,OAAO,QAAQ"}

package/dist/Avatar.d.ts

@@ -0,0 +1,2 @@
+export * from './Avatar/index.js';
+export { default } from './Avatar/index.js';

package/dist/Badge/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface BadgeProps {
     /**
      * 展示的文本内容
@@ -15,4 +15,4 @@ export interface BadgeProps {
     className?: string;
     onClick?: React.MouseEventHandler;
 }
-export default function Badge(props: BadgeProps): React.JSX.Element;
+export default function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/Badge/index.js

@@ -1,24 +1,46 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["count", "status", "size", "className", "onClick"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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; }
-import classNames from 'classnames';
-import React from 'react';
-export default function Badge(props) {
-  var _classNames;
-  var count = props.count,
-    _props$status = props.status,
-    status = _props$status === void 0 ? 'default' : _props$status,
-    size = props.size,
-    className = props.className,
-    onClick = props.onClick,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: classNames('ald-badge', (_classNames = {}, _defineProperty(_classNames, 'ald-badge-large', size === 'large'), _defineProperty(_classNames, 'ald-badge-clickable', typeof onClick === 'function'), _defineProperty(_classNames, "ald-badge-".concat(status), status), _classNames), className),
-    onClick: onClick
-  }), count);
-}
+import { cn } from "../lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/Badge/index.tsx
+var badgeVariants = cva("ald-badge tw-inline-flex tw-cursor-default tw-items-center tw-rounded-[99px] tw-font-medium", {
+	variants: {
+		size: {
+			default: "tw-h-[20px] tw-min-w-[20px] tw-px-[var(--alias-padding-75)] tw-py-[var(--alias-padding-25)] tw-text-xs tw-leading-4",
+			large: "ald-badge-large tw-h-[24px] tw-min-w-[24px] tw-px-[var(--alias-padding-75)] tw-py-[var(--alias-padding-25)] tw-text-sm tw-leading-5"
+		},
+		status: {
+			success: "ald-badge-success tw-bg-[var(--background-positive-muted)] tw-text-[var(--content-positive-primary)]",
+			error: "ald-badge-error tw-bg-[var(--background-negative-muted)] tw-text-[var(--content-negative-primary)]",
+			default: "ald-badge-default tw-bg-[var(--background-neutral-muted)] tw-text-[var(--content-neutral-primary)]",
+			info: "ald-badge-info tw-bg-[var(--background-informative-muted)] tw-text-[var(--content-informative-primary)]",
+			warning: "ald-badge-warning tw-bg-[var(--background-warning-muted)] tw-text-[var(--content-warning-primary)]"
+		},
+		clickable: {
+			true: "ald-badge-clickable tw-cursor-pointer",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		status: "default",
+		clickable: false
+	}
+});
+function Badge(props) {
+	const { count, status = "default", size, className, onClick, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cn(badgeVariants({
+			size: size || "default",
+			status,
+			clickable: typeof onClick === "function"
+		}), className),
+		onClick,
+		children: count
+	});
+}
+//#endregion
+export { Badge as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Badge/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface BadgeProps {\n  /**\n   * 展示的文本内容\n   */\n  count: string | number;\n  /**\n   * 状态\n   */\n  status?: 'success' | 'error' | 'default' | 'info' | 'warning';\n  /**\n   * 大小\n   */\n  size?: 'default' | 'large';\n  className?: string;\n  onClick?: React.MouseEventHandler;\n}\n\nconst badgeVariants = cva(\n  'ald-badge tw-inline-flex tw-cursor-default tw-items-center tw-rounded-[99px] tw-font-medium',\n  {\n    variants: {\n      size: {\n        default:\n          'tw-h-[20px] tw-min-w-[20px] tw-px-[var(--alias-padding-75)] tw-py-[var(--alias-padding-25)] tw-text-xs tw-leading-4',\n        large:\n          'ald-badge-large tw-h-[24px] tw-min-w-[24px] tw-px-[var(--alias-padding-75)] tw-py-[var(--alias-padding-25)] tw-text-sm tw-leading-5',\n      },\n      status: {\n        success:\n          'ald-badge-success tw-bg-[var(--background-positive-muted)] tw-text-[var(--content-positive-primary)]',\n        error:\n          'ald-badge-error tw-bg-[var(--background-negative-muted)] tw-text-[var(--content-negative-primary)]',\n        default:\n          'ald-badge-default tw-bg-[var(--background-neutral-muted)] tw-text-[var(--content-neutral-primary)]',\n        info: 'ald-badge-info tw-bg-[var(--background-informative-muted)] tw-text-[var(--content-informative-primary)]',\n        warning:\n          'ald-badge-warning tw-bg-[var(--background-warning-muted)] tw-text-[var(--content-warning-primary)]',\n      },\n      clickable: {\n        true: 'ald-badge-clickable tw-cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      status: 'default',\n      clickable: false,\n    },\n  },\n);\n\nexport default function Badge(props: BadgeProps) {\n  const {\n    count,\n    status = 'default',\n    size,\n    className,\n    onClick,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      className={cn(\n        badgeVariants({\n          size: size || 'default',\n          status,\n          clickable: typeof onClick === 'function',\n        }),\n        className,\n      )}\n      onClick={onClick}\n    >\n      {count}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAqBA,IAAM,gBAAgB,IACpB,+FACA;CACE,UAAU;EACR,MAAM;GACJ,SACE;GACF,OACE;GACH;EACD,QAAQ;GACN,SACE;GACF,OACE;GACF,SACE;GACF,MAAM;GACN,SACE;GACH;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,QAAQ;EACR,WAAW;EACZ;CACF,CACF;AAED,SAAwB,MAAM,OAAmB;CAC/C,MAAM,EACJ,OACA,SAAS,WACT,MACA,WACA,SACA,GAAG,SACD;AAEJ,QACE,oBAAC,OAAD;EACE,GAAI;EACJ,WAAW,GACT,cAAc;GACZ,MAAM,QAAQ;GACd;GACA,WAAW,OAAO,YAAY;GAC/B,CAAC,EACF,UACD;EACQ;YAER;EACG,CAAA"}

package/dist/Badge.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge/index.js';
+export { default } from './Badge/index.js';

package/dist/Breadcrumb/index.d.ts

@@ -1,11 +1,27 @@
-import { BreadcrumbItemProps, BreadcrumbProps } from 'antd';
-import React from 'react';
-export type { BreadcrumbItemProps, BreadcrumbProps };
+import { default as React } from 'react';
+export interface BreadcrumbProps {
+    className?: string;
+    style?: React.CSSProperties;
+    separator?: React.ReactNode;
+    items?: Array<{
+        title: React.ReactNode;
+        href?: string;
+        onClick?: (e: React.MouseEvent) => void;
+        className?: string;
+    }>;
+    children?: React.ReactNode;
+}
+export interface BreadcrumbItemProps {
+    className?: string;
+    children?: React.ReactNode;
+    href?: string;
+    onClick?: (e: React.MouseEvent) => void;
+}
 interface IBreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {
     __ANT_BREADCRUMB_ITEM: boolean;
 }
 declare const Breadcrumb: {
-    (props: BreadcrumbProps): React.JSX.Element;
+    (props: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
     Item: IBreadcrumbItemInterface;
 };
 export default Breadcrumb;

package/dist/Breadcrumb/index.js

@@ -1,35 +1,66 @@
-var _excluded = ["className"],
-  _excluded2 = ["className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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; }
-import { Breadcrumb as AntdBreadcrumb } from 'antd';
-import classNames from 'classnames';
-import React from 'react';
-var Breadcrumb = function Breadcrumb(props) {
-  var className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded);
-
-  // const getSeparator = () => {
-  //   if (separator === null) {
-  //     return separator;
-  //   }
-  //   return separator || <span className="default-separator" />;
-  // };
-  return /*#__PURE__*/React.createElement(AntdBreadcrumb, _extends({}, restProps, {
-    // separator={getSeparator()}
-    className: classNames('ald-breadcrumb', className)
-  }));
+import { cn } from "../lib/utils.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Breadcrumb/index.tsx
+var DEFAULT_SEPARATOR_SVG = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQ0NzE5IDAuMTA1NzkyQzkuOTQxMTcgMC4zNTI3ODEgMTAuMTQxNCAwLjk1MzQ1NCA5Ljg5NDQgMS40NDc0M0wxLjg5NDQgMTkuNDQ3NEMxLjY0NzQxIDE5Ljk0MTQgMS4wNDY3NCAyMC4xNDE2IDAuNTUyNzYxIDE5Ljg5NDZDMC4wNTg3ODI5IDE5LjY0NzcgLTAuMTQxNDQyIDE5LjA0NyAwLjEwNTU0OCAxOC41NTNMOC4xMDU1NSAwLjU1MzAwNkM4LjM1MjU0IDAuMDU5MDI3IDguOTUzMjEgLTAuMTQxMTk3IDkuNDQ3MTkgMC4xMDU3OTJaIiBmaWxsPSIjMDAxQTMzIiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8L3N2Zz4=";
+var DefaultSeparator = () => /* @__PURE__ */ jsx("span", {
+	className: "default-separator tw-mx-2 tw-inline-block tw-h-[14px] tw-w-[7px] tw-opacity-60",
+	style: {
+		background: `url('${DEFAULT_SEPARATOR_SVG}') no-repeat center`,
+		backgroundSize: "100% 100%"
+	}
+});
+var Breadcrumb = (props) => {
+	const { className, style, separator = /* @__PURE__ */ jsx(DefaultSeparator, {}), items, children } = props;
+	const renderItems = () => {
+		if (items) return items.map((item, index) => {
+			const isLast = index === items.length - 1;
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: cn("ald-breadcrumb-item tw-cursor-pointer tw-text-sm", isLast ? "tw-text-[var(--content-primary)]" : "tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]", item.className),
+				children: item.href ? /* @__PURE__ */ jsx("a", {
+					className: "ald-breadcrumb-link tw-text-inherit",
+					href: item.href,
+					onClick: item.onClick,
+					children: item.title
+				}) : /* @__PURE__ */ jsx("span", {
+					onClick: item.onClick,
+					children: item.title
+				})
+			}), separator !== null && !isLast && /* @__PURE__ */ jsx("span", {
+				className: "ald-breadcrumb-separator",
+				children: separator
+			})] }, index);
+		});
+		const childArray = React.Children.toArray(children);
+		return childArray.map((child, index) => {
+			const isLast = index === childArray.length - 1;
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [React.isValidElement(child) ? React.cloneElement(child, { "data-last": isLast ? "true" : void 0 }) : child, separator !== null && !isLast && /* @__PURE__ */ jsx("span", {
+				className: "ald-breadcrumb-separator",
+				children: separator
+			})] }, index);
+		});
+	};
+	return /* @__PURE__ */ jsx("nav", {
+		className: cn("ald-breadcrumb tw-flex tw-items-center tw-text-sm", className),
+		style,
+		children: renderItems()
+	});
 };
-var BreadcrumbItem = function BreadcrumbItem(props) {
-  var className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/React.createElement(AntdBreadcrumb.Item, _extends({}, restProps, {
-    className: classNames('ald-breadcrumb-item', className)
-  }));
+var BreadcrumbItem = (props) => {
+	const { className, children, href, onClick, ...rest } = props;
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ald-breadcrumb-item tw-cursor-pointer tw-text-sm", rest["data-last"] === "true" ? "tw-text-[var(--content-primary)]" : "tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]", className),
+		onClick,
+		children: href ? /* @__PURE__ */ jsx("a", {
+			className: "ald-breadcrumb-link tw-text-inherit",
+			href,
+			children
+		}) : children
+	});
 };
-
-// eslint-disable-next-line no-underscore-dangle
 BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
 Breadcrumb.Item = BreadcrumbItem;
-export default Breadcrumb;
+//#endregion
+export { Breadcrumb as default };
+
+//# sourceMappingURL=index.js.map