feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/dataEntry/upload/AntdDraggerUpload.react.js

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdDraggerUpload = React.lazy(() => import(/* webpackChunkName: "upload" */ '../../../fragments/upload/AntdDraggerUpload.react'));
+const LazyAntdDraggerUpload = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "upload" */ '../../../fragments/upload/AntdDraggerUpload.react'
+        )
+);
 
 /**
  * 文件拖拽上传组件AntdDraggerUpload
@@ -50,8 +55,8 @@ const AntdDraggerUpload = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdDraggerUpload {
-                ...{
+            <LazyAntdDraggerUpload
+                {...{
                     id,
                     className,
                     style,
@@ -91,12 +96,12 @@ const AntdDraggerUpload = ({
                     disabled,
                     status,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdDraggerUpload.propTypes = {
     /**
@@ -117,10 +122,7 @@ AntdDraggerUpload.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 配合`AntdForm`表单批量值搜集/控制功能使用，充当当前表单项的字段名，以`id`作为缺省值
@@ -136,10 +138,7 @@ AntdDraggerUpload.propTypes = {
     /**
      * 拖拽区域css类名，支持[动态css](/advanced-classname)
      */
-    draggerClassName: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    draggerClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 拖拽区域css样式
@@ -147,10 +146,10 @@ AntdDraggerUpload.propTypes = {
     draggerStyle: 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']),
 
     /**
      * 文件上传服务接口地址
@@ -286,8 +285,8 @@ AntdDraggerUpload.propTypes = {
                 /**
                  * 渐变色结束颜色
                  */
-                to: PropTypes.string
-            })
+                to: PropTypes.string,
+            }),
         ]),
         /**
          * 进度条像素宽度
@@ -305,8 +304,8 @@ AntdDraggerUpload.propTypes = {
              * 进度文字后缀内容
              * 默认值：`'%'`
              */
-            suffix: PropTypes.string
-        })
+            suffix: PropTypes.string,
+        }),
     }),
 
     /**
@@ -359,7 +358,7 @@ AntdDraggerUpload.propTypes = {
             /**
              * 上传任务的接口响应信息
              */
-            uploadResponse: PropTypes.any
+            uploadResponse: PropTypes.any,
         }),
         PropTypes.arrayOf(
             PropTypes.exact({
@@ -390,9 +389,9 @@ AntdDraggerUpload.propTypes = {
                 /**
                  * 上传任务的接口响应信息
                  */
-                uploadResponse: PropTypes.any
+                uploadResponse: PropTypes.any,
             })
-        )
+        ),
     ]),
 
     /**
@@ -435,7 +434,7 @@ AntdDraggerUpload.propTypes = {
             /**
              * 当`withOriginFileObj=True`时，监听当前文件上传任务对应的`originFileObj`主要信息
              */
-            originFileObj: PropTypes.any
+            originFileObj: PropTypes.any,
         })
     ),
 
@@ -467,7 +466,7 @@ AntdDraggerUpload.propTypes = {
             /**
              * 当前文件大小
              */
-            fileSize: PropTypes.number
+            fileSize: PropTypes.number,
         })
     ),
 
@@ -496,10 +495,10 @@ AntdDraggerUpload.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 AntdDraggerUpload;
 
 export const propTypes = AntdDraggerUpload.propTypes;
-export const defaultProps = AntdDraggerUpload.defaultProps;
+export const defaultProps = AntdDraggerUpload.defaultProps;

package/src/lib/components/dataEntry/upload/AntdPictureUpload.react.js

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdPictureUpload = React.lazy(() => import(/* webpackChunkName: "upload" */ '../../../fragments/upload/AntdPictureUpload.react'));
+const LazyAntdPictureUpload = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "upload" */ '../../../fragments/upload/AntdPictureUpload.react'
+        )
+);
 
 /**
  * 图片上传组件AntdPictureUpload
@@ -26,7 +31,17 @@ const AntdPictureUpload = ({
     uploadId,
     fileListMaxLength = null,
     buttonContent,
-    fileTypes = ['tiff', 'bmp', 'gif', 'png', 'jpeg', 'jpg', 'webp', 'ico', 'tif'],
+    fileTypes = [
+        'tiff',
+        'bmp',
+        'gif',
+        'png',
+        'jpeg',
+        'jpg',
+        'webp',
+        'ico',
+        'tif',
+    ],
     fileMaxSize = 10,
     failedTooltipInfo,
     showRemoveIcon = true,
@@ -46,8 +61,8 @@ const AntdPictureUpload = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdPictureUpload {
-                ...{
+            <LazyAntdPictureUpload
+                {...{
                     id,
                     className,
                     style,
@@ -83,12 +98,12 @@ const AntdPictureUpload = ({
                     disabled,
                     status,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdPictureUpload.propTypes = {
     /**
@@ -109,10 +124,7 @@ AntdPictureUpload.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 配合`AntdForm`表单批量值搜集/控制功能使用，充当当前表单项的字段名，以`id`作为缺省值
@@ -126,10 +138,10 @@ AntdPictureUpload.propTypes = {
     enableBatchControl: PropTypes.bool,
 
     /**
-     * 组件文案语种，可选项有`'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']),
 
     /**
      * 文件上传服务接口地址
@@ -237,7 +249,7 @@ AntdPictureUpload.propTypes = {
          * 组件型，图片编辑模态框取消按钮内容
          * 默认值：`'取消'`
          */
-        modalCancel: PropTypes.node
+        modalCancel: PropTypes.node,
     }),
 
     /**
@@ -316,8 +328,8 @@ AntdPictureUpload.propTypes = {
                 /**
                  * 渐变色结束颜色
                  */
-                to: PropTypes.string
-            })
+                to: PropTypes.string,
+            }),
         ]),
         /**
          * 进度条像素宽度
@@ -335,8 +347,8 @@ AntdPictureUpload.propTypes = {
              * 进度文字后缀内容
              * 默认值：`'%'`
              */
-            suffix: PropTypes.string
-        })
+            suffix: PropTypes.string,
+        }),
     }),
 
     /**
@@ -389,7 +401,7 @@ AntdPictureUpload.propTypes = {
             /**
              * 上传任务的接口响应信息
              */
-            uploadResponse: PropTypes.any
+            uploadResponse: PropTypes.any,
         }),
         PropTypes.arrayOf(
             PropTypes.exact({
@@ -420,9 +432,9 @@ AntdPictureUpload.propTypes = {
                 /**
                  * 上传任务的接口响应信息
                  */
-                uploadResponse: PropTypes.any
+                uploadResponse: PropTypes.any,
             })
-        )
+        ),
     ]),
 
     /**
@@ -461,7 +473,7 @@ AntdPictureUpload.propTypes = {
             /**
              * 上传任务的接口响应信息
              */
-            uploadResponse: PropTypes.any
+            uploadResponse: PropTypes.any,
         })
     ),
 
@@ -493,7 +505,7 @@ AntdPictureUpload.propTypes = {
             /**
              * 当前文件大小
              */
-            fileSize: PropTypes.number
+            fileSize: PropTypes.number,
         })
     ),
 
@@ -522,10 +534,10 @@ AntdPictureUpload.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 AntdPictureUpload;
 
 export const propTypes = AntdPictureUpload.propTypes;
-export const defaultProps = AntdPictureUpload.defaultProps;
+export const defaultProps = AntdPictureUpload.defaultProps;

package/src/lib/components/dataEntry/upload/AntdUpload.react.js

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdUpload = React.lazy(() => import(/* webpackChunkName: "upload" */ '../../../fragments/upload/AntdUpload.react'));
+const LazyAntdUpload = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "upload" */ '../../../fragments/upload/AntdUpload.react'
+        )
+);
 
 /**
  * 文件上传组件AntdUpload
@@ -48,8 +53,8 @@ const AntdUpload = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdUpload {
-                ...{
+            <LazyAntdUpload
+                {...{
                     id,
                     className,
                     style,
@@ -87,12 +92,12 @@ const AntdUpload = ({
                     disabled,
                     status,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdUpload.propTypes = {
     /**
@@ -113,10 +118,7 @@ AntdUpload.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 配合`AntdForm`表单批量值搜集/控制功能使用，充当当前表单项的字段名，以`id`作为缺省值
@@ -130,10 +132,10 @@ AntdUpload.propTypes = {
     enableBatchControl: PropTypes.bool,
 
     /**
-     * 组件文案语种，可选项有`'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']),
 
     /**
      * 文件上传服务接口地址
@@ -212,7 +214,14 @@ AntdUpload.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',
+        ]),
 
         /**
          * 按钮是否渲染危险状态
@@ -234,7 +243,7 @@ AntdUpload.propTypes = {
         /**
          * 按钮css类名
          */
-        className: PropTypes.string
+        className: PropTypes.string,
     }),
 
     /**
@@ -303,8 +312,8 @@ AntdUpload.propTypes = {
                 /**
                  * 渐变色结束颜色
                  */
-                to: PropTypes.string
-            })
+                to: PropTypes.string,
+            }),
         ]),
         /**
          * 进度条像素宽度
@@ -322,8 +331,8 @@ AntdUpload.propTypes = {
              * 进度文字后缀内容
              * 默认值：`'%'`
              */
-            suffix: PropTypes.string
-        })
+            suffix: PropTypes.string,
+        }),
     }),
 
     /**
@@ -377,7 +386,7 @@ AntdUpload.propTypes = {
             /**
              * 上传任务的接口响应信息
              */
-            uploadResponse: PropTypes.any
+            uploadResponse: PropTypes.any,
         }),
         PropTypes.arrayOf(
             PropTypes.exact({
@@ -408,9 +417,9 @@ AntdUpload.propTypes = {
                 /**
                  * 上传任务的接口响应信息
                  */
-                uploadResponse: PropTypes.any
+                uploadResponse: PropTypes.any,
             })
-        )
+        ),
     ]),
 
     /**
@@ -453,7 +462,7 @@ AntdUpload.propTypes = {
             /**
              * 当`withOriginFileObj=True`时，监听当前文件上传任务对应的`originFileObj`主要信息
              */
-            originFileObj: PropTypes.any
+            originFileObj: PropTypes.any,
         })
     ),
 
@@ -485,7 +494,7 @@ AntdUpload.propTypes = {
             /**
              * 当前文件大小
              */
-            fileSize: PropTypes.number
+            fileSize: PropTypes.number,
         })
     ),
 
@@ -522,17 +531,17 @@ AntdUpload.propTypes = {
         /**
          * Holds the name of the component that is loading
          */
-        component_name: PropTypes.string
+        component_name: PropTypes.string,
     }),
 
     /**
      * 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 AntdUpload;
 
 export const propTypes = AntdUpload.propTypes;
-export const defaultProps = AntdUpload.defaultProps;
+export const defaultProps = AntdUpload.defaultProps;

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

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 // antd核心
 import { Alert } from 'antd';
 // 辅助库
-import TextLoop from 'react-text-loop'
+import TextLoop from 'react-text-loop';
 import Marquee from 'react-fast-marquee';
 import { isString } from 'lodash';
 import { pickBy } from 'ramda';
@@ -32,23 +32,29 @@ const AntdAlert = ({
     setProps,
     ...others
 }) => {
-
     if (messageRenderMode === 'loop-text' && Array.isArray(message)) {
         return (
             <Alert
                 // 提取具有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}
                 message={
                     <TextLoop mask>
-                        {message.map(item => <div>{item}</div>)}
+                        {message.map((item) => (
+                            <div>{item}</div>
+                        ))}
                     </TextLoop>
                 }
                 type={type}
@@ -58,28 +64,36 @@ const AntdAlert = ({
                 closable={closable}
                 action={action}
                 banner={banner}
-                data-dash-is-loading={useLoading()} />
+                data-dash-is-loading={useLoading()}
+            />
         );
     }
 
     return (
         <Alert
             // 提取具有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}
             message={
-                messageRenderMode === 'marquee' ?
+                messageRenderMode === 'marquee' ? (
                     <Marquee pauseOnHover gradient={false}>
                         {message}
-                    </Marquee> :
+                    </Marquee>
+                ) : (
                     message
+                )
             }
             type={type}
             description={description}
@@ -88,9 +102,10 @@ const AntdAlert = ({
             closable={closable}
             action={action}
             banner={banner}
-            data-dash-is-loading={useLoading()} />
+            data-dash-is-loading={useLoading()}
+        />
     );
-}
+};
 
 AntdAlert.propTypes = {
     /**
@@ -111,10 +126,7 @@ AntdAlert.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 主要提示信息内容
@@ -180,7 +192,7 @@ AntdAlert.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 AntdAlert;
+export default AntdAlert;