@giteeteam/apps-team-components 0.3.14-202305051617 → 1.0.1

package/README.md

@@ -1 +1,3 @@
-# apps-team-components
+# @giteeteam/apps-team-components
+
+- gitee team components

package/dist/{common → components/common}/EmptyField.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface EmptyFieldProps {
     readonly?: boolean;
+    isUser?: boolean;
 }
-declare const EmptyField: React.VFC<EmptyFieldProps>;
+declare const EmptyField: React.FC<EmptyFieldProps>;
 export default EmptyField;

package/dist/components/common/EmptyField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { i18n } from '../../lib/i18n';
+import { gray6 } from '../../style/common';
+const EmptyField = props => {
+    const { readonly, isUser } = props;
+    return (_jsx("span", { style: { color: `var(--theme-disabled-color, ${gray6})` }, children: readonly ? '-' : i18n.t(`views.common.emptyField.${isUser ? 'user' : 'null'}`) }));
+};
+export default EmptyField;

package/dist/components/common/overflow-tooltip/BaseOverflowTooltip.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+interface BaseOverflowTooltip {
+    className?: string;
+    title?: string;
+    children: any;
+    maxline?: number;
+    style?: CSSProperties;
+}
+declare const BaseOverflowTooltip: React.FC<BaseOverflowTooltip>;
+declare const _default: import("react").NamedExoticComponent<BaseOverflowTooltip>;
+export default _default;

package/dist/components/common/overflow-tooltip/BaseOverflowTooltip.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneElement, memo, useRef } from 'react';
+import { cx } from '@emotion/css';
+import { getTooltipMaxlineStyle, tooltipOverflowStyle } from './style';
+const BaseOverflowTooltip = props => {
+    const { className, title, children, maxline, style } = props;
+    const elRef = useRef();
+    if (!children) {
+        return null;
+    }
+    const childElement = _jsx("span", { children: children });
+    const content = cloneElement(childElement, {
+        ref: elRef,
+        className: cx(tooltipOverflowStyle, getTooltipMaxlineStyle(maxline), className),
+        style,
+        title: title || '',
+    });
+    return content;
+};
+BaseOverflowTooltip.defaultProps = {
+    className: '',
+    title: '',
+    maxline: 1,
+};
+export default memo(BaseOverflowTooltip);

package/dist/components/common/overflow-tooltip/SimpleOverflowToolTip.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TooltipProps } from 'antd/lib/tooltip';
+declare const _default: React.NamedExoticComponent<{
+    title: string;
+    className?: string;
+    children?: React.ReactNode;
+    mountOnCurrentNode?: boolean;
+} & TooltipProps>;
+export default _default;

package/dist/components/common/overflow-tooltip/SimpleOverflowToolTip.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '@emotion/css';
+import { simpleTooltipStyle } from './style';
+const SimpleOverflowToolTip = ({ title, children, className }) => {
+    const contentRef = React.useRef();
+    const content = React.cloneElement(_jsx("span", { children: children }), {
+        ref: contentRef,
+        className: cx(simpleTooltipStyle, className),
+        title,
+    });
+    return content;
+};
+export default React.memo(SimpleOverflowToolTip);

package/dist/components/common/overflow-tooltip/style/index.d.ts

@@ -0,0 +1,3 @@
+export declare const tooltipOverflowStyle: string;
+export declare const simpleTooltipStyle: string;
+export declare const getTooltipMaxlineStyle: (n: number) => string;

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

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

package/dist/components/common/style/global.d.ts

@@ -0,0 +1 @@
+export declare const fieldValueOverlayStyle: string;

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

@@ -0,0 +1,4 @@
+import { css } from '@emotion/css';
+export const fieldValueOverlayStyle = css `
+  width: 100%;
+`;

package/dist/{common → components/common}/user-field/UserAvatar.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface UserAvatarProps {
-    className: string;
+    className?: string;
     user: {
         avatar?: {
             url?: string;
@@ -9,5 +9,5 @@ interface UserAvatarProps {
         name?: string;
     };
 }
-declare const UserAvatar: React.VFC<UserAvatarProps>;
+declare const UserAvatar: React.FC<UserAvatarProps>;
 export default UserAvatar;

package/dist/components/common/user-field/UserAvatar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { cx } from '@emotion/css';
+import { getBackgroundColor, getNameBadge } from '../utils';
+import { avatarItemStyle, avatarStyle, defaultAvatarStyle } from './style';
+const UserAvatar = React.memo(({ user, className }) => {
+    const avatarUrl = useMemo(() => { var _a; return (_a = user === null || user === void 0 ? void 0 : user.avatar) === null || _a === void 0 ? void 0 : _a.url; }, [user]);
+    const displayName = useMemo(() => (user === null || user === void 0 ? void 0 : user.name) || (user === null || user === void 0 ? void 0 : user.username), [user]);
+    const userBadge = useMemo(() => getNameBadge(displayName), [displayName]);
+    return (_jsx(_Fragment, { children: avatarUrl ? (_jsx("span", { className: cx('avatar-item', avatarItemStyle, avatarStyle, className), style: { backgroundImage: `url(${avatarUrl})` } })) : (_jsx("span", { className: cx('avatar-item', avatarItemStyle, defaultAvatarStyle, className), style: getBackgroundColor(userBadge), children: userBadge })) }));
+});
+UserAvatar.displayName = 'UserAvatar';
+export default UserAvatar;

package/dist/components/common/user-field/style/index.d.ts

@@ -0,0 +1,3 @@
+export declare const avatarItemStyle: string;
+export declare const avatarStyle: string;
+export declare const defaultAvatarStyle: string;

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

@@ -0,0 +1,26 @@
+import { css } from '@emotion/css';
+const avatarSize = '20px';
+export const avatarItemStyle = css `
+  flex-shrink: 0;
+`;
+export const avatarStyle = css `
+  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 = css `
+  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/common/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getNameBadge: (name: string) => string | null;
+export declare const isChinese: (text: string) => boolean;
+export declare const getBackgroundColor: (s?: string) => {
+    background: string;
+};
+export declare const dateFormat: (time: string, type?: string) => string;

package/dist/components/common/utils.js

@@ -0,0 +1,39 @@
+import dayjs from '../../lib/dayjs';
+import { DATE_TIME_FORMAT, DATE_TIME_FORMAT_SEC } from '../../lib/global';
+const zhReg = /[\u4e00-\u9fa5]/g;
+export const getNameBadge = (name) => {
+    var _a;
+    if (!((_a = name === null || name === void 0 ? void 0 : name.trim) === null || _a === void 0 ? void 0 : _a.call(name)))
+        return null;
+    if (isChinese(name))
+        return name.slice(-1);
+    return name.slice(0, 1);
+};
+export const isChinese = (text) => zhReg.test(text);
+const randomBackgroundColor = ['#5EA1FF', '#4BCC87', '#FFD15E', '#FF945E', '#A994FF'];
+export const getBackgroundColor = (s) => {
+    const code = (s === null || s === void 0 ? void 0 : s.charCodeAt(0)) || 0;
+    const random = Math.floor(code % randomBackgroundColor.length);
+    return {
+        background: randomBackgroundColor[random],
+    };
+};
+export const dateFormat = (time, type) => {
+    const format = DATE_TIME_FORMAT;
+    const format_sec = DATE_TIME_FORMAT_SEC;
+    const date = dayjs(time);
+    if (type === 'absolute') {
+        return date.format(format);
+    }
+    else if (type === 'absolute-sec') {
+        return date.format(format_sec);
+    }
+    else {
+        if (Date.now() - new Date(time).getTime() < 1 * 24 * 60 * 60 * 1000) {
+            return date.fromNow();
+        }
+        else {
+            return date.format(format);
+        }
+    }
+};

package/dist/components/field-behavior/fields/type.d.ts

@@ -0,0 +1 @@
+export declare const SUPPORT_USER_KEYS: string[];

package/dist/components/field-behavior/fields/type.js

@@ -0,0 +1,6 @@
+import { FIELD_TYPE_KEY_MAPPINGS } from '../../../lib/global';
+export const SUPPORT_USER_KEYS = [
+    FIELD_TYPE_KEY_MAPPINGS.User,
+    FIELD_TYPE_KEY_MAPPINGS.Assignee,
+    FIELD_TYPE_KEY_MAPPINGS.Reporter,
+];

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

@@ -0,0 +1 @@
+export declare const formatUserOption: (actorData: any) => any;

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

@@ -0,0 +1,7 @@
+import { userOptionAdapter } from '../../../lib/users';
+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);
+    return actorData;
+};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ReadViewBaseProps } from '../types';
+declare const ActorReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+export default ActorReadView;

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
+import { formatUserOption } from './BaseField';
+const ActorReadView = memo(props => {
+    const { value } = props;
+    const showValue = useMemo(() => {
+        if (value && Object.keys(value).length) {
+            const sortMap = { roles: 1, workspaceRoles: 2, groups: 3, users: 4 };
+            const keys = Object.keys(value).sort((a, b) => sortMap[a] - sortMap[b]);
+            const result = keys
+                .reduce((prev, valueKey) => {
+                const userValues = value[valueKey];
+                if ((userValues === null || userValues === void 0 ? void 0 : userValues.length) && Array.isArray(userValues)) {
+                    return prev.concat(userValues);
+                }
+                return prev;
+            }, [])
+                .map(v => { var _a; return (_a = formatUserOption(v)) === null || _a === void 0 ? void 0 : _a.label; })
+                .filter(Boolean)
+                .join('、');
+            return result;
+        }
+        return '';
+    }, [value]);
+    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: true })) }));
+});
+export default ActorReadView;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+type AssigneeReadViewProps = ReadViewBaseProps & {
+    readonly?: boolean;
+};
+declare const AssigneeReadView: import("react").NamedExoticComponent<AssigneeReadViewProps>;
+export default AssigneeReadView;

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, memo } from 'react';
+import { cx } from '@emotion/css';
+import { getArrayValue } from '../../../lib/array';
+import { isUserDeleted, isUserDisabled, userDataFormat } from '../../../lib/useUser';
+import EmptyField from '../../common/EmptyField';
+import { getTooltipMaxlineStyle, tooltipOverflowStyle } from '../../common/overflow-tooltip/style';
+import { userDeletedStyle, userDisabledStyle } from '../user/style';
+const AssigneeReadView = memo(({ value, readonly }) => {
+    const users = getArrayValue(value).map(userDataFormat);
+    console.info('.........AssigneeReadView.showValue', value, users);
+    if (!(users === null || users === void 0 ? void 0 : users.length))
+        return _jsx(EmptyField, { readonly: readonly, isUser: true });
+    const title = users.map(user => user === null || user === void 0 ? void 0 : user.label).join(',');
+    return (_jsx("span", { className: cx(tooltipOverflowStyle, getTooltipMaxlineStyle(1)), title: title, children: users.reduce((prev, user, index) => {
+            const el = (_jsxs(Fragment, { children: [index ? ',' : '', _jsx("span", { className: cx({ [userDeletedStyle]: isUserDeleted(user) }, { [userDisabledStyle]: isUserDisabled(user) }), children: user === null || user === void 0 ? void 0 : user.label })] }, index));
+            return prev.concat(el);
+        }, []) }));
+});
+AssigneeReadView.displayName = 'AssigneeReadView';
+export default AssigneeReadView;

package/dist/components/fields/base-component/types.d.ts

@@ -0,0 +1,7 @@
+export interface CellProps {
+    overlayClsName?: string;
+    workspaceId?: string;
+}
+export interface FieldProps {
+    readonly?: boolean;
+}

package/dist/components/fields/base-component/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ReadViewBaseProps } from '../types';
+declare const BindWorkspaceReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+export default BindWorkspaceReadView;

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import { cx } from '@emotion/css';
+import useI18n from '../../../lib/hooks/useI18n';
+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(_Fragment, { children: name ? (_jsx("span", { className: cx(tooltipOverflowStyle, getTooltipMaxlineStyle(1), pointerStyle), title: t('pages.fields.default.toWorkspacePage'), onClick: () => toWorkspacePage(key), children: name })) : (_jsx(EmptyField, { readonly: true })) }));
+});
+BindWorkspaceReadView.displayName = 'BindWorkspaceReadView';
+export default BindWorkspaceReadView;

package/dist/components/fields/bind-workspace/hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const useToWorkspacePage: () => {
+    toWorkspacePage: (workspaceKey: string) => void;
+};

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

@@ -0,0 +1,16 @@
+import useTeamConfig from '../../../lib/hooks/useTeamConfig';
+import useTenant from '../../../lib/hooks/useTenant';
+import isInOne from '../../../lib/isInOne';
+export const useToWorkspacePage = () => {
+    const { teamBasePath, teamGateway } = useTeamConfig();
+    const inOne = isInOne(teamGateway);
+    const tenant = useTenant();
+    return {
+        toWorkspacePage: (workspaceKey) => {
+            const url = inOne
+                ? `/${tenant}/${workspaceKey}`
+                : `${teamBasePath}/${tenant}/workspaces/${workspaceKey}?from=item`;
+            window.open(`${url}?from=item`, '_blank');
+        },
+    };
+};

package/dist/components/fields/bind-workspace/style/index.d.ts

@@ -0,0 +1 @@
+export declare const pointerStyle: string;

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

@@ -0,0 +1,5 @@
+import { css } from '@emotion/css';
+export const pointerStyle = css `
+  color: #0c62ff;
+  cursor: pointer;
+`;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+type CheckboxReadViewProps = Omit<ReadViewBaseProps, 'itemValues'>;
+declare const CheckboxReadView: import("react").NamedExoticComponent<CheckboxReadViewProps>;
+export default CheckboxReadView;

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
+const CheckboxReadView = memo(props => {
+    const { value, options } = props;
+    const showValue = useMemo(() => {
+        if (!(options === null || options === void 0 ? void 0 : options.length))
+            return '';
+        if (!(value === null || value === void 0 ? void 0 : value.length))
+            return '';
+        const result = value
+            .map(item => { var _a; return (_a = options.find(opt => opt.value === item)) === null || _a === void 0 ? void 0 : _a.label; })
+            .filter(Boolean)
+            .join(',');
+        return result;
+    }, [options, value]);
+    return (_jsx(_Fragment, { children: showValue ? _jsx(SimpleOverflowToolTip, { title: showValue, children: showValue }) : _jsx(EmptyField, {}) }));
+});
+CheckboxReadView.displayName = 'CheckboxReadView';
+export default CheckboxReadView;

package/dist/components/fields/created-at/ReadView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const CreatedAtReadView: React.FC<{
+    value: string;
+}>;
+export default CreatedAtReadView;

package/dist/components/fields/created-at/ReadView.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import useDateTimeFormatType from '../../../lib/hooks/useDateTimeFormatType';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { dateFormat } from '../../common/utils';
+const CreatedAtReadView = memo(({ value }) => {
+    const dateFormatType = useDateTimeFormatType();
+    const showValue = useMemo(() => {
+        if (value) {
+            return dateFormat(value, dateFormatType);
+        }
+        return '';
+    }, [value, dateFormatType]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: true });
+    }
+    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+});
+CreatedAtReadView.displayName = 'CreatedAtReadView';
+export default CreatedAtReadView;

package/dist/components/fields/created-by/ReadView.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { User as UserTyped } from '../../../lib/types/models';
+declare const CreatedByReadView: import("react").MemoExoticComponent<({ value }: {
+    value: UserTyped;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default CreatedByReadView;

package/dist/components/fields/created-by/ReadView.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { cx } from '@emotion/css';
+import { generateUserDisplayName, isUserDeleted, isUserDisabled } from '../../../lib/useUser';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import UserAvatar from '../../common/user-field/UserAvatar';
+import { userDeletedStyle, userDisabledStyle, usernameStyle } from '../user/style';
+const CreatedByReadView = memo(({ value }) => {
+    const showValue = useMemo(() => {
+        if (value) {
+            return generateUserDisplayName(value);
+        }
+        return '';
+    }, [value]);
+    const className = useMemo(() => {
+        return cx(usernameStyle, isUserDeleted(value) ? userDeletedStyle : '', isUserDisabled(value) ? userDisabledStyle : '');
+    }, [value]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: true });
+    }
+    return (_jsxs(BaseOverflowTooltip, { title: showValue, maxline: 1, children: [_jsx(UserAvatar, { user: value }), _jsx("span", { className: className, children: showValue })] }));
+});
+CreatedByReadView.displayName = 'CreatedByReadView';
+export default CreatedByReadView;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ReadViewBaseProps } from '../types';
+export interface DataQuoteReadViewProps extends ReadViewBaseProps {
+    userData?: Record<string, any>;
+}
+declare const DataQuoteReadView: React.FC<DataQuoteReadViewProps>;
+export default DataQuoteReadView;

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

@@ -0,0 +1,22 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { currentDeleteState, dataQuoteState } from '../../../lib/store/dataQuoteStore';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { fieldValueOverlayStyle } from '../../common/style/global';
+import { dataQuoteInit } from './utils';
+const DataQuoteReadView = ({ value, userData }) => {
+    const [dataList, setDataList] = useState(null);
+    const dataQuoteList = useRecoilValue(dataQuoteState);
+    const currentDeleteItem = useRecoilValue(currentDeleteState);
+    useEffect(() => {
+        if (dataQuoteList) {
+            setDataList(dataQuoteInit(dataQuoteList, value, userData === null || userData === void 0 ? void 0 : userData.display));
+        }
+    }, [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", { className: fieldValueOverlayStyle, children: _jsx(BaseOverflowTooltip, { maxline: 1, children: cellDisplay }) }));
+};
+DataQuoteReadView.displayName = 'DataQuoteReadView';
+export default DataQuoteReadView;

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

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

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

@@ -0,0 +1,25 @@
+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,
+        };
+        return {
+            label: display
+                ? display.replace(regex, function (itemKey) {
+                    const key = itemKey.slice(1, itemKey.length - 1);
+                    return dataCopy[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,
+        };
+    });
+    return dataInit;
+};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+type DateReadViewProps = ReadViewBaseProps & {
+    pickerType?: 'dateTime' | 'date' | 'week' | 'month' | 'year';
+    format?: string;
+};
+declare const DateReadView: import("react").NamedExoticComponent<DateReadViewProps>;
+export default DateReadView;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { getDateType, getFormat } from '../../../lib/date';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+const DateReadView = memo(props => {
+    const { readonly, value, pickerType, format } = props;
+    const showValue = useMemo(() => {
+        return getFormat(value, format || getDateType(pickerType));
+    }, [value, format, pickerType]);
+    return (_jsx(_Fragment, { children: value ? (_jsx(BaseOverflowTooltip, { title: showValue, maxline: 1, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
+});
+DateReadView.displayName = 'DateReadView';
+export default DateReadView;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface selectValue {
+    label: React.ReactNode;
+    value: string | number;
+}
+export declare const handleValue: (value: selectValue | string | number) => string | number;

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

@@ -0,0 +1,4 @@
+import { isObject } from 'lodash-es';
+export const handleValue = function (value) {
+    return isObject(value) ? value === null || value === void 0 ? void 0 : value.value : value;
+};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+declare const DropdownReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+export default DropdownReadView;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
+import { handleValue } from './BaseField';
+const DropdownReadView = memo(props => {
+    const { value, options } = props;
+    const showValue = useMemo(() => {
+        if (!(options === null || options === void 0 ? void 0 : options.length))
+            return '';
+        if (!(value === null || value === void 0 ? void 0 : value.length))
+            return '';
+        const result = value
+            .map(item => { var _a; return (_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: showValue, children: showValue }) : _jsx(EmptyField, {}) }));
+});
+DropdownReadView.displayName = 'DropdownReadView';
+export default DropdownReadView;