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

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/utils.js

@@ -1,4 +1,4 @@
-export const getFieldWidthStyle = (labelWidth, labelAlign, hiddenLabel, apply) => {
+const getFieldWidthStyle = (labelWidth, labelAlign, hiddenLabel, apply) => {
     if (hiddenLabel) {
         labelWidth = 0;
     }
@@ -7,3 +7,5 @@ export const getFieldWidthStyle = (labelWidth, labelAlign, hiddenLabel, apply) =
     }
     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,7 +1,8 @@
-import useTeamConfig from '../../../lib/hooks/useTeamConfig';
-import useTenant from '../../../lib/hooks/useTenant';
-import isInOne from '../../../lib/isInOne';
-export const useToWorkspacePage = () => {
+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();
@@ -14,3 +15,5 @@ export const useToWorkspacePage = () => {
         },
     };
 };
+
+export { useToWorkspacePage };

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

@@ -1,4 +1,6 @@
-export const pointerStyle = `
+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';

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

@@ -1,14 +1,16 @@
-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 { getDateType, getFormat } from '../../../lib/date';
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { getFormat, getDateType } from '../../../lib/date.js';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+
 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 })) }));
+    return (jsx(Fragment, { children: value ? (jsx(BaseOverflowTooltip, { title: showValue, maxline: 1, children: showValue })) : (jsx(EmptyField, { readonly: readonly })) }));
 });
 DateReadView.displayName = 'DateReadView';
-export default DateReadView;
+
+export { DateReadView as default };

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

@@ -1,40 +1,41 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { Overlay } from 'react-overlays';
 import { DownOutlined } from '@ant-design/icons';
 import { ClassNames } from '@emotion/react';
-import { Checkbox, Col, Divider, Select as AntSelect, Spin } from 'antd';
+import { Checkbox, Divider, Spin, Select, Col } from 'antd';
 import debug from 'debug';
-import { isNil, isObject, isPlainObject, noop, xorWith } from 'lodash-es';
-import { emptyIconWrapper } from 'style/global';
+import { isObject, isPlainObject, isNil, xorWith, noop } from 'lodash-es';
+import { emptyIconWrapper } from '../../../style/global.js';
 import useSWR from 'swr';
-import EmptyField from 'components/common/EmptyField';
-import Expand, { EXPAND_TYPE_ENUM } from 'components/common/expand-component';
-import ItemIcon from 'components/common/item-icon/ItemIcon';
-import BaseOverflowTooltip from 'components/common/overflow-tooltip/BaseOverflowTooltip';
-import OverflowTooltip from 'components/common/overflow-tooltip/OverflowTooltip';
-import { defaultFilterOptions, getPopupContainerFun } from 'components/common/utils';
-import EmptyIcon from 'components/default-empty-icon';
-import { getFieldWidthStyle } from 'components/fields/base-component/utils';
-import { getRealValueByIqlTo } from 'components/filters/filter-search/utils';
-import { REMOTE_DATA_QUOTE_FIELD_TYPE } from 'lib/constants/field';
-import { BASE_FIELD_WIDTH, CURRENT_WORKSPACE, FIELD_CONTAINERS_PAGE, FIELD_TYPE_KEY_MAPPINGS } from 'lib/global';
-import useAntdConfig from 'lib/hooks/useAntdConfig';
-import useI18n from 'lib/hooks/useI18n';
-import { API_KEY } from 'lib/swr/constants';
-import useViewClass from '../hooks/useViewClass';
-import { EMPTY_OPTIONS, useCommonProps } from './hook';
-import { disabledClass, displayWrapClass, dropdownSelectDisabled, dropdownSelectOptionClass, dropdownSelectStyle, dropdownStyle, hiddenHoverClass, hoverIconClass, onlyWorkspaceDividerStyle, onlyWorkspaceStyle, optionDisplayWrapClass, valueOptionClass, valueOptionContentClass, valueOptionIconClass, valueOptionLabelClass, workspaceClass, } from './style';
+import EmptyField from '../../common/EmptyField.js';
+import Expand, { EXPAND_TYPE_ENUM } from '../../common/expand-component/index.js';
+import ItemIcon from '../../common/item-icon/ItemIcon.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import OverflowTooltip from '../../common/overflow-tooltip/OverflowTooltip.js';
+import { defaultFilterOptions, getPopupContainerFun } from '../../common/utils.js';
+import EmptyIcon from '../../default-empty-icon/index.js';
+import { getFieldWidthStyle } from '../base-component/utils.js';
+import { getRealValueByIqlTo } from '../../filters/filter-search/utils.js';
+import { REMOTE_DATA_QUOTE_FIELD_TYPE } from '../../../lib/constants/field.js';
+import { FIELD_CONTAINERS_PAGE, CURRENT_WORKSPACE, FIELD_TYPE_KEY_MAPPINGS, BASE_FIELD_WIDTH } from '../../../lib/global.js';
+import useAntdConfig from '../../../lib/hooks/useAntdConfig.js';
+import useI18n from '../../../lib/hooks/useI18n.js';
+import { API_KEY } from '../../../lib/swr/constants.js';
+import useViewClass from '../hooks/useViewClass.js';
+import { useCommonProps, EMPTY_OPTIONS } from './hook.js';
+import { dropdownSelectDisabled, onlyWorkspaceStyle, onlyWorkspaceDividerStyle, dropdownSelectStyle, optionDisplayWrapClass, dropdownSelectOptionClass, disabledClass, workspaceClass, dropdownStyle, hiddenHoverClass, displayWrapClass, valueOptionContentClass, valueOptionClass, valueOptionIconClass, valueOptionLabelClass, hoverIconClass } from './style.js';
+
 const loggers = debug('dropdown:BaseField');
-export const isNilFilter = function (value) {
+const isNilFilter = function (value) {
     var _a;
     return (_a = value === null || value === void 0 ? void 0 : value.filter) === null || _a === void 0 ? void 0 : _a.call(value, val => !isNil(val));
 };
-export const handleValue = function (value) {
+const handleValue = function (value) {
     return isObject(value) ? value === null || value === void 0 ? void 0 : value.value : value;
 };
-export const getFormattedLabel = ({ label, style = {} } = {}) => {
-    return _jsx("span", { style: { borderRadius: 2, color: style === null || style === void 0 ? void 0 : style.color, background: style === null || style === void 0 ? void 0 : style.background }, children: label });
+const getFormattedLabel = ({ label, style = {} } = {}) => {
+    return jsx("span", { style: { borderRadius: 2, color: style === null || style === void 0 ? void 0 : style.color, background: style === null || style === void 0 ? void 0 : style.background }, children: label });
 };
 const Dropdown = props => {
     const { onSelect = noop, onBlur, onChange = noop, labelWidth = BASE_FIELD_WIDTH, labelAlign, readonly: propsReadonly = false, options: _propsOptions = EMPTY_OPTIONS, editMode = false, apply, mode, hiddenLabel, allowClear = true, useChange = false, objectId, getPopupContainer, dataQuoteInit, userData, workspace, valueDisplayWrap, optionDisplayWrap, onOptionsChange, page, disabledSwr, onlyValue, screenMode, displayValueHidden = false, disabledLineThrough = false, displayWorkspace = false, isShowOnlyWorkspace = false, fieldTypeKey, iqlKey = 'value', fetchOnFocus, isCascaded, clickFetch, iqlToNeedMore = false, ...defaultProps } = props;
@@ -298,7 +299,7 @@ const Dropdown = props => {
                     return null;
                 showValue = valueArr.map((item, index) => {
                     const content = _optionsMap[item] ? getFormattedLabel(_optionsMap[item]) : item;
-                    return index === value.length - 1 ? content : _jsxs(_Fragment, { children: [content, ","] });
+                    return index === value.length - 1 ? content : jsxs(Fragment, { children: [content, ","] });
                 });
             }
         }
@@ -309,7 +310,7 @@ const Dropdown = props => {
                 const opt = _options.filter(item => item.value === handleValue(val));
                 const label = ((_a = opt[0]) === null || _a === void 0 ? void 0 : _a.label) || handleValue(val);
                 if (opt.length >= 1) {
-                    showValue = (_jsx("span", { className: cx({ [css(dropdownSelectDisabled)]: ((_b = opt[0]) === null || _b === void 0 ? void 0 : _b.disabled) || !opt.length }), children: ((_c = opt[0]) === null || _c === void 0 ? void 0 : _c.icon) ? (_jsx(ItemIcon, { icon: (_d = opt[0]) === null || _d === void 0 ? void 0 : _d.icon, label: label })) : !screenMode && _optionsMap[label] ? (getFormattedLabel(_optionsMap[label])) : (label) }));
+                    showValue = (jsx("span", { className: cx({ [css(dropdownSelectDisabled)]: ((_b = opt[0]) === null || _b === void 0 ? void 0 : _b.disabled) || !opt.length }), children: ((_c = opt[0]) === null || _c === void 0 ? void 0 : _c.icon) ? (jsx(ItemIcon, { icon: (_d = opt[0]) === null || _d === void 0 ? void 0 : _d.icon, label: label })) : !screenMode && _optionsMap[label] ? (getFormattedLabel(_optionsMap[label])) : (label) }));
                 }
             }
         }
@@ -503,24 +504,24 @@ const Dropdown = props => {
             const message = t('pages.fields.default.onlyWorkspace', {
                 name: props.onlyWorkspaceTip || t(`pages.fields.fieldName.${fieldTypeKey}`),
             });
-            return (_jsxs(_Fragment, { children: [_jsx("div", { className: cx(css(onlyWorkspaceStyle)), children: _jsx(Checkbox, { checked: onlyWorkspace, onChange: onChangeCurrent, onClick: e => {
+            return (jsxs(Fragment, { children: [jsx("div", { className: cx(css(onlyWorkspaceStyle)), children: jsx(Checkbox, { checked: onlyWorkspace, onChange: onChangeCurrent, onClick: e => {
                                 e.stopPropagation();
-                            }, children: _jsx(BaseOverflowTooltip, { title: message, children: message }) }) }), _jsx(Divider, { className: cx(css(onlyWorkspaceDividerStyle)) }), menu] }));
+                            }, children: jsx(BaseOverflowTooltip, { title: message, children: message }) }) }), jsx(Divider, { className: cx(css(onlyWorkspaceDividerStyle)) }), menu] }));
         };
     }, [fieldTypeKey, isShowOnlyWorkspace, onChangeCurrent, onlyWorkspace, props.onlyWorkspaceTip, t]);
     const notFoundContentMemo = useMemo(() => {
-        return loading && canAsyncFetchOption ? (_jsx(Spin, { size: "small" })) : (_jsx(ClassNames, { children: ({ css, cx }) => (_jsx("div", { className: cx(css(emptyIconWrapper)), children: _jsx(EmptyIcon, { noMargin: true }) })) }));
+        return loading && canAsyncFetchOption ? (jsx(Spin, { size: "small" })) : (jsx(ClassNames, { children: ({ css, cx }) => (jsx("div", { className: cx(css(emptyIconWrapper)), children: jsx(EmptyIcon, { noMargin: true }) })) }));
     }, [canAsyncFetchOption, loading]);
     const style = getFieldWidthStyle(labelWidth, labelAlign, hiddenLabel, apply);
     const hiddenHover = readonly || editMode || editing || apply === 'cell' || isView;
     const overlayRender = useMemo(() => {
-        return (_jsx(ClassNames, { children: ({ cx, css }) => {
+        return (jsx(ClassNames, { children: ({ cx, css }) => {
                 const cxDropdownRender = dropdownRender({ cx, css });
-                return (_jsx("div", { className: 'field-value-overlay', children: _jsx(AntSelect, { getPopupContainer: triggerNode => getPopupContainerFun(getPopupContainer, triggerNode, apply, page), filterOption: filterOptionProp, ...defaultProps, className: cx('field-value-overlay-component', disabledLineThrough || displayValueHidden ? css(dropdownSelectStyle(antPrefix)) : '', {
+                return (jsx("div", { className: 'field-value-overlay', children: jsx(Select, { getPopupContainer: triggerNode => getPopupContainerFun(getPopupContainer, triggerNode, apply, page), filterOption: filterOptionProp, ...defaultProps, className: cx('field-value-overlay-component', disabledLineThrough || displayValueHidden ? css(dropdownSelectStyle(antPrefix)) : '', {
                             [optionDisplayWrapClass]: optionDisplayWrap,
                         }), mode: mode, ref: targetRef, value: selectValue, showSearch: true, maxTagCount: optionDisplayWrap || isView ? null : 'responsive', onSelect: handleSelect, onClear: handleClear, onBlur: handleBlur, open: open, onDropdownVisibleChange: onDropdownVisibleChange, onFocus: handleFocus, onChange: handleChange, allowClear: allowClear, onSearch: handleSearch, defaultOpen: !editMode, listItemHeight: 32, listHeight: 200, optionLabelProp: fieldTypeKey === FIELD_TYPE_KEY_MAPPINGS.Version ? 'label' : 'children', notFoundContent: notFoundContentMemo, dropdownRender: cxDropdownRender, children: _options.map(item => {
                             var _a, _b, _c;
-                            return (_jsxs(AntSelect.Option, { value: item.value, label: item.label, disabled: item.disabled, values: item.values, children: [_jsx("span", { className: cx({ [dropdownSelectOptionClass]: disabledLineThrough || displayValueHidden }, { [disabledClass]: item === null || item === void 0 ? void 0 : item.disabled }), children: _jsxs(BaseOverflowTooltip, { title: (_a = item === null || item === void 0 ? void 0 : item.label) === null || _a === void 0 ? void 0 : _a.toString(), className: "custom-overflow", children: [_jsx(ItemIcon, { icon: item.icon, label: item.label }), fieldTypeKey === FIELD_TYPE_KEY_MAPPINGS.Version && item.archived && (_jsxs("span", { children: ["(", t('workspaceArchived.archived'), ")"] }))] }) }), displayWorkspace ? (_jsx("div", { className: cx(workspaceClass), children: _jsx(BaseOverflowTooltip, { title: (_b = item === null || item === void 0 ? void 0 : item.workspace) === null || _b === void 0 ? void 0 : _b.name, children: (_c = item === null || item === void 0 ? void 0 : item.workspace) === null || _c === void 0 ? void 0 : _c.name }) })) : null] }, item.value));
+                            return (jsxs(Select.Option, { value: item.value, label: item.label, disabled: item.disabled, values: item.values, children: [jsx("span", { className: cx({ [dropdownSelectOptionClass]: disabledLineThrough || displayValueHidden }, { [disabledClass]: item === null || item === void 0 ? void 0 : item.disabled }), children: jsxs(BaseOverflowTooltip, { title: (_a = item === null || item === void 0 ? void 0 : item.label) === null || _a === void 0 ? void 0 : _a.toString(), className: "custom-overflow", children: [jsx(ItemIcon, { icon: item.icon, label: item.label }), fieldTypeKey === FIELD_TYPE_KEY_MAPPINGS.Version && item.archived && (jsxs("span", { children: ["(", t('workspaceArchived.archived'), ")"] }))] }) }), displayWorkspace ? (jsx("div", { className: cx(workspaceClass), children: jsx(BaseOverflowTooltip, { title: (_b = item === null || item === void 0 ? void 0 : item.workspace) === null || _b === void 0 ? void 0 : _b.name, children: (_c = item === null || item === void 0 ? void 0 : item.workspace) === null || _c === void 0 ? void 0 : _c.name }) })) : null] }, item.value));
                         }) }) }));
             } }));
     }, [
@@ -553,13 +554,14 @@ const Dropdown = props => {
         selectValue,
         t,
     ]);
-    return (_jsx(ClassNames, { children: ({ cx, css }) => {
+    return (jsx(ClassNames, { children: ({ cx, css }) => {
             const cxShowValue = showValue({ cx, css });
-            return (_jsxs(Col, { style: style, ref: containerRef, className: cx(css(dropdownStyle(antPrefix)), 'field-value', viewClassNames, { [hiddenHoverClass]: hiddenHover }, { [displayWrapClass]: valueDisplayWrap }, { [css(dropdownSelectStyle(antPrefix))]: disabledLineThrough || displayValueHidden }), onClick: handleClick, children: [(readonly || (!editMode && !editing)) &&
-                        (cxShowValue ? (!valueDisplayWrap ? (isView && isMultiple ? (_jsx(Expand, { readonly: readonly, editing: editing, expandType: EXPAND_TYPE_ENUM.TAG, children: valueOptions.map(item => (_jsx("span", { className: "field-common-view-tag", children: _jsx(BaseOverflowTooltip, { title: item.label, children: item.label }) }, item.value))) })) : (_jsx(OverflowTooltip, { title: cxShowValue, children: cxShowValue }))) : (_jsx("div", { className: cx(valueOptionContentClass), children: valueOptions.map(ele => {
-                                return (_jsxs("div", { className: cx(valueOptionClass), title: ele.label, children: [_jsx(ItemIcon, { className: cx(valueOptionIconClass), icon: ele.icon }), _jsx("span", { className: cx(valueOptionLabelClass), children: ele.label })] }, ele.value));
-                            }) }))) : (_jsx(EmptyField, { readonly: readonly }))), !readonly && (editMode || editing) && containerRef && (_jsx(Overlay, { show: true, rootClose: true, container: containerRef, target: containerRef, onHide: noop, children: () => overlayRender })), _jsx(DownOutlined, { className: cx(hoverIconClass) })] }));
+            return (jsxs(Col, { style: style, ref: containerRef, className: cx(css(dropdownStyle(antPrefix)), 'field-value', viewClassNames, { [hiddenHoverClass]: hiddenHover }, { [displayWrapClass]: valueDisplayWrap }, { [css(dropdownSelectStyle(antPrefix))]: disabledLineThrough || displayValueHidden }), onClick: handleClick, children: [(readonly || (!editMode && !editing)) &&
+                        (cxShowValue ? (!valueDisplayWrap ? (isView && isMultiple ? (jsx(Expand, { readonly: readonly, editing: editing, expandType: EXPAND_TYPE_ENUM.TAG, children: valueOptions.map(item => (jsx("span", { className: "field-common-view-tag", children: jsx(BaseOverflowTooltip, { title: item.label, children: item.label }) }, item.value))) })) : (jsx(OverflowTooltip, { title: cxShowValue, children: cxShowValue }))) : (jsx("div", { className: cx(valueOptionContentClass), children: valueOptions.map(ele => {
+                                return (jsxs("div", { className: cx(valueOptionClass), title: ele.label, children: [jsx(ItemIcon, { className: cx(valueOptionIconClass), icon: ele.icon }), jsx("span", { className: cx(valueOptionLabelClass), children: ele.label })] }, ele.value));
+                            }) }))) : (jsx(EmptyField, { readonly: readonly }))), !readonly && (editMode || editing) && containerRef && (jsx(Overlay, { show: true, rootClose: true, container: containerRef, target: containerRef, onHide: noop, children: () => overlayRender })), jsx(DownOutlined, { className: cx(hoverIconClass) })] }));
         } }));
 };
 Dropdown.displayName = 'DropdownBaseField';
-export default Dropdown;
+
+export { Dropdown as default, getFormattedLabel, handleValue, isNilFilter };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseDropdownProps } from './hook';
 declare const DropdownCell: React.FC<BaseDropdownProps>;
 export default DropdownCell;

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

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import BaseField from './BaseField';
+import { jsx } from '@emotion/react/jsx-runtime';
+import Dropdown from './BaseField.js';
+
 const DropdownCell = props => {
-    return _jsx(BaseField, { ...props, apply: "cell" });
+    return jsx(Dropdown, { ...props, apply: "cell" });
 };
-export default DropdownCell;
+
+export { DropdownCell as default };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReadViewBaseProps } from '../types';
 type DropdownReadViewProps = ReadViewBaseProps & {
     userData?: Record<string, any>;

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

@@ -1,15 +1,16 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import EmptyField from '../../common/EmptyField';
-import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
-import { handleValue } from './BaseField';
+import EmptyField from '../../common/EmptyField.js';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip.js';
+import { handleValue } from './BaseField.js';
+
 var MUTIPLE_MODE;
 (function (MUTIPLE_MODE) {
     MUTIPLE_MODE["multiple"] = "multiple";
     MUTIPLE_MODE["tags"] = "tags";
 })(MUTIPLE_MODE || (MUTIPLE_MODE = {}));
 const getFormattedLabel = ({ label, style = {}, }) => {
-    return _jsx("span", { style: { borderRadius: 2, color: style === null || style === void 0 ? void 0 : style.color, background: style === null || style === void 0 ? void 0 : style.background }, children: label });
+    return jsx("span", { style: { borderRadius: 2, color: style === null || style === void 0 ? void 0 : style.color, background: style === null || style === void 0 ? void 0 : style.background }, children: label });
 };
 const DropdownReadView = memo(props => {
     const { value, options, readonly: propsReadonly, userData, mode } = props;
@@ -45,7 +46,7 @@ const DropdownReadView = memo(props => {
                 return '';
             return valueArr.map((item, index) => {
                 const content = optionsMap[item] ? getFormattedLabel(optionsMap[item]) : item;
-                return index === value.length - 1 ? content : _jsxs(_Fragment, { children: [content, ","] });
+                return index === value.length - 1 ? content : jsxs(Fragment, { children: [content, ","] });
             });
         }
         else {
@@ -73,7 +74,8 @@ const DropdownReadView = memo(props => {
             .join(',');
         return result;
     }, [options, value]);
-    return showValue ? (_jsx(SimpleOverflowToolTip, { title: showValueTitle, children: showValue })) : (_jsx(EmptyField, { readonly: readonly }));
+    return showValue ? (jsx(SimpleOverflowToolTip, { title: showValueTitle, children: showValue })) : (jsx(EmptyField, { readonly: readonly }));
 });
 DropdownReadView.displayName = 'DropdownReadView';
-export default DropdownReadView;
+
+export { DropdownReadView as default };

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

@@ -5,5 +5,5 @@ interface FetchDropdownParams {
     page?: string;
     propsValue?: string;
 }
-export declare const useFetchDropdown: () => (data: FetchDropdownParams) => Promise<any>;
+export declare const useFetchDropdown: () => ((data: FetchDropdownParams) => Promise<any>);
 export {};

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

@@ -1,7 +1,8 @@
 import { useCallback } from 'react';
-import useFetch from 'lib/fetch';
-import { throttleFetch } from 'lib/throttleFetch';
-export const useFetchDropdown = () => {
+import useFetch from '../../../lib/fetch.js';
+import { throttleFetch } from '../../../lib/throttleFetch.js';
+
+const useFetchDropdown = () => {
     const fetch = useFetch();
     const fetchDropdownData = useCallback(({ keyword, workspaceId, page, fieldId, propsValue }) => {
         return throttleFetch({ keyword, workspaceId, page, fieldId }, async () => {
@@ -24,3 +25,5 @@ export const useFetchDropdown = () => {
     }, [fetch]);
     return fetchDropdownData;
 };
+
+export { useFetchDropdown };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 import { Item, ItemType, PointerObject } from 'lib/types/models';
 import { FieldProps, IScreenLabelProps } from '../base-component/types';