@giteeteam/apps-team-components 1.2.2-alpha.3 → 1.2.2

package/README.md

@@ -1,28 +1,28 @@
-# @giteeteam/apps-team-components
-
-- gitee team components
-
-## 注意
-插件使用需要加上speedy:false，防止切换应用时css会丢失
-
-```jsx
-import { LibraryProvider } from "@giteeteam/apps-team-components";
-
-const Demo = ({children}) => {
-  return (
-    <LibraryProvider emotionCacheOptions={{ key: "appKey", speedy: false }}>
-      {children}
-    </LibraryProvider>
-  )
-}
-```
-
-## TODO
-- SimpleOverflowTooltip 统一为 BaseOverflowToolTip 导出
-- 去除 BaseOverflowToolTip 的 maxline
-
-# 1.1.x版本
-- team最低版本为4.16.0
-
-# 1.2.x版本
-- team最低版本为4.21.0
+# @giteeteam/apps-team-components
+
+- gitee team components
+
+## 注意
+插件使用需要加上speedy:false，防止切换应用时css会丢失
+
+```jsx
+import { LibraryProvider } from "@giteeteam/apps-team-components";
+
+const Demo = ({children}) => {
+  return (
+    <LibraryProvider emotionCacheOptions={{ key: "appKey", speedy: false }}>
+      {children}
+    </LibraryProvider>
+  )
+}
+```
+
+## TODO
+- SimpleOverflowTooltip 统一为 BaseOverflowToolTip 导出
+- 去除 BaseOverflowToolTip 的 maxline
+
+# 1.1.x版本
+- team最低版本为4.16.0
+
+# 1.2.x版本
+- team最低版本为4.21.0

package/dist/components/common/PriceTag.js

@@ -3,26 +3,26 @@ import { useMemo } from 'react';
 import { ClassNames } from '@emotion/react';
 import { i18n } from '../../lib/i18n';
 import SimpleOverflowToolTip from './overflow-tooltip/SimpleOverflowToolTip';
-export const containerStyle = `
-  display: inline-flex;
-  align-items: center;
-  max-width: 100%;
+export const containerStyle = `
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
 `;
-export const textStyle = `
-  flex: 1;
-  width: 0;
+export const textStyle = `
+  flex: 1;
+  width: 0;
 `;
-export const tagStyle = `
-  height: 18px;
-  padding: 0 4px;
-  margin-left: 8px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 18px;
-  color: #fff;
-  background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);
-  border-radius: 5px 0;
-  white-space: nowrap;
+export const tagStyle = `
+  height: 18px;
+  padding: 0 4px;
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 18px;
+  color: #fff;
+  background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);
+  border-radius: 5px 0;
+  white-space: nowrap;
 `;
 export const PriceTag = ({ text, className, edition, expired }) => {
     const isTagVisible = useMemo(() => {

package/dist/components/common/overflow-tooltip/style/index.js

@@ -1,18 +1,18 @@
-export const tooltipOverflowStyle = `
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  white-space: pre-line !important;
-  -webkit-box-orient: vertical;
+export const tooltipOverflowStyle = `
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: pre-line !important;
+  -webkit-box-orient: vertical;
 `;
-export const simpleTooltipStyle = `
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+export const simpleTooltipStyle = `
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 export const getTooltipMaxlineStyle = (n) => {
-    return `
-    -webkit-line-clamp: ${n};
+    return `
+    -webkit-line-clamp: ${n};
   `;
 };

package/dist/components/common/style/global.js

@@ -1,3 +1,3 @@
-export const fieldValueOverlayStyle = `
-  width: 100%;
+export const fieldValueOverlayStyle = `
+  width: 100%;
 `;

package/dist/components/common/user-field/style/index.js

@@ -1,25 +1,25 @@
 const avatarSize = '20px';
-export const avatarItemStyle = `
-  flex-shrink: 0;
+export const avatarItemStyle = `
+  flex-shrink: 0;
 `;
-export const avatarStyle = `
-  display: inline-block;
-  width: ${avatarSize};
-  height: ${avatarSize};
-  margin-right: 3px;
-  vertical-align: middle;
-  background: #fff center/contain no-repeat;
-  border-radius: 50%;
+export const avatarStyle = `
+  display: inline-block;
+  width: ${avatarSize};
+  height: ${avatarSize};
+  margin-right: 3px;
+  vertical-align: middle;
+  background: #fff center/contain no-repeat;
+  border-radius: 50%;
 `;
-export const defaultAvatarStyle = `
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: ${avatarSize};
-  height: ${avatarSize};
-  margin-right: 6px;
-  font-size: 12px;
-  color: #fff;
-  background: #5243aa;
-  border-radius: 50%;
+export const defaultAvatarStyle = `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: ${avatarSize};
+  height: ${avatarSize};
+  margin-right: 6px;
+  font-size: 12px;
+  color: #fff;
+  background: #5243aa;
+  border-radius: 50%;
 `;

package/dist/components/fields/bind-workspace/style/index.js

@@ -1,4 +1,4 @@
-export const pointerStyle = `
-  color: #0c62ff;
-  cursor: pointer;
+export const pointerStyle = `
+  color: #0c62ff;
+  cursor: pointer;
 `;

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/hyper-link/style/index.js

@@ -1,18 +1,18 @@
 import { blue6 } from '../../../../style/common';
-export const hyperLinkListStyle = `
-  display: flex;
-  width: 100%;
+export const hyperLinkListStyle = `
+  display: flex;
+  width: 100%;
 `;
-export const hyperLinkItemStyle = `
-  ${hyperLinkListStyle} & {
-    overflow: hidden;
-    color: @blue-6;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    -webkit-line-clamp: 1;
-  }
+export const hyperLinkItemStyle = `
+  ${hyperLinkListStyle} & {
+    overflow: hidden;
+    color: @blue-6;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    -webkit-line-clamp: 1;
+  }
 `;
-export const hyperLinkTipItem = `
-  display: block;
-  color: ${blue6};
+export const hyperLinkTipItem = `
+  display: block;
+  color: ${blue6};
 `;

package/dist/components/fields/long-text/style/index.js

@@ -1,6 +1,6 @@
-export const whiteSpacePreStyle = `
-  padding-top: 5px;
-  padding-bottom: 5px;
-  word-break: break-all;
-  white-space: pre-wrap;
+export const whiteSpacePreStyle = `
+  padding-top: 5px;
+  padding-bottom: 5px;
+  word-break: break-all;
+  white-space: pre-wrap;
 `;

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

@@ -1,58 +1,58 @@
 import { fieldLabelColor } from '../../../../style/common';
-export const cellBoxStyle = (antPrefix) => `
-  display: flex;
-  align-items: center;
-  line-height: unset;
-
-  .${antPrefix}-dropdown-menu-title-content {
-    display: flex;
-    align-items: center;
-    max-width: 150px;
-
-    .anticon {
-      flex-shrink: 0;
-    }
-
-    & > span {
-      white-space: pre-line;
-    }
-  }
+export const cellBoxStyle = (antPrefix) => `
+  display: flex;
+  align-items: center;
+  line-height: unset;
+
+  .${antPrefix}-dropdown-menu-title-content {
+    display: flex;
+    align-items: center;
+    max-width: 150px;
+
+    .anticon {
+      flex-shrink: 0;
+    }
+
+    & > span {
+      white-space: pre-line;
+    }
+  }
 `;
-export const headerCellStyle = `
-  max-width: 120px;
-  height: 24px;
-  padding: 0 8px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 24px;
-  color: #213053;
-  text-align: center;
-  background-color: #f5f6f8;
-  border-radius: 4px;
+export const headerCellStyle = `
+  max-width: 120px;
+  height: 24px;
+  padding: 0 8px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  color: #213053;
+  text-align: center;
+  background-color: #f5f6f8;
+  border-radius: 4px;
 `;
-export const emptyTextStyle = `
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 100%;
+export const emptyTextStyle = `
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
 `;
-export const colorIconStyle = `
-  margin-right: 5px;
-  font-size: 12px;
+export const colorIconStyle = `
+  margin-right: 5px;
+  font-size: 12px;
 `;
-export const emptyStyle = `
-   color: ${fieldLabelColor};
+export const emptyStyle = `
+   color: ${fieldLabelColor};
 `;
-export const emptyIconStyle = `
-  margin-right: 5px;
-  font-size: 12px!important;
-  width: 12px!important;
-  margin-left: 0!important;
+export const emptyIconStyle = `
+  margin-right: 5px;
+  font-size: 12px!important;
+  width: 12px!important;
+  margin-left: 0!important;
 `;
-export const downIconStyle = `
-  margin-left: 2px;
-
-  svg {
-    vertical-align: inherit;
-  }
+export const downIconStyle = `
+  margin-left: 2px;
+
+  svg {
+    vertical-align: inherit;
+  }
 `;

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

@@ -8,8 +8,8 @@ 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", { 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, _s, _t, _u, _v;
-                            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, conditionKey: (_s = task.parameters) === null || _s === void 0 ? void 0 : _s.conditionKey, fieldTypeConditionKey: (_t = task.parameters) === null || _t === void 0 ? void 0 : _t.fieldTypeConditionKey, userConditionKey: (_v = (_u = task.parameters) === null || _u === void 0 ? void 0 : _u.permissionType) === null || _v === void 0 ? void 0 : _v.conditionKey }, task.id));
+                            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: () => {
                         setPopoverVisible(false);
                     }, css: css(noPermissionStyle), children: i18n.t('pages.fields.view.noWorkflowOrAuth') })), _jsx(View, { workflowData: workflowData, hiddenPopover: () => setPopoverVisible(false), name: name, objectId: objectId })] })) }));

package/dist/components/fields/status/TransitionButton.d.ts

@@ -29,9 +29,6 @@ interface FlowButtonProps {
     };
     hiddenPopover?: () => void;
     readonly?: boolean;
-    conditionKey: string;
-    fieldTypeConditionKey: string;
-    userConditionKey: string;
     flowHandlerActive?: boolean;
 }
 declare const _default: React.NamedExoticComponent<FlowButtonProps>;

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

@@ -15,7 +15,7 @@ const CheckInStatus = {
     closed: 'closed',
     pending: 'pending',
 };
-const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds, workspaceRoleIds, authRoles, authUsers, authGroups, creatorAuth, authUserFields, authWorkSpaceRoles, scriptValidator, approval, checkIn, conditions = [], handleTransition, target, readonly, conditionKey, fieldTypeConditionKey, userConditionKey, flowHandlerActive, }) => {
+const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds, workspaceRoleIds, authRoles, authUsers, authGroups, creatorAuth, authUserFields, authWorkSpaceRoles, scriptValidator, approval, checkIn, conditions = [], handleTransition, target, readonly, flowHandlerActive, }) => {
     const [isCheck, setIsCheck] = useState(true);
     const [tip, setTip] = useState('');
     const checkApproval = useCallback(() => {
@@ -62,7 +62,6 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
             return;
         }
         const transition = {
-            conditionKey,
             parameters: {
                 fieldType: conditions,
                 permissionType: {
@@ -72,9 +71,7 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
                     workspaceRoles: authWorkSpaceRoles,
                     customFields: authUserFields,
                     creatorAuth,
-                    conditionKey: userConditionKey,
                 },
-                fieldTypeConditionKey,
             },
         };
         const checkResult = checkTransition(item, transition, { userId, roleIds, groupIds, workspaceRoleIds }, flowHandlerActive);
@@ -97,9 +94,6 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
         roleIds,
         groupIds,
         workspaceRoleIds,
-        conditionKey,
-        fieldTypeConditionKey,
-        userConditionKey,
         flowHandlerActive,
     ]);
     useEffect(() => {