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

package/README.md

@@ -1,28 +1,21 @@
-# @giteeteam/apps-team-components
-
-- gitee team components
-
-## 注意
-插件使用需要加上speedy:false，防止切换应用时css会丢失
-
-```jsx
-import { LibraryProvider } from "@giteeteam/apps-team-components";
-
-const Demo = ({children}) => {
-  return (
-    <LibraryProvider emotionCacheOptions={{ key: "appKey", speedy: false }}>
-      {children}
-    </LibraryProvider>
-  )
-}
-```
-
-## TODO
-- SimpleOverflowTooltip 统一为 BaseOverflowToolTip 导出
-- 去除 BaseOverflowToolTip 的 maxline
-
-# 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

@@ -0,0 +1,22 @@
+export declare enum EXPAND_TYPE_ENUM {
+    TEXT = "text",
+    TAG = "tag"
+}
+export declare const EXPAND_MAP: {
+    tag: {
+        maxline: number;
+        lineHeight: number;
+    };
+    text: {
+        maxline: number;
+        lineHeight: number;
+    };
+};
+interface ExpandProps {
+    children: React.ReactNode;
+    expandType?: EXPAND_TYPE_ENUM;
+    editing?: boolean;
+    readonly: boolean;
+}
+declare const Expand: React.FC<ExpandProps>;
+export default Expand;

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

@@ -0,0 +1,67 @@
+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 '../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;
+var EXPAND_TYPE_ENUM;
+(function (EXPAND_TYPE_ENUM) {
+    EXPAND_TYPE_ENUM["TEXT"] = "text";
+    EXPAND_TYPE_ENUM["TAG"] = "tag";
+})(EXPAND_TYPE_ENUM || (EXPAND_TYPE_ENUM = {}));
+const EXPAND_MAP = {
+    [EXPAND_TYPE_ENUM.TAG]: {
+        maxline: 10,
+        lineHeight: 28,
+    },
+    [EXPAND_TYPE_ENUM.TEXT]: {
+        maxline: 15,
+        lineHeight: 22,
+    },
+};
+const Expand = ({ children, editing, expandType = EXPAND_TYPE_ENUM.TAG }) => {
+    const [currentLine, setCurrentLine] = useState(0);
+    const [isExpand, setExpand] = useState(false);
+    const ref = useRef();
+    const { t } = useI18n();
+    const { maxline, lineHeight } = useMemo(() => {
+        const map = EXPAND_MAP[expandType];
+        return map || EXPAND_MAP[EXPAND_TYPE_ENUM.TAG];
+    }, [expandType]);
+    const showButton = useMemo(() => {
+        return currentLine > maxline;
+    }, [currentLine, maxline]);
+    const toggle = e => {
+        e.stopPropagation();
+        setExpand(prev => !prev);
+    };
+    const calculate = useCallback(() => {
+        if (editing || !ref.current)
+            return;
+        const height = ref.current.offsetHeight;
+        const line = Math.ceil(height / lineHeight);
+        setCurrentLine(line);
+    }, [editing, lineHeight]);
+    useListener('itemDetailModalResize', calculate);
+    useEffect(() => {
+        const id = requestIdleCallback(() => calculate());
+        return () => {
+            cancelIdleCallback(id);
+        };
+    }, [calculate]);
+    useEffect(() => {
+        const handle = debounce(calculate, 200);
+        window.addEventListener('resize', handle);
+        return () => {
+            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') }) })) }))] }));
+};
+
+export { EXPAND_MAP, EXPAND_TYPE_ENUM, Expand as default };

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

@@ -0,0 +1,2 @@
+export declare const expandFooter = "\n  font-size: 12px;\n  color: #0c62ff;\n  text-align: right;\n";
+export declare const expandBtn = "\n  cursor: pointer;\n";

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

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

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

@@ -0,0 +1,7 @@
+interface ItemProps {
+    icon?: string;
+    label?: string | React.ReactNode;
+    className?: string;
+}
+declare const ItemIcon: React.FC<ItemProps>;
+export default ItemIcon;

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

@@ -0,0 +1,8 @@
+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] }));
+};
+
+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.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+interface OverflowTooltip {
+    trigger?: 'hover' | 'focus' | 'click' | 'contextMenu';
+    className?: string;
+    title?: React.ReactNode;
+    children: any;
+    disabled?: boolean;
+    maxline?: number;
+    mountOnCurrentNode?: boolean;
+    overlayClassName?: string;
+    style?: CSSProperties;
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    alwaysShowTooltip?: boolean;
+    defaultVisible?: boolean;
+    enterable?: boolean;
+}
+declare const OverflowTooltip: React.FC<OverflowTooltip>;
+declare const _default: import("react").NamedExoticComponent<OverflowTooltip>;
+export default _default;

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

@@ -0,0 +1,57 @@
+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 { tooltipOverflowStyle, getTooltipMaxlineStyle } from './style/index.js';
+
+const isTextOverflow = element => {
+    return new Promise(resolve => {
+        window.requestAnimationFrame(() => {
+            resolve((element && element.clientHeight < element.scrollHeight) || false);
+        });
+    });
+};
+const overlayStyle = {
+    wordBreak: 'break-word',
+    whiteSpace: 'pre-wrap',
+};
+const getCurrentNodeContainer = target => target.parentNode;
+const getPopupContainer = () => document.body;
+const OverflowTooltip = props => {
+    const { trigger = 'hover', className = '', title = '', children, disabled = false, placement = 'top', maxline = 1, overlayClassName, mountOnCurrentNode = false, style, alwaysShowTooltip, defaultVisible = false, enterable, } = props;
+    const [visible, setVisible] = useState(defaultVisible);
+    const elRef = useRef();
+    const getContainer = mountOnCurrentNode ? getCurrentNodeContainer : getPopupContainer;
+    const updateVisible = useCallback(visible => {
+        setVisible(visible);
+    }, [setVisible]);
+    const handleVisibleChange = useCallback(async (visible) => {
+        const overflow = await isTextOverflow(elRef.current);
+        if (visible && alwaysShowTooltip && !disabled) {
+            updateVisible(true);
+            setVisible(true);
+        }
+        if (visible && overflow && !disabled) {
+            updateVisible(visible);
+            setVisible(visible);
+        }
+        if (!visible) {
+            updateVisible(visible);
+        }
+    }, [disabled, updateVisible, alwaysShowTooltip]);
+    useEffect(() => {
+        if (disabled) {
+            setVisible(false);
+        }
+    }, [disabled]);
+    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: () => {
+                !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 }));
+};
+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.d.ts

@@ -0,0 +1,2 @@
+export declare const hoverStyle = "\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 32px;\n  padding: 0 8px !important;\n  color: rgb(226 236 255 50%);\n  border: 1px solid #F1F2F4;\n  border-radius: 4px;\n";
+export declare const hoverIconStyle = "\n  display: none;\n  font-size: 12px;\n  color: #C1C5CF;\n";

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

@@ -0,0 +1,20 @@
+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;
+`;
+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.d.ts

@@ -3,3 +3,9 @@ export declare const getBackgroundColor: (s?: string) => {
     background: string;
 };
 export declare const dateFormat: (time: string, type?: string) => string;
+export declare const defaultFilterOptions: (inputValue: string, option: any) => boolean;
+type GetCondition = (dom: HTMLElement, className: string) => boolean;
+export declare const getParentEle: (dom: HTMLElement, className: string, conditionFunc?: GetCondition) => HTMLElement;
+export declare const getPopupContainerFun: (getPopupContainer: (node?: HTMLElement) => HTMLElement, triggerNode: HTMLElement, apply: string, page?: string) => HTMLElement;
+export declare const isChinese: (text: string) => boolean;
+export {};

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,3 +36,59 @@ export const dateFormat = (time, type) => {
         }
     }
 };
+const defaultFilterOptions = (inputValue, option) => {
+    var _a, _b, _c;
+    const lowerInputValue = inputValue.toLocaleLowerCase();
+    try {
+        if (typeof option.children === 'string') {
+            return option.children.toLowerCase().indexOf(lowerInputValue) >= 0;
+        }
+        else if (option.children && typeof ((_a = option.children.props) === null || _a === void 0 ? void 0 : _a.label) === 'string') {
+            return option.children.props.label.toLowerCase().indexOf(lowerInputValue) >= 0;
+        }
+        else if (option.children) {
+            const label = (_c = (_b = option === null || option === void 0 ? void 0 : option.children) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.label;
+            const str = label !== null && label !== void 0 ? label : JSON.stringify(option);
+            return str.toLowerCase().indexOf(lowerInputValue) >= 0;
+        }
+        else if (option.label) {
+            return option.label.toLowerCase().indexOf(lowerInputValue) >= 0;
+        }
+    }
+    catch (e) {
+        if (option.children) {
+            const cloneOption = { ...option };
+            delete cloneOption.children;
+            const str = JSON.stringify(cloneOption);
+            return str.toLowerCase().indexOf(lowerInputValue) >= 0;
+        }
+        return false;
+    }
+    return false;
+};
+const defaultConditionFunc = (dom, className) => dom.parentElement.className.includes(className);
+const getParentEle = (dom, className, conditionFunc = defaultConditionFunc) => {
+    if (conditionFunc(dom, className)) {
+        return dom.parentElement;
+    }
+    else if (dom.parentElement === document.body) {
+        return document.body;
+    }
+    else {
+        return getParentEle(dom.parentElement, className);
+    }
+};
+const getPopupContainerFun = (getPopupContainer, triggerNode, apply, page) => {
+    if (getPopupContainer) {
+        return getPopupContainer();
+    }
+    const ele = getParentEle(triggerNode, page + '-page-class');
+    if (apply === 'cell' || !ele) {
+        return document.body;
+    }
+    return ele;
+};
+const zhReg = /[\u4e00-\u9fa5]/g;
+const isChinese = (text) => zhReg.test(text);
+
+export { dateFormat, defaultFilterOptions, getBackgroundColor, getNameBadge, getParentEle, getPopupContainerFun, isChinese };

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

@@ -0,0 +1,2 @@
+import { ConfigType } from './types';
+export declare const config: ConfigType;