@giteeteam/apps-team-components 1.0.17 → 1.0.19

package/dist/components/common/utils.js

@@ -7,7 +7,7 @@ export const getNameBadge = (name) => {
     const str = name.trim();
     return String.fromCodePoint(str.codePointAt(0));
 };
-const randomBackgroundColor = ['#5EA1FF', '#4BCC87', '#FFD15E', '#FF945E', '#A994FF'];
+const randomBackgroundColor = ['#5EA1FF', '#4BCC87', '#FFD15E'];
 export 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/ancestor/ReadView.js

@@ -3,9 +3,9 @@ import EmptyField from '../../common/EmptyField';
 import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
 import { formatDisplayValue } from './utils';
 const AncestorReadView = props => {
-    const { value } = props;
+    const { value, readonly } = props;
     const displayValue = formatDisplayValue(value);
-    return (_jsx(_Fragment, { children: value ? _jsx(BaseOverflowTooltip, { title: displayValue, children: displayValue }) : _jsx(EmptyField, { readonly: true }) }));
+    return (_jsx(_Fragment, { children: displayValue ? (_jsx(BaseOverflowTooltip, { title: displayValue, children: displayValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
 };
 AncestorReadView.displayName = 'AncestorReadView';
 export default AncestorReadView;

package/dist/components/fields/ancestor/utils.js

@@ -2,8 +2,10 @@ import debug from 'debug';
 const logger = debug('fields:ancestor:utils');
 export const formatDisplayValue = (value) => {
     logger('formatDisplayValue', value);
+    if (!value)
+        return undefined;
     if (Array.isArray(value)) {
-        return value[value.length - 1];
+        return formatDisplayValue(value[value.length - 1]);
     }
     if (typeof value === 'object') {
         return value.name;

package/dist/components/fields/status/style/index.d.ts

@@ -1,14 +1,14 @@
 export declare const readViewWrapper = "\n  display: -webkit-box;\n  align-items: center;\n  justify-content: center;\n  min-width: 62px;\n  height: 22px;\n  padding: 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-align: center;\n  border-radius: 4px;\n";
 export declare const workflowContentStyle = "\n  max-width: 200px;\n  text-align: left;\n";
 export declare const statePopoverStyle: (antPrefix: string) => string;
-export declare const flowNextStyle = "\n  max-height: 260px;\n  padding-top: 10px;\n  overflow: auto;\n";
+export declare const flowNextStyle = "\n  max-height: 260px;\n  padding-top: 10px;\n  overflow: auto;\n  margin: -12px;\n";
 export declare const flowStateStyle = "\n  min-width: 62px;\n  height: 24px;\n  padding: 0 18px 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 24px;\n  color: #fff;\n  text-align: center;\n  background: #cdcdcd;\n  border-radius: 4px;\n  box-shadow: none !important;\n\n  span {\n    text-decoration: none !important;\n  }\n";
 export declare const flowStateInWorkflowStyle = "\n  :not(.add-weights) {\n    min-width: 62px;\n    height: 22px;\n    padding: 0 8px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 22px;\n    color: #fff;\n    text-align: center;\n    background: #cdcdcd;\n    border-radius: 4px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n";
 export declare const flowStateButtonStyle = "\n  &:not(.add-weights) > span {\n    display: -webkit-box;\n  }\n";
 export declare const stateBtnStyle = "\n  height: 22px;\n  line-height: 22px;\n";
 export declare const noStateStyle = "\n  color: #909aaa;\n  background: #F1F2F4;\n";
 export declare const caretDownStyle = "\n  padding-left: 2px;\n  margin-left: 0;\n  line-height: 10px;\n";
-export declare const statusViewGlobalStyle = "\n.field-layout.status-view {\n  position: relative;\n  padding: 10px;\n  margin-top: 10px;\n  font-size: 12px;\n  cursor: pointer;\n  border-top: 1px solid #ddd;\n}\n\n.field-layout.status-view .status-view-watch {\n  width: 12px;\n  height: 12px;\n  margin-right: 5px;\n  font-size: 12px;\n  vertical-align: middle;\n}\n";
+export declare const statusViewGlobalStyle = "\n.field-layout.status-view {\n  position: relative;\n  padding: 10px;\n  margin: -12px;\n  margin-top: 10px;\n  font-size: 12px;\n  cursor: pointer;\n  border-top: 1px solid #ddd;\n}\n\n.field-layout.status-view .status-view-watch {\n  width: 12px;\n  height: 12px;\n  margin-right: 5px;\n  font-size: 12px;\n  vertical-align: middle;\n}\n";
 export declare const tipLineStyle = "\n  margin-bottom: 0;\n";
 export declare const tooltipStyle = "\n  width: 80px;\n";
 export declare const iconStyle = "\n  padding: 0 6px;\n  color: #848C9F;\n";

package/dist/components/fields/status/style/index.js

@@ -33,6 +33,7 @@ export const flowNextStyle = `
   max-height: 260px;
   padding-top: 10px;
   overflow: auto;
+  margin: -12px;
 `;
 export const flowStateStyle = `
   min-width: ${statusCellMinWidth};
@@ -91,6 +92,7 @@ export const statusViewGlobalStyle = `
 .field-layout.status-view {
   position: relative;
   padding: 10px;
+  margin: -12px;
   margin-top: 10px;
   font-size: 12px;
   cursor: pointer;

package/dist/components/table-components/index.js

@@ -1,10 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { useCallback, useRef, useState } from 'react';
-import { css, Global } from '@emotion/react';
 import { isEmpty } from 'lodash-es';
 import EmptyField from '../common/EmptyField';
 import EditTableCell from './EditTableCell';
-import { fieldCellGlobalStyle } from './style';
 const reduceObjArr = ({ arr, keys }) => {
     return arr.reduce((accumulatorStr, nextObj) => {
         const nextValue = keys.length > 1 ? `${nextObj[keys[0]]}(${nextObj[keys[1]]})` : nextObj[keys[0]];
@@ -63,5 +61,5 @@ const BaseTableCell = ({ className, cellData, column, rowData, readComponents =
     return _jsx("div", { className: cls, children: text });
 };
 export const TableCell = props => {
-    return (_jsxs(_Fragment, { children: [_jsx(Global, { styles: css(fieldCellGlobalStyle) }), _jsx(BaseTableCell, { ...props })] }));
+    return (_jsx(_Fragment, { children: _jsx(BaseTableCell, { ...props }) }));
 };

package/dist/lib/contexts/antdConfig.js

@@ -1,11 +1,13 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createContext } from 'react';
+import { css, Global } from '@emotion/react';
+import { fieldCellGlobalStyle } from '../../components/table-components/style';
 const defaultContext = {};
 const defaultAntPrefix = 'ant';
 export const AntdConfigContext = createContext(defaultContext);
 export const AntdConfigProvider = ({ getPopupContainer, antPrefix = defaultAntPrefix, children, }) => {
-    return (_jsx(AntdConfigContext.Provider, { value: {
+    return (_jsxs(AntdConfigContext.Provider, { value: {
             getPopupContainer,
             antPrefix,
-        }, children: children }));
+        }, children: [_jsx(Global, { styles: css(fieldCellGlobalStyle) }), children] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -65,4 +65,4 @@
     "debug": "^4.3.4",
     "lodash-es": "^4.17.21"
   }
-}
+}