@giteeteam/apps-team-components 1.3.0-alpha.2 → 1.3.0

package/README.md

@@ -19,3 +19,6 @@ pnpm storybook
 
 # 1.2.x版本
 - team最低版本为4.21.0
+
+# 1.3.x版本
+- team最低版本为4.23.0

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

@@ -52,6 +52,7 @@ const Dropdown = props => {
     const valueRef = useRef([]);
     const containerRef = useRef(null);
     const targetRef = useRef(null);
+    const onBlurRef = useRef({ time: 0, e: null });
     const [isClicked, setClicked] = useState(false);
     const optionLoadedRef = useRef(false);
     const loadMoreRef = useRef(false);
@@ -430,6 +431,7 @@ const Dropdown = props => {
     const handleBlur = useCallback(e => {
         var _a;
         if (open) {
+            onBlurRef.current = { time: Date.now(), e: e };
             return;
         }
         if (!editMode) {
@@ -497,6 +499,15 @@ const Dropdown = props => {
             });
         }
     }, [isMultiple]);
+    useEffect(() => {
+        if (!open) {
+            const now = Date.now();
+            if (now > onBlurRef.current.time && now - onBlurRef.current.time < 200) {
+                handleBlur(onBlurRef.current.e);
+                onBlurRef.current.time = 0;
+            }
+        }
+    }, [handleBlur, open]);
     const dropdownRender = useCallback(({ cx, css }) => {
         return menu => {
             if (!isShowOnlyWorkspace)

package/dist/components/table-components/EditTableCell.d.ts

@@ -10,6 +10,7 @@ export interface EditTableCellMappingProps {
     text?: any;
     data?: any;
     dataSource?: string;
+    type?: string;
     Component: React.FC<any>;
     handleChange?: (value: any) => void;
 }

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

@@ -1,19 +1,38 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 import { omit } from 'lodash-es';
+import { FIELD_TYPE_KEY_MAPPINGS } from '../../lib/global.js';
 
-const EditTableCell = ({ overlayClsName, itemTypeId, workspaceId, readonly, id, objectId, property, text, Component, dataSource, handleChange, }) => {
-    const commonProps = {
-        overlayClsName,
-        itemTypeId,
-        workspaceId,
-        readonly: !!readonly,
-        itemId: id,
-        objectId,
-        value: text,
-        dataSource,
-        ...omit(property, 'defaultValue'),
-    };
+const EditTableCell = ({ overlayClsName, itemTypeId, workspaceId, readonly, id, objectId, property, text, Component, dataSource, data, type, handleChange, }) => {
+    const commonProps = useMemo(() => {
+        const commonProps = {
+            overlayClsName,
+            itemTypeId,
+            workspaceId,
+            readonly: !!readonly,
+            itemId: id,
+            objectId,
+            value: text,
+            dataSource,
+            ...omit(property, 'defaultValue'),
+        };
+        if ([
+            FIELD_TYPE_KEY_MAPPINGS.Dropdown,
+            FIELD_TYPE_KEY_MAPPINGS.Tree,
+            FIELD_TYPE_KEY_MAPPINGS.Checkbox,
+            FIELD_TYPE_KEY_MAPPINGS.Radio,
+            FIELD_TYPE_KEY_MAPPINGS.Priority,
+            FIELD_TYPE_KEY_MAPPINGS.UserGroup,
+        ].includes(type)) {
+            commonProps.options = (data === null || data === void 0 ? void 0 : data.customData) || [];
+        }
+        commonProps.userData = data || [];
+        if (type === FIELD_TYPE_KEY_MAPPINGS.LongText) {
+            commonProps.maxRows = 1;
+            commonProps.minRows = 1;
+        }
+        return commonProps;
+    }, [data, dataSource, id, itemTypeId, objectId, overlayClsName, property, readonly, text, type, workspaceId]);
     return jsx(Component, { ...commonProps, onChange: handleChange });
 };
 var EditTableCell$1 = memo(EditTableCell);

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

@@ -53,7 +53,7 @@ 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: readonly, objectId: objectId, text: cellData, handleChange: handleChange, dataSource: column.dataSource }) }));
+        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, type: column.componentType, handleChange: handleChange, dataSource: column.dataSource }) }));
     }
     if (ReadComponent) {
         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, objectId: column.objectId, dataSource: column.dataSource }) }));

package/package.json

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