feffery_antd_components 0.3.15 → 0.4.0-rc5

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

@@ -6,10 +6,46 @@ const LazyAntdSpoiler = React.lazy(() => import(/* webpackChunkName: "data_displ
 /**
  * 展开收起组件AntdSpoiler
  */
-const AntdSpoiler = (props) => {
+const AntdSpoiler = ({
+    id,
+    children,
+    className,
+    style,
+    key,
+    locale = 'zh-cn',
+    contentClassName,
+    contentStyle,
+    hideLabel,
+    showLabel,
+    labelPosition = 'left',
+    open = false,
+    maxHeight = 50,
+    transitionDuration = 0.1,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdSpoiler {...props} />
+            <LazyAntdSpoiler {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    key,
+                    locale,
+                    contentClassName,
+                    contentStyle,
+                    hideLabel,
+                    showLabel,
+                    labelPosition,
+                    open,
+                    maxHeight,
+                    transitionDuration,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -57,10 +93,10 @@ AntdSpoiler.propTypes = {
     contentStyle: PropTypes.object,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
 
     /**
      * 组件型，展开状态下，收起按钮的文案内容
@@ -106,21 +142,6 @@ AntdSpoiler.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -128,15 +149,6 @@ AntdSpoiler.propTypes = {
     setProps: PropTypes.func
 }
 
-// 设置默认参数
-AntdSpoiler.defaultProps = {
-    locale: 'zh-cn',
-    open: false,
-    maxHeight: 50,
-    transitionDuration: 0.1,
-    labelPosition: 'left'
-}
-
 export default AntdSpoiler;
 
 export const propTypes = AntdSpoiler.propTypes;

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

@@ -7,34 +7,34 @@ import { QuestionCircleOutlined } from "@ant-design/icons";
 // 辅助库
 import { isString, isNumber } from 'lodash';
 import { pickBy } from 'ramda';
+import { useLoading } from '../utils';
 // 自定义hooks
 import useCss from '../../hooks/useCss';
 
 /**
  * 统计数值组件AntdStatistic
  */
-const AntdStatistic = (props) => {
-    let {
-        id,
-        className,
-        style,
-        key,
-        value,
-        showGroupSeparator,
-        precision,
-        prefix,
-        suffix,
-        title,
-        titleTooltip,
-        valueStyle,
-        setProps,
-        loading_state
-    } = props;
+const AntdStatistic = ({
+    id,
+    className,
+    style,
+    key,
+    value,
+    showGroupSeparator = true,
+    precision,
+    prefix,
+    suffix,
+    title,
+    titleTooltip,
+    valueStyle,
+    setProps,
+    ...others
+}) => {
 
     return (
         <Statistic
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), props)}
+            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
             id={id}
             className={
                 isString(className) ?
@@ -60,9 +60,7 @@ const AntdStatistic = (props) => {
                 </Space>
                 : title}
             valueStyle={valueStyle}
-            data-dash-is-loading={
-                (loading_state && loading_state.is_loading) || undefined
-            }
+            data-dash-is-loading={useLoading()}
         />
     );
 }
@@ -168,9 +166,4 @@ AntdStatistic.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdStatistic.defaultProps = {
-    showGroupSeparator: true
-}
-
 export default AntdStatistic;

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

@@ -6,10 +6,136 @@ const LazyAntdTable = React.lazy(() => import(/* webpackChunkName: "antd_table"
 /**
  * 表格组件AntdTable
  */
-const AntdTable = (props) => {
+const AntdTable = ({
+    id,
+    className,
+    style,
+    key,
+    locale = 'zh-cn',
+    containerId,
+    columns = [],
+    showHeader = true,
+    rowHoverable = true,
+    tableLayout,
+    miniChartHeight = 30,
+    miniChartAnimation = false,
+    rowSelectionType,
+    selectedRowKeys,
+    rowSelectionWidth = 32,
+    rowSelectionCheckStrictly,
+    rowSelectionIgnoreRowKeys,
+    sticky = false,
+    titlePopoverInfo,
+    columnsFormatConstraint,
+    enableHoverListen = false,
+    data = [],
+    sortOptions = {},
+    showSorterTooltip = true,
+    showSorterTooltipTarget = 'full-header',
+    filterOptions = {},
+    defaultFilteredValues = {},
+    pagination,
+    bordered = false,
+    maxHeight,
+    maxWidth,
+    scrollToFirstRowOnChange = true,
+    size = 'middle',
+    mode = 'client-side',
+    nClicksButton = 0,
+    nDoubleClicksCell = 0,
+    summaryRowContents,
+    summaryRowBlankColumns = 0,
+    summaryRowFixed = false,
+    customFormatFuncs,
+    conditionalStyleFuncs = {},
+    expandedRowKeyToContent,
+    expandedRowWidth,
+    expandRowByClick = false,
+    defaultExpandedRowKeys,
+    expandedRowKeys,
+    enableCellClickListenColumns = [],
+    nClicksCell = 0,
+    nContextMenuClicksCell = 0,
+    emptyContent,
+    cellUpdateOptimize = false,
+    nClicksDropdownItem = 0,
+    hiddenRowKeys = [],
+    virtual = false,
+    title,
+    footer,
+    loading = false,
+    rowClassName,
+    selectedRowsSyncWithData = false,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTable {...props} />
+            <LazyAntdTable {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    locale,
+                    containerId,
+                    columns,
+                    showHeader,
+                    rowHoverable,
+                    tableLayout,
+                    miniChartHeight,
+                    miniChartAnimation,
+                    rowSelectionType,
+                    selectedRowKeys,
+                    rowSelectionWidth,
+                    rowSelectionCheckStrictly,
+                    rowSelectionIgnoreRowKeys,
+                    sticky,
+                    titlePopoverInfo,
+                    columnsFormatConstraint,
+                    enableHoverListen,
+                    data,
+                    sortOptions,
+                    showSorterTooltip,
+                    showSorterTooltipTarget,
+                    filterOptions,
+                    defaultFilteredValues,
+                    pagination,
+                    bordered,
+                    maxHeight,
+                    maxWidth,
+                    scrollToFirstRowOnChange,
+                    size,
+                    mode,
+                    nClicksButton,
+                    nDoubleClicksCell,
+                    summaryRowContents,
+                    summaryRowBlankColumns,
+                    summaryRowFixed,
+                    customFormatFuncs,
+                    conditionalStyleFuncs,
+                    expandedRowKeyToContent,
+                    expandedRowWidth,
+                    expandRowByClick,
+                    defaultExpandedRowKeys,
+                    expandedRowKeys,
+                    enableCellClickListenColumns,
+                    nClicksCell,
+                    nContextMenuClicksCell,
+                    emptyContent,
+                    cellUpdateOptimize,
+                    nClicksDropdownItem,
+                    hiddenRowKeys,
+                    virtual,
+                    title,
+                    footer,
+                    loading,
+                    rowClassName,
+                    selectedRowsSyncWithData,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -36,10 +162,10 @@ AntdTable.propTypes = {
     className: PropTypes.string,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
 
     /**
      * 当表格渲染在具有滚动条的局部容器中时，指定该容器id，可避免出现部分表格内部展开层随滚动条滚动显示异常的问题
@@ -1574,9 +1700,17 @@ AntdTable.propTypes = {
     loading: PropTypes.bool,
 
     /**
-     * 表格行css类名
+     * 表格行css类名，支持通过`func`字段定义`javascript`函数动态计算
      */
-    rowClassName: PropTypes.string,
+    rowClassName: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.shape({
+            /**
+             * 字符串形式的`javascript`函数
+             */
+            func: PropTypes.string
+        })
+    ]),
 
     /**
      * `data-*`格式属性通配
@@ -1588,21 +1722,6 @@ AntdTable.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -1610,49 +1729,6 @@ AntdTable.propTypes = {
     setProps: PropTypes.func
 };
 
-AntdTable.defaultProps = {
-    // 通用参数
-    showHeader: true,
-    rowHoverable: true,
-    locale: 'zh-cn',
-    data: [],
-    columns: [],
-    scrollToFirstRowOnChange: true,
-    size: 'middle',
-    bordered: false,
-    loading: false,
-    // 进阶通用参数
-    sortOptions: {},
-    showSorterTooltip: true,
-    showSorterTooltipTarget: 'full-header',
-    filterOptions: {},
-    defaultFilteredValues: {},
-    mode: 'client-side',
-    sticky: false,
-    enableHoverListen: false,
-    expandRowByClick: false,
-    enableCellClickListenColumns: [],
-    nClicksCell: 0,
-    nDoubleClicksCell: 0,
-    nContextMenuClicksCell: 0,
-    cellUpdateOptimize: false,
-    summaryRowFixed: false,
-    conditionalStyleFuncs: {},
-    rowSelectionWidth: 32,
-    selectedRowsSyncWithData: false,
-    hiddenRowKeys: [],
-    // 按钮模式相关
-    nClicksButton: 0,
-    // 迷你图相关
-    miniChartHeight: 30,
-    miniChartAnimation: false,
-    // dropdown模式相关
-    nClicksDropdownItem: 0,
-    dataDeepCompare: false,
-    virtual: false,
-    summaryRowBlankColumns: 0
-};
-
 export default AntdTable;
 
 export const propTypes = AntdTable.propTypes;

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

@@ -6,10 +6,68 @@ const LazyAntdTabs = React.lazy(() => import(/* webpackChunkName: "data_display"
 /**
  * 标签页组件AntdTabs
  */
-const AntdTabs = (props) => {
+const AntdTabs = ({
+    id,
+    className,
+    style,
+    key,
+    items,
+    disabledTabKeys = [],
+    tabBarLeftExtraContent,
+    tabBarRightExtraContent,
+    defaultActiveKey,
+    activeKey,
+    size = 'default',
+    tabPosition = 'top',
+    type = 'line',
+    centered = false,
+    indicator,
+    tabBarGutter,
+    tabBarStyle,
+    inkBarAnimated = true,
+    tabPaneAnimated = false,
+    destroyInactiveTabPane = false,
+    tabCloseCounts = 0,
+    placeholder,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTabs {...props} />
+            <LazyAntdTabs {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    items,
+                    disabledTabKeys,
+                    tabBarLeftExtraContent,
+                    tabBarRightExtraContent,
+                    defaultActiveKey,
+                    activeKey,
+                    size,
+                    tabPosition,
+                    type,
+                    centered,
+                    indicator,
+                    tabBarGutter,
+                    tabBarStyle,
+                    inkBarAnimated,
+                    tabPaneAnimated,
+                    destroyInactiveTabPane,
+                    tabCloseCounts,
+                    placeholder,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -256,21 +314,6 @@ AntdTabs.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -299,17 +342,7 @@ AntdTabs.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdTabs.defaultProps = {
-    disabledTabKeys: [],
-    tabPosition: 'top',
-    size: 'default',
-    type: 'line',
-    centered: false,
-    inkBarAnimated: true,
-    tabPaneAnimated: false,
-    destroyInactiveTabPane: false,
-    tabCloseCounts: 0,
+AntdTabs.dashPersistence = {
     persisted_props: ['activeKey'],
     persistence_type: 'local'
 }

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

@@ -6,10 +6,42 @@ const LazyAntdTag = React.lazy(() => import(/* webpackChunkName: "data_display"
 /**
  * 标签组件AntdTag
  */
-const AntdTag = (props) => {
+const AntdTag = ({
+    id,
+    className,
+    style,
+    key,
+    content,
+    icon,
+    color,
+    href,
+    target = '_blank',
+    bordered = true,
+    closeIcon = false,
+    closeCounts = 0,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTag {...props} />
+            <LazyAntdTag {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    content,
+                    icon,
+                    color,
+                    href,
+                    target,
+                    bordered,
+                    closeIcon,
+                    closeCounts,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -91,21 +123,6 @@ AntdTag.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -113,14 +130,6 @@ AntdTag.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdTag.defaultProps = {
-    target: '_blank',
-    bordered: true,
-    closeIcon: false,
-    closeCounts: 0
-}
-
 export default AntdTag;
 
 export const propTypes = AntdTag.propTypes;

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

@@ -6,10 +6,36 @@ const LazyAntdTimeline = React.lazy(() => import(/* webpackChunkName: "data_disp
 /**
  * 时间轴组件AntdTimeline
  */
-const AntdTimeline = (props) => {
+const AntdTimeline = ({
+    id,
+    className,
+    style,
+    key,
+    items,
+    mode = 'left',
+    pending,
+    pendingDot,
+    reverse = false,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTimeline {...props} />
+            <LazyAntdTimeline {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    items,
+                    mode,
+                    pending,
+                    pendingDot,
+                    reverse,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -98,21 +124,6 @@ AntdTimeline.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -120,12 +131,6 @@ AntdTimeline.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdTimeline.defaultProps = {
-    mode: 'left',
-    reverse: false
-}
-
 export default AntdTimeline;
 
 export const propTypes = AntdTimeline.propTypes;