@giteeteam/apps-team-components 0.3.13 → 1.0.0

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { cx } from '@emotion/css';
+import { isEmpty } from 'lodash-es';
+import EmptyField from '../common/EmptyField';
+import EditTableCell from './EditTableCell';
+import { injectFieldCellGlobalStyle } from './style';
+const reduceObjArr = ({ arr, keys }) => {
+    return arr.reduce((accumulatorStr, nextObj) => {
+        const nextValue = keys.length > 1 ? `${nextObj[keys[0]]}(${nextObj[keys[1]]})` : nextObj[keys[0]];
+        if (!accumulatorStr)
+            return nextValue;
+        return accumulatorStr + ',' + nextValue;
+    }, undefined);
+};
+const transferItem = item => {
+    var _a, _b, _c;
+    if (typeof item === 'string' || typeof item === 'number') {
+        return item;
+    }
+    else if (Array.isArray(item)) {
+        if (typeof item[0] === 'string') {
+            return item.join(',');
+        }
+        else if ((_a = item[0]) === null || _a === void 0 ? void 0 : _a.label) {
+            return reduceObjArr({ arr: item, keys: ['label'] });
+        }
+        else if ((_b = item[0]) === null || _b === void 0 ? void 0 : _b.name) {
+            return reduceObjArr({ arr: item, keys: ['name'] });
+        }
+        else if ((_c = item[0]) === null || _c === void 0 ? void 0 : _c.value) {
+            return reduceObjArr({ arr: item, keys: ['value'] });
+        }
+        return _jsx(EmptyField, { readonly: true });
+    }
+    return _jsx(EmptyField, { readonly: true });
+};
+const EMPTY_ARRAY = [];
+const defaultValue = {};
+export const TableCell = ({ className, cellData, column, rowData, readComponents = defaultValue, editComponents = defaultValue, handleChange, }) => {
+    var _a, _b, _c;
+    const [cellEntered, setCellEntered] = useState(false);
+    const cls = cx('field-cell-layout', 'field-layout', className);
+    const timeoutCurrent = useRef();
+    const ReadComponent = readComponents[column.cellType] || readComponents[column.componentType];
+    const EditComponent = readComponents[column.cellType] || readComponents[column.componentType];
+    const handleMouseOver = useCallback(() => {
+        if (!isEmpty(editComponents)) {
+            timeoutCurrent.current = setTimeout(() => {
+                clearTimeout(timeoutCurrent.current);
+                setCellEntered(true);
+            }, 50);
+        }
+    }, [editComponents]);
+    useEffect(() => {
+        injectFieldCellGlobalStyle();
+    }, []);
+    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 }) }));
+    }
+    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 }) }));
+    }
+    const text = transferItem(cellData !== null && cellData !== void 0 ? cellData : rowData[column.dataIndex]);
+    return _jsx("div", { className: cls, children: text });
+};

package/dist/components/table-components/style/index.d.ts

@@ -0,0 +1 @@
+export declare const injectFieldCellGlobalStyle: () => void;

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

@@ -0,0 +1,9 @@
+import { injectGlobal } from '@emotion/css';
+export const injectFieldCellGlobalStyle = () => {
+    injectGlobal `
+    .field-cell-layout {
+      align-items: center;
+      width: 100%;
+    }
+  `;
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const getStandardReadComponents: () => Record<string, React.FC>;
+export declare const getAllReadComponents: () => Record<string, React.FC>;
+export declare const getStandardEditComponents: () => Record<string, React.FC>;

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

@@ -0,0 +1,88 @@
+import { FIELD_TYPE_KEY_MAPPINGS } from '../../lib/global';
+import ActorsReadView from '../fields/actors/ReadView';
+import AssigneeReadView from '../fields/assignee/ReadView';
+import BindWorkspaceReadView from '../fields/bind-workspace/ReadView';
+import CheckboxReadView from '../fields/checkbox/ReadView';
+import CreatedAtReadView from '../fields/created-at/ReadView';
+import CreatedByReadView from '../fields/created-by/ReadView';
+import DataQuoteReadView from '../fields/data-quote/ReadView';
+import DateReadView from '../fields/date/ReadView';
+import DropdownReadView from '../fields/dropdown/ReadView';
+import FileReadView from '../fields/file/ReadView';
+import FormulaReadView from '../fields/formula/ReadView';
+import HyperLinkReadView from '../fields/hyper-link/ReadView';
+import ItemGroupReadView from '../fields/item-group/ReadView';
+import ItemTypeReadView from '../fields/item-type/ReadView';
+import KeyReadView from '../fields/key/ReadView';
+import LongTextReadView from '../fields/long-text/ReadView';
+import NumberReadView from '../fields/number/ReadView';
+import PriorityReadView from '../fields/priority/ReadView';
+import RadioReadView from '../fields/radio/ReadView';
+import ReporterReadView from '../fields/reporter/ReadView';
+import ScriptReadView from '../fields/script/ReadView';
+import SprintReadView from '../fields/sprint/ReadView';
+import StatusCell from '../fields/status/Cell';
+import StatusReadView from '../fields/status/ReadView';
+import StoryPointReadView from '../fields/story-point/ReadView';
+import TagReadView from '../fields/tag/ReadView';
+import TeamReadView from '../fields/team/ReadView';
+import TextReadView from '../fields/text/ReadView';
+import TreeReadView from '../fields/tree/ReadView';
+import UpdatedAtReadView from '../fields/updated-at/ReadView';
+import UpdatedByReadView from '../fields/updated-by/ReadView';
+import UserReadView from '../fields/user/ReadView';
+import UserGroupReadView from '../fields/user-group/ReadView';
+import VersionReadView from '../fields/version/ReadView';
+import WorkspaceReadView from '../fields/workspace/ReadView';
+export const getStandardReadComponents = () => {
+    const standardReadComponents = {
+        [FIELD_TYPE_KEY_MAPPINGS.Assignee]: AssigneeReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.BindWorkspace]: BindWorkspaceReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Checkbox]: CheckboxReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.CreatedAt]: CreatedAtReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.CreatedBy]: CreatedByReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.CustomVersion]: VersionReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Date]: DateReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Dropdown]: DropdownReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Formula]: FormulaReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.ItemGroup]: ItemGroupReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.ItemType]: ItemTypeReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.ItemHandler]: ActorsReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Key]: KeyReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Number]: NumberReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Priority]: PriorityReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Radio]: RadioReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Sprint]: SprintReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Status]: StatusReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.StoryPoint]: StoryPointReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Tag]: TagReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Team]: TeamReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Text]: TextReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.UpdatedAt]: UpdatedAtReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.UpdatedBy]: UpdatedByReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.User]: UserReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.UserGroup]: UserGroupReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Version]: VersionReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Workspace]: WorkspaceReadView,
+    };
+    return standardReadComponents;
+};
+export const getAllReadComponents = () => {
+    const standardReadComponents = getStandardReadComponents();
+    const allReadComponents = {
+        ...standardReadComponents,
+        [FIELD_TYPE_KEY_MAPPINGS.DataQuote]: DataQuoteReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.File]: FileReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.HyperLink]: HyperLinkReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.LongText]: LongTextReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Script]: ScriptReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Tree]: TreeReadView,
+        [FIELD_TYPE_KEY_MAPPINGS.Reporter]: ReporterReadView,
+    };
+    return allReadComponents;
+};
+export const getStandardEditComponents = () => {
+    return {
+        [FIELD_TYPE_KEY_MAPPINGS.Status]: StatusCell,
+    };
+};

package/dist/icons/index.d.ts

@@ -1,48 +1,7 @@
-import Icon from '@ant-design/icons';
-export { default as AddIcon } from './Add.svg';
-export { default as AddChart } from './AddChart.svg';
-export { default as AddCircleIcon } from './AddCircle.svg';
-export { default as AddWithBackground } from './AddWithBackground.svg';
-export { default as AllItemBoardIcon } from './AllItemBoard.svg';
-export { default as BackIcon } from './Back.svg';
-export { default as BackHoverIcon } from './BackHover.svg';
-export { default as BoardIcon } from './Board.svg';
-export { default as ChartGroupDel } from './ChartGroupDel.svg';
-export { default as ChartGroupEdit } from './ChartGroupEdit.svg';
-export { default as CloseIcon } from './Close.svg';
-export { default as CloseOutlined } from './CloseOutlined.svg';
-export { default as ConstructionIcon } from './Construction.svg';
-export { default as DottedCircleIcon } from './DottedCircle.svg';
-export { default as DownIcon } from './Down.svg';
-export { default as DownArrow } from './DownArrow.svg';
-export { default as DragHandlerIcon } from './DragHandler.svg';
-export { default as EmptyData } from './EmptyData.svg';
-export { default as ExpandIcon } from './Expand.svg';
-export { default as FilterIcon } from './Filter.svg';
-export { default as FontFamily } from './FontFamily.svg';
-export { default as FormEditIcon } from './FormEdit.svg';
-export { default as GanttIcon } from './Gantt.svg';
-export { default as HollowCircle } from './HollowCircle.svg';
-export { default as KanbanIcon } from './Kanban.svg';
-export { default as LinkIcon } from './Link.svg';
-export { default as ListIcon } from './List.svg';
-export { default as LockIcon } from './Lock.svg';
-export { default as MoreIcon } from './More.svg';
-export { default as ReturnIcon } from './Return.svg';
-export { default as SaveIcon } from './Save.svg';
-export { default as AutomationIcon } from './settings/Automation.svg';
-export { default as ItemTypeIcon } from './settings/ItemType.svg';
-export { default as PluginsIcon } from './settings/Plugins.svg';
-export { default as WorkflowIcon } from './settings/Workflow.svg';
-export { default as WorkspaceTemplateIcon } from './settings/WorkspaceTemplate.svg';
-export { default as StatisticIcon } from './Statistic.svg';
-export { default as StructureIcon } from './Structure.svg';
-export { default as SystemIcon } from './System.svg';
-export { default as ToggleLeftIcon } from './ToggleLeft.svg';
-export { default as ToggleRightIcon } from './ToggleRight.svg';
-export { default as UnwatchIcon } from './UnwatchIcon.svg';
-export { default as UserIcon } from './User.svg';
-export { default as WatchersBlankIcon } from './WatchersBlankIcon.svg';
-export { default as WatchIcon } from './WatchIcon.svg';
-export { default as WorkspaceTitleIcon } from './WorkspaceTitle.svg';
-export default Icon;
+import React from 'react';
+export interface IconProps {
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const HollowCircleIcon: React.FC<IconProps>;
+export declare const WorkflowIcon: React.FC<IconProps>;

package/dist/icons/index.js

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

package/dist/icons/svg/HollowCircle.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	viewBox="0 0 10 10" style="enable-background:new 0 0 10 10;" xml:space="preserve">
+<path d="M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0z M5,8C3.3,8,2,6.7,2,5s1.3-3,3-3s3,1.3,3,3S6.7,8,5,8z"/>
+</svg>

package/dist/icons/svg/Workflow.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<path d="M111.4,88.1c-7.5,0-14.46,4.82-16.61,11.79H38.03c-8.57,0-15.53-6.97-15.53-15.53
+	c0-8.57,6.97-14.99,15.53-14.99h52.49c14.46,0,26.25-11.79,26.25-26.25s-11.79-26.25-26.25-26.25H33.75
+	C31.61,9.91,25.18,5.09,17.14,5.09C8.04,5.09,0,13.12,0,22.23s8.04,17.14,17.14,17.14c7.5,0,14.46-4.82,16.61-11.79h56.23
+	c8.57,0,15.53,6.97,15.53,15.53s-6.42,15.53-14.99,15.53h-52.5c-14.46,0-26.25,11.79-26.25,26.25s11.79,26.25,26.25,26.25h56.23
+	c2.14,6.97,8.57,11.79,16.61,11.79c9.64,0,17.14-8.04,17.14-17.14S120.51,88.1,111.4,88.1z M17.15,29.18
+	c-3.22,0-6.42-3.22-6.42-6.97s3.22-6.42,6.42-6.42s6.42,3.22,6.42,6.42S20.9,29.18,17.15,29.18z M111.4,112.21
+	c-3.75,0-6.42-3.22-6.42-6.42c0-3.21,3.22-6.42,6.42-6.42c3.21,0,6.42,3.22,6.42,6.42C117.83,108.99,114.62,112.21,111.4,112.21z"/>
+</svg>

package/dist/index.d.ts

@@ -1,49 +1,43 @@
-import ActorsCell from './cells/actors';
-import AnnexCell from './cells/annex';
-import AssigneeCell from './cells/assignee';
-import BindWorkspaceCell from './cells/bind-workspace';
-import BoardCell from './cells/board';
-import CardTypeCell from './cells/card-type';
-import CheckboxCell from './cells/checkbox';
-import CreatedAtCell from './cells/created-at';
-import CreatedByCell from './cells/created-by';
-import DataQuoteCell from './cells/data-quote';
-import DateCell from './cells/date';
-import DateRangeCell from './cells/date-range';
-import DropdownCell from './cells/dropdown';
-import EditorCell from './cells/editor';
-import FileCell from './cells/file';
-import FormulaCell from './cells/formula';
-import ItemGroupCell from './cells/item-group';
-import ItemTypeCell from './cells/item-type';
-import KeyCell from './cells/key';
-import LongTextCell from './cells/long-text';
-import NameCell from './cells/name';
-import NumberCell from './cells/number';
-import PriorityCell from './cells/priority';
-import RadioCell from './cells/radio';
-import ScriptCell from './cells/script';
-import SecurityLevelCell from './cells/security-level';
-import SprintCell from './cells/sprint';
-import StatusCell from './cells/status';
-import StoryPointCell from './cells/story-point';
-import TagCell from './cells/tag';
-import TextCell from './cells/text';
-import TimeCell from './cells/time';
-import TimeRangeCell from './cells/time-range';
-import TreeCell from './cells/tree';
-import UpdatedAtCell from './cells/updated-at';
-import UpdatedByCell from './cells/updated-by';
-import UserCell from './cells/user';
-import VersionCell from './cells/version';
-import './_app.global.less';
-export { ActorsCell, AnnexCell, AssigneeCell, BindWorkspaceCell, BoardCell, CardTypeCell, CheckboxCell, CreatedAtCell, CreatedByCell, DataQuoteCell, DateCell, DateRangeCell, DropdownCell, EditorCell, FileCell, FormulaCell, ItemGroupCell, ItemTypeCell, KeyCell, LongTextCell, NameCell, NumberCell, PriorityCell, RadioCell, ScriptCell, SecurityLevelCell, SprintCell, StatusCell, StoryPointCell, TagCell, TextCell, TimeCell, TimeRangeCell, TreeCell, UpdatedAtCell, UpdatedByCell, UserCell, VersionCell, };
-export { default as EditorField } from './cells/editor/Field';
-export { default as TableCell } from './cells/tableCellMapping';
-export { default as FilterPanel } from './common/filters/filter-query/FilterPanel';
-export { default as StructureView } from './common/structure/index';
-export { default as CommentPane } from './fields/item-activity/Comment';
+export { default as EmptyField } from './components/common/EmptyField';
+export { default as BaseOverflowTooltip } from './components/common/overflow-tooltip/BaseOverflowTooltip';
+export { default as SimpleOverflowToolTip } from './components/common/overflow-tooltip/SimpleOverflowToolTip';
+export { default as UserAvatar } from './components/common/user-field/UserAvatar';
+export { default as ActorsReadView } from './components/fields/actors/ReadView';
+export { default as AssigneeReadView } from './components/fields/assignee/ReadView';
+export { default as BindWorkspaceReadView } from './components/fields/bind-workspace/ReadView';
+export { default as CheckboxReadView } from './components/fields/checkbox/ReadView';
+export { default as CreatedAtReadView } from './components/fields/created-at/ReadView';
+export { default as CreatedByReadView } from './components/fields/created-by/ReadView';
+export { default as DataQuoteReadView } from './components/fields/data-quote/ReadView';
+export { default as DateReadView } from './components/fields/date/ReadView';
+export { default as DropdownReadView } from './components/fields/dropdown/ReadView';
+export { default as FileReadView } from './components/fields/file/ReadView';
+export { default as FormulaReadView } from './components/fields/formula/ReadView';
+export { default as HyperLinkReadView } from './components/fields/hyper-link/ReadView';
+export { default as ItemGroupReadView } from './components/fields/item-group/ReadView';
+export { default as ItemTypeReadView } from './components/fields/item-type/ReadView';
+export { default as KeyReadView } from './components/fields/key/ReadView';
+export { default as LongTextReadView } from './components/fields/long-text/ReadView';
+export { default as NumberReadView } from './components/fields/number/ReadView';
+export { default as PriorityReadView } from './components/fields/priority/ReadView';
+export { default as RadioReadView } from './components/fields/radio/ReadView';
+export { default as ReporterReadView } from './components/fields/reporter/ReadView';
+export { default as ScriptReadView } from './components/fields/script/ReadView';
+export { default as SprintReadView } from './components/fields/sprint/ReadView';
+export { default as StatusCell } from './components/fields/status/Cell';
+export { default as StatusReadView } from './components/fields/status/ReadView';
+export { default as StoryPointReadView } from './components/fields/story-point/ReadView';
+export { default as TagReadView } from './components/fields/tag/ReadView';
+export { default as TeamReadView } from './components/fields/team/ReadView';
+export { default as TextReadView } from './components/fields/text/ReadView';
+export { default as TreeReadView } from './components/fields/tree/ReadView';
+export { default as UpdatedAtReadView } from './components/fields/updated-at/ReadView';
+export { default as UpdatedByReadView } from './components/fields/updated-by/ReadView';
+export { default as UserReadView } from './components/fields/user/ReadView';
+export { default as UserGroupReadView } from './components/fields/user-group/ReadView';
+export { default as VersionReadView } from './components/fields/version/ReadView';
+export { default as WorkspaceReadView } from './components/fields/workspace/ReadView';
+export { TableCell } from './components/table-components';
+export { getAllReadComponents, getStandardEditComponents, getStandardReadComponents, } from './components/table-components/utils';
 export { LibraryProvider } from './lib/contexts';
-export { useFieldsWithFieldCellProps, useUsedScreenFields } from './lib/customFields/hooks';
 export { useDataQuoteStore } from './lib/hooks/useDataQuoteStore';
-export { useBusinessFields } from './lib/kanban/hooks';