@giteeteam/apps-team-components 1.10.0 → 1.10.1

package/dist/components/common/utils.js

@@ -1,6 +1,6 @@
 import '../../lib/dayjs.js';
 import { DATE_TIME_FORMAT, DATE_TIME_FORMAT_SEC } from '../../lib/global.js';
-import { blue4, orange4 } from '../../style/common.js';
+import { blue4, green4, orange4 } from '../../style/common.js';
 import dayjs from 'dayjs';
 
 const getNameBadge = (name) => {
@@ -10,7 +10,7 @@ const getNameBadge = (name) => {
     const str = name.trim();
     return String.fromCodePoint(str.codePointAt(0));
 };
-const randomBackgroundColor = [blue4, '#4BCC87', orange4];
+const randomBackgroundColor = [blue4, green4, orange4];
 const getBackgroundColor = (s) => {
     const code = (s === null || s === void 0 ? void 0 : s.charCodeAt(0)) || 0;
     const random = Math.floor(code % randomBackgroundColor.length);

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

@@ -3,20 +3,25 @@ import { memo } from 'react';
 import { ClassNames } from '@emotion/react';
 import { useCreation } from 'ahooks';
 import { getArrayValue } from '../../../lib/array.js';
+import useI18n from '../../../lib/hooks/useI18n.js';
+import { isInCMCC } from '../../../lib/isInCMCC.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 inCMCC = isInCMCC();
 const BindWorkspaceReadView = memo(props => {
     const { value: _value, mode } = props;
+    const { t } = useI18n();
     const { toWorkspacePage } = useToWorkspacePage();
     const value = useCreation(() => getArrayValue(_value), [_value]);
+    const title = useCreation(() => (inCMCC ? '' : t('pages.fields.default.toWorkspacePage')), [t]);
     return (jsx(ClassNames, { children: ({ cx, css }) => {
             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 }));
+            return (jsx(ValueDisplay, { title: title, 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

@@ -1,4 +1,5 @@
 interface ValueDisplayBaseProps {
+    title?: string;
     value: any[];
     onClick?: (workspaceKey: string) => void;
     wrapperClassName?: string;

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

@@ -2,20 +2,17 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { memo, Fragment } from 'react';
 import OverflowTooltip from '../../common/overflow-tooltip/OverflowTooltip.js';
 import { getArrayValue } from '../../../lib/array.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 SingleValueDisplay = memo(({ value, onClick, wrapperClassName, itemClassName, title }) => {
     const [workspace] = getArrayValue(value);
-    return (jsx(WorkspaceLabel, { title: t('pages.fields.default.toWorkspacePage'), onClick: onClick, className: `${wrapperClassName} ${itemClassName} single`, workspace: workspace }));
+    return (jsx(WorkspaceLabel, { title: title, onClick: onClick, className: `${wrapperClassName} ${itemClassName} single`, workspace: workspace }));
 });
-const MultipleValueDisplay = memo(({ value, onClick, itemClassName }) => {
-    const { t } = useI18n();
+const MultipleValueDisplay = memo(({ value, onClick, itemClassName, title }) => {
     const showValue = value
         .map(workspace => workspace === null || workspace === void 0 ? void 0 : workspace.name)
         .filter(Boolean)
@@ -23,7 +20,7 @@ const MultipleValueDisplay = memo(({ value, onClick, itemClassName }) => {
     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));
+            return (jsxs(Fragment, { children: [jsx(WorkspaceLabel, { title: title, onClick: onClick, className: itemClassName, workspace: workspace }), index !== value.length - 1 && '，'] }, workspace.key));
         }), enterable: true, alwaysShowTooltip: true, children: showValue }));
 });
 MultipleValueDisplay.displayName = 'MultipleValueDisplay';

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

@@ -1,13 +1,17 @@
 import { useMemoizedFn } from 'ahooks';
 import useTeamConfig from '../../../lib/hooks/useTeamConfig.js';
 import useTenant from '../../../lib/hooks/useTenant.js';
+import { isInCMCC } from '../../../lib/isInCMCC.js';
 import isInOne from '../../../lib/isInOne.js';
 
 const useToWorkspacePage = () => {
     const { publicRuntimeConfig, isMicroApp } = useTeamConfig();
     const inOne = isInOne(publicRuntimeConfig.gateway, isMicroApp);
+    const inCmcc = isInCMCC(publicRuntimeConfig);
     const tenant = useTenant();
     const toWorkspacePage = useMemoizedFn((workspaceKey) => {
+        if (inCmcc)
+            return;
         const url = inOne
             ? `/${tenant}/${workspaceKey}`
             : `${publicRuntimeConfig.basePath}/${tenant}/workspaces/${workspaceKey}`;

package/dist/lib/env.d.ts

@@ -0,0 +1,3 @@
+type ENV = 'one' | 'cmcc' | 'demo' | 'test' | 'prod';
+export declare const mockENV: ENV;
+export {};

package/dist/lib/env.js

@@ -0,0 +1,5 @@
+import { getLocalStorageItem } from './storage.js';
+
+const mockENV = getLocalStorageItem('mockENV');
+
+export { mockENV };

package/dist/lib/isInCMCC.d.ts

@@ -0,0 +1 @@
+export declare const isInCMCC: (config?: Record<string, any>) => boolean;

package/dist/lib/isInCMCC.js

@@ -0,0 +1,10 @@
+import { mockENV } from './env.js';
+
+const isInCMCC = (config) => {
+    const { routePath } = config || {};
+    if (mockENV === 'cmcc')
+        return true;
+    return !!routePath;
+};
+
+export { isInCMCC };

package/dist/lib/isInOne.js

@@ -1,4 +1,8 @@
+import { mockENV } from './env.js';
+
 const isInOne = (gateway, isMicroApp) => {
+    if (mockENV === 'one')
+        return true;
     if (isMicroApp != null)
         return !!isMicroApp;
     if (!gateway)

package/dist/lib/storage.d.ts

@@ -1,8 +1,8 @@
-export declare const getLocalStorageItem: (key: string, defaults?: any) => any;
+export declare const getLocalStorageItem: <T = any>(key: string, defaults?: any) => T;
 export declare const setLocalStorageItem: (key: string, value: unknown) => boolean;
 export declare const removeParseItems: () => void;
 declare const _default: {
-    getItem: (key: string, defaults?: any) => any;
+    getItem: <T = any>(key: string, defaults?: any) => T;
     setItem: (key: string, value: unknown) => boolean;
     removeParseItems: () => void;
 };

package/dist/style/common.d.ts

@@ -18,6 +18,7 @@ export declare const blue7 = "var(--color-brand-7, #0045d9)";
 export declare const blue8 = "var(--color-brand-8, #0033b3)";
 export declare const blue9 = "var(--color-brand-9, #00238c)";
 export declare const blue10 = "var(--color-brand-10, #001666)";
+export declare const green4 = "var(--color-success-4, #4DD18B)";
 export declare const green5 = "var(--color-success-5, #29c477)";
 export declare const orange4 = "var(--color-orange-4, #ffd15e)";
 export declare const orange5 = "var(--color-orange-5, #ffbf36)";

package/dist/style/common.js

@@ -18,6 +18,7 @@ const blue7 = 'var(--color-brand-7, #0045d9)';
 const blue8 = 'var(--color-brand-8, #0033b3)';
 const blue9 = 'var(--color-brand-9, #00238c)';
 const blue10 = 'var(--color-brand-10, #001666)';
+const green4 = 'var(--color-success-4, #4DD18B)';
 const green5 = 'var(--color-success-5, #29c477)';
 const orange4 = 'var(--color-orange-4, #ffd15e)';
 const orange5 = 'var(--color-orange-5, #ffbf36)';
@@ -34,4 +35,4 @@ const randomClassName = (name) => {
     return `${name}_${result}`;
 };
 
-export { blue1, blue10, blue2, blue3, blue4, blue5, blue6, blue7, blue8, blue9, fieldLabelColor, gray1, gray10, gray2, gray3, gray4, gray5, gray6, gray7, gray8, gray9, green5, orange4, orange5, randomClassName, statusCellMinWidth, themeBgColorBase };
+export { blue1, blue10, blue2, blue3, blue4, blue5, blue6, blue7, blue8, blue9, fieldLabelColor, gray1, gray10, gray2, gray3, gray4, gray5, gray6, gray7, gray8, gray9, green4, green5, orange4, orange5, randomClassName, statusCellMinWidth, themeBgColorBase };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",