feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/layout/AntdFlex.react.js

@@ -26,18 +26,22 @@ const AntdFlex = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Flex
             // 提取具有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}
@@ -47,11 +51,12 @@ const AntdFlex = ({
             align={align}
             flex={flex}
             gap={gap}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Flex>
     );
-}
+};
 
 AntdFlex.propTypes = {
     /**
@@ -77,10 +82,7 @@ AntdFlex.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 是否使用垂直主轴
@@ -92,10 +94,7 @@ AntdFlex.propTypes = {
      * 子元素换行显示行为，同css中的flex-wrap，也可直接传入布尔型设置是否自动换行
      * 默认值：`'nowrap'`
      */
-    wrap: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.bool
-    ]),
+    wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
 
     /**
      * 子元素在主轴方向上的对齐方式，同css中的justify-content
@@ -121,7 +120,7 @@ AntdFlex.propTypes = {
     gap: PropTypes.oneOfType([
         PropTypes.string,
         PropTypes.number,
-        PropTypes.oneOf(['small', 'middle', 'large'])
+        PropTypes.oneOf(['small', 'middle', 'large']),
     ]),
 
     /**
@@ -138,7 +137,7 @@ AntdFlex.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 AntdFlex;
+export default AntdFlex;

package/src/lib/components/layout/AntdFooter.react.js

@@ -23,26 +23,31 @@ const AntdFooter = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Footer
             // 提取具有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}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Footer>
     );
-}
+};
 
 AntdFooter.propTypes = {
     /**
@@ -68,10 +73,7 @@ AntdFooter.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * `data-*`格式属性通配
@@ -87,7 +89,7 @@ AntdFooter.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 AntdFooter;
+export default AntdFooter;

package/src/lib/components/layout/AntdHeader.react.js

@@ -23,26 +23,31 @@ const AntdHeader = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Header
             // 提取具有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}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Header>
     );
-}
+};
 
 AntdHeader.propTypes = {
     /**
@@ -68,10 +73,7 @@ AntdHeader.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * `data-*`格式属性通配
@@ -87,7 +89,7 @@ AntdHeader.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 AntdHeader;
+export default AntdHeader;

package/src/lib/components/layout/AntdLayout.react.js

@@ -21,26 +21,31 @@ const AntdLayout = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Layout
             // 提取具有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}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Layout>
     );
-}
+};
 
 AntdLayout.propTypes = {
     /**
@@ -66,10 +71,7 @@ AntdLayout.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * `data-*`格式属性通配
@@ -85,7 +87,7 @@ AntdLayout.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 AntdLayout;
+export default AntdLayout;

package/src/lib/components/layout/AntdSider.react.js

@@ -31,22 +31,26 @@ const AntdSider = ({
     setProps,
     ...others
 }) => {
-
-    const onCollapse = collapsed => {
+    const onCollapse = (collapsed) => {
         setProps({ collapsed });
     };
 
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Sider
             // 提取具有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}
@@ -59,11 +63,12 @@ const AntdSider = ({
             trigger={trigger}
             breakpoint={breakpoint}
             onCollapse={onCollapse}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Sider>
     );
-}
+};
 
 AntdSider.propTypes = {
     /**
@@ -89,10 +94,7 @@ AntdSider.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 当前是否收起
@@ -128,10 +130,7 @@ AntdSider.propTypes = {
      * 侧边栏像素宽度
      * 默认值：`200`
      */
-    width: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.string
-    ]),
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
     /**
      * 设置为`None`时不渲染自带的特殊触发组件
@@ -157,7 +156,7 @@ AntdSider.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 AntdSider;
+export default AntdSider;

package/src/lib/components/layout/AntdSpace.react.js

@@ -29,20 +29,25 @@ const AntdSpace = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     if (addSplitLine) {
         if (direction === 'horizontal') {
             return (
                 <Space
                     // 提取具有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}
@@ -53,7 +58,8 @@ const AntdSpace = ({
                     size={size}
                     split={<Divider type="vertical" />}
                     wrap={wrap}
-                    data-dash-is-loading={useLoading()}>
+                    data-dash-is-loading={useLoading()}
+                >
                     {children}
                 </Space>
             );
@@ -61,12 +67,17 @@ const AntdSpace = ({
         return (
             <Space
                 // 提取具有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}
@@ -77,7 +88,8 @@ const AntdSpace = ({
                 size={size}
                 split={<Divider />}
                 wrap={wrap}
-                data-dash-is-loading={useLoading()}>
+                data-dash-is-loading={useLoading()}
+            >
                 {children}
             </Space>
         );
@@ -86,12 +98,17 @@ const AntdSpace = ({
     return (
         <Space
             // 提取具有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}
@@ -102,11 +119,12 @@ const AntdSpace = ({
             size={size}
             split={customSplit}
             wrap={wrap}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Space>
     );
-}
+};
 
 AntdSpace.propTypes = {
     /**
@@ -132,10 +150,7 @@ AntdSpace.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -144,7 +159,7 @@ AntdSpace.propTypes = {
         /**
          * 控制子项容器元素css样式
          */
-        item: PropTypes.object
+        item: PropTypes.object,
     }),
 
     /**
@@ -154,7 +169,7 @@ AntdSpace.propTypes = {
         /**
          * 控制子项容器元素css类
          */
-        item: PropTypes.string
+        item: PropTypes.string,
     }),
 
     /**
@@ -174,7 +189,7 @@ AntdSpace.propTypes = {
      */
     size: PropTypes.oneOfType([
         PropTypes.oneOf(['small', 'middle', 'large']),
-        PropTypes.number
+        PropTypes.number,
     ]),
 
     /**
@@ -208,7 +223,7 @@ AntdSpace.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 AntdSpace;
+export default AntdSpace;

package/src/lib/components/layout/AntdSplitter.react.js

@@ -23,32 +23,33 @@ const AntdSplitter = ({
     setProps,
     ...others
 }) => {
-
     return (
         <Splitter
             // 提取具有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}
             layout={layout}
             lazy={lazy}
-            data-dash-is-loading={useLoading()}>
-            {
-                (items || []).map(
-                    (item, index) => (
-                        <Splitter.Panel key={index} {...item} />
-                    )
-                )
-            }
+            data-dash-is-loading={useLoading()}
+        >
+            {(items || []).map((item, index) => (
+                <Splitter.Panel key={index} {...item} />
+            ))}
         </Splitter>
     );
-}
+};
 
 AntdSplitter.propTypes = {
     /**
@@ -69,10 +70,7 @@ AntdSplitter.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 布局方向，可选项有`'horizontal'`、`'vertical'`
@@ -106,29 +104,20 @@ AntdSplitter.propTypes = {
              */
             defaultSize: PropTypes.oneOfType([
                 PropTypes.number,
-                PropTypes.string
+                PropTypes.string,
             ]),
             /**
              * 面板尺寸，支持数字`px`或者文字`'百分比%'`类型
              */
-            size: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 最小尺寸，支持数字`px`或者文字`'百分比%'`类型
              */
-            min: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            min: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 最大尺寸，支持数字`px`或者文字`'百分比%'`类型
              */
-            max: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ]),
+            max: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
             /**
              * 是否可折叠
              * 默认值：`false`
@@ -137,8 +126,8 @@ AntdSplitter.propTypes = {
                 PropTypes.bool,
                 PropTypes.shape({
                     start: PropTypes.bool,
-                    end: PropTypes.bool
-                })
+                    end: PropTypes.bool,
+                }),
             ]),
             /**
              * 是否开启拖拽伸缩
@@ -168,7 +157,7 @@ AntdSplitter.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 AntdSplitter;
+export default AntdSplitter;