@giteeteam/apps-team-components 1.0.9 → 1.0.11

package/dist/components/common/overflow-tooltip/BaseOverflowTooltip.d.ts

@@ -1,10 +1,6 @@
-import { CSSProperties } from 'react';
-interface BaseOverflowTooltip {
-    className?: string;
-    title?: string;
-    children: any;
+/// <reference types="react" />
+interface BaseOverflowTooltip extends React.HTMLAttributes<HTMLSpanElement> {
     maxline?: number;
-    style?: CSSProperties;
 }
 declare const BaseOverflowTooltip: React.FC<BaseOverflowTooltip>;
 declare const _default: import("react").NamedExoticComponent<BaseOverflowTooltip>;

package/dist/components/common/overflow-tooltip/BaseOverflowTooltip.js

@@ -3,7 +3,7 @@ import { cloneElement, memo, useRef } from 'react';
 import { ClassNames } from '@emotion/react';
 import { getTooltipMaxlineStyle, tooltipOverflowStyle } from './style';
 const BaseOverflowTooltip = props => {
-    const { className, title, children, maxline, style } = props;
+    const { className, title, children, maxline = 1, style, onClick } = props;
     const elRef = useRef();
     if (!children) {
         return null;
@@ -15,12 +15,9 @@ const BaseOverflowTooltip = props => {
                 className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(maxline)), className),
                 style,
                 title: title || '',
+                onClick,
             });
         } }));
 };
-BaseOverflowTooltip.defaultProps = {
-    className: '',
-    title: '',
-    maxline: 1,
-};
+BaseOverflowTooltip.displayName = 'BaseOverflowTooltip';
 export default memo(BaseOverflowTooltip);

package/dist/components/common/user-field/UserAvatar.d.ts

@@ -7,6 +7,7 @@ interface UserAvatarProps {
         };
         username?: string;
         name?: string;
+        nickname?: string;
     };
 }
 declare const UserAvatar: React.FC<UserAvatarProps>;

package/dist/components/common/user-field/UserAvatar.js

@@ -5,7 +5,7 @@ import { getBackgroundColor, getNameBadge } from '../utils';
 import { avatarItemStyle, avatarStyle, defaultAvatarStyle } from './style';
 const UserAvatar = React.memo(({ user, className }) => {
     const avatarUrl = useMemo(() => { var _a; return (_a = user === null || user === void 0 ? void 0 : user.avatar) === null || _a === void 0 ? void 0 : _a.url; }, [user]);
-    const displayName = useMemo(() => (user === null || user === void 0 ? void 0 : user.name) || (user === null || user === void 0 ? void 0 : user.username), [user]);
+    const displayName = useMemo(() => (user === null || user === void 0 ? void 0 : user.name) || (user === null || user === void 0 ? void 0 : user.nickname) || (user === null || user === void 0 ? void 0 : user.username), [user]);
     const userBadge = useMemo(() => getNameBadge(displayName), [displayName]);
     return (_jsx(ClassNames, { children: ({ cx, css }) => {
             return avatarUrl ? (_jsx("span", { className: cx('avatar-item', css(avatarItemStyle), css(avatarStyle), css(className)), style: { backgroundImage: `url(${avatarUrl})` } })) : (_jsx("span", { className: cx('avatar-item', css(avatarItemStyle), css(defaultAvatarStyle), css(className)), style: getBackgroundColor(userBadge), children: userBadge }));

package/dist/components/common/utils.d.ts

@@ -1,5 +1,4 @@
 export declare const getNameBadge: (name: string) => string | null;
-export declare const isChinese: (text: string) => boolean;
 export declare const getBackgroundColor: (s?: string) => {
     background: string;
 };

package/dist/components/common/utils.js

@@ -1,15 +1,11 @@
 import dayjs from '../../lib/dayjs';
 import { DATE_TIME_FORMAT, DATE_TIME_FORMAT_SEC } from '../../lib/global';
-const zhReg = /[\u4e00-\u9fa5]/g;
 export const getNameBadge = (name) => {
     var _a;
     if (!((_a = name === null || name === void 0 ? void 0 : name.trim) === null || _a === void 0 ? void 0 : _a.call(name)))
         return null;
-    if (isChinese(name))
-        return name.slice(-1);
     return name.slice(0, 1);
 };
-export const isChinese = (text) => zhReg.test(text);
 const randomBackgroundColor = ['#5EA1FF', '#4BCC87', '#FFD15E', '#FF945E', '#A994FF'];
 export const getBackgroundColor = (s) => {
     const code = (s === null || s === void 0 ? void 0 : s.charCodeAt(0)) || 0;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.0.9",
-  "description": "",
+  "version": "1.0.11",
+  "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "scripts": {