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

package/README.md

@@ -23,3 +23,6 @@ const Demo = ({children}) => {
 
 # 1.1.x版本
 - team最低版本为4.16.0
+
+# 1.2.x版本
+- team最低版本为4.21.0

package/dist/components/fields/actors/BaseField.d.ts

@@ -1 +1,8 @@
-export declare const formatUserOption: (actorData: any) => any;
+import type { ObjectId, User as UserTyped } from '../../../lib/types/models';
+type UserOption = {
+    label: string;
+    value: ObjectId;
+    key: string;
+};
+export declare const formatUserOption: (actorData: UserTyped) => UserOption;
+export {};

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

@@ -1,5 +1,5 @@
 import { userOptionAdapter } from '../../../lib/users';
-export const formatUserOption = actorData => {
+export const formatUserOption = (actorData) => {
     const isUserData = !!(actorData === null || actorData === void 0 ? void 0 : actorData.username) && (actorData === null || actorData === void 0 ? void 0 : actorData.enabled);
     if (isUserData)
         return userOptionAdapter(actorData);

package/dist/components/fields/data-quote/ReadView.js

@@ -17,7 +17,8 @@ const DataQuoteReadView = ({ value, userData }) => {
         }
     }, [dataQuoteList, userData === null || userData === void 0 ? void 0 : userData.display, value, currentDeleteItem]);
     const cellDisplay = (dataList === null || dataList === void 0 ? void 0 : dataList.length) ? (dataList.map((item, index) => (_jsxs("span", { children: [item.label, " ", index === dataList.length - 1 ? '' : '、'] }, item.value)))) : (_jsx(EmptyField, { readonly: true }));
-    return (_jsx("div", { css: css(fieldValueOverlayStyle), children: _jsx(BaseOverflowTooltip, { maxline: 1, children: cellDisplay }) }));
+    const showValue = (dataList === null || dataList === void 0 ? void 0 : dataList.length) ? dataList.map(item => item.label).join('、') : '';
+    return (_jsx("div", { css: css(fieldValueOverlayStyle), children: _jsx(BaseOverflowTooltip, { title: showValue, maxline: 1, children: cellDisplay }) }));
 };
 DataQuoteReadView.displayName = 'DataQuoteReadView';
 export default DataQuoteReadView;

package/dist/components/fields/data-quote/utils.d.ts

@@ -1,3 +1,5 @@
 import { Item } from '../../../lib/types/models';
 import { selectValue as selectValueProps } from '../dropdown/BaseField';
+export declare const DATA_QUOTE_OPTION_FORMAT_REG: RegExp;
+export declare const dataQuoteOptionFormat: (data: Item, display?: string) => selectValueProps;
 export declare const dataQuoteInit: (dates: Item[], value: string[], display?: string) => selectValueProps[];

package/dist/components/fields/data-quote/utils.js

@@ -1,26 +1,30 @@
+export const DATA_QUOTE_OPTION_FORMAT_REG = /{(\S+?)}/g;
+export const dataQuoteOptionFormat = (data, display) => {
+    var _a, _b, _c;
+    if (!data)
+        return undefined;
+    const dataCopy = {
+        ...data,
+        status: (_a = data.status) === null || _a === void 0 ? void 0 : _a.name,
+        itemType: (_b = data.itemType) === null || _b === void 0 ? void 0 : _b.name,
+    };
+    return {
+        label: display
+            ? display.replace(DATA_QUOTE_OPTION_FORMAT_REG, function (itemKey) {
+                const key = itemKey.slice(1, itemKey.length - 1);
+                return dataCopy[key] || (data.values && data.values[key]) || '';
+            })
+            : data.name,
+        value: data.objectId,
+        name: data.name,
+        key: data.key,
+        itemType: data.itemType,
+        icon: (_c = data === null || data === void 0 ? void 0 : data.itemType) === null || _c === void 0 ? void 0 : _c.icon,
+        values: data.values,
+    };
+};
 export const dataQuoteInit = (dates, value, display) => {
-    const regex = /({\S+?})/g;
-    const existedDatas = dates === null || dates === void 0 ? void 0 : dates.filter(data => value === null || value === void 0 ? void 0 : value.includes(data.objectId));
-    const dataInit = existedDatas === null || existedDatas === void 0 ? void 0 : existedDatas.map(existedData => {
-        var _a, _b, _c;
-        const dataCopy = {
-            ...existedData,
-            status: (_a = existedData.status) === null || _a === void 0 ? void 0 : _a.name,
-            itemType: (_b = existedData.itemType) === null || _b === void 0 ? void 0 : _b.name,
-        };
-        const values = existedData.values || {};
-        return {
-            label: display
-                ? display.replace(regex, function (itemKey) {
-                    const key = itemKey.slice(1, itemKey.length - 1);
-                    return dataCopy[key] || values[key] || '';
-                })
-                : existedData.name,
-            value: existedData.objectId,
-            itemType: existedData.itemType,
-            icon: (_c = existedData === null || existedData === void 0 ? void 0 : existedData.itemType) === null || _c === void 0 ? void 0 : _c.icon,
-            values: existedData.values,
-        };
-    });
+    const existedDataList = dates === null || dates === void 0 ? void 0 : dates.filter(data => value === null || value === void 0 ? void 0 : value.includes(data.objectId));
+    const dataInit = existedDataList === null || existedDataList === void 0 ? void 0 : existedDataList.map(existedData => dataQuoteOptionFormat(existedData, display));
     return dataInit;
 };

package/dist/components/fields/dropdown/BaseField.d.ts

@@ -2,5 +2,6 @@
 export interface selectValue {
     label: React.ReactNode;
     value: string | number;
+    [key: string]: any;
 }
 export declare const handleValue: (value: selectValue | string | number) => string | number;

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

@@ -58,7 +58,22 @@ const DropdownReadView = memo(props => {
             return optionsMap[label] ? getFormattedLabel(optionsMap[label]) : label;
         }
     }, [mode, options, optionsMap, value]);
-    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
+    const showValueTitle = useMemo(() => {
+        var _a;
+        if (!(value === null || value === void 0 ? void 0 : value.length))
+            return '';
+        if ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.label) {
+            return value.map(item => item.label).join(',');
+        }
+        if (!(options === null || options === void 0 ? void 0 : options.length))
+            return '';
+        const result = value
+            .map(item => { var _a; return (item === null || item === void 0 ? void 0 : item.label) || ((_a = options.find(opt => opt.value === handleValue(item))) === null || _a === void 0 ? void 0 : _a.label); })
+            .filter(Boolean)
+            .join(',');
+        return result;
+    }, [options, value]);
+    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValueTitle, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
 });
 DropdownReadView.displayName = 'DropdownReadView';
 export default DropdownReadView;

package/dist/components/fields/status/SelectFlowHandler.js

@@ -7,7 +7,7 @@ import { ArrowBackIcon, DoneIcon, SearchIcon } from '../../../icons';
 import { WorkFlowStatusColor } from '../../../lib/global';
 import { i18n } from '../../../lib/i18n';
 import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { FlowHandlerHeader, FlowHandlerSearchWrapper, FlowHandlerSelectContent, FlowHandlerSelectItem, FlowHandlerSelectMessage, FlowHandlerSubmitWrapper, FlowHandlerWrapper, flowStateStyle, iconStyle, overflowStyle, overflowStyleText, stateBoxStyle, tooltipStyle, } from './style';
+import { FlowHandlerHeader, FlowHandlerSearchWrapper, FlowHandlerSelectContent, FlowHandlerSelectItem, FlowHandlerSelectMessage, FlowHandlerSubmitWrapper, FlowHandlerWrapper, flowStateStyle, headerFlowStyle, headerStateStyle, iconStyle, overflowStyle, overflowStyleText, stateBoxStyle, tooltipStyle, } from './style';
 const SelectFlowHandler = ({ itemId, task, onBack, users, loading, loadingUser, fetchUsers, handleTransition, }) => {
     var _a, _b, _c;
     const [selectedUsers, setSelectedUsers] = React.useState([]);
@@ -65,11 +65,11 @@ const SelectFlowHandler = ({ itemId, task, onBack, users, loading, loadingUser,
     ]);
     const OverflowText = () => {
         var _a, _b;
-        return (_jsxs("div", { css: css(overflowStyle), children: [_jsx(BaseOverflowTooltip, { css: css(tooltipStyle, overflowStyleText), title: task.name, children: task.name }), _jsx("span", { css: css(iconStyle), children: " \u2192 " }), _jsx("div", { css: css(stateBoxStyle), children: _jsx(BaseOverflowTooltip, { css: css(flowStateStyle, overflowStyleText), style: {
-                            backgroundColor: (_a = WorkFlowStatusColor[task.target.type]) === null || _a === void 0 ? void 0 : _a.bgColor,
-                            color: (_b = WorkFlowStatusColor[task.target.type]) === null || _b === void 0 ? void 0 : _b.color,
-                        }, title: task.target.name, children: task.target.name }) })] }));
+        return (_jsxs("div", { css: css(overflowStyle), children: [_jsx(BaseOverflowTooltip, { css: css(tooltipStyle, overflowStyleText, headerFlowStyle), title: task.name, children: task.name }), _jsx("span", { css: css(iconStyle), children: " \u2192 " }), _jsx("div", { css: css(stateBoxStyle), children: _jsx("span", { css: css(overflowStyleText, headerStateStyle), children: _jsx(BaseOverflowTooltip, { css: css(flowStateStyle, overflowStyleText), style: {
+                                backgroundColor: (_a = WorkFlowStatusColor[task.target.type]) === null || _a === void 0 ? void 0 : _a.bgColor,
+                                color: (_b = WorkFlowStatusColor[task.target.type]) === null || _b === void 0 ? void 0 : _b.color,
+                            }, title: task.target.name, children: task.target.name }) }) })] }));
     };
-    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs("div", { className: cx(css(FlowHandlerWrapper)), children: [_jsxs("header", { className: cx(css(FlowHandlerHeader)), children: [_jsx("span", { className: "back-wrapper", onClick: () => onBack === null || onBack === void 0 ? void 0 : onBack(), children: _jsx(ArrowBackIcon, { className: "icon-back" }) }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.title') })] }), task && _jsx(OverflowText, {}), _jsxs("div", { className: cx(css(FlowHandlerSearchWrapper)), children: [_jsx(SearchIcon, { className: "icon-search" }), _jsx(Input, { className: "search-input", placeholder: i18n.t('pages.workflow.flowHandler.search'), onChange: e => onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value), allowClear: true })] }), _jsxs("div", { className: cx(css(FlowHandlerSelectMessage)), children: [_jsx("span", { onClick: selectAll, children: i18n.t('pages.workflow.flowHandler.selectAll') }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.count', { count: selectedUserIds.length }) }), _jsx("span", { onClick: clearSelect, children: i18n.t('pages.workflow.flowHandler.clear') })] }), _jsx("div", { className: cx(css(FlowHandlerSelectContent)), children: _jsx(Spin, { spinning: loadingUser, className: "loading", children: users.map(user => (_jsxs("div", { className: cx(css(FlowHandlerSelectItem), { active: selectedUserIds.includes(user.objectId) }), onClick: () => selectUser(user), children: [user.username, " ", user.nickname ? `(${user.nickname})` : '', _jsx("span", { children: selectedUserIds.includes(user.objectId) && _jsx(DoneIcon, { className: "icon-done" }) })] }, user.objectId))) }) }), _jsx("div", { className: cx(css(FlowHandlerSubmitWrapper)), children: _jsx(Button, { type: "primary", onClick: onSubmit, loading: loading, children: i18n.t('pages.workflow.flowHandler.submit') }) })] })) }));
+    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs("div", { className: cx(css(FlowHandlerWrapper)), children: [_jsxs("header", { className: cx(css(FlowHandlerHeader)), children: [_jsx("span", { className: "back-wrapper", onClick: () => onBack === null || onBack === void 0 ? void 0 : onBack(), children: _jsx(ArrowBackIcon, { className: "icon-back" }) }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.title') })] }), task && _jsx(OverflowText, {}), _jsxs("div", { className: cx(css(FlowHandlerSearchWrapper)), children: [_jsx(SearchIcon, { className: "icon-search" }), _jsx(Input, { className: "search-input", placeholder: i18n.t('pages.workflow.flowHandler.search'), onChange: e => onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value), allowClear: true })] }), _jsxs("div", { className: cx(css(FlowHandlerSelectMessage)), children: [_jsx("span", { onClick: selectAll, children: i18n.t('pages.workflow.flowHandler.selectAll') }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.count', { count: selectedUserIds.length }) }), _jsx("span", { onClick: clearSelect, children: i18n.t('pages.workflow.flowHandler.clear') })] }), _jsx("div", { className: cx(css(FlowHandlerSelectContent)), children: _jsx(Spin, { spinning: loadingUser, className: "loading", children: users.map(user => (_jsxs("div", { className: cx(css(FlowHandlerSelectItem), { active: selectedUserIds.includes(user.objectId) }), onClick: () => selectUser(user), children: [user.username, " ", user.nickname ? `(${user.nickname})` : '', _jsx("span", { children: selectedUserIds.includes(user.objectId) && _jsx(DoneIcon, { className: "icon-done" }) })] }, user.objectId))) }) }), _jsx("div", { className: cx(css(FlowHandlerSubmitWrapper)), children: _jsx(Button, { type: "primary", onClick: onSubmit, loading: loading, disabled: !selectedUserIds.length, children: i18n.t('pages.workflow.flowHandler.submit') }) })] })) }));
 };
 export default memo(SelectFlowHandler);

package/dist/components/fields/status/SelectTransition.js

@@ -3,11 +3,11 @@ import { memo } from 'react';
 import { ClassNames } from '@emotion/react';
 import { Spin } from 'antd';
 import { i18n } from '../../../lib/i18n';
-import { flowNextStyle, noPermissionStyle, spinStyle } from './style';
+import { flowNextStyle, flowWrapperStyle, noPermissionStyle, spinStyle } from './style';
 import TransitionButton from './TransitionButton';
 import View from './View';
 const SelectTransition = ({ fetching, flowing, tasks, itemId, itemData, currentUser, workspace, setPopoverVisible, name, objectId, workflowData, roleIds, groupIds, workspaceRoleIds, approval, checkIn, handleTransition, readonly, flowHandlerActive, }) => {
-    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs(_Fragment, { children: [fetching ? (_jsx(Spin, { css: css(spinStyle) })) : tasks.length ? (_jsx("div", { className: cx(css(flowNextStyle), `flow-next-global`), children: _jsx("div", { children: tasks.map(task => {
+    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs(_Fragment, { children: [fetching ? (_jsx(Spin, { css: css(spinStyle) })) : tasks.length ? (_jsx("div", { className: cx(css(flowNextStyle), `flow-next-global`), children: _jsx("div", { className: cx(css(flowWrapperStyle)), children: tasks.map(task => {
                             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
                             return (_jsx(TransitionButton, { itemId: itemId, loading: flowing, text: task.name, item: itemData, workspace: workspace, userId: currentUser.id, groupIds: groupIds, roleIds: roleIds, workspaceRoleIds: workspaceRoleIds, currentTaskId: task.id, authUsers: (_b = (_a = task.parameters) === null || _a === void 0 ? void 0 : _a.permissionType) === null || _b === void 0 ? void 0 : _b.users, authRoles: (_d = (_c = task.parameters) === null || _c === void 0 ? void 0 : _c.permissionType) === null || _d === void 0 ? void 0 : _d.roles, authGroups: (_f = (_e = task.parameters) === null || _e === void 0 ? void 0 : _e.permissionType) === null || _f === void 0 ? void 0 : _f.groups, authUserFields: (_h = (_g = task.parameters) === null || _g === void 0 ? void 0 : _g.permissionType) === null || _h === void 0 ? void 0 : _h.customFields, authWorkSpaceRoles: (_k = (_j = task.parameters) === null || _j === void 0 ? void 0 : _j.permissionType) === null || _k === void 0 ? void 0 : _k.workspaceRoles, creatorAuth: (_m = (_l = task.parameters) === null || _l === void 0 ? void 0 : _l.permissionType) === null || _m === void 0 ? void 0 : _m.creatorAuth, scriptValidator: (_o = task.parameters) === null || _o === void 0 ? void 0 : _o.scriptValidator, conditions: (_p = task.parameters) === null || _p === void 0 ? void 0 : _p.fieldType, screenId: (_r = (_q = task.parameters) === null || _q === void 0 ? void 0 : _q.screen) === null || _r === void 0 ? void 0 : _r.key, target: task.target, approval: approval, checkIn: checkIn, handleTransition: handleTransition, hiddenPopover: () => setPopoverVisible(false), readonly: readonly, flowHandlerActive: flowHandlerActive }, task.id));
                         }) }) })) : (_jsx("span", { onClick: () => {

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

@@ -2,13 +2,14 @@ export declare const readViewWrapper = "\n  display: -webkit-box;\n  align-items
 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  margin: -12px;\n";
+export declare const flowWrapperStyle = "\n  padding: 4px 0;\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  &.status-btn: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: -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 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  width: auto;\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: 98px;\n";
 export declare const iconStyle = "\n  padding: 0 6px;\n  color: #848C9F;\n";
@@ -19,12 +20,14 @@ export declare const pointerStyle = "\n  cursor: pointer;\n";
 export declare const spinStyle = "\n  width: 150px;\n  height: 50px;\n";
 export declare const noPermissionStyle = "\n  display: block;\n  width: 120px;\n  padding: 20px 10px 10px;\n  font-size: 12px;\n  color: #2e405e;\n";
 export declare const overflowStyle = "\n  display: flex;\n  margin-top: 4px;\n";
-export declare const overflowStyleText = "\n  flex: 1;\n";
+export declare const overflowStyleText = "\n  font-size: 13px;\n  line-height: 24px;\n  color: #848C9F;\n  flex: 1;\n";
+export declare const headerFlowStyle = "\n  text-align: right;\n";
+export declare const headerStateStyle = "\n  & > span {\n    display: inline-block !important;\n  }\n";
 export declare const FlowHandlerWrapper = "\n  width: 216px;\n";
-export declare const FlowHandlerHeader = "\n  position: relative;\n  font-size: 14px;\n  text-align: center;\n  line-height: 22px;\n  .back-wrapper {\n    position: absolute;\n    left: 0;\n    top: 0;\n    cursor: pointer;\n  }\n  .icon-back {\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n";
-export declare const FlowHandlerSearchWrapper = "\n  margin: 0 -12px;\n  margin-top: 6px;\n  padding: 5px 10px;\n  border-top: 1px solid #f1f2f4;\n  border-bottom: 1px solid #f1f2f4;\n\n  .icon-search {\n    position: relative;\n    top: 2px;\n    color: #b5bac5;\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n  .search-input {\n    padding-left: 6px;\n    border: none;\n    width: 196px;\n    outline: none;\n    fill: none;\n    box-shadow: none !important;\n  }\n";
+export declare const FlowHandlerHeader = "\n  position: relative;\n  font-size: 14px;\n  text-align: center;\n  line-height: 22px;\n  margin-top: -6px;\n  .back-wrapper {\n    position: absolute;\n    left: 0;\n    top: 0;\n    cursor: pointer;\n  }\n  .icon-back {\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n";
+export declare const FlowHandlerSearchWrapper = "\n  margin: 0 -12px;\n  padding: 5px 10px;\n  border-top: 1px solid #f1f2f4;\n  border-bottom: 1px solid #f1f2f4;\n\n  .icon-search {\n    position: relative;\n    top: 2px;\n    color: #b5bac5;\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n  .search-input {\n    padding-left: 6px;\n    border: none;\n    width: 196px;\n    outline: none;\n    fill: none;\n    box-shadow: none !important;\n  }\n";
 export declare const FlowHandlerSelectWrapper = "\n  margin: 0 -12px;\n  padding: 9px 10px;\n  .icon-arrow-down {\n    position: relative;\n    top: 2px; \n    color: #b5bac5;\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n  .select-input {\n    border: none;\n    display: inline-block;\n    width: 196px;\n    outline: none;\n    fill: none;\n    box-shadow: none;\n    &:focus {\n      box-shadow: none;\n    }\n  }\n  .select-input::placeholder {\n    color: #b5bac5;\n  }\n  }\n";
 export declare const FlowHandlerSelectMessage = "\n  margin: 0 -12px;\n  padding: 6px 12px;\n  display: flex;\n  font-size: 12px;\n  color: #091940;\n  border-bottom: 1px solid #f1f2f4;\n\n  span:nth-child(1) {\n    position: relative;\n    color: #0C62FF;\n    cursor: pointer;\n    &:hover {\n      color: #091940;\n    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      height: 14px;\n      top: 2px;\n      right: -10px;\n      border-right: 1px solid #f1f2f4;\n    }\n  }\n  span:nth-child(2) {\n    padding-left: 18px;\n    flex: 1;\n    \n  }\n  span:nth-child(3) {\n    color: #0c62ff;\n    cursor: pointer;\n    &:hover {\n      color: #091940;\n    }\n  }\n";
 export declare const FlowHandlerSelectContent = "\n  min-height: 200px;\n  max-height: 200px;\n  overflow-y: auto;\n  margin: 0 -12px;\n  .loading {\n    height: 200px !important;\n  }\n";
 export declare const FlowHandlerSelectItem = "\n  position: relative;\n  margin: 0 4px;\n  padding: 5px 12px;\n  font-size: 14px;\n  color: #091940;\n  cursor: pointer;\n  border-radius: 4px;\n\n  .icon-done {\n    position: absolute;\n    top: 10px;\n    right: 14px;\n    width: 12px;\n    height: 12px;\n    color: #0C62FF;\n    scale: 1.2;\n  }\n\n  &:hover {\n    background-color: #f1f2f4;\n  }\n\n  &.active {\n    background-color: #E6F3FF;\n    font-weight: 600;\n  }\n";
-export declare const FlowHandlerSubmitWrapper = "\n  border-top: 1px solid #f1f2f4;\n  padding: 6px 0;\n  margin-bottom: -12px;\n  text-align: right;\n";
+export declare const FlowHandlerSubmitWrapper = "\n  border-top: 1px solid #f1f2f4;\n  padding: 6px 6px 6px 0;\n  margin: 0 -12px -12px -12px;\n  text-align: right;\n";

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

@@ -35,6 +35,9 @@ export const flowNextStyle = `
   overflow: auto;
   margin: -12px;
 `;
+export const flowWrapperStyle = `
+  padding: 4px 0;
+`;
 export const flowStateStyle = `
   min-width: ${statusCellMinWidth};
   height: 24px;
@@ -97,6 +100,7 @@ export const statusViewGlobalStyle = `
   font-size: 12px;
   cursor: pointer;
   border-top: 1px solid #ddd;
+  width: auto;
 }
 
 .field-layout.status-view .status-view-watch {
@@ -157,8 +161,19 @@ export const overflowStyle = `
   margin-top: 4px;
 `;
 export const overflowStyleText = `
+  font-size: 13px;
+  line-height: 24px;
+  color: ${gray7};
   flex: 1;
 `;
+export const headerFlowStyle = `
+  text-align: right;
+`;
+export const headerStateStyle = `
+  & > span {
+    display: inline-block !important;
+  }
+`;
 export const FlowHandlerWrapper = `
   width: 216px;
 `;
@@ -167,6 +182,7 @@ export const FlowHandlerHeader = `
   font-size: 14px;
   text-align: center;
   line-height: 22px;
+  margin-top: -6px;
   .back-wrapper {
     position: absolute;
     left: 0;
@@ -180,7 +196,6 @@ export const FlowHandlerHeader = `
 `;
 export const FlowHandlerSearchWrapper = `
   margin: 0 -12px;
-  margin-top: 6px;
   padding: 5px 10px;
   border-top: 1px solid #f1f2f4;
   border-bottom: 1px solid #f1f2f4;
@@ -304,7 +319,7 @@ export const FlowHandlerSelectItem = `
 `;
 export const FlowHandlerSubmitWrapper = `
   border-top: 1px solid #f1f2f4;
-  padding: 6px 0;
-  margin-bottom: -12px;
+  padding: 6px 6px 6px 0;
+  margin: 0 -12px -12px -12px;
   text-align: right;
 `;

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

@@ -14,7 +14,7 @@ const UserReadView = memo(({ value, readonly }) => {
         })) || EMPTY_ARRAY);
     }, [value]);
     const tooltipValues = useMemo(() => {
-        return value === null || value === void 0 ? void 0 : value.map((val) => {
+        return value === null || value === void 0 ? void 0 : value.map(val => {
             const item = userDataFormat(val);
             return generateUserDisplayName(item);
         });
@@ -22,7 +22,7 @@ const UserReadView = memo(({ value, readonly }) => {
     if (!displayValues.length) {
         return _jsx(EmptyField, { readonly: readonly, isUser: true });
     }
-    return _jsx(BaseOverflowTooltip, { title: tooltipValues.join(','), maxline: 1, children: displayValues });
+    return (_jsx(BaseOverflowTooltip, { title: tooltipValues.join(','), maxline: 1, children: displayValues }));
 });
 UserReadView.displayName = 'UserReadView';
 export default UserReadView;

package/dist/lib/array.d.ts

@@ -6,5 +6,5 @@ export declare const arrayDiff: (origin: Array<any>, target: Array<any>) => IDif
 export declare const serializationArrayByKey: (list: any[], keyPath: string) => Record<string, any> | null;
 export declare const createHash: () => number;
 export declare function parseArray(str: string): string[];
-export declare const getArrayValue: (value: any) => any[];
+export declare const getArrayValue: <T = any>(value: T) => T;
 export {};

package/dist/lib/hooks/useI18n.d.ts

@@ -1,4 +1,3 @@
-declare const useI18n: () => {
-    t: (key: string, opts?: Record<string, any>) => string;
-};
+import { i18n } from '../i18n';
+declare const useI18n: () => Pick<typeof i18n, 't'>;
 export default useI18n;

package/package.json

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