feffery_antd_components 0.4.4 → 0.4.5

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdAccordion = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdAccordion.react'));
+const LazyAntdAccordion = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdAccordion.react'
+        )
+);
 
 /**
  * 手风琴组件AntdAccordion
@@ -27,8 +32,8 @@ const AntdAccordion = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdAccordion {
-                ...{
+            <LazyAntdAccordion
+                {...{
                     id,
                     className,
                     style,
@@ -45,12 +50,12 @@ const AntdAccordion = ({
                     expandIconPosition,
                     ghost,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdAccordion.propTypes = {
     /**
@@ -71,10 +76,7 @@ AntdAccordion.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -87,7 +89,7 @@ AntdAccordion.propTypes = {
         /**
          * 内容元素css样式
          */
-        body: PropTypes.object
+        body: PropTypes.object,
     }),
 
     /**
@@ -101,7 +103,7 @@ AntdAccordion.propTypes = {
         /**
          * 内容元素css类名
          */
-        body: PropTypes.string
+        body: PropTypes.string,
     }),
 
     /**
@@ -118,7 +120,7 @@ AntdAccordion.propTypes = {
              */
             className: PropTypes.oneOfType([
                 PropTypes.string,
-                PropTypes.object
+                PropTypes.object,
             ]),
             /**
              * 当前子项css样式
@@ -127,10 +129,8 @@ AntdAccordion.propTypes = {
             /**
              * 必填，当前子项唯一key值
              */
-            key: PropTypes.oneOfType([
-                PropTypes.string,
-                PropTypes.number
-            ]).isRequired,
+            key: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+                .isRequired,
             /**
              * 当前子项折叠触发方式，可选项有`'header'`、`'disabled'`、`'icon'`
              */
@@ -169,7 +169,7 @@ AntdAccordion.propTypes = {
         PropTypes.string,
         PropTypes.arrayOf(PropTypes.string),
         PropTypes.number,
-        PropTypes.arrayOf(PropTypes.number)
+        PropTypes.arrayOf(PropTypes.number),
     ]),
 
     /**
@@ -179,7 +179,7 @@ AntdAccordion.propTypes = {
         PropTypes.string,
         PropTypes.arrayOf(PropTypes.string),
         PropTypes.number,
-        PropTypes.arrayOf(PropTypes.number)
+        PropTypes.arrayOf(PropTypes.number),
     ]),
 
     /**
@@ -224,10 +224,10 @@ AntdAccordion.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 AntdAccordion;
 
 export const propTypes = AntdAccordion.propTypes;
-export const defaultProps = AntdAccordion.defaultProps;
+export const defaultProps = AntdAccordion.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdAvatar = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdAvatar.react'));
+const LazyAntdAvatar = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdAvatar.react'
+        )
+);
 
 /**
  * 头像组件AntdAvatar
@@ -28,8 +33,8 @@ const AntdAvatar = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdAvatar {
-                ...{
+            <LazyAntdAvatar
+                {...{
                     id,
                     className,
                     style,
@@ -47,12 +52,12 @@ const AntdAvatar = ({
                     size,
                     shape,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdAvatar.propTypes = {
     /**
@@ -73,10 +78,7 @@ AntdAvatar.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 头像模式，可选项有`'text'`、`'icon'`、`'image'`
@@ -125,7 +127,7 @@ AntdAvatar.propTypes = {
      */
     draggable: PropTypes.oneOfType([
         PropTypes.bool,
-        PropTypes.oneOf(['true', 'false'])
+        PropTypes.oneOf(['true', 'false']),
     ]),
 
     /**
@@ -145,8 +147,8 @@ AntdAvatar.propTypes = {
             md: PropTypes.number,
             lg: PropTypes.number,
             xl: PropTypes.number,
-            xxl: PropTypes.number
-        })
+            xxl: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -169,10 +171,10 @@ AntdAvatar.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 AntdAvatar;
 
 export const propTypes = AntdAvatar.propTypes;
-export const defaultProps = AntdAvatar.defaultProps;
+export const defaultProps = AntdAvatar.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdAvatarGroup = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdAvatarGroup.react'));
+const LazyAntdAvatarGroup = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdAvatarGroup.react'
+        )
+);
 
 /**
  * 头像组合组件AntdAvatarGroup
@@ -19,8 +24,8 @@ const AntdAvatarGroup = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdAvatarGroup {
-                ...{
+            <LazyAntdAvatarGroup
+                {...{
                     id,
                     children,
                     className,
@@ -29,12 +34,12 @@ const AntdAvatarGroup = ({
                     max,
                     size,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdAvatarGroup.propTypes = {
     /**
@@ -60,10 +65,7 @@ AntdAvatarGroup.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 配置最多显示功能相关参数
@@ -91,7 +93,7 @@ AntdAvatarGroup.propTypes = {
              * 默认值：`'hover'`
              */
             trigger: PropTypes.oneOf(['hover', 'click']),
-        })
+        }),
     }),
 
     /**
@@ -107,8 +109,8 @@ AntdAvatarGroup.propTypes = {
             md: PropTypes.number,
             lg: PropTypes.number,
             xl: PropTypes.number,
-            xxl: PropTypes.number
-        })
+            xxl: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -125,10 +127,10 @@ AntdAvatarGroup.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 AntdAvatarGroup;
 
 export const propTypes = AntdAvatarGroup.propTypes;
-export const defaultProps = AntdAvatarGroup.defaultProps;
+export const defaultProps = AntdAvatarGroup.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdBadge = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdBadge.react'));
+const LazyAntdBadge = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdBadge.react'
+        )
+);
 
 /**
  * 徽标组件AntdBadge
@@ -30,8 +35,8 @@ const AntdBadge = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdBadge {
-                ...{
+            <LazyAntdBadge
+                {...{
                     id,
                     children,
                     className,
@@ -51,12 +56,12 @@ const AntdBadge = ({
                     size,
                     nClicks,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdBadge.propTypes = {
     /**
@@ -82,10 +87,7 @@ AntdBadge.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -98,7 +100,7 @@ AntdBadge.propTypes = {
         /**
          * 控制徽标元素css样式
          */
-        indicator: PropTypes.object
+        indicator: PropTypes.object,
     }),
 
     /**
@@ -112,7 +114,7 @@ AntdBadge.propTypes = {
         /**
          * 控制徽标元素css类
          */
-        indicator: PropTypes.string
+        indicator: PropTypes.string,
     }),
 
     /**
@@ -151,7 +153,13 @@ AntdBadge.propTypes = {
     /**
      * 徽标状态，可选项有`'success'`、`'processing'`、`'default'`、`'error'`、`'warning'`
      */
-    status: PropTypes.oneOf(['success', 'processing', 'default', 'error', 'warning']),
+    status: PropTypes.oneOf([
+        'success',
+        'processing',
+        'default',
+        'error',
+        'warning',
+    ]),
 
     /**
      * 参数`status`有效时，设置徽标文本内容
@@ -188,10 +196,10 @@ AntdBadge.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 AntdBadge;
 
 export const propTypes = AntdBadge.propTypes;
-export const defaultProps = AntdBadge.defaultProps;
+export const defaultProps = AntdBadge.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdCarousel = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdCarousel.react'));
+const LazyAntdCarousel = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdCarousel.react'
+        )
+);
 
 /**
  * 走马灯组件AntdCarousel
@@ -29,8 +34,8 @@ const AntdCarousel = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCarousel {
-                ...{
+            <LazyAntdCarousel
+                {...{
                     id,
                     children,
                     className,
@@ -49,12 +54,12 @@ const AntdCarousel = ({
                     slidesToShow,
                     slidesToScroll,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdCarousel.propTypes = {
     /**
@@ -80,10 +85,7 @@ AntdCarousel.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 是否显示箭头
@@ -101,8 +103,8 @@ AntdCarousel.propTypes = {
             /**
              * 是否展示指示点进度条
              */
-            dotDuration: PropTypes.bool
-        })
+            dotDuration: PropTypes.bool,
+        }),
     ]),
 
     /**
@@ -179,10 +181,10 @@ AntdCarousel.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 AntdCarousel;
 
 export const propTypes = AntdCarousel.propTypes;
-export const defaultProps = AntdCarousel.defaultProps;
+export const defaultProps = AntdCarousel.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdCheckableTag = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdCheckableTag.react'));
+const LazyAntdCheckableTag = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdCheckableTag.react'
+        )
+);
 
 /**
  * 可选择标签AntdCheckableTag
@@ -20,8 +25,8 @@ const AntdCheckableTag = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCheckableTag {
-                ...{
+            <LazyAntdCheckableTag
+                {...{
                     id,
                     className,
                     style,
@@ -31,12 +36,12 @@ const AntdCheckableTag = ({
                     unCheckedContent,
                     checked,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdCheckableTag.propTypes = {
     /**
@@ -57,10 +62,7 @@ AntdCheckableTag.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 组件型，标签内容
@@ -97,10 +99,10 @@ AntdCheckableTag.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 AntdCheckableTag;
 
 export const propTypes = AntdCheckableTag.propTypes;
-export const defaultProps = AntdCheckableTag.defaultProps;
+export const defaultProps = AntdCheckableTag.defaultProps;

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

@@ -37,59 +37,62 @@ const AntdCollapse = ({
     persistence_type,
     ...others
 }) => {
+    children = parseChildrenToArray(children);
 
-    children = parseChildrenToArray(children)
-
-    const context = useContext(PropsContext)
+    const context = useContext(PropsContext);
 
     return (
         <Collapse
             // 提取具有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}
-            items={
-                [
-                    {
-                        key: '1',
-                        label: title,
-                        children: children,
-                        showArrow: showArrow,
-                        forceRender: forceRender,
-                        styles: styles,
-                        classNames: classNames
-                    }
-                ]
-            }
+            items={[
+                {
+                    key: '1',
+                    label: title,
+                    children: children,
+                    showArrow: showArrow,
+                    forceRender: forceRender,
+                    styles: styles,
+                    classNames: classNames,
+                },
+            ]}
             activeKey={isOpen ? ['1'] : []}
             bordered={bordered}
             size={
-                context && !isUndefined(context.componentSize) ?
-                    context.componentSize :
-                    size
+                context && !isUndefined(context.componentSize)
+                    ? context.componentSize
+                    : size
             }
             ghost={ghost}
             collapsible={collapsible}
             onChange={(e) => {
                 if (e.length === 1) {
                     setProps({
-                        isOpen: true
-                    })
+                        isOpen: true,
+                    });
                 } else {
                     setProps({
-                        isOpen: false
-                    })
+                        isOpen: false,
+                    });
                 }
             }}
-            data-dash-is-loading={useLoading()} />
+            data-dash-is-loading={useLoading()}
+        />
     );
-}
+};
 
 AntdCollapse.propTypes = {
     /**
@@ -115,10 +118,7 @@ AntdCollapse.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -131,7 +131,7 @@ AntdCollapse.propTypes = {
         /**
          * 内容元素css样式
          */
-        body: PropTypes.object
+        body: PropTypes.object,
     }),
 
     /**
@@ -145,7 +145,7 @@ AntdCollapse.propTypes = {
         /**
          * 内容元素css类名
          */
-        body: PropTypes.string
+        body: PropTypes.string,
     }),
 
     /**
@@ -216,7 +216,7 @@ AntdCollapse.propTypes = {
     persistence: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.string,
-        PropTypes.number
+        PropTypes.number,
     ]),
 
     /**
@@ -229,12 +229,12 @@ AntdCollapse.propTypes = {
      * 属性持久化存储类型，可选项有`'local'`（本地持久化），`'session'`（会话持久化），`'memory'`（内存持久化）
      * 默认值：`'local'`
      */
-    persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
+    persistence_type: PropTypes.oneOf(['local', 'session', 'memory']),
 };
 
 AntdCollapse.dashPersistence = {
     persisted_props: ['isOpen'],
-    persistence_type: 'local'
-}
+    persistence_type: 'local',
+};
 
-export default AntdCollapse;
+export default AntdCollapse;