@giteeteam/apps-team-components 1.0.7 → 1.0.9

package/dist/components/fields/bind-workspace/ReadView.js

@@ -6,14 +6,12 @@ import EmptyField from '../../common/EmptyField';
 import { getTooltipMaxlineStyle, tooltipOverflowStyle } from '../../common/overflow-tooltip/style';
 import { useToWorkspacePage } from './hooks';
 import { pointerStyle } from './style';
-const defaultValue = [];
 const BindWorkspaceReadView = memo(props => {
     const { value } = props;
     const { t } = useI18n();
     const { toWorkspacePage } = useToWorkspacePage();
-    const [, name, key] = value || defaultValue;
     return (_jsx(ClassNames, { children: ({ cx, css }) => {
-            return name ? (_jsx("span", { className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(1)), css(pointerStyle)), title: t('pages.fields.default.toWorkspacePage'), onClick: () => toWorkspacePage(key), children: name })) : (_jsx(EmptyField, { readonly: true }));
+            return value ? (_jsx("span", { className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(1)), css(pointerStyle)), title: t('pages.fields.default.toWorkspacePage'), onClick: () => toWorkspacePage(value.key), children: value.name })) : (_jsx(EmptyField, { readonly: true }));
         } }));
 });
 BindWorkspaceReadView.displayName = 'BindWorkspaceReadView';

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

@@ -6,10 +6,14 @@ import { handleValue } from './BaseField';
 const DropdownReadView = memo(props => {
     const { value, options, readonly } = props;
     const showValue = useMemo(() => {
-        if (!(options === null || options === void 0 ? void 0 : options.length))
-            return '';
+        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)

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

@@ -1,18 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo, useCallback, useMemo } from 'react';
+import { CaretDownOutlined } from '@ant-design/icons';
 import { css } from '@emotion/react';
-import { HollowCircleIcon } from '../../../icons';
+import { DottedCircleIcon, HollowCircleIcon } from '../../../icons';
+import useAntdConfig from '../../../lib/hooks/useAntdConfig';
+import useI18n from '../../../lib/hooks/useI18n';
 import EmptyField from '../../common/EmptyField';
 import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { cellBoxStyle, colorIconStyle, emptyTextStyle } from './style';
-const PriorityReadView = memo(({ value, options, readonly }) => {
+import { cellBoxStyle, colorIconStyle, downIconStyle, emptyIconStyle, emptyStyle, emptyTextStyle } from './style';
+const PriorityReadView = memo(({ value, options, readonly, apply }) => {
+    const { t } = useI18n();
+    const { antPrefix } = useAntdConfig();
+    const isFromHeader = useMemo(() => apply === 'header', [apply]);
     const filterData = useCallback((list, id) => {
         return list === null || list === void 0 ? void 0 : list.filter(v => {
             return v.key === id;
         });
     }, []);
     const showData = useMemo(() => { var _a; return (_a = filterData(options, value)) === null || _a === void 0 ? void 0 : _a[0]; }, [filterData, options, value]);
-    return (_jsx(_Fragment, { children: showData ? (_jsxs("div", { css: css(cellBoxStyle), children: [_jsx(HollowCircleIcon, { css: css(colorIconStyle), style: { color: showData.color } }), _jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name })] })) : (_jsx("div", { css: css(emptyTextStyle), children: _jsx(EmptyField, { readonly: readonly }) })) }));
+    return (_jsx(_Fragment, { children: showData ? (_jsxs("div", { css: css(cellBoxStyle(antPrefix)), children: [_jsx(HollowCircleIcon, { css: css(colorIconStyle), style: { color: showData.color } }), _jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name }), isFromHeader && _jsx(CaretDownOutlined, { css: css(downIconStyle) })] })) : !isFromHeader ? (_jsx("div", { css: css(emptyTextStyle), children: _jsx(EmptyField, { readonly: readonly }) })) : (_jsxs("div", { css: css(emptyStyle), children: [_jsx(DottedCircleIcon, { css: css(emptyIconStyle) }), t('pages.fields.view.noPriority')] })) }));
 });
 PriorityReadView.displayName = 'PriorityReadView';
 export default PriorityReadView;

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

@@ -1,3 +1,6 @@
-export declare const cellBoxStyle = "\n  display: flex;\n  align-items: center;\n  line-height: unset;\n\n  .ant-dropdown-menu-title-content {\n    display: flex;\n    align-items: center;\n    max-width: 150px;\n\n    .anticon {\n      flex-shrink: 0;\n    }\n\n    & > span {\n      white-space: pre-line;\n    }\n  }\n";
+export declare const cellBoxStyle: (antPrefix: string) => string;
 export declare const emptyTextStyle = "\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n";
 export declare const colorIconStyle = "\n  margin-right: 5px;\n  font-size: 12px;\n";
+export declare const emptyStyle = "\n   color: #909aaa;\n";
+export declare const emptyIconStyle = "\n  margin-right: 5px;\n  font-size: 12px;\n";
+export declare const downIconStyle = "\n  margin-left: 2px;\n\n  svg {\n    vertical-align: inherit;\n  }\n";

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

@@ -1,9 +1,10 @@
-export const cellBoxStyle = `
+import { fieldLabelColor } from '../../../../style/common';
+export const cellBoxStyle = (antPrefix) => `
   display: flex;
   align-items: center;
   line-height: unset;
 
-  .ant-dropdown-menu-title-content {
+  .${antPrefix}-dropdown-menu-title-content {
     display: flex;
     align-items: center;
     max-width: 150px;
@@ -27,3 +28,17 @@ export const colorIconStyle = `
   margin-right: 5px;
   font-size: 12px;
 `;
+export const emptyStyle = `
+   color: ${fieldLabelColor};
+`;
+export const emptyIconStyle = `
+  margin-right: 5px;
+  font-size: 12px;
+`;
+export const downIconStyle = `
+  margin-left: 2px;
+
+  svg {
+    vertical-align: inherit;
+  }
+`;

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

@@ -110,6 +110,8 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
             transition: transitionText,
             itemId,
             name: itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.name,
+            reporter: itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.reporter,
+            securityLevel: itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.securityLevel,
             values: itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.values,
         };
         try {

package/dist/components/fields/workspace/ReadView.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-export interface WorkSpaceReadViewProps {
+/// <reference types="react" />
+export interface WorkspaceReadViewProps {
     value?: {
         name?: string;
+        key?: string;
     };
 }
-declare const WorkspaceReadView: React.FC<WorkSpaceReadViewProps>;
+declare const WorkspaceReadView: import("react").NamedExoticComponent<WorkspaceReadViewProps>;
 export default WorkspaceReadView;

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
+import { ClassNames } from '@emotion/react';
 import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { getTooltipMaxlineStyle, tooltipOverflowStyle } from '../../common/overflow-tooltip/style';
+import { useToWorkspacePage } from '../bind-workspace/hooks';
+import { pointerStyle } from '../bind-workspace/style';
 const WorkspaceReadView = memo(({ value }) => {
-    return (value === null || value === void 0 ? void 0 : value.name) ? (_jsx(BaseOverflowTooltip, { title: value === null || value === void 0 ? void 0 : value.name, children: value === null || value === void 0 ? void 0 : value.name })) : (_jsx(EmptyField, { readonly: true }));
+    const { name, key } = value || {};
+    const { toWorkspacePage } = useToWorkspacePage();
+    return (_jsx(ClassNames, { children: ({ cx, css }) => {
+            return name ? (_jsx("span", { className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(1)), css(pointerStyle)), title: name, onClick: () => toWorkspacePage(key), children: name })) : (_jsx(EmptyField, { readonly: true }));
+        } }));
 });
 WorkspaceReadView.displayName = 'WorkspaceReadView';
 export default WorkspaceReadView;

package/dist/icons/index.d.ts

@@ -5,3 +5,4 @@ export interface IconProps {
 }
 export declare const HollowCircleIcon: React.FC<IconProps>;
 export declare const WorkflowIcon: React.FC<IconProps>;
+export declare const DottedCircleIcon: React.FC<IconProps>;

package/dist/icons/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import AntdIcon from '@ant-design/icons';
+import DottedCircle from './svg/DottedCircle.svg';
 import HollowCircle from './svg/HollowCircle.svg';
 import Workflow from './svg/Workflow.svg';
 export const HollowCircleIcon = props => {
@@ -8,3 +9,6 @@ export const HollowCircleIcon = props => {
 export const WorkflowIcon = props => {
     return _jsx(AntdIcon, { ...props, style: { fontSize: 10, width: 10, marginLeft: 2 }, component: Workflow });
 };
+export const DottedCircleIcon = props => {
+    return _jsx(AntdIcon, { ...props, style: { fontSize: 10, width: 10, marginLeft: 2 }, component: DottedCircle });
+};

package/dist/icons/svg/DottedCircle.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg t="1702526505381" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  p-id="14633" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path
+    d="M681.919574 995.136018l-33.919979-96.63994a408.447745 408.447745 0 0 1-130.239919 23.039986l-6.911995 0.064h-4.159998l-1.279999 102.399936H511.99968c59.519963 0 116.735927-10.175994 169.919894-28.863982zM243.839848 821.632126l-67.071958 77.375952a511.74368 511.74368 0 0 0 153.151904 91.647943l36.479977-95.67994a409.343744 409.343744 0 0 1-122.559923-73.343955z m709.503556-49.919968l-88.191945-52.031968a412.159742 412.159742 0 0 1-92.927942 108.671932l65.15196 78.975951a514.559678 514.559678 0 0 0 115.967927-135.679915zM107.391933 576.00028l-101.183937 15.87199c9.471994 60.415962 29.439982 117.311927 58.111964 168.767895l89.471944-49.855969a406.079746 406.079746 0 0 1-46.399971-134.783916zM1023.99936 512.00032c0-29.439982-2.495998-58.239964-7.231995-86.207946l-100.927937 17.087989a412.991742 412.991742 0 0 1-0.896 143.359911l100.735937 18.303988c5.439997-30.015981 8.319995-60.927962 8.319995-92.543942zM74.175954 246.400486a508.799682 508.799682 0 0 0-64.63996 166.399896l100.543937 19.775988a406.399746 406.399746 0 0 1 51.583968-132.927917L74.239954 246.400486z m882.303448 11.327993a514.431678 514.431678 0 0 0-114.303928-137.087914l-66.111959 78.271951a412.031742 412.031742 0 0 1 91.583943 109.759931l88.831944-50.943968z m-607.99962-231.039856A510.975681 510.975681 0 0 0 191.99988 112.38457l63.99996 79.87195a408.575745 408.575745 0 0 1 125.247922-68.543957L348.543782 26.688623zM511.99968 0.00064v102.399936c48.63997 0 95.99994 8.447995 140.607912 24.767985l35.199978-96.19194A511.039681 511.039681 0 0 0 511.99968 0.00064z"
+    p-id="14634"></path>
+</svg>

package/dist/locales/index.d.ts

@@ -36,6 +36,7 @@ export declare const en: {
     'libs.default.tipText': string;
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
+    'pages.fields.view.noPriority': string;
 };
 export declare const zh: {
     'pages.users.default.delete': string;
@@ -75,6 +76,7 @@ export declare const zh: {
     'libs.default.tipText': string;
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
+    'pages.fields.view.noPriority': string;
 };
 export declare const ru: {
     'pages.users.default.delete': string;
@@ -114,4 +116,5 @@ export declare const ru: {
     'libs.default.tipText': string;
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
+    'pages.fields.view.noPriority': string;
 };

package/dist/locales/index.js

@@ -36,6 +36,7 @@ export const en = {
     'libs.default.tipText': 'This process allows only {{text}}, please contact support',
     'libs.default.flowTextTip.0': 'The issue field [{{field}}] should be [{{condition}}] specified field [{{target}}]',
     'libs.default.flowTextTip.1': 'The issue field [{{field}}] should be [{{condition}}]',
+    'pages.fields.view.noPriority': 'No priority',
 };
 export const zh = {
     'pages.users.default.delete': '(已删除)',
@@ -75,6 +76,7 @@ export const zh = {
     'libs.default.tipText': '此流程只有{{text}}可以进行操作，请联系相关人员处理',
     'libs.default.flowTextTip.0': '当前事项字段[{{field}}]应该[{{condition}}]指定条件值[{{target}}]',
     'libs.default.flowTextTip.1': '当前事项字段[{{field}}]应该[{{condition}}]',
+    'pages.fields.view.noPriority': '无优先级',
 };
 export const ru = {
     'pages.users.default.delete': '(удалено)',
@@ -114,4 +116,5 @@ export const ru = {
     'libs.default.tipText': 'В этом процессе можно использовать только "{{text}}". Пожалуйста, свяжитесь с администратором.',
     'libs.default.flowTextTip.0': `Поле задачи "{{field}}" должно при условии "{{condition}}" указывать значение условия "{{target}}"`,
     'libs.default.flowTextTip.1': `Поле задачи "{{field}}" должно при условии "{{condition}}"`,
+    'pages.fields.view.noPriority': 'Нет приоритета',
 };

package/package.json

@@ -1,18 +1,28 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "scripts": {
+    "prepare": "husky install",
     "build": "rm -rf dist && tsc && cp -r src/icons/svg dist/icons/svg",
     "publish:alpha": "pnpm prepublish && npm publish --tag alpha",
     "prepack": "pnpm build",
-    "prepublish": "pnpm build"
+    "prepublish": "pnpm build",
+    "lint": "eslint . --ext ts --ext tsx --ext js --ext json",
+    "pre-commit": "lint-staged",
+    "husky": "husky"
   },
   "files": [
     "dist"
   ],
+  "lint-staged": {
+    "*.@(js|ts|tsx|json)": [
+      "prettier --write",
+      "pnpm lint --fix --quiet"
+    ]
+  },
   "publishConfig": {
     "conventionalCommits": true,
     "access": "public",
@@ -27,12 +37,15 @@
     "@types/react-dom": "^18.2.14",
     "@typescript-eslint/eslint-plugin": "^6.4.1",
     "@typescript-eslint/parser": "^6.4.1",
+    "eslint": "^8.55.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.2.0",
     "prettier": "^3.0.3",
     "typescript": "^5.2.2"
   },