feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/fragments/dataDisplay/card/AntdCard.react.js

@@ -9,7 +9,10 @@ import { parseChildrenToArray, useLoading } from '../../../components/utils';
 // 自定义hooks
 import useCss from '../../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../../components/dataDisplay/card/AntdCard.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../../components/dataDisplay/card/AntdCard.react';
 
 /**
  * 卡片组件AntdCard
@@ -36,70 +39,80 @@ const AntdCard = (props) => {
         ...others
     } = props;
 
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Card
             // 提取具有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?.body ?
-                    {
-                        ...styles,
-                        body: {
-                            // 确保网格卡片排布正常
-                            display: 'flex',
-                            flexWrap: 'wrap',
-                            ...styles.body
-                        }
-                    } :
-                    {
-                        body: {
-                            // 确保网格卡片排布正常
-                            display: 'flex',
-                            flexWrap: 'wrap'
-                        },
-                        ...styles
-                    }
+                styles?.body
+                    ? {
+                          ...styles,
+                          body: {
+                              // 确保网格卡片排布正常
+                              display: 'flex',
+                              flexWrap: 'wrap',
+                              ...styles.body,
+                          },
+                      }
+                    : {
+                          body: {
+                              // 确保网格卡片排布正常
+                              display: 'flex',
+                              flexWrap: 'wrap',
+                          },
+                          ...styles,
+                      }
             }
             classNames={classNames}
             key={key}
             actions={actions}
             extra={
                 extra || (
-                    <a className={extraLink && extraLink.className}
+                    <a
+                        className={extraLink && extraLink.className}
                         style={extraLink && extraLink.style}
                         href={extraLink && extraLink.href}
-                        target={extraLink && extraLink.target || '_blank'}>
+                        target={(extraLink && extraLink.target) || '_blank'}
+                    >
                         {extraLink && extraLink.content}
                     </a>
                 )
             }
             cover={
-                <img alt={coverImg && coverImg.alt}
+                <img
+                    alt={coverImg && coverImg.alt}
                     src={coverImg && coverImg.src}
                     style={coverImg && coverImg.style}
-                    className={coverImg && coverImg.className} />
+                    className={coverImg && coverImg.className}
+                />
             }
             variant={variant}
             hoverable={hoverable}
             size={size}
             title={title}
             onClick={(e) => setProps({ nClicks: nClicks + 1 })}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Card>
     );
-}
+};
 
 export default AntdCard;
 
 AntdCard.defaultProps = defaultProps;
-AntdCard.propTypes = propTypes;
+AntdCard.propTypes = propTypes;

package/src/lib/fragments/dataDisplay/card/AntdCardGrid.react.js

@@ -9,7 +9,10 @@ import { parseChildrenToArray, useLoading } from '../../../components/utils';
 // 自定义hooks
 import useCss from '../../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../../components/dataDisplay/card/AntdCardGrid.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../../components/dataDisplay/card/AntdCardGrid.react';
 
 /**
  * 卡片网格组件AntdCardGrid
@@ -27,29 +30,35 @@ const AntdCardGrid = (props) => {
         ...others
     } = props;
 
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Card.Grid
             // 提取具有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}
             hoverable={hoverable}
             onClick={(e) => setProps({ nClicks: nClicks + 1 })}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Card.Grid>
     );
-}
+};
 
 export default AntdCardGrid;
 
 AntdCardGrid.defaultProps = defaultProps;
-AntdCardGrid.propTypes = propTypes;
+AntdCardGrid.propTypes = propTypes;

package/src/lib/fragments/dataDisplay/card/AntdCardMeta.react.js

@@ -9,7 +9,10 @@ import { useLoading } from '../../../components/utils';
 // 自定义hooks
 import useCss from '../../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../../components/dataDisplay/card/AntdCardMeta.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../../components/dataDisplay/card/AntdCardMeta.react';
 
 const { Meta } = Card;
 
@@ -17,7 +20,7 @@ const { Meta } = Card;
  * 结构化卡片组件AntdCardMeta
  */
 const AntdCardMeta = (props) => {
-    let {
+    const {
         id,
         className,
         style,
@@ -32,24 +35,29 @@ const AntdCardMeta = (props) => {
     return (
         <Meta
             // 提取具有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}
             avatar={avatar}
             description={description}
             title={title}
-            data-dash-is-loading={useLoading()}>
-        </Meta>
+            data-dash-is-loading={useLoading()}
+        ></Meta>
     );
-}
+};
 
 export default AntdCardMeta;
 
 AntdCardMeta.defaultProps = defaultProps;
-AntdCardMeta.propTypes = propTypes;
+AntdCardMeta.propTypes = propTypes;

package/src/lib/fragments/dataDisplay/descriptions/AntdDescriptionItem.react.js

@@ -7,7 +7,10 @@ import { parseChildrenToArray, useLoading } from '../../../components/utils';
 // 自定义hooks
 import useCss from '../../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../../components/dataDisplay/descriptions/AntdDescriptionItem.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../../components/dataDisplay/descriptions/AntdDescriptionItem.react';
 
 /**
  * 描述列表子项组件AntdDescriptionItem
@@ -27,17 +30,22 @@ const AntdDescriptionItem = (props) => {
         ...others
     } = props;
 
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <div
             // 提取具有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}
@@ -45,13 +53,14 @@ const AntdDescriptionItem = (props) => {
             key={key}
             label={label}
             span={span}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </div>
     );
-}
+};
 
 export default AntdDescriptionItem;
 
 AntdDescriptionItem.defaultProps = defaultProps;
-AntdDescriptionItem.propTypes = propTypes;
+AntdDescriptionItem.propTypes = propTypes;

package/src/lib/fragments/dataDisplay/descriptions/AntdDescriptions.react.js

@@ -4,13 +4,20 @@ import React from 'react';
 import { Descriptions } from 'antd';
 // 辅助库
 import { omit } from 'ramda';
-import { parseChildrenToArray, resolveChildProps, useLoading } from '../../../components/utils';
+import {
+    parseChildrenToArray,
+    resolveChildProps,
+    useLoading,
+} from '../../../components/utils';
 import { isString } from 'lodash';
 import { pickBy } from 'ramda';
 // 自定义hooks
 import useCss from '../../../hooks/useCss';
 // 参数类型
-import { propTypes, defaultProps } from '../../../components/dataDisplay/descriptions/AntdDescriptions.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../../components/dataDisplay/descriptions/AntdDescriptions.react';
 
 /**
  * 描述列表组件AntdDescriptions
@@ -35,22 +42,27 @@ const AntdDescriptions = (props) => {
         ...others
     } = props;
 
-    let size2size = new Map([
+    const size2size = new Map([
         ['small', 'small'],
         ['default', 'middle'],
-        ['large', 'default']
-    ])
+        ['large', 'default'],
+    ]);
 
     if (items) {
         return (
             <Descriptions
                 // 提取具有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}
@@ -62,61 +74,69 @@ const AntdDescriptions = (props) => {
                 size={size2size.get(size)}
                 layout={layout}
                 extra={extra}
-                data-dash-is-loading={useLoading()}>
-                {
-                    items.map(
-                        (item, index) => <Descriptions.Item key={index} {...item} />
-                    )
-                }
+                data-dash-is-loading={useLoading()}
+            >
+                {items.map((item, index) => (
+                    <Descriptions.Item key={index} {...item} />
+                ))}
             </Descriptions>
         );
     }
 
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
-    const descriptionItems = children.map(
-        (child) => {
-            let childProps = resolveChildProps(child)
+    const descriptionItems = children.map((child) => {
+        const childProps = resolveChildProps(child);
 
-            const {
-                id,
-                className,
-                style,
-                styles,
-                classNames,
-                label,
-                span,
-                ...otherProps
-            } = childProps;
+        const {
+            id,
+            className,
+            style,
+            styles,
+            classNames,
+            label,
+            span,
+            ...otherProps
+        } = childProps;
 
-            return (
-                <Descriptions.Item
-                    id={id}
-                    className={className}
-                    style={style}
-                    styles={styles}
-                    classNames={classNames}
-                    label={label}
-                    span={span}
-                    {...omit(
-                        ['setProps', 'persistence', 'persistence_type', 'persisted_props'],
-                        otherProps
-                    )}>
-                    {child}
-                </Descriptions.Item>
-            );
-        }
-    )
+        return (
+            <Descriptions.Item
+                id={id}
+                className={className}
+                style={style}
+                styles={styles}
+                classNames={classNames}
+                label={label}
+                span={span}
+                {...omit(
+                    [
+                        'setProps',
+                        'persistence',
+                        'persistence_type',
+                        'persisted_props',
+                    ],
+                    otherProps
+                )}
+            >
+                {child}
+            </Descriptions.Item>
+        );
+    });
 
     return (
         <Descriptions
             // 提取具有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}
@@ -128,13 +148,14 @@ const AntdDescriptions = (props) => {
             size={size2size.get(size)}
             layout={layout}
             extra={extra}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {descriptionItems}
         </Descriptions>
     );
-}
+};
 
 export default AntdDescriptions;
 
 AntdDescriptions.defaultProps = defaultProps;
-AntdDescriptions.propTypes = propTypes;
+AntdDescriptions.propTypes = propTypes;