@giteeteam/apps-team-components 1.2.2 → 1.3.0-alpha.2

package/dist/components/default-empty-icon/config.js

@@ -0,0 +1,24 @@
+import img$1 from '../../icons/empty-icon/large-item@2x.png.js';
+import img$2 from '../../icons/empty-icon/large-workspace@2x.png.js';
+import img from '../../icons/empty-icon/small-default@2x.png.js';
+import { smallDefaultClass, largeItemClass, largeWorkspaceClass } from './style.js';
+
+const config = {
+    smallDefault: {
+        text: 'views.common.searchSelect.emptyData.noData',
+        url: img,
+        className: smallDefaultClass,
+    },
+    largeItem: {
+        text: 'views.tableComponents.TableEmpty.noDataTip',
+        url: img$1,
+        className: largeItemClass,
+    },
+    largeWorkspace: {
+        text: 'pages.workspaces.default.emptyDataDefaultProps.operationInfo',
+        url: img$2,
+        className: largeWorkspaceClass,
+    },
+};
+
+export { config };

package/dist/components/default-empty-icon/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PropType } from './types';
+declare const EmptyIcon: FC<PropType>;
+export default EmptyIcon;
+export { EmptyType } from './types';

package/dist/components/default-empty-icon/index.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { ClassNames } from '@emotion/react';
+import useI18n from '../../lib/hooks/useI18n.js';
+import { config } from './config.js';
+import { emptyIconWrapper, smallTextClass, smallMarginClass, largeMarginClass, noMarginClass, autoMarginClass, textClass } from './style.js';
+import { EmptyType } from './types.js';
+
+const EmptyIcon = ({ type = EmptyType.SMALL_DEFAULT, text, extra, className, style, center, smallText, smallMargin, largeMargin, noMargin, autoMargin, }) => {
+    const { t } = useI18n();
+    const { text: defaultText, url, className: defaultClass } = config[type] || {};
+    return (jsx(ClassNames, { children: ({ cx, css }) => (jsxs("div", { className: cx(css(emptyIconWrapper), {
+                center,
+                [smallTextClass]: smallText,
+                [smallMarginClass]: smallMargin,
+                [largeMarginClass]: largeMargin,
+                [noMarginClass]: noMargin,
+                [autoMarginClass]: autoMargin,
+            }, className), style: style, children: [jsx("img", { className: cx(defaultClass), src: url, alt: "" }), jsx("p", { className: cx(textClass), children: text || t(defaultText) }), extra] })) }));
+};
+EmptyIcon.defaultProps = {
+    type: EmptyType.SMALL_DEFAULT,
+};
+
+export { EmptyType, EmptyIcon as default };

package/dist/components/default-empty-icon/style.d.ts

@@ -0,0 +1,11 @@
+export declare const centerClass: string;
+export declare const smallTextClass: string;
+export declare const smallMarginClass: string;
+export declare const textClass: string;
+export declare const largeMarginClass: string;
+export declare const noMarginClass: string;
+export declare const autoMarginClass: string;
+export declare const smallDefaultClass: string;
+export declare const largeWorkspaceClass: string;
+export declare const largeItemClass: string;
+export declare const emptyIconWrapper: string;

package/dist/components/default-empty-icon/style.js

@@ -0,0 +1,67 @@
+import { randomClassName } from '../../style/common.js';
+
+const centerClass = randomClassName('center');
+const smallTextClass = randomClassName('small-text');
+const smallMarginClass = randomClassName('small-margin');
+const textClass = randomClassName('text');
+const largeMarginClass = randomClassName('large-margin');
+const noMarginClass = randomClassName('no-margin');
+const autoMarginClass = randomClassName('auto-margin');
+const smallDefaultClass = randomClassName('small-default');
+const largeWorkspaceClass = randomClassName('large-workspace');
+const largeItemClass = randomClassName('large-item');
+const emptyIconWrapper = `
+  margin-top: 12px;
+  text-align: center;
+
+  &.${centerClass} {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+  }
+
+  &.${smallTextClass} {
+    .${textClass} {
+      font-size: 12px;
+    }
+  }
+
+  &.${smallMarginClass} {
+    margin-top: 16px;
+  }
+
+  &.${largeMarginClass} {
+    margin-top: 48px;
+  }
+
+  &.${noMarginClass} {
+    margin: 0;
+  }
+
+  &.${autoMarginClass} {
+    margin: auto;
+  }
+
+  .${smallDefaultClass} {
+    width: 90px;
+    height: 90px;
+  }
+
+  .${largeWorkspaceClass},
+  .${largeItemClass} {
+    width: 180px;
+    height: 180px;
+  }
+
+  .${textClass} {
+    padding: 0;
+    margin: 12px 0;
+    font-size: 14px;
+    line-height: 22px;
+    color: #848c9f;
+  }
+`;
+
+export { autoMarginClass, centerClass, emptyIconWrapper, largeItemClass, largeMarginClass, largeWorkspaceClass, noMarginClass, smallDefaultClass, smallMarginClass, smallTextClass, textClass };

package/dist/components/default-empty-icon/types.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface PropType {
+    type?: EmptyType;
+    text?: string;
+    extra?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    center?: boolean;
+    smallText?: boolean;
+    smallMargin?: boolean;
+    largeMargin?: boolean;
+    noMargin?: boolean;
+    autoMargin?: boolean;
+}
+export declare enum EmptyType {
+    SMALL_DEFAULT = "smallDefault",
+    LARGE_ITEM = "largeItem",
+    LARGE_WS = "largeWorkspace"
+}
+export interface ConfigType {
+    smallDefault: ConfigItem;
+    largeItem: ConfigItem;
+    largeWorkspace: ConfigItem;
+}
+export interface ConfigItem {
+    text: string;
+    url: string;
+    className: string;
+}

package/dist/components/default-empty-icon/types.js

@@ -0,0 +1,8 @@
+var EmptyType;
+(function (EmptyType) {
+    EmptyType["SMALL_DEFAULT"] = "smallDefault";
+    EmptyType["LARGE_ITEM"] = "largeItem";
+    EmptyType["LARGE_WS"] = "largeWorkspace";
+})(EmptyType || (EmptyType = {}));
+
+export { EmptyType };

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

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

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

@@ -1,7 +1,10 @@
-import { userOptionAdapter } from '../../../lib/users';
-export const formatUserOption = (actorData) => {
+import { userOptionAdapter } from '../../../lib/users.js';
+
+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;
 };
+
+export { formatUserOption };

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

@@ -1,4 +1,3 @@
-/// <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

@@ -1,8 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import EmptyField from '../../common/EmptyField';
-import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
-import { formatUserOption } from './BaseField';
+import EmptyField from '../../common/EmptyField.js';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip.js';
+import { formatUserOption } from './BaseField.js';
+
 const ActorReadView = memo(props => {
     const { value } = props;
     const showValue = useMemo(() => {
@@ -24,6 +25,7 @@ const ActorReadView = memo(props => {
         }
         return '';
     }, [value]);
-    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: true })) }));
+    return (jsx(Fragment, { children: showValue ? (jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (jsx(EmptyField, { readonly: true })) }));
 });
-export default ActorReadView;
+
+export { ActorReadView as default };

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

@@ -1,11 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { formatDisplayValue } from './utils';
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { formatDisplayValue } from './utils.js';
+
 const AncestorReadView = props => {
     const { value, readonly } = props;
     const displayValue = formatDisplayValue(value);
-    return (_jsx(_Fragment, { children: displayValue ? (_jsx(BaseOverflowTooltip, { title: displayValue, children: displayValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
+    return (jsx(Fragment, { children: displayValue ? (jsx(BaseOverflowTooltip, { title: displayValue, children: displayValue })) : (jsx(EmptyField, { readonly: readonly })) }));
 };
 AncestorReadView.displayName = 'AncestorReadView';
-export default AncestorReadView;
+
+export { AncestorReadView as default };

package/dist/components/fields/ancestor/utils.js

@@ -1,6 +1,7 @@
 import debug from 'debug';
+
 const logger = debug('fields:ancestor:utils');
-export const formatDisplayValue = (value) => {
+const formatDisplayValue = (value) => {
     logger('formatDisplayValue', value);
     if (!value)
         return undefined;
@@ -12,14 +13,5 @@ export const formatDisplayValue = (value) => {
     }
     return value;
 };
-export const formatAncestorFormValues = (itemValue) => {
-    logger('formatAncestorFormValues', itemValue);
-    const { objectId, ancestors } = itemValue || {};
-    const ancestorValue = (ancestors || []).concat(objectId).filter(Boolean).join('-');
-    return ancestorValue;
-};
-export const formatAncestorSubmitValues = (submitValues) => {
-    logger('formatAncestorSubmitValues', submitValues);
-    const ancestorsValue = ((submitValues === null || submitValues === void 0 ? void 0 : submitValues.ancestor) || '').split('-').filter(Boolean);
-    return ancestorsValue;
-};
+
+export { formatDisplayValue };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReadViewBaseProps } from '../types';
 type AssigneeReadViewProps = ReadViewBaseProps & {
     readonly?: boolean;

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

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

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

@@ -5,3 +5,4 @@ export interface CellProps {
 export interface FieldProps {
     readonly?: boolean;
 }
+export type IScreenLabelProps = 'left' | 'right' | 'top';

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

@@ -0,0 +1,2 @@
+import { IScreenLabelProps } from './types';
+export declare const getFieldWidthStyle: (labelWidth: number, labelAlign: IScreenLabelProps, hiddenLabel: boolean, apply: string) => any;

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

@@ -0,0 +1,11 @@
+const getFieldWidthStyle = (labelWidth, labelAlign, hiddenLabel, apply) => {
+    if (hiddenLabel) {
+        labelWidth = 0;
+    }
+    if (apply !== 'cell' && labelAlign !== 'top') {
+        return { width: `calc(100% - ${labelWidth}px)` };
+    }
+    return { width: '100%' };
+};
+
+export { getFieldWidthStyle };

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

@@ -1,4 +1,3 @@
-/// <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

@@ -1,18 +1,20 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import { memo } from 'react';
 import { ClassNames } from '@emotion/react';
-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';
+import useI18n from '../../../lib/hooks/useI18n.js';
+import EmptyField from '../../common/EmptyField.js';
+import { tooltipOverflowStyle, getTooltipMaxlineStyle } from '../../common/overflow-tooltip/style/index.js';
+import { useToWorkspacePage } from './hooks.js';
+import { pointerStyle } from './style/index.js';
+
 const BindWorkspaceReadView = memo(props => {
     const { value } = props;
     const { t } = useI18n();
     const { toWorkspacePage } = useToWorkspacePage();
-    return (_jsx(ClassNames, { children: ({ cx, css }) => {
-            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 }));
+    return (jsx(ClassNames, { children: ({ cx, css }) => {
+            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';
-export default BindWorkspaceReadView;
+
+export { BindWorkspaceReadView as default };

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

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

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

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

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

@@ -1,14 +1,16 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import { useMemo } from 'react';
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { getShowValue } from './utils';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { getShowValue } from './utils.js';
+
 const Cascade = props => {
     const { value } = props;
     const showValue = useMemo(() => {
         return getShowValue(value);
     }, [value]);
-    return showValue ? _jsx(BaseOverflowTooltip, { title: showValue, children: showValue }) : _jsx(EmptyField, { readonly: true });
+    return showValue ? jsx(BaseOverflowTooltip, { title: showValue, children: showValue }) : jsx(EmptyField, { readonly: true });
 };
 Cascade.displayName = 'CascadeReadView';
-export default Cascade;
+
+export { Cascade as default };

package/dist/components/fields/cascade/utils.js

@@ -1,6 +1,5 @@
-export const VALUE_SPLIT = '__RC_CASCADER_SPLIT__';
-export const LABEL_JOIN_STR = ' / ';
-export const getShowValue = (values) => {
+const LABEL_JOIN_STR = ' / ';
+const getShowValue = (values) => {
     if (!Array.isArray(values) || !values.length)
         return '';
     const showValue = values
@@ -19,3 +18,5 @@ export const getShowValue = (values) => {
         .join(',');
     return showValue;
 };
+
+export { LABEL_JOIN_STR, getShowValue };

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

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

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

@@ -1,7 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import EmptyField from '../../common/EmptyField';
-import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
+import EmptyField from '../../common/EmptyField.js';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip.js';
+
 const CheckboxReadView = memo(props => {
     const { value, options, readonly } = props;
     const showValue = useMemo(() => {
@@ -15,7 +16,8 @@ const CheckboxReadView = memo(props => {
             .join(',');
         return result;
     }, [options, value]);
-    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
+    return (jsx(Fragment, { children: showValue ? (jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (jsx(EmptyField, { readonly: readonly })) }));
 });
 CheckboxReadView.displayName = 'CheckboxReadView';
-export default CheckboxReadView;
+
+export { CheckboxReadView as default };

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

@@ -1,9 +1,10 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/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';
+import useDateTimeFormatType from '../../../lib/hooks/useDateTimeFormatType.js';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { dateFormat } from '../../common/utils.js';
+
 const CreatedAtReadView = memo(({ value }) => {
     const dateFormatType = useDateTimeFormatType();
     const showValue = useMemo(() => {
@@ -13,9 +14,10 @@ const CreatedAtReadView = memo(({ value }) => {
         return '';
     }, [value, dateFormatType]);
     if (!showValue) {
-        return _jsx(EmptyField, { readonly: true });
+        return jsx(EmptyField, { readonly: true });
     }
-    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+    return jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
 });
 CreatedAtReadView.displayName = 'CreatedAtReadView';
-export default CreatedAtReadView;
+
+export { CreatedAtReadView as default };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { User as UserTyped } from '../../../lib/types/models';
 declare const CreatedByReadView: import("react").MemoExoticComponent<({ value }: {
     value: UserTyped;

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

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

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

@@ -1,12 +1,13 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { css } from '@emotion/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';
+import { dataQuoteState, currentDeleteState } from '../../../lib/store/dataQuoteStore.js';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { fieldValueOverlayStyle } from '../../common/style/global.js';
+import { dataQuoteInit } from './utils.js';
+
 const DataQuoteReadView = ({ value, userData }) => {
     const [dataList, setDataList] = useState(null);
     const dataQuoteList = useRecoilValue(dataQuoteState);
@@ -16,9 +17,10 @@ const DataQuoteReadView = ({ value, userData }) => {
             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 }));
+    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 }));
     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 }) }));
+    return (jsx("div", { css: css(fieldValueOverlayStyle), children: jsx(BaseOverflowTooltip, { title: showValue, maxline: 1, children: cellDisplay }) }));
 };
 DataQuoteReadView.displayName = 'DataQuoteReadView';
-export default DataQuoteReadView;
+
+export { DataQuoteReadView as default };

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

@@ -1,5 +1,5 @@
-export const DATA_QUOTE_OPTION_FORMAT_REG = /{(\S+?)}/g;
-export const dataQuoteOptionFormat = (data, display) => {
+const DATA_QUOTE_OPTION_FORMAT_REG = /{(\S+?)}/g;
+const dataQuoteOptionFormat = (data, display) => {
     var _a, _b, _c;
     if (!data)
         return undefined;
@@ -23,8 +23,10 @@ export const dataQuoteOptionFormat = (data, display) => {
         values: data.values,
     };
 };
-export const dataQuoteInit = (dates, value, display) => {
+const dataQuoteInit = (dates, value, display) => {
     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;
 };
+
+export { DATA_QUOTE_OPTION_FORMAT_REG, dataQuoteInit, dataQuoteOptionFormat };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReadViewBaseProps } from '../types';
 type DateReadViewProps = ReadViewBaseProps & {
     pickerType?: 'dateTime' | 'date' | 'week' | 'month' | 'year';