@giteeteam/apps-team-components 1.0.2-alpha.1 → 1.0.2-alpha.3

package/dist/components/fields/checkbox/ReadView.js

@@ -3,7 +3,7 @@ import { memo, useMemo } from 'react';
 import EmptyField from '../../common/EmptyField';
 import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
 const CheckboxReadView = memo(props => {
-    const { value, options } = props;
+    const { value, options, readonly } = props;
     const showValue = useMemo(() => {
         if (!(options === null || options === void 0 ? void 0 : options.length))
             return '';
@@ -15,7 +15,7 @@ const CheckboxReadView = memo(props => {
             .join(',');
         return result;
     }, [options, value]);
-    return (_jsx(_Fragment, { children: showValue ? _jsx(SimpleOverflowToolTip, { title: showValue, children: showValue }) : _jsx(EmptyField, {}) }));
+    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
 });
 CheckboxReadView.displayName = 'CheckboxReadView';
 export default CheckboxReadView;

package/dist/components/fields/dropdown/ReadView.js

@@ -4,7 +4,7 @@ import EmptyField from '../../common/EmptyField';
 import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
 import { handleValue } from './BaseField';
 const DropdownReadView = memo(props => {
-    const { value, options } = props;
+    const { value, options, readonly } = props;
     const showValue = useMemo(() => {
         if (!(options === null || options === void 0 ? void 0 : options.length))
             return '';
@@ -16,7 +16,7 @@ const DropdownReadView = memo(props => {
             .join(',');
         return result;
     }, [options, value]);
-    return (_jsx(_Fragment, { children: showValue ? _jsx(SimpleOverflowToolTip, { title: showValue, children: showValue }) : _jsx(EmptyField, {}) }));
+    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
 });
 DropdownReadView.displayName = 'DropdownReadView';
 export default DropdownReadView;

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

@@ -37,7 +37,7 @@ const transferItem = item => {
 };
 const EMPTY_ARRAY = [];
 const defaultValue = {};
-const BaseTableCell = ({ className, cellData, column, rowData, readComponents = defaultValue, editComponents = defaultValue, handleChange, }) => {
+const BaseTableCell = ({ className, cellData, column, rowData, readComponents = defaultValue, editComponents = defaultValue, handleChange, readonly, }) => {
     var _a, _b, _c;
     const [cellEntered, setCellEntered] = useState(false);
     const cls = `field-cell-layout field-layout ${className}`;
@@ -54,10 +54,10 @@ const BaseTableCell = ({ className, cellData, column, rowData, readComponents =
     }, [editComponents]);
     if (cellEntered && EditComponent) {
         const { property, data, objectId } = column;
-        return (_jsx("div", { className: cls, children: _jsx(EditTableCell, { Component: EditComponent, workspaceId: (_a = rowData.workspace) === null || _a === void 0 ? void 0 : _a.objectId, itemTypeId: (_b = rowData.itemType) === null || _b === void 0 ? void 0 : _b.objectId, property: property, data: data, id: rowData.objectId, readonly: rowData.readonly, objectId: objectId, text: cellData, handleChange: handleChange }) }));
+        return (_jsx("div", { className: cls, children: _jsx(EditTableCell, { Component: EditComponent, workspaceId: (_a = rowData.workspace) === null || _a === void 0 ? void 0 : _a.objectId, itemTypeId: (_b = rowData.itemType) === null || _b === void 0 ? void 0 : _b.objectId, property: property, data: data, id: rowData.objectId, readonly: readonly, objectId: objectId, text: cellData, handleChange: handleChange }) }));
     }
     if (ReadComponent) {
-        return (_jsx("div", { className: cls, onMouseOver: handleMouseOver, children: _jsx(ReadComponent, { value: cellData, ...column.property, userData: column.data, options: ((_c = column.data) === null || _c === void 0 ? void 0 : _c.customData) || EMPTY_ARRAY, itemValues: rowData }) }));
+        return (_jsx("div", { className: cls, onMouseOver: handleMouseOver, children: _jsx(ReadComponent, { readonly: readonly, value: cellData, ...column.property, userData: column.data, options: ((_c = column.data) === null || _c === void 0 ? void 0 : _c.customData) || EMPTY_ARRAY, itemValues: rowData }) }));
     }
     const text = transferItem(cellData !== null && cellData !== void 0 ? cellData : rowData[column.dataIndex]);
     return _jsx("div", { className: cls, children: text });

package/dist/lib/contexts/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Options as CacheOptions } from '@emotion/cache';
 import { IAntdConfigContext } from './antdConfig';
 import { ICurrentUserContext } from './currentUser';
 import { ICurrentWorkspaceContext } from './currentWorkspace';
@@ -9,5 +10,6 @@ import { ITenantContext } from './tenant';
 import { IWorkflowConfigContext } from './workflowConfig';
 export interface LibraryProviderProps extends React.PropsWithChildren, IAntdConfigContext, ITeamConfigContext, ITenantContext, IDatetimeFormatContext, ICurrentWorkspaceContext, IWorkflowConfigContext, IItemConfigContext, ICurrentUserContext {
     locale?: string;
+    emotionCacheOptions?: CacheOptions;
 }
 export declare const LibraryProvider: React.FC<LibraryProviderProps>;

package/dist/lib/contexts/index.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
+import createCache from '@emotion/cache';
+import { CacheProvider } from '@emotion/react';
 import { i18n } from '../i18n';
 import { AntdConfigProvider } from './antdConfig';
 import { CurrentUserProvider } from './currentUser';
@@ -9,9 +11,15 @@ import { ItemConfigProvider } from './itemConfig';
 import { TeamConfigProvider } from './teamConfig';
 import { TenantProvider } from './tenant';
 import { WorkflowConfigProvider } from './workflowConfig';
-export const LibraryProvider = ({ getPopupContainer, locale, tenant, datetimeFormat, teamBasePath, teamGateway, workspaceKey, workflow, item, currentUser, children, }) => {
+export const LibraryProvider = ({ getPopupContainer, locale, tenant, datetimeFormat, teamBasePath, teamGateway, workspaceKey, workflow, item, currentUser, emotionCacheOptions, children, }) => {
+    const emotionCache = useMemo(() => {
+        return createCache({
+            key: 'apps',
+            ...emotionCacheOptions,
+        });
+    }, [emotionCacheOptions]);
     useEffect(() => {
         i18n.setLocale(locale);
     }, [locale]);
-    return (_jsx(AntdConfigProvider, { getPopupContainer: getPopupContainer, children: _jsx(TeamConfigProvider, { teamBasePath: teamBasePath, teamGateway: teamGateway, children: _jsx(TenantProvider, { tenant: tenant, children: _jsx(CurrentWorkspaceProvider, { workspaceKey: workspaceKey, children: _jsx(DatetimeFormatProvider, { datetimeFormat: datetimeFormat, children: _jsx(CurrentUserProvider, { currentUser: currentUser, children: _jsx(WorkflowConfigProvider, { workflow: workflow, children: _jsx(ItemConfigProvider, { item: item, children: children }) }) }) }) }) }) }) }));
+    return (_jsx(CacheProvider, { value: emotionCache, children: _jsx(AntdConfigProvider, { getPopupContainer: getPopupContainer, children: _jsx(TeamConfigProvider, { teamBasePath: teamBasePath, teamGateway: teamGateway, children: _jsx(TenantProvider, { tenant: tenant, children: _jsx(CurrentWorkspaceProvider, { workspaceKey: workspaceKey, children: _jsx(DatetimeFormatProvider, { datetimeFormat: datetimeFormat, children: _jsx(CurrentUserProvider, { currentUser: currentUser, children: _jsx(WorkflowConfigProvider, { workflow: workflow, children: _jsx(ItemConfigProvider, { item: item, children: children }) }) }) }) }) }) }) }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.0.2-alpha.1",
+  "version": "1.0.2-alpha.3",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",