feffery_antd_components 0.4.4 → 0.4.5

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdTabs = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTabs.react'));
+const LazyAntdTabs = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTabs.react'
+        )
+);
 
 /**
  * 标签页组件AntdTabs
@@ -37,8 +42,8 @@ const AntdTabs = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTabs {
-                ...{
+            <LazyAntdTabs
+                {...{
                     id,
                     className,
                     style,
@@ -65,12 +70,12 @@ const AntdTabs = ({
                     persistence,
                     persisted_props,
                     persistence_type,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdTabs.propTypes = {
     /**
@@ -91,10 +96,7 @@ AntdTabs.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 标签页类型，可选项有`'line'`、`'card'`、`'editable-card'`
@@ -126,10 +128,7 @@ AntdTabs.propTypes = {
             /**
              * `'editable-card'`型标签页可用，用于自定义关闭按钮，设置为`None`或`false`时会隐藏默认的关闭按钮
              */
-            closeIcon: PropTypes.oneOfType([
-                PropTypes.bool,
-                PropTypes.node,
-            ]),
+            closeIcon: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
             /**
              * 是否在当前标签页隐藏时，自动销毁当前标签页内部元素
              * 默认值：`false`
@@ -172,7 +171,7 @@ AntdTabs.propTypes = {
                      */
                     iconRenderer: PropTypes.oneOf(['AntdIcon', 'fontawesome']),
                 })
-            )
+            ),
         })
     ),
 
@@ -225,7 +224,7 @@ AntdTabs.propTypes = {
         /**
          * 指示条对齐方式，可选项有`'start'`、`'center'`、`'end'`
          */
-        align: PropTypes.oneOf(['start', 'center', 'end'])
+        align: PropTypes.oneOf(['start', 'center', 'end']),
     }),
 
     /**
@@ -296,7 +295,7 @@ AntdTabs.propTypes = {
         /**
          * 事件对应时间戳信息
          */
-        timestamp: PropTypes.number
+        timestamp: PropTypes.number,
     }),
 
     /**
@@ -326,7 +325,7 @@ AntdTabs.propTypes = {
     persistence: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.string,
-        PropTypes.number
+        PropTypes.number,
     ]),
 
     /**
@@ -339,15 +338,15 @@ AntdTabs.propTypes = {
      * 属性持久化存储类型，可选项有`'local'`（本地持久化），`'session'`（会话持久化），`'memory'`（内存持久化）
      * 默认值：`'local'`
      */
-    persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
+    persistence_type: PropTypes.oneOf(['local', 'session', 'memory']),
 };
 
 AntdTabs.dashPersistence = {
     persisted_props: ['activeKey'],
-    persistence_type: 'local'
-}
+    persistence_type: 'local',
+};
 
 export default AntdTabs;
 
 export const propTypes = AntdTabs.propTypes;
-export const defaultProps = AntdTabs.defaultProps;
+export const defaultProps = AntdTabs.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdTag = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTag.react'));
+const LazyAntdTag = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTag.react'
+        )
+);
 
 /**
  * 标签组件AntdTag
@@ -24,8 +29,8 @@ const AntdTag = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTag {
-                ...{
+            <LazyAntdTag
+                {...{
                     id,
                     className,
                     style,
@@ -39,12 +44,12 @@ const AntdTag = ({
                     closeIcon,
                     closeCounts,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdTag.propTypes = {
     /**
@@ -65,10 +70,7 @@ AntdTag.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 组件型，标签内容
@@ -127,10 +129,10 @@ AntdTag.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 AntdTag;
 
 export const propTypes = AntdTag.propTypes;
-export const defaultProps = AntdTag.defaultProps;
+export const defaultProps = AntdTag.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdTimeline = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTimeline.react'));
+const LazyAntdTimeline = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTimeline.react'
+        )
+);
 
 /**
  * 时间轴组件AntdTimeline
@@ -21,8 +26,8 @@ const AntdTimeline = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTimeline {
-                ...{
+            <LazyAntdTimeline
+                {...{
                     id,
                     className,
                     style,
@@ -33,12 +38,12 @@ const AntdTimeline = ({
                     pendingDot,
                     reverse,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdTimeline.propTypes = {
     /**
@@ -59,10 +64,7 @@ AntdTimeline.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 必填，定义时间轴节点
@@ -89,7 +91,7 @@ AntdTimeline.propTypes = {
             /**
              * 当前节点位置，可选项有`'left'`、`'right'`
              */
-            position: PropTypes.oneOf(['left', 'right'])
+            position: PropTypes.oneOf(['left', 'right']),
         })
     ).isRequired,
 
@@ -128,10 +130,10 @@ AntdTimeline.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 AntdTimeline;
 
 export const propTypes = AntdTimeline.propTypes;
-export const defaultProps = AntdTimeline.defaultProps;
+export const defaultProps = AntdTimeline.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdTooltip = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTooltip.react'));
+const LazyAntdTooltip = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTooltip.react'
+        )
+);
 
 /**
  * 文字提示组件AntdTooltip
@@ -31,8 +36,8 @@ const AntdTooltip = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTooltip {
-                ...{
+            <LazyAntdTooltip
+                {...{
                     id,
                     children,
                     className,
@@ -53,12 +58,12 @@ const AntdTooltip = ({
                     permanent,
                     popupContainer,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdTooltip.propTypes = {
     /**
@@ -84,10 +89,7 @@ AntdTooltip.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -100,7 +102,7 @@ AntdTooltip.propTypes = {
         /**
          * 内容元素css样式
          */
-        body: PropTypes.object
+        body: PropTypes.object,
     }),
 
     /**
@@ -114,7 +116,7 @@ AntdTooltip.propTypes = {
         /**
          * 内容元素css类名
          */
-        body: PropTypes.string
+        body: PropTypes.string,
     }),
 
     /**
@@ -127,7 +129,14 @@ AntdTooltip.propTypes = {
      * 默认值：`'top'`
      */
     placement: PropTypes.oneOf([
-        'top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'
+        'top',
+        'left',
+        'right',
+        'bottom',
+        'topLeft',
+        'topRight',
+        'bottomLeft',
+        'bottomRight',
     ]),
 
     /**
@@ -151,12 +160,10 @@ AntdTooltip.propTypes = {
      * 触发方式，可选项有`'hover'`、`'focus'`、`'click'`，可多选
      * 默认值：`'hover'`
      */
-    trigger: PropTypes.oneOfType(
-        [
-            PropTypes.oneOf(['hover', 'focus', 'click']),
-            PropTypes.arrayOf(PropTypes.oneOf(['hover', 'focus', 'click']))
-        ]
-    ),
+    trigger: PropTypes.oneOfType([
+        PropTypes.oneOf(['hover', 'focus', 'click']),
+        PropTypes.arrayOf(PropTypes.oneOf(['hover', 'focus', 'click'])),
+    ]),
 
     /**
      * 文字提示卡片z-index
@@ -215,17 +222,17 @@ AntdTooltip.propTypes = {
         /**
          * Holds the name of the component that is loading
          */
-        component_name: PropTypes.string
+        component_name: PropTypes.string,
     }),
 
     /**
      * 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 AntdTooltip;
 
 export const propTypes = AntdTooltip.propTypes;
-export const defaultProps = AntdTooltip.defaultProps;
+export const defaultProps = AntdTooltip.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdTree = React.lazy(() => import(/* webpackChunkName: "data_entry" */ '../../fragments/dataDisplay/AntdTree.react'));
+const LazyAntdTree = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_entry" */ '../../fragments/dataDisplay/AntdTree.react'
+        )
+);
 
 /**
  * 树形控件组件AntdTree
@@ -27,7 +32,7 @@ const AntdTree = ({
     defaultCheckedKeys,
     defaultSelectedKeys,
     multiple = false,
-    showLine = { 'showLeafIcon': false },
+    showLine = { showLeafIcon: false },
     switcherIcon,
     showIcon = false,
     height,
@@ -45,7 +50,7 @@ const AntdTree = ({
         fontWeight: 'bold',
         backgroundColor: 'transparent',
         padding: 0,
-        color: '#ff5500'
+        color: '#ff5500',
     },
     nodeCheckedSuffix,
     nodeUncheckedSuffix,
@@ -60,8 +65,8 @@ const AntdTree = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTree {
-                ...{
+            <LazyAntdTree
+                {...{
                     id,
                     className,
                     setProps,
@@ -106,12 +111,12 @@ const AntdTree = ({
                     persisted_props,
                     persistence_type,
                     batchPropsNames,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 // 定义递归PropTypes
 const PropTreeNodeShape = {
@@ -173,8 +178,15 @@ const PropTreeNodeShape = {
          * 默认值：`'top'`
          */
         placement: PropTypes.oneOf([
-            'top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'
-        ])
+            'top',
+            'left',
+            'right',
+            'bottom',
+            'topLeft',
+            'topRight',
+            'bottomLeft',
+            'bottomRight',
+        ]),
     }),
     /**
      * 配置当前节点右键菜单相关参数
@@ -202,7 +214,7 @@ const PropTreeNodeShape = {
     /**
      * 当前节点是否为叶节点
      */
-    isLeaf: PropTypes.bool
+    isLeaf: PropTypes.bool,
 };
 
 const PropTreeNode = PropTypes.shape(PropTreeNodeShape);
@@ -273,8 +285,15 @@ const PropFlatNodeShape = {
          * 默认值：`'top'`
          */
         placement: PropTypes.oneOf([
-            'top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'
-        ])
+            'top',
+            'left',
+            'right',
+            'bottom',
+            'topLeft',
+            'topRight',
+            'bottomLeft',
+            'bottomRight',
+        ]),
     }),
     /**
      * 配置当前节点右键菜单相关参数
@@ -298,7 +317,7 @@ const PropFlatNodeShape = {
              */
             iconRenderer: PropTypes.oneOf(['AntdIcon', 'fontawesome']),
         })
-    )
+    ),
 };
 
 AntdTree.propTypes = {
@@ -320,10 +339,7 @@ AntdTree.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 对应`treeData`格式的渲染模式，可选项有`'tree'`（树形模式）、`'flat'`（扁平模式）
@@ -342,7 +358,7 @@ AntdTree.propTypes = {
         /**
          * 扁平模式对应结构
          */
-        PropTypes.arrayOf(PropFlatNodeShape)
+        PropTypes.arrayOf(PropFlatNodeShape),
     ]),
 
     /**
@@ -436,8 +452,8 @@ AntdTree.propTypes = {
             /**
              * 叶节点是否渲染前缀图标
              */
-            showLeafIcon: PropTypes.bool
-        })
+            showLeafIcon: PropTypes.bool,
+        }),
     ]),
 
     /**
@@ -500,7 +516,7 @@ AntdTree.propTypes = {
         /**
          * 事件对应时间戳信息
          */
-        timestamp: PropTypes.number
+        timestamp: PropTypes.number,
     }),
 
     /**
@@ -530,7 +546,7 @@ AntdTree.propTypes = {
         /**
          * 滚动后的像素偏移量
          */
-        offset: PropTypes.number
+        offset: PropTypes.number,
     }),
 
     /**
@@ -538,7 +554,7 @@ AntdTree.propTypes = {
      */
     searchKeyword: PropTypes.oneOfType([
         PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string)
+        PropTypes.arrayOf(PropTypes.string),
     ]),
 
     /**
@@ -615,28 +631,40 @@ AntdTree.propTypes = {
     persistence: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.string,
-        PropTypes.number
+        PropTypes.number,
     ]),
 
     /**
      * 开启属性持久化功能的若干属性名，可选项有`'selectedKeys'`、`'checkedKeys'`、`'expandedKeys'`、`'halfCheckedKeys'`
      * 默认值：`['selectedKeys', 'checkedKeys', 'expandedKeys', 'halfCheckedKeys']`
      */
-    persisted_props: PropTypes.arrayOf(PropTypes.oneOf(['selectedKeys', 'checkedKeys', 'expandedKeys', 'halfCheckedKeys'])),
+    persisted_props: PropTypes.arrayOf(
+        PropTypes.oneOf([
+            'selectedKeys',
+            'checkedKeys',
+            'expandedKeys',
+            'halfCheckedKeys',
+        ])
+    ),
 
     /**
      * 属性持久化存储类型，可选项有`'local'`（本地持久化），`'session'`（会话持久化），`'memory'`（内存持久化）
      * 默认值：`'local'`
      */
-    persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
+    persistence_type: PropTypes.oneOf(['local', 'session', 'memory']),
 };
 
 AntdTree.dashPersistence = {
-    persisted_props: ['selectedKeys', 'checkedKeys', 'expandedKeys', 'halfCheckedKeys'],
-    persistence_type: 'local'
-}
+    persisted_props: [
+        'selectedKeys',
+        'checkedKeys',
+        'expandedKeys',
+        'halfCheckedKeys',
+    ],
+    persistence_type: 'local',
+};
 
 export default AntdTree;
 
 export const propTypes = AntdTree.propTypes;
-export const defaultProps = AntdTree.defaultProps;
+export const defaultProps = AntdTree.defaultProps;

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

@@ -1,7 +1,12 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyAntdCard = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../../fragments/dataDisplay/card/AntdCard.react'));
+const LazyAntdCard = React.lazy(
+    () =>
+        import(
+            /* webpackChunkName: "data_display" */ '../../../fragments/dataDisplay/card/AntdCard.react'
+        )
+);
 
 const AntdCard = ({
     id,
@@ -25,8 +30,8 @@ const AntdCard = ({
 }) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCard {
-                ...{
+            <LazyAntdCard
+                {...{
                     id,
                     children,
                     className,
@@ -44,12 +49,12 @@ const AntdCard = ({
                     title,
                     nClicks,
                     setProps,
-                    ...others
-                }
-            } />
+                    ...others,
+                }}
+            />
         </Suspense>
     );
-}
+};
 
 AntdCard.propTypes = {
     /**
@@ -75,10 +80,7 @@ AntdCard.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -107,7 +109,7 @@ AntdCard.propTypes = {
         /**
          * 设置卡片底部操作组css样式
          */
-        actions: PropTypes.object
+        actions: PropTypes.object,
     }),
 
     /**
@@ -137,7 +139,7 @@ AntdCard.propTypes = {
         /**
          * 设置卡片底部操作组css类名
          */
-        actions: PropTypes.string
+        actions: PropTypes.string,
     }),
 
     /**
@@ -173,7 +175,7 @@ AntdCard.propTypes = {
         /**
          * 链接css样式
          */
-        style: PropTypes.object
+        style: PropTypes.object,
     }),
 
     /**
@@ -200,7 +202,7 @@ AntdCard.propTypes = {
         /**
          * 图片css样式
          */
-        style: PropTypes.object
+        style: PropTypes.object,
     }),
 
     /**
@@ -241,10 +243,10 @@ AntdCard.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 AntdCard;
 
 export const propTypes = AntdCard.propTypes;
-export const defaultProps = AntdCard.defaultProps;
+export const defaultProps = AntdCard.defaultProps;