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

package/README.md

@@ -1,21 +1,21 @@
-# @giteeteam/apps-team-components
-
-- gitee team components
-
-## 安装
-
-```bash
-pnpm i
-```
-
-## 预览
-**开发前务必先阅读预览首页文档**
-```
-pnpm storybook
-```
-
-# 1.1.x版本
-- team最低版本为4.16.0
-
-# 1.2.x版本
-- team最低版本为4.21.0
+# @giteeteam/apps-team-components
+
+- gitee team components
+
+## 安装
+
+```bash
+pnpm i
+```
+
+## 预览
+**开发前务必先阅读预览首页文档**
+```
+pnpm storybook
+```
+
+# 1.1.x版本
+- team最低版本为4.16.0
+
+# 1.2.x版本
+- team最低版本为4.21.0

package/dist/components/common/EmptyField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface EmptyFieldProps {
     readonly?: boolean;
     isUser?: boolean;

package/dist/components/common/EmptyField.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { i18n } from '../../lib/i18n';
-import { gray6 } from '../../style/common';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { i18n } from '../../lib/i18n.js';
+import { gray6 } from '../../style/common.js';
+
 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'}`) }));
+    return (jsx("span", { style: { color: `var(--theme-disabled-color, ${gray6})` }, children: readonly ? '-' : i18n.t(`views.common.emptyField.${isUser ? 'user' : 'null'}`) }));
 };
-export default EmptyField;
+
+export { EmptyField as default };

package/dist/components/common/PriceTag.js

@@ -1,30 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { useMemo } from 'react';
 import { ClassNames } from '@emotion/react';
-import { i18n } from '../../lib/i18n';
-import SimpleOverflowToolTip from './overflow-tooltip/SimpleOverflowToolTip';
-export const containerStyle = `
-  display: inline-flex;
-  align-items: center;
-  max-width: 100%;
+import { i18n } from '../../lib/i18n.js';
+import SimpleOverflowToolTip from './overflow-tooltip/SimpleOverflowToolTip.js';
+
+const containerStyle = `
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
 `;
-export const textStyle = `
-  flex: 1;
-  width: 0;
+const textStyle = `
+  flex: 1;
+  width: 0;
 `;
-export const tagStyle = `
-  height: 18px;
-  padding: 0 4px;
-  margin-left: 8px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 18px;
-  color: #fff;
-  background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);
-  border-radius: 5px 0;
-  white-space: nowrap;
+const tagStyle = `
+  height: 18px;
+  padding: 0 4px;
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 18px;
+  color: #fff;
+  background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);
+  border-radius: 5px 0;
+  white-space: nowrap;
 `;
-export const PriceTag = ({ text, className, edition, expired }) => {
+const PriceTag = ({ text, className, edition, expired }) => {
     const isTagVisible = useMemo(() => {
         if (edition === 'ee') {
             return false;
@@ -34,5 +35,7 @@ export const PriceTag = ({ text, className, edition, expired }) => {
         }
         return expired;
     }, [edition, expired]);
-    return isTagVisible ? (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs("span", { className: cx(css(containerStyle), className), children: [_jsx(SimpleOverflowToolTip, { title: typeof text === 'string' ? text : null, children: _jsx("span", { className: css(textStyle), children: text }) }), _jsx("span", { className: css(tagStyle), children: i18n.t('components.priceTag.pro') })] })) })) : (text);
+    return isTagVisible ? (jsx(ClassNames, { children: ({ cx, css }) => (jsxs("span", { className: cx(css(containerStyle), className), children: [jsx(SimpleOverflowToolTip, { title: typeof text === 'string' ? text : null, children: jsx("span", { className: css(textStyle), children: text }) }), jsx("span", { className: css(tagStyle), children: i18n.t('components.priceTag.pro') })] })) })) : (text);
 };
+
+export { PriceTag, containerStyle, tagStyle, textStyle };

package/dist/components/common/expand-component/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum EXPAND_TYPE_ENUM {
     TEXT = "text",
     TAG = "tag"

package/dist/components/common/expand-component/index.js

@@ -1,19 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import { ClassNames } from '@emotion/react';
 import { useListener } from '@giteeteam/proxima-sdk-js';
 import { debounce } from 'lodash-es';
-import BaseOverflowTooltip from 'components/common/overflow-tooltip/BaseOverflowTooltip';
-import { cancelIdleCallback, requestIdleCallback } from 'lib/app/utils';
-import useI18n from 'lib/hooks/useI18n';
-import { expandBtn, expandFooter } from './style';
+import BaseOverflowTooltip from '../overflow-tooltip/BaseOverflowTooltip.js';
+import { requestIdleCallback, cancelIdleCallback } from '../../../lib/app/utils.js';
+import useI18n from '../../../lib/hooks/useI18n.js';
+import { expandFooter, expandBtn } from './style.js';
+
 const buttonHeight = 20;
-export var EXPAND_TYPE_ENUM;
+var EXPAND_TYPE_ENUM;
 (function (EXPAND_TYPE_ENUM) {
     EXPAND_TYPE_ENUM["TEXT"] = "text";
     EXPAND_TYPE_ENUM["TAG"] = "tag";
 })(EXPAND_TYPE_ENUM || (EXPAND_TYPE_ENUM = {}));
-export const EXPAND_MAP = {
+const EXPAND_MAP = {
     [EXPAND_TYPE_ENUM.TAG]: {
         maxline: 10,
         lineHeight: 28,
@@ -60,6 +61,7 @@ const Expand = ({ children, editing, expandType = EXPAND_TYPE_ENUM.TAG }) => {
             window.removeEventListener('resize', handle);
         };
     }, [calculate]);
-    return (_jsxs("div", { className: "expand-wrapper", style: { padding: currentLine > 1 && expandType === EXPAND_TYPE_ENUM.TEXT ? '5px 0' : 0 }, children: [_jsx("div", { className: "expand-content", children: _jsx(BaseOverflowTooltip, { maxline: isExpand ? 999 : maxline, children: _jsx("span", { ref: ref, children: children }) }) }), showButton && (_jsx(ClassNames, { children: ({ cx, css }) => (_jsx("div", { className: cx(css(expandFooter)), style: { height: `${buttonHeight}px`, lineHeight: `${buttonHeight}px` }, children: _jsx("span", { className: cx(css(expandBtn)), onClick: toggle, children: isExpand ? t('global.collapse') : t('global.expand') }) })) }))] }));
+    return (jsxs("div", { className: "expand-wrapper", style: { padding: currentLine > 1 && expandType === EXPAND_TYPE_ENUM.TEXT ? '5px 0' : 0 }, children: [jsx("div", { className: "expand-content", children: jsx(BaseOverflowTooltip, { maxline: isExpand ? 999 : maxline, children: jsx("span", { ref: ref, children: children }) }) }), showButton && (jsx(ClassNames, { children: ({ cx, css }) => (jsx("div", { className: cx(css(expandFooter)), style: { height: `${buttonHeight}px`, lineHeight: `${buttonHeight}px` }, children: jsx("span", { className: cx(css(expandBtn)), onClick: toggle, children: isExpand ? t('global.collapse') : t('global.expand') }) })) }))] }));
 };
-export default Expand;
+
+export { EXPAND_MAP, EXPAND_TYPE_ENUM, Expand as default };

package/dist/components/common/expand-component/style.js

@@ -1,8 +1,10 @@
-export const expandFooter = `
-  font-size: 12px;
-  color: #0c62ff;
-  text-align: right;
+const expandFooter = `
+  font-size: 12px;
+  color: #0c62ff;
+  text-align: right;
 `;
-export const expandBtn = `
-  cursor: pointer;
+const expandBtn = `
+  cursor: pointer;
 `;
+
+export { expandBtn, expandFooter };

package/dist/components/common/item-icon/ItemIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ItemProps {
     icon?: string;
     label?: string | React.ReactNode;

package/dist/components/common/item-icon/ItemIcon.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import ItemTypeIcon from 'components/fields/item-type/ItemTypeIcon';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { ItemTypeIcon } from '../../fields/item-type/ItemTypeIcon.js';
+
 const ItemIcon = ({ icon, label, className }) => {
-    return (_jsxs(_Fragment, { children: [icon ? _jsx(ItemTypeIcon, { icon: icon, className: className }) : null, label] }));
+    return (jsxs(Fragment, { children: [icon ? jsx(ItemTypeIcon, { icon: icon, className: className }) : null, label] }));
 };
-export default ItemIcon;
+
+export { ItemIcon as default };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface BaseOverflowTooltip extends React.HTMLAttributes<HTMLSpanElement> {
     maxline?: number;
 }

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

@@ -1,15 +1,16 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { cloneElement, memo, useRef } from 'react';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { memo, useRef, cloneElement } from 'react';
 import { ClassNames } from '@emotion/react';
-import { getTooltipMaxlineStyle, tooltipOverflowStyle } from './style';
+import { tooltipOverflowStyle, getTooltipMaxlineStyle } from './style/index.js';
+
 const BaseOverflowTooltip = props => {
     const { className, title, children, maxline = 1, style, onClick } = props;
     const elRef = useRef();
     if (!children) {
         return null;
     }
-    const childElement = _jsx("span", { children: children });
-    return (_jsx(ClassNames, { children: ({ cx, css }) => {
+    const childElement = jsx("span", { children: children });
+    return (jsx(ClassNames, { children: ({ cx, css }) => {
             return cloneElement(childElement, {
                 ref: elRef,
                 className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(maxline)), className),
@@ -20,4 +21,6 @@ const BaseOverflowTooltip = props => {
         } }));
 };
 BaseOverflowTooltip.displayName = 'BaseOverflowTooltip';
-export default memo(BaseOverflowTooltip);
+var BaseOverflowTooltip$1 = memo(BaseOverflowTooltip);
+
+export { BaseOverflowTooltip$1 as default };

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

@@ -1,8 +1,9 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { memo, useState, useRef, useCallback, useEffect } from 'react';
 import { ClassNames } from '@emotion/react';
 import { Tooltip } from 'antd';
-import { getTooltipMaxlineStyle, tooltipOverflowStyle } from './style';
+import { tooltipOverflowStyle, getTooltipMaxlineStyle } from './style/index.js';
+
 const isTextOverflow = element => {
     return new Promise(resolve => {
         window.requestAnimationFrame(() => {
@@ -46,9 +47,11 @@ const OverflowTooltip = props => {
     if (!children) {
         return null;
     }
-    const content = (_jsx(ClassNames, { children: ({ cx, css }) => (_jsx("span", { ref: elRef, className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(maxline)), className), style: style, onMouseLeave: () => {
+    const content = (jsx(ClassNames, { children: ({ cx, css }) => (jsx("span", { ref: elRef, className: cx(css(tooltipOverflowStyle), css(getTooltipMaxlineStyle(maxline)), className), style: style, onMouseLeave: () => {
                 !enterable && setVisible(false);
             }, children: children })) }));
-    return (_jsx(Tooltip, { trigger: trigger, placement: placement, overlayStyle: overlayStyle, overlayClassName: overlayClassName, title: title, open: visible, onOpenChange: handleVisibleChange, getPopupContainer: getContainer, destroyTooltipOnHide: true, children: content }));
+    return (jsx(Tooltip, { trigger: trigger, placement: placement, overlayStyle: overlayStyle, overlayClassName: overlayClassName, title: title, open: visible, onOpenChange: handleVisibleChange, getPopupContainer: getContainer, destroyTooltipOnHide: true, children: content }));
 };
-export default memo(OverflowTooltip);
+var OverflowTooltip$1 = memo(OverflowTooltip);
+
+export { OverflowTooltip$1 as default };

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

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

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

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

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

@@ -1,3 +1,5 @@
-export const fieldValueOverlayStyle = `
-  width: 100%;
+const fieldValueOverlayStyle = `
+  width: 100%;
 `;
+
+export { fieldValueOverlayStyle };

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

@@ -1,17 +1,20 @@
-import { gray4, gray6 } from 'style/common';
-export const hoverStyle = `
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 32px;
-  padding: 0 8px !important;
-  color: rgb(226 236 255 50%);
-  border: 1px solid ${gray4};
-  border-radius: 4px;
+import { gray4, gray6 } from '../../../style/common.js';
+
+const hoverStyle = `
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  padding: 0 8px !important;
+  color: rgb(226 236 255 50%);
+  border: 1px solid ${gray4};
+  border-radius: 4px;
 `;
-export const hoverIconStyle = `
-  display: none;
-  font-size: 12px;
-  color: ${gray6};
+const hoverIconStyle = `
+  display: none;
+  font-size: 12px;
+  color: ${gray6};
 `;
+
+export { hoverIconStyle, hoverStyle };

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

@@ -1,15 +1,17 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import React, { useMemo } from 'react';
 import { ClassNames } from '@emotion/react';
-import { getBackgroundColor, getNameBadge } from '../utils';
-import { avatarItemStyle, avatarStyle, defaultAvatarStyle } from './style';
+import { getNameBadge, getBackgroundColor } from '../utils.js';
+import { avatarItemStyle, avatarStyle, defaultAvatarStyle } from './style/index.js';
+
 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.nickname) || (user === null || user === void 0 ? void 0 : user.username), [user]);
     const userBadge = useMemo(() => getNameBadge(displayName), [displayName]);
-    return (_jsx(ClassNames, { children: ({ cx, css }) => {
-            return avatarUrl ? (_jsx("span", { className: cx('avatar-item', css(avatarItemStyle), css(avatarStyle), css(className)), style: { backgroundImage: `url(${avatarUrl})` } })) : (_jsx("span", { className: cx('avatar-item', css(avatarItemStyle), css(defaultAvatarStyle), css(className)), style: getBackgroundColor(userBadge), children: userBadge }));
+    return (jsx(ClassNames, { children: ({ cx, css }) => {
+            return avatarUrl ? (jsx("span", { className: cx('avatar-item', css(avatarItemStyle), css(avatarStyle), css(className)), style: { backgroundImage: `url(${avatarUrl})` } })) : (jsx("span", { className: cx('avatar-item', css(avatarItemStyle), css(defaultAvatarStyle), css(className)), style: getBackgroundColor(userBadge), children: userBadge }));
         } }));
 });
 UserAvatar.displayName = 'UserAvatar';
-export default UserAvatar;
+
+export { UserAvatar as default };

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

@@ -1,25 +1,27 @@
 const avatarSize = '20px';
-export const avatarItemStyle = `
-  flex-shrink: 0;
+const avatarItemStyle = `
+  flex-shrink: 0;
 `;
-export const avatarStyle = `
-  display: inline-block;
-  width: ${avatarSize};
-  height: ${avatarSize};
-  margin-right: 3px;
-  vertical-align: middle;
-  background: #fff center/contain no-repeat;
-  border-radius: 50%;
+const avatarStyle = `
+  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 = `
-  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%;
+const defaultAvatarStyle = `
+  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%;
 `;
+
+export { avatarItemStyle, avatarStyle, defaultAvatarStyle };

package/dist/components/common/utils.js

@@ -1,6 +1,8 @@
-import dayjs from '../../lib/dayjs';
-import { DATE_TIME_FORMAT, DATE_TIME_FORMAT_SEC } from '../../lib/global';
-export const getNameBadge = (name) => {
+import '../../lib/dayjs.js';
+import { DATE_TIME_FORMAT, DATE_TIME_FORMAT_SEC } from '../../lib/global.js';
+import dayjs from 'dayjs';
+
+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;
@@ -8,14 +10,14 @@ export const getNameBadge = (name) => {
     return String.fromCodePoint(str.codePointAt(0));
 };
 const randomBackgroundColor = ['#5EA1FF', '#4BCC87', '#FFD15E'];
-export const getBackgroundColor = (s) => {
+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 dateFormat = (time, type) => {
     const format = DATE_TIME_FORMAT;
     const format_sec = DATE_TIME_FORMAT_SEC;
     const date = dayjs(time);
@@ -34,7 +36,7 @@ export const dateFormat = (time, type) => {
         }
     }
 };
-export const defaultFilterOptions = (inputValue, option) => {
+const defaultFilterOptions = (inputValue, option) => {
     var _a, _b, _c;
     const lowerInputValue = inputValue.toLocaleLowerCase();
     try {
@@ -65,7 +67,7 @@ export const defaultFilterOptions = (inputValue, option) => {
     return false;
 };
 const defaultConditionFunc = (dom, className) => dom.parentElement.className.includes(className);
-export const getParentEle = (dom, className, conditionFunc = defaultConditionFunc) => {
+const getParentEle = (dom, className, conditionFunc = defaultConditionFunc) => {
     if (conditionFunc(dom, className)) {
         return dom.parentElement;
     }
@@ -76,7 +78,7 @@ export const getParentEle = (dom, className, conditionFunc = defaultConditionFun
         return getParentEle(dom.parentElement, className);
     }
 };
-export const getPopupContainerFun = (getPopupContainer, triggerNode, apply, page) => {
+const getPopupContainerFun = (getPopupContainer, triggerNode, apply, page) => {
     if (getPopupContainer) {
         return getPopupContainer();
     }
@@ -87,4 +89,6 @@ export const getPopupContainerFun = (getPopupContainer, triggerNode, apply, page
     return ele;
 };
 const zhReg = /[\u4e00-\u9fa5]/g;
-export const isChinese = (text) => zhReg.test(text);
+const isChinese = (text) => zhReg.test(text);
+
+export { dateFormat, defaultFilterOptions, getBackgroundColor, getNameBadge, getParentEle, getPopupContainerFun, isChinese };

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

@@ -1,19 +1,24 @@
-import { LargeItem, LargeWorkspace, SmallDefault } from 'icons/empty-icon';
-import { largeItemClass, largeWorkspaceClass, smallDefaultClass } from './style';
-export const config = {
+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: SmallDefault,
+        url: img,
         className: smallDefaultClass,
     },
     largeItem: {
         text: 'views.tableComponents.TableEmpty.noDataTip',
-        url: LargeItem,
+        url: img$1,
         className: largeItemClass,
     },
     largeWorkspace: {
         text: 'pages.workspaces.default.emptyDataDefaultProps.operationInfo',
-        url: LargeWorkspace,
+        url: img$2,
         className: largeWorkspaceClass,
     },
 };
+
+export { config };

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

@@ -1,23 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { ClassNames } from '@emotion/react';
-import useI18n from 'lib/hooks/useI18n';
-import { config } from './config';
-import { autoMarginClass, emptyIconWrapper, largeMarginClass, noMarginClass, smallMarginClass, smallTextClass, textClass, } from './style';
-import { EmptyType } from './types';
+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), {
+    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] })) }));
+            }, className), style: style, children: [jsx("img", { className: cx(defaultClass), src: url, alt: "" }), jsx("p", { className: cx(textClass), children: text || t(defaultText) }), extra] })) }));
 };
-export default EmptyIcon;
 EmptyIcon.defaultProps = {
     type: EmptyType.SMALL_DEFAULT,
 };
-export { EmptyType } from './types';
+
+export { EmptyType, EmptyIcon as default };