feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/feedback/AntdDrawer.react.js

@@ -41,39 +41,43 @@ const AntdDrawer = ({
     setProps,
     ...others
 }) => {
-
     const onClose = () => {
-        setProps({ visible: false })
-    }
+        setProps({ visible: false });
+    };
 
     return (
         <Drawer
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             key={key}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             style={
-                containerId || containerSelector ?
-                    {
-                        ...{ position: 'absolute' },
-                        ...style
-                    } :
-                    style
+                containerId || containerSelector
+                    ? {
+                          ...{ position: 'absolute' },
+                          ...style,
+                      }
+                    : style
             }
             classNames={classNames}
             styles={styles}
             rootStyle={
-                containerId || containerSelector ?
-                    {
-                        position: 'absolute',
-                        ...rootStyle
-                    } :
-                    rootStyle
+                containerId || containerSelector
+                    ? {
+                          position: 'absolute',
+                          ...rootStyle,
+                      }
+                    : rootStyle
             }
             open={visible}
             title={title}
@@ -82,13 +86,14 @@ const AntdDrawer = ({
             forceRender={forceRender}
             destroyOnClose={destroyOnClose}
             getContainer={
-                containerId || containerSelector ?
-                    (
-                        containerId ?
-                            () => document.getElementById(containerId) || document.body :
-                            () => eval(containerSelector)
-                    ) :
-                    undefined}
+                containerId || containerSelector
+                    ? containerId
+                        ? () =>
+                              document.getElementById(containerId) ||
+                              document.body
+                        : () => eval(containerSelector)
+                    : undefined
+            }
             height={height}
             mask={mask}
             maskClosable={maskClosable}
@@ -99,10 +104,11 @@ const AntdDrawer = ({
             footer={footer}
             onClose={onClose}
             data-dash-is-loading={useLoading()}
-        >{children}
+        >
+            {children}
         </Drawer>
     );
-}
+};
 
 AntdDrawer.propTypes = {
     /**
@@ -128,10 +134,7 @@ AntdDrawer.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 配置各子元素的css类名
@@ -156,7 +159,7 @@ AntdDrawer.propTypes = {
         /**
          * 抽屉容器元素css类名
          */
-        content: PropTypes.string
+        content: PropTypes.string,
     }),
 
     /**
@@ -182,7 +185,7 @@ AntdDrawer.propTypes = {
         /**
          * 抽屉容器元素css样式
          */
-        content: PropTypes.object
+        content: PropTypes.object,
     }),
 
     /**
@@ -229,19 +232,13 @@ AntdDrawer.propTypes = {
      * 抽屉像素宽度，`placement`为`'left'`、`'right'`时有效
      * 默认值：`256`
      */
-    width: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.string
-    ]),
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
     /**
      * 抽屉像素高度，`placement`为`'top'`、`'bottom'`时有效
      * 默认值：`256`
      */
-    height: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.string
-    ]),
+    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
     /**
      * 是否显示遮罩层
@@ -301,7 +298,7 @@ AntdDrawer.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 AntdDrawer;
+export default AntdDrawer;

package/src/lib/components/feedback/AntdMessage.react.js

@@ -22,58 +22,51 @@ const AntdMessage = ({
     iconRenderer = 'AntdIcon',
     top = 8,
     maxCount,
-    setProps
+    setProps,
 }) => {
-
-    let config = {
-        className: (
-            isString(className) ?
-                className :
-                (className ? useCss(className) : undefined)
-        ),
+    const config = {
+        className: isString(className)
+            ? className
+            : className
+              ? useCss(className)
+              : undefined,
         style: style,
         content: content || ' ', // 规避content为空时Objects are not valid as a React child报错问题
         duration: duration,
         top: top,
-        maxCount: maxCount
-    }
+        maxCount: maxCount,
+    };
 
     if (icon) {
-        config.icon = (
-            iconRenderer === 'fontawesome' ?
-                (
-                    React.createElement(
-                        'i',
-                        {
-                            className: icon,
-                            style: { marginRight: 3 }
-                        }
-                    )
-                ) :
-                (
-                    <AntdIcon icon={icon} style={{ marginRight: 3 }} />
-                )
-        )
+        config.icon =
+            iconRenderer === 'fontawesome' ? (
+                React.createElement('i', {
+                    className: icon,
+                    style: { marginRight: 3 },
+                })
+            ) : (
+                <AntdIcon icon={icon} style={{ marginRight: 3 }} />
+            );
     }
 
     const [messageApi, contextHolder] = message.useMessage(config);
 
     useEffect(() => {
         if (type === 'default') {
-            messageApi.open(config)
+            messageApi.open(config);
         } else if (type === 'success') {
-            messageApi.success(config)
+            messageApi.success(config);
         } else if (type === 'error') {
-            messageApi.error(config)
+            messageApi.error(config);
         } else if (type === 'info') {
-            messageApi.info(config)
+            messageApi.info(config);
         } else if (type === 'warning') {
-            messageApi.warning(config)
+            messageApi.warning(config);
         }
-    })
+    });
 
     return <>{contextHolder}</>;
-}
+};
 
 AntdMessage.propTypes = {
     /**
@@ -138,7 +131,7 @@ AntdMessage.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 AntdMessage;
+export default AntdMessage;

package/src/lib/components/feedback/AntdModal.react.js

@@ -55,18 +55,17 @@ const AntdModal = ({
     loading = false,
     ...others
 }) => {
-
-    const context = useContext(PropsContext)
-    locale = (context && context.locale) || locale
+    const context = useContext(PropsContext);
+    locale = (context && context.locale) || locale;
 
     // 监听确认按钮点击事件
     const listenOk = () => {
         if (okClickClose) {
-            setProps({ visible: false, okCounts: okCounts + 1 })
+            setProps({ visible: false, okCounts: okCounts + 1 });
         } else if (confirmAutoSpin) {
-            setProps({ okCounts: okCounts + 1, confirmLoading: true })
+            setProps({ okCounts: okCounts + 1, confirmLoading: true });
         } else {
-            setProps({ okCounts: okCounts + 1 })
+            setProps({ okCounts: okCounts + 1 });
         }
     };
 
@@ -74,28 +73,34 @@ const AntdModal = ({
     const listenCancel = () => {
         // 是否阻止默认的各类关闭触发行为生效
         if (preventClose) {
-            setProps({ cancelCounts: cancelCounts + 1 })
+            setProps({ cancelCounts: cancelCounts + 1 });
         } else {
-            setProps({ visible: false, cancelCounts: cancelCounts + 1 })
+            setProps({ visible: false, cancelCounts: cancelCounts + 1 });
         }
     };
 
     const listenClose = () => {
-        setProps({ closeCounts: closeCounts + 1 })
+        setProps({ closeCounts: closeCounts + 1 });
     };
 
-    const effectiveTitle = loading && loadingTitle !== undefined ? loadingTitle : title;
+    const effectiveTitle =
+        loading && loadingTitle !== undefined ? loadingTitle : title;
 
     return (
         <ConfigProvider locale={str2Locale.get(locale)}>
             <Modal
                 // 提取具有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}
                 styles={styles}
@@ -103,11 +108,13 @@ const AntdModal = ({
                 key={key}
                 title={effectiveTitle}
                 open={visible}
-                okText={confirmLoading ? (loadingOkText || okText) : okText}
+                okText={confirmLoading ? loadingOkText || okText : okText}
                 cancelText={cancelText}
                 okButtonProps={okButtonProps}
                 cancelButtonProps={cancelButtonProps}
-                transitionName={transitionType === 'none' ? '' : `ant-${transitionType}`}
+                transitionName={
+                    transitionType === 'none' ? '' : `ant-${transitionType}`
+                }
                 width={width}
                 centered={centered}
                 keyboard={keyboard}
@@ -124,10 +131,12 @@ const AntdModal = ({
                 destroyOnHidden={destroyOnClose}
                 loading={loading}
                 data-dash-is-loading={useLoading()}
-            >{children}</Modal>
+            >
+                {children}
+            </Modal>
         </ConfigProvider>
     );
-}
+};
 
 AntdModal.propTypes = {
     /**
@@ -153,10 +162,7 @@ AntdModal.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -185,7 +191,7 @@ AntdModal.propTypes = {
         /**
          * 底部元素css样式
          */
-        footer: PropTypes.object
+        footer: PropTypes.object,
     }),
 
     /**
@@ -215,14 +221,14 @@ AntdModal.propTypes = {
         /**
          * 底部元素css类名
          */
-        footer: PropTypes.string
+        footer: PropTypes.string,
     }),
 
     /**
-     * 组件文案语种，可选项有`'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']),
 
     /**
      * 监听或设置对话框是否可见
@@ -265,7 +271,14 @@ AntdModal.propTypes = {
          * 按钮类型，可选项有`'default'`、`'primary'`、`'ghost'`、`'dashed'`、`'link'`、`'text'`
          * 默认值：`'default'`
          */
-        type: PropTypes.oneOf(['primary', 'ghost', 'dashed', 'link', 'text', 'default']),
+        type: PropTypes.oneOf([
+            'primary',
+            'ghost',
+            'dashed',
+            'link',
+            'text',
+            'default',
+        ]),
 
         /**
          * 按钮是否呈现危险样式
@@ -293,7 +306,7 @@ AntdModal.propTypes = {
         /**
          * 按钮css类名
          */
-        className: PropTypes.string
+        className: PropTypes.string,
     }),
 
     /**
@@ -315,7 +328,14 @@ AntdModal.propTypes = {
          * 按钮类型，可选项有`'default'`、`'primary'`、`'ghost'`、`'dashed'`、`'link'`、`'text'`
          * 默认值：`'default'`
          */
-        type: PropTypes.oneOf(['primary', 'ghost', 'dashed', 'link', 'text', 'default']),
+        type: PropTypes.oneOf([
+            'primary',
+            'ghost',
+            'dashed',
+            'link',
+            'text',
+            'default',
+        ]),
 
         /**
          * 按钮是否呈现危险样式
@@ -343,7 +363,7 @@ AntdModal.propTypes = {
         /**
          * 按钮css类名
          */
-        className: PropTypes.string
+        className: PropTypes.string,
     }),
 
     /**
@@ -358,46 +378,28 @@ AntdModal.propTypes = {
             /**
              * 对应页面宽度<576px的响应式断点
              */
-            xs: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            xs: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 对应页面宽度≥576px的响应式断点
              */
-            sm: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            sm: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 对应页面宽度≥768px的响应式断点
              */
-            md: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            md: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 对应页面宽度≥992px的响应式断点
              */
-            lg: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            lg: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 对应页面宽度≥1200px的响应式断点
              */
-            xl: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            xl: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 对应页面宽度≥1600px的响应式断点
              */
-            xxl: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ])
-        })
+            xxl: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+        }),
     ]),
 
     /**
@@ -488,8 +490,19 @@ AntdModal.propTypes = {
      * 默认值：`'zoom'`
      */
     transitionType: PropTypes.oneOf([
-        'none', 'fade', 'zoom', 'zoom-big', 'zoom-big-fast', 'slide-up',
-        'slide-down', 'slide-left', 'slide-right', 'move-up', 'move-down', 'move-left', 'move-right'
+        'none',
+        'fade',
+        'zoom',
+        'zoom-big',
+        'zoom-big-fast',
+        'slide-up',
+        'slide-down',
+        'slide-left',
+        'slide-right',
+        'move-up',
+        'move-down',
+        'move-left',
+        'move-right',
     ]),
 
     /**
@@ -524,7 +537,7 @@ AntdModal.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 AntdModal;

package/src/lib/components/feedback/AntdNotification.react.js

@@ -26,15 +26,14 @@ const AntdNotification = ({
     closable = true,
     closeButton,
     stack = false,
-    setProps
+    setProps,
 }) => {
-
-    let config = {
-        className: (
-            isString(className) ?
-                className :
-                (className ? useCss(className) : undefined)
-        ),
+    const config = {
+        className: isString(className)
+            ? className
+            : className
+              ? useCss(className)
+              : undefined,
         style: style,
         message: message,
         description: description,
@@ -44,41 +43,41 @@ const AntdNotification = ({
         duration: duration,
         showProgress: showProgress,
         pauseOnHover: pauseOnHover,
-        closeIcon: (
-            closable ?
-                undefined :
-                <span style={{ visibility: "hidden" }} />
+        closeIcon: closable ? undefined : (
+            <span style={{ visibility: 'hidden' }} />
         ),
-        btn: (
-            closeButton ?
-                (
-                    <Button type="primary" size="small" onClick={() => api.destroy()} {...omit(closeButton, ['content'])}>
-                        {closeButton.content}
-                    </Button>
-                ) :
-                undefined
-        ),
-        stack: stack
-    }
-
-    const [notificationApi, contextHolder] = notification.useNotification(config);
+        btn: closeButton ? (
+            <Button
+                type="primary"
+                size="small"
+                onClick={() => api.destroy()}
+                {...omit(closeButton, ['content'])}
+            >
+                {closeButton.content}
+            </Button>
+        ) : undefined,
+        stack: stack,
+    };
+
+    const [notificationApi, contextHolder] =
+        notification.useNotification(config);
 
     useEffect(() => {
         if (type === 'default') {
-            notificationApi.open(config)
+            notificationApi.open(config);
         } else if (type === 'success') {
-            notificationApi.success(config)
+            notificationApi.success(config);
         } else if (type === 'error') {
-            notificationApi.error(config)
+            notificationApi.error(config);
         } else if (type === 'info') {
-            notificationApi.info(config)
+            notificationApi.info(config);
         } else if (type === 'warning') {
-            notificationApi.warning(config)
+            notificationApi.warning(config);
         }
-    })
+    });
 
     return <>{contextHolder}</>;
-}
+};
 
 AntdNotification.propTypes = {
     /**
@@ -99,10 +98,7 @@ AntdNotification.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 通知提醒主要信息
@@ -124,7 +120,14 @@ AntdNotification.propTypes = {
      * 通知提醒框在屏幕中的弹出位置，可选项有`'top'`、`'bottom'`、`'topLeft'`、`'topRight'`、`'bottomLeft'`、`'bottomRight'`
      * 默认值：`'topRight'`
      */
-    placement: PropTypes.oneOf(['top', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight']),
+    placement: PropTypes.oneOf([
+        'top',
+        'bottom',
+        'topLeft',
+        'topRight',
+        'bottomLeft',
+        'bottomRight',
+    ]),
 
     /**
      * 当通知从顶部弹出时，设置距离顶部的像素距离
@@ -182,12 +185,19 @@ AntdNotification.propTypes = {
          * 按钮类型，可选项有`'default'`、`'primary'`、`'ghost'`、`'dashed'`、`'link'`、`'text'`
          * 默认值：`'default'`
          */
-        type: PropTypes.oneOf(['default', 'primary', 'ghost', 'dashed', 'link', 'text']),
+        type: PropTypes.oneOf([
+            'default',
+            'primary',
+            'ghost',
+            'dashed',
+            'link',
+            'text',
+        ]),
         /**
          * 按钮是否呈现危险状态
          * 默认值：`false`
          */
-        danger: PropTypes.bool
+        danger: PropTypes.bool,
     }),
 
     /**
@@ -197,8 +207,8 @@ AntdNotification.propTypes = {
     stack: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.exact({
-            threshold: PropTypes.number
-        })
+            threshold: PropTypes.number,
+        }),
     ]),
 
     /**