feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/dataDisplay/AntdQRCode.react.js

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdQRCode = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdQRCode.react'));
+const LazyAntdQRCode = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdQRCode.react'
+        )
+);
 
 /**
  * 二维码组件AntdQRCode
@@ -30,8 +35,8 @@ const AntdQRCode = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdQRCode {
-                ...{
+            <LazyAntdQRCode
+                {...{
                     id,
                     className,
                     style,
@@ -51,12 +56,12 @@ const AntdQRCode = ({
                     autoSpin,
                     refreshClicks,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdQRCode.propTypes = {
     /**
@@ -77,16 +82,13 @@ AntdQRCode.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']),
 
     /**
      * 二维码解析结果
@@ -118,8 +120,8 @@ AntdQRCode.propTypes = {
         PropTypes.number,
         PropTypes.exact({
             width: PropTypes.number,
-            height: PropTypes.number
-        })
+            height: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -183,10 +185,10 @@ AntdQRCode.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 AntdQRCode;
 
 export const propTypes = AntdQRCode.propTypes;
-export const defaultProps = AntdQRCode.defaultProps;
+export const defaultProps = AntdQRCode.defaultProps;

package/src/lib/components/dataDisplay/AntdRibbon.react.js

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdRibbon = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdRibbon.react'));
+const LazyAntdRibbon = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdRibbon.react'
+        )
+);
 
 /**
  * 缎带组件AntdRibbon
@@ -20,8 +25,8 @@ const AntdRibbon = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdRibbon {
-                ...{
+            <LazyAntdRibbon
+                {...{
                     id,
                     children,
                     className,
@@ -31,12 +36,12 @@ const AntdRibbon = ({
                     placement,
                     text,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdRibbon.propTypes = {
     /**
@@ -62,10 +67,7 @@ AntdRibbon.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 缎带颜色
@@ -97,10 +99,10 @@ AntdRibbon.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 AntdRibbon;
 
 export const propTypes = AntdRibbon.propTypes;
-export const defaultProps = AntdRibbon.defaultProps;
+export const defaultProps = AntdRibbon.defaultProps;

package/src/lib/components/dataDisplay/AntdSegmented.react.js

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdSegmented = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdSegmented.react'));
+const LazyAntdSegmented = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdSegmented.react'
+        )
+);
 
 /**
  * 分段控制器组件AntdSegmented
@@ -28,8 +33,8 @@ const AntdSegmented = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdSegmented {
-                ...{
+            <LazyAntdSegmented
+                {...{
                     id,
                     style,
                     className,
@@ -47,12 +52,12 @@ const AntdSegmented = ({
                     persisted_props,
                     persistence_type,
                     batchPropsNames,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdSegmented.propTypes = {
     /**
@@ -73,10 +78,7 @@ AntdSegmented.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 配置选项相关参数
@@ -93,10 +95,8 @@ AntdSegmented.propTypes = {
                 /**
                  * 必填，选项值
                  */
-                value: PropTypes.oneOfType([
-                    PropTypes.string,
-                    PropTypes.number
-                ]).isRequired,
+                value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+                    .isRequired,
                 /**
                  * 是否禁用当前选项
                  * 默认值：`false`
@@ -111,25 +111,19 @@ AntdSegmented.propTypes = {
                  * 默认值：`'AntdIcon'`
                  */
                 iconRenderer: PropTypes.oneOf(['AntdIcon', 'fontawesome']),
-            })
+            }),
         ])
     ),
 
     /**
      * 监听或设置当前选中值
      */
-    value: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number
-    ]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
     /**
      * 设置初始化选中值
      */
-    defaultValue: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number
-    ]),
+    defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
     /**
      * 是否撑满父容器
@@ -193,7 +187,7 @@ AntdSegmented.propTypes = {
         /**
          * Holds the name of the component that is loading
          */
-        component_name: PropTypes.string
+        component_name: PropTypes.string,
     }),
 
     /**
@@ -208,7 +202,7 @@ AntdSegmented.propTypes = {
     persistence: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.string,
-        PropTypes.number
+        PropTypes.number,
     ]),
 
     /**
@@ -221,15 +215,15 @@ AntdSegmented.propTypes = {
      * 属性持久化存储类型，可选项有`'local'`（本地持久化），`'session'`（会话持久化），`'memory'`（内存持久化）
      * 默认值：`'local'`
      */
-    persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
+    persistence_type: PropTypes.oneOf(['local', 'session', 'memory']),
 };
 
 AntdSegmented.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local'
-}
+    persistence_type: 'local',
+};
 
 export default AntdSegmented;
 
 export const propTypes = AntdSegmented.propTypes;
-export const defaultProps = AntdSegmented.defaultProps;
+export const defaultProps = AntdSegmented.defaultProps;

package/src/lib/components/dataDisplay/AntdSpoiler.react.js

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdSpoiler = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdSpoiler.react'));
+const LazyAntdSpoiler = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdSpoiler.react'
+        )
+);
 
 /**
  * 展开收起组件AntdSpoiler
@@ -26,8 +31,8 @@ const AntdSpoiler = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdSpoiler {
-                ...{
+            <LazyAntdSpoiler
+                {...{
                     id,
                     children,
                     className,
@@ -43,12 +48,12 @@ const AntdSpoiler = ({
                     maxHeight,
                     transitionDuration,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdSpoiler.propTypes = {
     /**
@@ -74,18 +79,12 @@ AntdSpoiler.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 内容区css类名，支持[动态css](/advanced-classname)
      */
-    contentClassName: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    contentClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 内容区css样式
@@ -93,10 +92,10 @@ AntdSpoiler.propTypes = {
     contentStyle: 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']),
 
     /**
      * 组件型，展开状态下，收起按钮的文案内容
@@ -146,10 +145,10 @@ AntdSpoiler.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 AntdSpoiler;
 
 export const propTypes = AntdSpoiler.propTypes;
-export const defaultProps = AntdSpoiler.defaultProps;
+export const defaultProps = AntdSpoiler.defaultProps;

package/src/lib/components/dataDisplay/AntdStatistic.react.js

@@ -3,7 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 // antd核心
 import { Statistic, Space, Tooltip } from 'antd';
-import { QuestionCircleOutlined } from "@ant-design/icons";
+import { QuestionCircleOutlined } from '@ant-design/icons';
 // 辅助库
 import { isString, isNumber } from 'lodash';
 import { pickBy } from 'ramda';
@@ -30,16 +30,20 @@ const AntdStatistic = ({
     setProps,
     ...others
 }) => {
-
     return (
         <Statistic
             // 提取具有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}
@@ -51,19 +55,23 @@ const AntdStatistic = ({
             precision={precision}
             prefix={prefix}
             suffix={suffix}
-            title={titleTooltip ?
-                <Space size={5}>
-                    {title}
-                    <Tooltip title={titleTooltip} >
-                        <QuestionCircleOutlined />
-                    </Tooltip>
-                </Space>
-                : title}
+            title={
+                titleTooltip ? (
+                    <Space size={5}>
+                        {title}
+                        <Tooltip title={titleTooltip}>
+                            <QuestionCircleOutlined />
+                        </Tooltip>
+                    </Space>
+                ) : (
+                    title
+                )
+            }
             valueStyle={valueStyle}
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 AntdStatistic.propTypes = {
     /**
@@ -84,10 +92,7 @@ AntdStatistic.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 支持组件型，要展示的数值
@@ -95,7 +100,7 @@ AntdStatistic.propTypes = {
     value: PropTypes.oneOfType([
         PropTypes.number,
         PropTypes.string,
-        PropTypes.node
+        PropTypes.node,
     ]),
 
     /**
@@ -156,14 +161,14 @@ AntdStatistic.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 AntdStatistic;
+export default AntdStatistic;