feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/other/AntdConfigProvider.react.js

@@ -8,27 +8,26 @@ import {
     // 暗色主题
     darkTheme,
 } from '@ant-design/compatible';
-import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs'
+import {
+    StyleProvider,
+    legacyLogicalPropertiesTransformer,
+} from '@ant-design/cssinjs';
 // 辅助库
 import { isUndefined, omitBy } from 'lodash';
 import { useLoading } from '../utils';
 // 自定义上下文
 import PropsContext from '../../contexts/PropsContext';
 
-const str2algorithm = new Map(
-    [
-        ['default', theme.defaultAlgorithm],
-        ['dark', theme.darkAlgorithm],
-        ['compact', theme.compactAlgorithm]
-    ]
-);
-
-const str2oldTheme = new Map(
-    [
-        ['default', defaultTheme],
-        ['dark', darkTheme]
-    ]
-)
+const str2algorithm = new Map([
+    ['default', theme.defaultAlgorithm],
+    ['dark', theme.darkAlgorithm],
+    ['compact', theme.compactAlgorithm],
+]);
+
+const str2oldTheme = new Map([
+    ['default', defaultTheme],
+    ['dark', darkTheme],
+]);
 
 /**
  * 参数配置组件AntdConfigProvider
@@ -48,54 +47,57 @@ const AntdConfigProvider = ({
     componentsToken,
     compatibilityMode = false,
     enableLayer = false,
-    setProps
+    setProps,
 }) => {
     const themeObject = useOldTheme
         ? str2oldTheme.get(useOldTheme)
-        : omitBy({
-            algorithm: (
-                Array.isArray(algorithm)
-                    ? algorithm.map(e => str2algorithm.get(e))
-                    : str2algorithm.get(algorithm)
-            ),
-            cssVar: cssVar,
-            hashed: false,
-            token: omitBy(
-                {
-                    colorPrimary: primaryColor,
-                    ...token
-                },
-                isUndefined
-            ),
-            components: omitBy(
-                {
-                    ...componentsToken
-                },
-                isUndefined
-            )
-        }, isUndefined);
-    let configProviderInstance = (
-        <ConfigProvider id={id}
+        : omitBy(
+              {
+                  algorithm: Array.isArray(algorithm)
+                      ? algorithm.map((e) => str2algorithm.get(e))
+                      : str2algorithm.get(algorithm),
+                  cssVar: cssVar,
+                  hashed: false,
+                  token: omitBy(
+                      {
+                          colorPrimary: primaryColor,
+                          ...token,
+                      },
+                      isUndefined
+                  ),
+                  components: omitBy(
+                      {
+                          ...componentsToken,
+                      },
+                      isUndefined
+                  ),
+              },
+              isUndefined
+          );
+    const configProviderInstance = (
+        <ConfigProvider
+            id={id}
             theme={themeObject}
             wave={{ disabled: wavesDisabled }}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </ConfigProvider>
-    )
+    );
 
     if (compatibilityMode) {
         return (
             <PropsContext.Provider
-                value={
-                    {
-                        locale,
-                        componentDisabled,
-                        componentSize
-                    }
-                }
+                value={{
+                    locale,
+                    componentDisabled,
+                    componentSize,
+                }}
             >
-                <StyleProvider hashPriority={'high'}
-                    transformers={[legacyLogicalPropertiesTransformer]}>
+                <StyleProvider
+                    hashPriority={'high'}
+                    transformers={[legacyLogicalPropertiesTransformer]}
+                >
                     {configProviderInstance}
                 </StyleProvider>
             </PropsContext.Provider>
@@ -103,35 +105,28 @@ const AntdConfigProvider = ({
     } else if (enableLayer) {
         return (
             <PropsContext.Provider
-                value={
-                    {
-                        locale,
-                        componentDisabled,
-                        componentSize
-                    }
-                }
+                value={{
+                    locale,
+                    componentDisabled,
+                    componentSize,
+                }}
             >
-                <StyleProvider layer>
-                    {configProviderInstance}
-                </StyleProvider>
-            </PropsContext.Provider>
-        );
-    } else {
-        return (
-            <PropsContext.Provider
-                value={
-                    {
-                        locale,
-                        componentDisabled,
-                        componentSize
-                    }
-                }
-            >
-                {configProviderInstance}
+                <StyleProvider layer>{configProviderInstance}</StyleProvider>
             </PropsContext.Provider>
         );
     }
-}
+    return (
+        <PropsContext.Provider
+            value={{
+                locale,
+                componentDisabled,
+                componentSize,
+            }}
+        >
+            {configProviderInstance}
+        </PropsContext.Provider>
+    );
+};
 
 AntdConfigProvider.propTypes = {
     /**
@@ -155,7 +150,7 @@ AntdConfigProvider.propTypes = {
      */
     algorithm: PropTypes.oneOfType([
         PropTypes.oneOf(['default', 'dark', 'compact']),
-        PropTypes.arrayOf(PropTypes.oneOf(['default', 'dark', 'compact']))
+        PropTypes.arrayOf(PropTypes.oneOf(['default', 'dark', 'compact'])),
     ]),
 
     /**
@@ -166,8 +161,8 @@ AntdConfigProvider.propTypes = {
         PropTypes.bool,
         PropTypes.shape({
             prefix: PropTypes.string,
-            key: PropTypes.string
-        })
+            key: PropTypes.string,
+        }),
     ]),
 
     /**
@@ -191,9 +186,9 @@ AntdConfigProvider.propTypes = {
     componentSize: PropTypes.oneOf(['small', 'middle', 'large']),
 
     /**
-     * 强制设置后代元素的语言，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 强制设置后代元素的语言，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'fr-fr'`（法语）
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru', 'fr-fr']),
 
     /**
      * 是否禁用内部组件水波纹动效
@@ -209,7 +204,7 @@ AntdConfigProvider.propTypes = {
          * 是否开启动画效果
          * 默认值：`true`
          */
-        motion: PropTypes.bool
+        motion: PropTypes.bool,
     }),
 
     /**
@@ -221,7 +216,7 @@ AntdConfigProvider.propTypes = {
              * 是否开启派生样式自动推导运算
              * 默认值：`false`
              */
-            algorithm: PropTypes.bool
+            algorithm: PropTypes.bool,
         })
     ),
 
@@ -241,7 +236,7 @@ AntdConfigProvider.propTypes = {
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
      */
-    setProps: PropTypes.func
+    setProps: PropTypes.func,
 };
 
-export default AntdConfigProvider;
+export default AntdConfigProvider;

package/src/lib/components/other/AntdCopyText.react.js

@@ -32,20 +32,24 @@ const AntdCopyText = ({
     setProps,
     ...others
 }) => {
-
-    const context = useContext(PropsContext)
-    locale = (context && context.locale) || locale
+    const context = useContext(PropsContext);
+    locale = (context && context.locale) || locale;
 
     return (
         <ConfigProvider locale={str2Locale.get(locale)}>
             <Text
                 // 提取具有data-*或aria-*通配格式的属性
-                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+                {...pickBy(
+                    (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                    others
+                )}
                 id={id}
                 className={
-                    isString(className) ?
-                        className :
-                        (className ? useCss(className) : undefined)
+                    isString(className)
+                        ? className
+                        : className
+                          ? useCss(className)
+                          : undefined
                 }
                 style={style}
                 key={key}
@@ -53,12 +57,13 @@ const AntdCopyText = ({
                     text: text,
                     icon: [beforeIcon, afterIcon],
                     format: format,
-                    tooltips: tooltips
+                    tooltips: tooltips,
                 }}
-                data-dash-is-loading={useLoading()} />
+                data-dash-is-loading={useLoading()}
+            />
         </ConfigProvider>
     );
-}
+};
 
 AntdCopyText.propTypes = {
     /**
@@ -79,16 +84,13 @@ AntdCopyText.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'fr-fr'`（法语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru', 'fr-fr']),
 
     /**
      * 复制目标内容
@@ -106,7 +108,7 @@ AntdCopyText.propTypes = {
      */
     tooltips: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
-        PropTypes.bool
+        PropTypes.bool,
     ]),
 
     /**
@@ -133,7 +135,7 @@ AntdCopyText.propTypes = {
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
      */
-    setProps: PropTypes.func
+    setProps: PropTypes.func,
 };
 
-export default AntdCopyText;
+export default AntdCopyText;

package/src/lib/components/other/AntdHappyProvider.react.js

@@ -1,17 +1,14 @@
 // react核心
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 // antd核心
-import { HappyProvider } from "@ant-design/happy-work-theme";
+import { HappyProvider } from '@ant-design/happy-work-theme';
 // 辅助库
-import { useLoading } from "../utils";
+import { useLoading } from '../utils';
 
 /**
  * 快乐工作特效组件AntdHappyProvider
  */
-const AntdHappyProvider = ({
-    children,
-    disabled = false
-}) => {
+const AntdHappyProvider = ({ children, disabled = false }) => {
     return (
         <HappyProvider disabled={disabled} data-dash-is-loading={useLoading()}>
             {children}
@@ -48,4 +45,4 @@ AntdHappyProvider.propTypes = {
     setProps: PropTypes.func,
 };
 
-export default AntdHappyProvider;
+export default AntdHappyProvider;

package/src/lib/components/other/AntdTour.react.js

@@ -31,38 +31,32 @@ const AntdTour = ({
     setProps,
     ...others
 }) => {
-
     return (
-        <ConfigProvider
-            locale={str2Locale.get(locale)}
-        >
+        <ConfigProvider locale={str2Locale.get(locale)}>
             <Tour
                 // 提取具有data-*或aria-*通配格式的属性
-                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+                {...pickBy(
+                    (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                    others
+                )}
                 id={id}
                 className={
-                    isString(className) ?
-                        className :
-                        (className ? useCss(className) : undefined)
+                    isString(className)
+                        ? className
+                        : className
+                          ? useCss(className)
+                          : undefined
                 }
                 style={style}
                 key={key}
-                steps={
-                    steps.map(
-                        (item) => ({
-                            ...item,
-                            target: (
-                                item.targetId ?
-                                    () => document.getElementById(item.targetId) :
-                                    (
-                                        item.targetSelector ?
-                                            () => document.querySelector(item.targetSelector) :
-                                            null
-                                    )
-                            )
-                        })
-                    )
-                }
+                steps={steps.map((item) => ({
+                    ...item,
+                    target: item.targetId
+                        ? () => document.getElementById(item.targetId)
+                        : item.targetSelector
+                          ? () => document.querySelector(item.targetSelector)
+                          : null,
+                }))}
                 arrow={arrow}
                 placement={placement}
                 mask={mask}
@@ -73,10 +67,11 @@ const AntdTour = ({
                 onChange={(e) => setProps({ current: e })}
                 onClose={() => setProps({ open: false })}
                 onFinish={() => setProps({ open: false })}
-                data-dash-is-loading={useLoading()} />
+                data-dash-is-loading={useLoading()}
+            />
         </ConfigProvider>
     );
-}
+};
 
 AntdTour.propTypes = {
     /**
@@ -97,16 +92,13 @@ AntdTour.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'fr-fr'`（法语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru', 'fr-fr']),
 
     /**
      * 配置引导步骤
@@ -131,8 +123,8 @@ AntdTour.propTypes = {
                     /**
                      * 箭头是否指向目标中心
                      */
-                    pointAtCenter: PropTypes.bool
-                })
+                    pointAtCenter: PropTypes.bool,
+                }),
             ]),
             /**
              * 组件型，当前步骤弹框的封面内容
@@ -150,7 +142,19 @@ AntdTour.propTypes = {
              * 当前引导步骤弹框相对目标元素的位置，可选项有`'center'`、`'left'`、`'leftTop'`、`'leftBottom'`、`'right'`、`'rightTop'`、`'rightBottom'`、`'top'`、`'topLeft'`、`'topRight'`、`'bottom'`、`'bottomLeft'`、`'bottomRight'`
              */
             placement: PropTypes.oneOf([
-                'center', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'top', 'topLeft', 'topRight', 'bottom', 'bottomLeft', 'bottomRight'
+                'center',
+                'left',
+                'leftTop',
+                'leftBottom',
+                'right',
+                'rightTop',
+                'rightBottom',
+                'top',
+                'topLeft',
+                'topRight',
+                'bottom',
+                'bottomLeft',
+                'bottomRight',
             ]),
             /**
              * 配置当前步骤蒙版层
@@ -166,8 +170,8 @@ AntdTour.propTypes = {
                     /**
                      * 当前步骤蒙版层颜色
                      */
-                    color: PropTypes.string
-                })
+                    color: PropTypes.string,
+                }),
             ]),
             /**
              * 当前步骤弹框类型，可选项有`'default'`、`'primary'`
@@ -181,7 +185,7 @@ AntdTour.propTypes = {
                 /**
                  * 组件型，按钮内嵌元素
                  */
-                children: PropTypes.node
+                children: PropTypes.node,
             }),
             /**
              * 配置当前步骤上一步按钮
@@ -190,8 +194,8 @@ AntdTour.propTypes = {
                 /**
                  * 组件型，按钮内嵌元素
                  */
-                children: PropTypes.node
-            })
+                children: PropTypes.node,
+            }),
         })
     ),
 
@@ -205,8 +209,8 @@ AntdTour.propTypes = {
             /**
              * 箭头是否指向目标中心
              */
-            pointAtCenter: PropTypes.bool
-        })
+            pointAtCenter: PropTypes.bool,
+        }),
     ]),
 
     /**
@@ -214,7 +218,19 @@ AntdTour.propTypes = {
      * 默认值：`'bottom'`
      */
     placement: PropTypes.oneOf([
-        'center', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'top', 'topLeft', 'topRight', 'bottom', 'bottomLeft', 'bottomRight'
+        'center',
+        'left',
+        'leftTop',
+        'leftBottom',
+        'right',
+        'rightTop',
+        'rightBottom',
+        'top',
+        'topLeft',
+        'topRight',
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
     ]),
 
     /**
@@ -231,8 +247,8 @@ AntdTour.propTypes = {
             /**
              * 蒙版层颜色
              */
-            color: PropTypes.string
-        })
+            color: PropTypes.string,
+        }),
     ]),
 
     /**
@@ -272,7 +288,7 @@ AntdTour.propTypes = {
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
      */
-    setProps: PropTypes.func
+    setProps: PropTypes.func,
 };
 
-export default AntdTour;
+export default AntdTour;

package/src/lib/components/other/AntdWatermark.react.js

@@ -31,13 +31,15 @@ const AntdWatermark = ({
     inherit = true,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <WaterMark
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             className={className}
             style={style}
@@ -55,11 +57,12 @@ const AntdWatermark = ({
             width={width}
             height={height}
             inherit={inherit}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </WaterMark>
     );
-}
+};
 
 AntdWatermark.propTypes = {
     /**
@@ -102,7 +105,7 @@ AntdWatermark.propTypes = {
      */
     content: PropTypes.oneOfType([
         PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string)
+        PropTypes.arrayOf(PropTypes.string),
     ]),
 
     /**
@@ -174,7 +177,7 @@ AntdWatermark.propTypes = {
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
      */
-    setProps: PropTypes.func
+    setProps: PropTypes.func,
 };
 
-export default AntdWatermark;
+export default AntdWatermark;

package/src/lib/components/other/Fragment.react.js

@@ -10,14 +10,13 @@ const { useToken } = theme;
  * 空节点组件Fragment
  */
 const Fragment = (props) => {
-
     const { token: _token } = useToken();
 
     useEffect(() => {
         props.setProps({ token: _token });
-    }, [_token])
+    }, [_token]);
 
-    return (<>{props.children}</>);
+    return <>{props.children}</>;
 };
 
 Fragment.propTypes = {
@@ -45,7 +44,7 @@ Fragment.propTypes = {
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
      */
-    setProps: PropTypes.func
+    setProps: PropTypes.func,
 };
 
-export default Fragment;
+export default Fragment;