feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/feedback/skeleton/AntdSkeleton.react.js

@@ -34,10 +34,12 @@ const AntdSkeleton = ({
     setProps,
     ...others
 }) => {
-
     const ctx = window.dash_component_api.useDashContext();
     // 获取内部加载中组件信息
-    const loading_info = ctx.useSelector(loadingSelector(ctx.componentPath), equals);
+    const loading_info = ctx.useSelector(
+        loadingSelector(ctx.componentPath),
+        equals
+    );
 
     const [showLoading, setShowLoading] = useState(loading);
     const timer = useRef();
@@ -55,7 +57,9 @@ const AntdSkeleton = ({
                 // 当listenPropsMode为'default'时
                 if (listenPropsMode === 'default') {
                     if (debug) {
-                        loading_info.forEach(item => console.log(item.id + '.' + item.property))
+                        loading_info.forEach((item) =>
+                            console.log(item.id + '.' + item.property)
+                        );
                     }
                     delayTimer.current = setTimeout(
                         () => setShowLoading(true),
@@ -64,9 +68,18 @@ const AntdSkeleton = ({
                 } else if (listenPropsMode === 'exclude') {
                     // 当listenPropsMode为'exclude'模式时
                     // 当前触发加载状态的组件+属性组合均不在排除列表中时，激活动画
-                    if (loading_info.every(item => excludeProps.indexOf(item.id + '.' + item.property) === -1)) {
+                    if (
+                        loading_info.every(
+                            (item) =>
+                                excludeProps.indexOf(
+                                    item.id + '.' + item.property
+                                ) === -1
+                        )
+                    ) {
                         if (debug) {
-                            loading_info.forEach(item => console.log(item.id + '.' + item.property))
+                            loading_info.forEach((item) =>
+                                console.log(item.id + '.' + item.property)
+                            );
                         }
                         delayTimer.current = setTimeout(
                             () => setShowLoading(true),
@@ -76,9 +89,18 @@ const AntdSkeleton = ({
                 } else if (listenPropsMode === 'include') {
                     // 当listenPropsMode为'include'模式时
                     // 当前触发加载状态的组件+属性组合至少有一个在包含列表中时，激活动画
-                    if (loading_info.some(item => includeProps.indexOf(item.id + '.' + item.property) !== -1)) {
+                    if (
+                        loading_info.some(
+                            (item) =>
+                                includeProps.indexOf(
+                                    item.id + '.' + item.property
+                                ) !== -1
+                        )
+                    ) {
                         if (debug) {
-                            loading_info.forEach(item => console.log(item.id + '.' + item.property))
+                            loading_info.forEach((item) =>
+                                console.log(item.id + '.' + item.property)
+                            );
                         }
                         delayTimer.current = setTimeout(
                             () => setShowLoading(true),
@@ -86,7 +108,6 @@ const AntdSkeleton = ({
                         );
                     }
                 }
-
             } else if (loading_info.length === 0 && showLoading) {
                 timer.current = setTimeout(() => setShowLoading(false));
             }
@@ -96,12 +117,17 @@ const AntdSkeleton = ({
     return (
         <Skeleton
             // 提取具有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}
@@ -112,10 +138,11 @@ const AntdSkeleton = ({
             round={round}
             title={title}
             data-dash-is-loading={useLoading()}
-        >{children}
+        >
+            {children}
         </Skeleton>
     );
-}
+};
 
 AntdSkeleton.propTypes = {
     /**
@@ -141,10 +168,7 @@ AntdSkeleton.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 是否处于加载中状态
@@ -185,9 +209,9 @@ AntdSkeleton.propTypes = {
              */
             size: PropTypes.oneOfType([
                 PropTypes.number,
-                PropTypes.oneOf(['large', 'small', 'default'])
+                PropTypes.oneOf(['large', 'small', 'default']),
             ]),
-        })
+        }),
     ]),
 
     /**
@@ -210,13 +234,10 @@ AntdSkeleton.propTypes = {
                 PropTypes.number,
                 PropTypes.string,
                 PropTypes.arrayOf(
-                    PropTypes.oneOfType([
-                        PropTypes.number,
-                        PropTypes.string
-                    ])
-                )
-            ])
-        })
+                    PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+                ),
+            ]),
+        }),
     ]),
 
     /**
@@ -229,11 +250,8 @@ AntdSkeleton.propTypes = {
             /**
              * 标题占位图宽度
              */
-            width: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string
-            ])
-        })
+            width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+        }),
     ]),
 
     /**
@@ -284,9 +302,9 @@ AntdSkeleton.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,
 };
 
 AntdSkeleton.dashChildrenUpdate = true;
 
-export default AntdSkeleton;
+export default AntdSkeleton;

package/src/lib/components/feedback/skeleton/AntdSkeletonAvatar.react.js

@@ -24,17 +24,21 @@ const AntdSkeletonAvatar = ({
     setProps,
     ...others
 }) => {
-
     return (
         <Skeleton.Avatar
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             style={style}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             key={key}
             active={active}
@@ -43,7 +47,7 @@ const AntdSkeletonAvatar = ({
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 AntdSkeletonAvatar.propTypes = {
     /**
@@ -64,10 +68,7 @@ AntdSkeletonAvatar.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 是否显示动画
@@ -87,7 +88,7 @@ AntdSkeletonAvatar.propTypes = {
      */
     size: PropTypes.oneOfType([
         PropTypes.number,
-        PropTypes.oneOf(['large', 'small', 'default'])
+        PropTypes.oneOf(['large', 'small', 'default']),
     ]),
 
     /**
@@ -104,7 +105,7 @@ AntdSkeletonAvatar.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 AntdSkeletonAvatar;
+export default AntdSkeletonAvatar;

package/src/lib/components/feedback/skeleton/AntdSkeletonButton.react.js

@@ -25,17 +25,21 @@ const AntdSkeletonButton = ({
     setProps,
     ...others
 }) => {
-
     return (
         <Skeleton.Button
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             style={style}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             key={key}
             active={active}
@@ -45,7 +49,7 @@ const AntdSkeletonButton = ({
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 AntdSkeletonButton.propTypes = {
     /**
@@ -66,10 +70,7 @@ AntdSkeletonButton.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 是否显示动画
@@ -109,7 +110,7 @@ AntdSkeletonButton.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 AntdSkeletonButton;
+export default AntdSkeletonButton;

package/src/lib/components/feedback/skeleton/AntdSkeletonImage.react.js

@@ -21,23 +21,27 @@ const AntdSkeletonImage = ({
     setProps,
     ...others
 }) => {
-
     return (
         <Skeleton.Image
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             style={style}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             key={key}
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 AntdSkeletonImage.propTypes = {
     /**
@@ -58,10 +62,7 @@ AntdSkeletonImage.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * `data-*`格式属性通配
@@ -77,7 +78,7 @@ AntdSkeletonImage.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 AntdSkeletonImage;
+export default AntdSkeletonImage;

package/src/lib/components/feedback/skeleton/AntdSkeletonInput.react.js

@@ -23,17 +23,21 @@ const AntdSkeletonInput = ({
     setProps,
     ...others
 }) => {
-
     return (
         <Skeleton.Input
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             style={style}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             key={key}
             active={active}
@@ -41,7 +45,7 @@ const AntdSkeletonInput = ({
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 AntdSkeletonInput.propTypes = {
     /**
@@ -62,10 +66,7 @@ AntdSkeletonInput.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 是否显示动画
@@ -93,7 +94,7 @@ AntdSkeletonInput.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 AntdSkeletonInput;
+export default AntdSkeletonInput;