@giteeteam/apps-team-components 1.8.1 → 1.9.0

package/README.md

@@ -44,6 +44,7 @@ pnpm storybook
 
 | 组件库版本 | team版本 |
 | --| -- |
+| 1.9.x | >=4.38.0 |
 | 1.8.x | >=4.36.0 |
 | 1.7.x | >=4.30.0 |
 | 1.6.x | >=4.29.0 |

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

@@ -1,8 +1,7 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect, memo } from 'react';
-import { ClassNames } from '@emotion/react';
 import { Tooltip } from 'antd';
-import { tooltipOverflowStyle, getTooltipMaxlineStyle } from './style/index.js';
+import { TooltipContent } from './TooltipContent.js';
 
 const isTextOverflow = element => {
     return new Promise(resolve => {
@@ -47,10 +46,7 @@ const OverflowTooltip = props => {
     if (!children) {
         return null;
     }
-    const content = (jsx(ClassNames, { children: ({ cx, css }) => (jsx("span", { ref: elRef, className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(maxline)), className), style: style, onMouseLeave: () => {
-                !enterable && setVisible(false);
-            }, children: children })) }));
-    return (jsx(Tooltip, { trigger: trigger, placement: placement, overlayStyle: overlayStyle, overlayClassName: overlayClassName, title: title, open: visible, onOpenChange: handleVisibleChange, getPopupContainer: getContainer, destroyTooltipOnHide: true, children: content }));
+    return (jsx(Tooltip, { trigger: trigger, placement: placement, overlayStyle: overlayStyle, overlayClassName: overlayClassName, title: title, open: visible, onOpenChange: handleVisibleChange, getPopupContainer: getContainer, destroyTooltipOnHide: true, children: jsx(TooltipContent, { ref: elRef, maxline: maxline, style: style, enterable: enterable, className: className, setVisible: setVisible, content: children }) }));
 };
 var OverflowTooltip$1 = memo(OverflowTooltip);
 

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

@@ -0,0 +1,11 @@
+import { CSSProperties, ReactNode } from 'react';
+interface TooltipContentProps {
+    style?: CSSProperties;
+    maxline?: number;
+    enterable?: boolean;
+    setVisible: (visible: boolean) => void;
+    className?: string;
+    content: ReactNode;
+}
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<TooltipContentProps & import("react").RefAttributes<HTMLElement>>;
+export {};

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

@@ -0,0 +1,13 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ClassNames } from '@emotion/react';
+import { tooltipOverflowStyle, getTooltipMaxlineStyle } from './style/index.js';
+
+const TooltipContent = forwardRef((props, elRef) => {
+    const { maxline = 1, enterable, setVisible, content, className, ...rest } = props;
+    return (jsx(ClassNames, { children: ({ cx, css }) => (jsx("span", { ...rest, ref: elRef, className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(maxline)), className), onMouseLeave: () => {
+                !enterable && setVisible(false);
+            }, children: content })) }));
+});
+
+export { TooltipContent };

package/dist/components/fields/bind-workspace/ReadView.d.ts

@@ -1,3 +1,6 @@
 import type { ReadViewBaseProps } from '../types';
-declare const BindWorkspaceReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+type BindWorkspaceReadViewProps = ReadViewBaseProps & {
+    mode?: 'multiple';
+};
+declare const BindWorkspaceReadView: import("react").NamedExoticComponent<BindWorkspaceReadViewProps>;
 export default BindWorkspaceReadView;

package/dist/components/fields/bind-workspace/ReadView.js

@@ -1,18 +1,19 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { memo } from 'react';
 import { ClassNames } from '@emotion/react';
-import useI18n from '../../../lib/hooks/useI18n.js';
 import EmptyField from '../../common/EmptyField.js';
 import { tooltipOverflowStyle, getTooltipMaxlineStyle } from '../../common/overflow-tooltip/style/index.js';
 import { useToWorkspacePage } from './hooks.js';
 import { pointerStyle } from './style/index.js';
+import ValueDisplay from './ValueDisplay.js';
 
 const BindWorkspaceReadView = memo(props => {
-    const { value } = props;
-    const { t } = useI18n();
+    const { value, mode } = props;
     const { toWorkspacePage } = useToWorkspacePage();
     return (jsx(ClassNames, { children: ({ cx, css }) => {
-            return value ? (jsx("span", { className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(1)), css(pointerStyle)), title: t('pages.fields.default.toWorkspacePage'), onClick: () => toWorkspacePage(value.key), children: value.name })) : (jsx(EmptyField, { readonly: true }));
+            if (!(value === null || value === void 0 ? void 0 : value.length))
+                return jsx(EmptyField, { readonly: true });
+            return (jsx(ValueDisplay, { mode: mode, value: value, wrapperClassName: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(1))), itemClassName: cx(css(pointerStyle)), onClick: toWorkspacePage }));
         } }));
 });
 BindWorkspaceReadView.displayName = 'BindWorkspaceReadView';

package/dist/components/fields/bind-workspace/ValueDisplay.d.ts

@@ -0,0 +1,11 @@
+interface ValueDisplayBaseProps {
+    value: any[];
+    onClick?: (workspaceKey: string) => void;
+    wrapperClassName?: string;
+    itemClassName?: string;
+}
+interface ValueDisplayProps extends ValueDisplayBaseProps {
+    mode: string;
+}
+declare const ValueDisplay: import("react").NamedExoticComponent<ValueDisplayProps>;
+export default ValueDisplay;

package/dist/components/fields/bind-workspace/ValueDisplay.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { memo, Fragment } from 'react';
+import OverflowTooltip from '../../common/overflow-tooltip/OverflowTooltip.js';
+import useI18n from '../../../lib/hooks/useI18n.js';
+
+const WorkspaceLabel = memo(props => {
+    const { title, onClick, className, workspace } = props;
+    const { key, name } = workspace;
+    return (jsx("span", { title: title, onClick: () => onClick(key), className: className, children: name }));
+});
+const SingleValueDisplay = memo(({ value, onClick, wrapperClassName, itemClassName }) => {
+    const { t } = useI18n();
+    const [workspace] = value;
+    return (jsx(WorkspaceLabel, { title: t('pages.fields.default.toWorkspacePage'), onClick: onClick, className: `${wrapperClassName} ${itemClassName}`, workspace: workspace }));
+});
+const MultipleValueDisplay = memo(({ value, onClick, itemClassName }) => {
+    const { t } = useI18n();
+    const showValue = value
+        .map(workspace => workspace === null || workspace === void 0 ? void 0 : workspace.name)
+        .filter(Boolean)
+        .join('，');
+    if (!showValue)
+        return null;
+    return (jsx(OverflowTooltip, { title: value.map((workspace, index) => {
+            return (jsxs(Fragment, { children: [jsx(WorkspaceLabel, { title: t('pages.fields.default.toWorkspacePage'), onClick: onClick, className: itemClassName, workspace: workspace }), index !== value.length - 1 && '，'] }, workspace.key));
+        }), enterable: true, alwaysShowTooltip: true, children: showValue }));
+});
+MultipleValueDisplay.displayName = 'MultipleValueDisplay';
+SingleValueDisplay.displayName = 'SingleValueDisplay';
+const ValueDisplay = memo(props => {
+    const { mode, ...rest } = props;
+    return mode === 'multiple' ? jsx(MultipleValueDisplay, { ...rest }) : jsx(SingleValueDisplay, { ...rest });
+});
+ValueDisplay.displayName = 'ValueDisplay';
+
+export { ValueDisplay as default };

package/dist/components/fields/bind-workspace/hooks.js

@@ -1,3 +1,4 @@
+import { useMemoizedFn } from 'ahooks';
 import useTeamConfig from '../../../lib/hooks/useTeamConfig.js';
 import useTenant from '../../../lib/hooks/useTenant.js';
 import isInOne from '../../../lib/isInOne.js';
@@ -6,13 +7,14 @@ const useToWorkspacePage = () => {
     const { publicRuntimeConfig, isMicroApp } = useTeamConfig();
     const inOne = isInOne(publicRuntimeConfig.gateway, isMicroApp);
     const tenant = useTenant();
+    const toWorkspacePage = useMemoizedFn((workspaceKey) => {
+        const url = inOne
+            ? `/${tenant}/${workspaceKey}`
+            : `${publicRuntimeConfig.basePath}/${tenant}/workspaces/${workspaceKey}`;
+        window.open(`${url}?from=item`, '_blank');
+    });
     return {
-        toWorkspacePage: (workspaceKey) => {
-            const url = inOne
-                ? `/${tenant}/${workspaceKey}`
-                : `${publicRuntimeConfig.basePath}/${tenant}/workspaces/${workspaceKey}?from=item`;
-            window.open(`${url}?from=item`, '_blank');
-        },
+        toWorkspacePage,
     };
 };
 

package/dist/components/fields/bind-workspace/style/index.d.ts

@@ -1 +1 @@
-export declare const pointerStyle = "\n  color: #0c62ff;\n  cursor: pointer;\n";
+export declare const pointerStyle = "\n  cursor: pointer;\n    &:hover {\n    color: #5ea1ff;\n  }\n";

package/dist/components/fields/bind-workspace/style/index.js

@@ -1,6 +1,10 @@
+import { blue4 } from '../../../../style/common.js';
+
 const pointerStyle = `
-  color: #0c62ff;
   cursor: pointer;
+    &:hover {
+    color: ${blue4};
+  }
 `;
 
 export { pointerStyle };

package/dist/lib/array.d.ts

@@ -7,4 +7,6 @@ export declare const serializationArrayByKey: (list: any[], keyPath: string) =>
 export declare const createHash: () => number;
 export declare function parseArray(str: string): string[];
 export declare const getArrayValue: <T = any>(value: T) => T;
+export declare const getStringArrayValue: (value: string, defaultValue?: any, isEmptyUseDefault?: boolean) => string[];
+export declare const formatArrayToStringArray: (value: string[], defaultValue?: any) => string;
 export {};

package/dist/lib/array.js

@@ -43,5 +43,18 @@ function parseArray(str) {
     return [];
 }
 const getArrayValue = (value) => { var _a; return (_a = (isArray(value) ? value : [value])) === null || _a === void 0 ? void 0 : _a.filter(Boolean); };
+const getStringArrayValue = (value, defaultValue = undefined, isEmptyUseDefault = false) => {
+    var _a;
+    if (!value)
+        return defaultValue;
+    const result = (_a = value.split) === null || _a === void 0 ? void 0 : _a.call(value, ',');
+    if (isEmptyUseDefault && !(result === null || result === void 0 ? void 0 : result.length)) {
+        return defaultValue;
+    }
+    return result !== null && result !== void 0 ? result : defaultValue;
+};
+const formatArrayToStringArray = (value, defaultValue = undefined) => {
+    return getArrayValue(value).join(',') || defaultValue;
+};
 
-export { arrayDiff, createHash, getArrayValue, parseArray, serializationArrayByKey };
+export { arrayDiff, createHash, formatArrayToStringArray, getArrayValue, getStringArrayValue, parseArray, serializationArrayByKey };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -108,4 +108,4 @@
     ]
   },
   "packageManager": "pnpm@7.32.5+sha512.4395951a16c3553123c8693f9e350e9ce18824f602b5af158fb17c2d6ee10a53251544522e31e3003d3b1b9bf5422d25ca14f86e8d10053c552674ee9e33fd15"
-}
+}