feffery_antd_components 0.4.4 → 0.4.5

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

@@ -11,14 +11,16 @@ import useCss from '../../hooks/useCss';
 // 上下文
 import PropsContext from '../../contexts/PropsContext';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdAccordion.react';
-
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataDisplay/AntdAccordion.react';
 
 /**
  * 手风琴组件AntdAccordion
  */
 const AntdAccordion = (props) => {
-    let {
+    const {
         id,
         className,
         style,
@@ -40,63 +42,65 @@ const AntdAccordion = (props) => {
 
     useEffect(() => {
         if (defaultActiveKey && !activeKey) {
-            setProps({ activeKey: defaultActiveKey })
+            setProps({ activeKey: defaultActiveKey });
         }
-    }, [])
+    }, []);
 
-    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={
-                (items || []).map(
-                    item => ({
-                        className: (
-                            isString(item.className) ?
-                                item.className :
-                                (item.className ? useCss(item.className) : undefined)
-                        ),
-                        style: item.style,
-                        key: item.key,
-                        collapsible: item.collapsible,
-                        label: item.title,
-                        children: item.children,
-                        extra: item.extra,
-                        showArrow: item.showArrow,
-                        forceRender: item.forceRender,
-                        classNames: classNames,
-                        styles: styles,
-                    })
-                )
-            }
+            items={(items || []).map((item) => ({
+                className: isString(item.className)
+                    ? item.className
+                    : item.className
+                      ? useCss(item.className)
+                      : undefined,
+                style: item.style,
+                key: item.key,
+                collapsible: item.collapsible,
+                label: item.title,
+                children: item.children,
+                extra: item.extra,
+                showArrow: item.showArrow,
+                forceRender: item.forceRender,
+                classNames: classNames,
+                styles: styles,
+            }))}
             accordion={accordion}
             activeKey={activeKey}
             defaultActiveKey={defaultActiveKey}
             bordered={bordered}
             size={
-                context && !isUndefined(context.componentSize) ?
-                    context.componentSize :
-                    size
+                context && !isUndefined(context.componentSize)
+                    ? context.componentSize
+                    : size
             }
             collapsible={collapsible}
             expandIconPosition={expandIconPosition}
             ghost={ghost}
             onChange={(e) => setProps({ activeKey: e })}
-            data-dash-is-loading={useLoading()} />
+            data-dash-is-loading={useLoading()}
+        />
     );
-}
+};
 
 export default AntdAccordion;
 
 AntdAccordion.defaultProps = defaultProps;
-AntdAccordion.propTypes = propTypes;
+AntdAccordion.propTypes = propTypes;

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

@@ -10,13 +10,16 @@ import { useLoading } from '../../components/utils';
 // 自定义hooks
 import useCss from '../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdAvatar.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataDisplay/AntdAvatar.react';
 
 /**
  * 头像组件AntdAvatar
  */
 const AntdAvatar = (props) => {
-    let {
+    const {
         id,
         className,
         style,
@@ -42,12 +45,17 @@ const AntdAvatar = (props) => {
         return (
             <Avatar
                 // 提取具有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}
@@ -62,17 +70,21 @@ const AntdAvatar = (props) => {
             />
         );
     } else if (mode === 'text') {
-
         // text文字模式
         return (
             <Avatar
                 // 提取具有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}
@@ -80,49 +92,50 @@ const AntdAvatar = (props) => {
                 size={size}
                 shape={shape}
                 data-dash-is-loading={useLoading()}
-            >{text}</Avatar>
-        );
-    } else {
-        // icon图标模式
-        return (
-            <Avatar
-                // 提取具有data-*或aria-*通配格式的属性
-                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
-                id={id}
-                className={
-                    isString(className) ?
-                        className :
-                        (className ? useCss(className) : undefined)
-                }
-                style={style}
-                key={key}
-                icon={
-                    icon ?
-                        (
-                            iconRenderer === 'fontawesome' ?
-                                (
-                                    React.createElement(
-                                        'i',
-                                        {
-                                            className: icon
-                                        }
-                                    )
-                                ) :
-                                (
-                                    <AntdIcon icon={icon} />
-                                )
-                        ) :
-                        <AntdIcon icon={'antd-user'} />
-                }
-                size={size}
-                shape={shape}
-                data-dash-is-loading={useLoading()}
-            />
+            >
+                {text}
+            </Avatar>
         );
     }
-}
+    // icon图标模式
+    return (
+        <Avatar
+            // 提取具有data-*或aria-*通配格式的属性
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
+            id={id}
+            className={
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
+            }
+            style={style}
+            key={key}
+            icon={
+                icon ? (
+                    iconRenderer === 'fontawesome' ? (
+                        React.createElement('i', {
+                            className: icon,
+                        })
+                    ) : (
+                        <AntdIcon icon={icon} />
+                    )
+                ) : (
+                    <AntdIcon icon={'antd-user'} />
+                )
+            }
+            size={size}
+            shape={shape}
+            data-dash-is-loading={useLoading()}
+        />
+    );
+};
 
 export default AntdAvatar;
 
 AntdAvatar.defaultProps = defaultProps;
-AntdAvatar.propTypes = propTypes;
+AntdAvatar.propTypes = propTypes;

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

@@ -9,13 +9,16 @@ import { useLoading } from '../../components/utils';
 // 自定义hooks
 import useCss from '../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdAvatarGroup.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataDisplay/AntdAvatarGroup.react';
 
 /**
  * 头像组合组件AntdAvatarGroup
  */
 const AntdAvatarGroup = (props) => {
-    let {
+    const {
         id,
         children,
         className,
@@ -30,23 +33,30 @@ const AntdAvatarGroup = (props) => {
     return (
         <Avatar.Group
             // 提取具有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}
             max={max}
             size={size}
             data-dash-is-loading={useLoading()}
-        >{children}</Avatar.Group>
+        >
+            {children}
+        </Avatar.Group>
     );
-}
+};
 
 export default AntdAvatarGroup;
 
 AntdAvatarGroup.defaultProps = defaultProps;
-AntdAvatarGroup.propTypes = propTypes;
+AntdAvatarGroup.propTypes = propTypes;

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

@@ -9,13 +9,16 @@ import { useLoading } from '../../components/utils';
 // 自定义hooks
 import useCss from '../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdBadge.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataDisplay/AntdBadge.react';
 
 /**
  * 徽标组件AntdBadge
  */
 const AntdBadge = (props) => {
-    let {
+    const {
         id,
         children,
         className,
@@ -41,12 +44,17 @@ const AntdBadge = (props) => {
     return (
         <Badge
             // 提取具有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}
@@ -55,7 +63,7 @@ const AntdBadge = (props) => {
             color={color}
             count={count}
             dot={dot}
-            offset={(offset && offset.length === 2) ? offset : undefined}
+            offset={offset && offset.length === 2 ? offset : undefined}
             overflowCount={overflowCount}
             showZero={showZero}
             status={status}
@@ -64,11 +72,13 @@ const AntdBadge = (props) => {
             size={size}
             onClick={() => setProps({ nClicks: nClicks + 1 })}
             data-dash-is-loading={useLoading()}
-        >{children}</Badge>
+        >
+            {children}
+        </Badge>
     );
-}
+};
 
 export default AntdBadge;
 
 AntdBadge.defaultProps = defaultProps;
-AntdBadge.propTypes = propTypes;
+AntdBadge.propTypes = propTypes;

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

@@ -9,13 +9,16 @@ import { useLoading } from '../../components/utils';
 // 自定义hooks
 import useCss from '../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdCarousel.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataDisplay/AntdCarousel.react';
 
 /**
  * 走马灯组件AntdCarousel
  */
 const AntdCarousel = (props) => {
-    let {
+    const {
         id,
         children,
         className,
@@ -40,12 +43,17 @@ const AntdCarousel = (props) => {
     return (
         <Carousel
             // 提取具有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}
@@ -62,11 +70,19 @@ const AntdCarousel = (props) => {
             slidesToShow={slidesToShow}
             slidesToScroll={slidesToScroll}
             data-dash-is-loading={useLoading()}
-        >{(Array.isArray(children) ? children : [children]).map((child, i) => <div className='ant-carousel-item-wrapper' key={i}>{child}</div>)}</Carousel>
+        >
+            {(Array.isArray(children) ? children : [children]).map(
+                (child, i) => (
+                    <div className="ant-carousel-item-wrapper" key={i}>
+                        {child}
+                    </div>
+                )
+            )}
+        </Carousel>
     );
-}
+};
 
 export default AntdCarousel;
 
 AntdCarousel.defaultProps = defaultProps;
-AntdCarousel.propTypes = propTypes;
+AntdCarousel.propTypes = propTypes;

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

@@ -9,7 +9,10 @@ import { useLoading } from '../../components/utils';
 // 自定义hooks
 import useCss from '../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdCheckableTag.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataDisplay/AntdCheckableTag.react';
 
 const { CheckableTag } = Tag;
 
@@ -17,7 +20,7 @@ const { CheckableTag } = Tag;
  * 可选择标签AntdCheckableTag
  */
 const AntdCheckableTag = (props) => {
-    let {
+    const {
         id,
         className,
         style,
@@ -33,26 +36,30 @@ const AntdCheckableTag = (props) => {
     return (
         <CheckableTag
             // 提取具有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={style}
             checked={checked}
             onChange={(e) => setProps({ checked: e })}
-            data-dash-is-loading={useLoading()}>
-            {
-                checked ? checkedContent || content : unCheckedContent || content
-            }
+            data-dash-is-loading={useLoading()}
+        >
+            {checked ? checkedContent || content : unCheckedContent || content}
         </CheckableTag>
     );
-}
+};
 
 export default AntdCheckableTag;
 
 AntdCheckableTag.defaultProps = defaultProps;
-AntdCheckableTag.propTypes = propTypes;
+AntdCheckableTag.propTypes = propTypes;