feffery_antd_components 0.4.3 → 0.4.5

package/src/lib/components/layout/grid/AntdCol.react.js

@@ -33,18 +33,22 @@ const AntdCol = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Col
             // 提取具有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={{ height: '100%', ...style }}
             key={key}
@@ -60,11 +64,12 @@ const AntdCol = ({
             lg={lg}
             xl={xl}
             xxl={xxl}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Col>
     );
-}
+};
 
 AntdCol.propTypes = {
     /**
@@ -90,10 +95,7 @@ AntdCol.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 列所占宽度份数
@@ -127,10 +129,7 @@ AntdCol.propTypes = {
     /**
      * 同css中的flex
      */
-    flex: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number
-    ]),
+    flex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
     /**
      * 配置列在页面宽度小于567px时的布局参数，传入数值型时代表span参数，传入字典时分别设置各布局参数
@@ -161,8 +160,8 @@ AntdCol.propTypes = {
             /**
              * 同push参数
              */
-            push: PropTypes.number
-        })
+            push: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -194,8 +193,8 @@ AntdCol.propTypes = {
             /**
              * 同push参数
              */
-            push: PropTypes.number
-        })
+            push: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -227,8 +226,8 @@ AntdCol.propTypes = {
             /**
              * 同push参数
              */
-            push: PropTypes.number
-        })
+            push: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -260,8 +259,8 @@ AntdCol.propTypes = {
             /**
              * 同push参数
              */
-            push: PropTypes.number
-        })
+            push: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -293,8 +292,8 @@ AntdCol.propTypes = {
             /**
              * 同push参数
              */
-            push: PropTypes.number
-        })
+            push: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -326,8 +325,8 @@ AntdCol.propTypes = {
             /**
              * 同push参数
              */
-            push: PropTypes.number
-        })
+            push: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -344,7 +343,7 @@ AntdCol.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 AntdCol;
+export default AntdCol;

package/src/lib/components/layout/grid/AntdRow.react.js

@@ -25,18 +25,22 @@ const AntdRow = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Row
             // 提取具有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}
@@ -44,11 +48,12 @@ const AntdRow = ({
             gutter={gutter}
             justify={justify}
             wrap={wrap}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Row>
     );
-}
+};
 
 AntdRow.propTypes = {
     /**
@@ -74,10 +79,7 @@ AntdRow.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 竖直方向对齐方式，可选项有`'top'`、`'middle'`、`'bottom'`
@@ -115,8 +117,8 @@ AntdRow.propTypes = {
             /**
              * 页面宽度大于等于1600px时的水平像素间隔
              */
-            xxl: PropTypes.number
-        })
+            xxl: PropTypes.number,
+        }),
     ]),
 
     /**
@@ -124,7 +126,11 @@ AntdRow.propTypes = {
      * 默认值：`'start'`
      */
     justify: PropTypes.oneOf([
-        'start', 'end', 'center', 'space-around', 'space-between'
+        'start',
+        'end',
+        'center',
+        'space-around',
+        'space-between',
     ]),
 
     /**
@@ -147,7 +153,7 @@ AntdRow.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 AntdRow;
+export default AntdRow;

package/src/lib/components/locales.react.js

@@ -2,32 +2,38 @@ import zhCN from 'antd/lib/locale/zh_CN';
 import enUS from 'antd/lib/locale/en_US';
 import deDE from 'antd/lib/locale/de_DE';
 import ruRU from 'antd/lib/locale/ru_RU';
+import frFR from 'antd/lib/locale/fr_FR';
 
 const str2Locale = new Map([
     ['zh-cn', zhCN],
     ['en-us', enUS],
     ['de-de', deDE],
-    ['ru-ru', ruRU]
-])
+    ['ru-ru', ruRU],
+    ['fr-fr', frFR],
+]);
 
 const locale2text = {
     AntdSpoiler: {
         'zh-cn': {
             hideLabel: '收起',
-            showLabel: '查看更多'
+            showLabel: '查看更多',
         },
         'en-us': {
             hideLabel: 'Hide',
-            showLabel: 'Show more'
+            showLabel: 'Show more',
         },
         'de-de': {
             hideLabel: 'Verbergen',
-            showLabel: 'Mehr anzeigen'
+            showLabel: 'Mehr anzeigen',
         },
         'ru-ru': {
             hideLabel: 'Скрыть',
-            showLabel: 'Показать больше'
-        }
+            showLabel: 'Показать больше',
+        },
+        'fr-fr': {
+            hideLabel: 'Cacher',
+            showLabel: 'Afficher plus',
+        },
     },
     AntdPictureUpload: {
         'zh-cn': {
@@ -57,25 +63,36 @@ const locale2text = {
             confirmBeforeDeleteCancelText: 'Отмена',
             imgCropModalOKText: 'Ок',
             imgCropModalCancelText: 'Отмена',
-        }
+        },
+        'fr-fr': {
+            confirmBeforeDeleteTitle: 'Confirmer la suppression',
+            confirmBeforeDeleteOkText: 'OK',
+            confirmBeforeDeleteCancelText: 'Annuler',
+            imgCropModalOKText: 'OK',
+            imgCropModalCancelText: 'Annuler',
+        },
     },
     AntdPagination: {
         'zh-cn': {
             showTotalPrefix: '共 ',
-            showTotalSuffix: ' 条记录'
+            showTotalSuffix: ' 条记录',
         },
         'en-us': {
             showTotalPrefix: 'Total ',
-            showTotalSuffix: ' items'
+            showTotalSuffix: ' items',
         },
         'de-de': {
             showTotalPrefix: 'Gesamt ',
-            showTotalSuffix: ' items'
+            showTotalSuffix: ' items',
         },
         'ru-ru': {
             showTotalPrefix: 'Всего ',
-            showTotalSuffix: ' элементов'
-        }
+            showTotalSuffix: ' элементов',
+        },
+        'fr-fr': {
+            showTotalPrefix: 'Total  ',
+            showTotalSuffix: ' articles',
+        },
     },
     AntdTable: {
         'zh-cn': {
@@ -84,7 +101,8 @@ const locale2text = {
             filterKeywordPlaceholder: '搜索',
             filterKeywordSearchButtonText: '搜索',
             filterKeywordResetButtonText: '重置',
-            columnEditableFormatConstraintMessage: '编辑失败，输入的“[VALUE]”不符合对应字段的格式要求。'
+            columnEditableFormatConstraintMessage:
+                '编辑失败，输入的“[VALUE]”不符合对应字段的格式要求。',
         },
         'en-us': {
             showTotalPrefix: 'Total ',
@@ -92,7 +110,8 @@ const locale2text = {
             filterKeywordPlaceholder: 'Search',
             filterKeywordSearchButtonText: 'Search',
             filterKeywordResetButtonText: 'Reset',
-            columnEditableFormatConstraintMessage: 'Edit failed, The input "[VALUE]" does not meet the format requirements for the corresponding field.'
+            columnEditableFormatConstraintMessage:
+                'Edit failed, The input "[VALUE]" does not meet the format requirements for the corresponding field.',
         },
         'de-de': {
             showTotalPrefix: 'Gesamt ',
@@ -100,7 +119,8 @@ const locale2text = {
             filterKeywordPlaceholder: 'Suche',
             filterKeywordSearchButtonText: 'Suchen',
             filterKeywordResetButtonText: 'Zurücksetzen',
-            columnEditableFormatConstraintMessage: 'Bearbeiten fehlgeschlagen, Die Eingabe "[VALUE]" entspricht nicht den Anforderungen des entsprechenden Feldes.'
+            columnEditableFormatConstraintMessage:
+                'Bearbeiten fehlgeschlagen, Die Eingabe "[VALUE]" entspricht nicht den Anforderungen des entsprechenden Feldes.',
         },
         'ru-ru': {
             showTotalPrefix: 'Всего ',
@@ -108,22 +128,35 @@ const locale2text = {
             filterKeywordPlaceholder: 'Поиск',
             filterKeywordSearchButtonText: 'Поиск',
             filterKeywordResetButtonText: 'Сбросить',
-            columnEditableFormatConstraintMessage: 'Редактирование не удалось, введенное значение "[VALUE]" не соответствует требованиям поля.'
-        }
+            columnEditableFormatConstraintMessage:
+                'Редактирование не удалось, введенное значение "[VALUE]" не соответствует требованиям поля.',
+        },
+        'fr-fr': {
+            showTotalPrefix: 'Total ',
+            showTotalSuffix: ' articles',
+            filterKeywordPlaceholder: 'Rechercher',
+            filterKeywordSearchButtonText: 'Rechercher',
+            filterKeywordResetButtonText: 'Réinitialiser',
+            columnEditableFormatConstraintMessage:
+                'Échec de la modification. La valeur saisie "[VALUE]" ne respecte pas les exigences de format du champ correspondant.',
+        },
     },
     AntdTransfer: {
         'zh-cn': {
-            titles: ['待选区', '选定区']
+            titles: ['待选区', '选定区'],
         },
         'en-us': {
-            titles: ['Source', 'Target']
+            titles: ['Source', 'Target'],
         },
         'de-de': {
-            titles: ['Quelle', 'Ziel']
+            titles: ['Quelle', 'Ziel'],
         },
         'ru-ru': {
-            titles: ['Источник', 'Цель']
-        }
+            titles: ['Источник', 'Цель'],
+        },
+        'fr-fr': {
+            titles: ['Source', 'Cible'],
+        },
     },
     Upload: {
         'zh-cn': {
@@ -131,29 +164,48 @@ const locale2text = {
             uploadFailed: '上传失败！',
             sizeError: ['文件大小超出', 'MB限制！'],
             typeError: ['上传失败，', '文件格式不符合要求！'],
-            buttonContent: '点击上传文件'
+            buttonContent: '点击上传文件',
         },
         'en-us': {
             uploadSuccess: 'upload success!',
             uploadFailed: 'upload failed!',
             sizeError: ['File size exceeds the ', 'MB limit!'],
-            typeError: ['Uploading failed, The format of ', ' does not meet requirements!'],
-            buttonContent: 'Click to upload file'
+            typeError: [
+                'Uploading failed, The format of ',
+                ' does not meet requirements!',
+            ],
+            buttonContent: 'Click to upload file',
         },
         'de-de': {
             uploadSuccess: 'Hochladen erfolgreich!',
             uploadFailed: 'Hochladen fehlgeschlagen!',
             sizeError: ['Dateigröße überschreitet das Limit von ', 'MB!'],
-            typeError: ['Hochladen fehlgeschlagen. Das Format von ', ' entspricht nicht den Anforderungen!'],
-            buttonContent: 'Klicken, um eine Datei hochzuladen'
+            typeError: [
+                'Hochladen fehlgeschlagen. Das Format von ',
+                ' entspricht nicht den Anforderungen!',
+            ],
+            buttonContent: 'Klicken, um eine Datei hochzuladen',
         },
         'ru-ru': {
             uploadSuccess: 'Загрузка успешна!',
             uploadFailed: 'Ошибка загрузки!',
             sizeError: ['Размер файла превышает ', 'MB ограничение!'],
-            typeError: ['Ошибка загрузки, формат ', ' не соответствует требованиям!'],
-            buttonContent: 'Нажмите для загрузки файла'
-        }
+            typeError: [
+                'Ошибка загрузки, формат ',
+                ' не соответствует требованиям!',
+            ],
+            buttonContent: 'Нажмите для загрузки файла',
+        },
+        'fr-fr': {
+            uploadSuccess: 'téléversement réussi !',
+            uploadFailed: 'échec du téléversement !',
+            sizeError: ['La taille du fichier dépasse la limite de ', 'Mo !'],
+            typeError: [
+                'Échec du téléversement, le format de ',
+                ' ne respecte pas les exigences !',
+            ],
+            buttonContent: 'Cliquez pour téléverser un fichier',
+        },
     },
     AntdComment: {
         'zh-cn': {
@@ -191,8 +243,17 @@ const locale2text = {
             deleteConfirmOkText: 'Да',
             deleteConfirmCancelText: 'Нет',
             deleteTitle: 'Удалить',
-        }
-    }
-}
+        },
+        'fr-fr': {
+            likeTooltipTitle: 'j’aime',
+            dislikeTooltipTitle: 'je n’aime pas',
+            replayTitle: 'Ajouter une réponse',
+            deleteConfirmTitle: 'Confirmer la suppression',
+            deleteConfirmOkText: 'Oui',
+            deleteConfirmCancelText: 'Non',
+            deleteTitle: 'Supprimer',
+        },
+    },
+};
 
-export { str2Locale, locale2text };
+export { str2Locale, locale2text };

package/src/lib/components/navigation/AntdAnchor.react.js

@@ -30,18 +30,20 @@ const AntdAnchor = ({
     setProps,
     ...others
 }) => {
-
     // 监听锚点被点击情况
     const onClick = (e, link) => {
         setProps({
-            clickedLink: link
-        })
-    }
+            clickedLink: link,
+        });
+    };
 
     return (
         <div
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             style={{ float: align }}
             data-dash-is-loading={useLoading()}
         >
@@ -49,9 +51,11 @@ const AntdAnchor = ({
                 <Anchor
                     id={id}
                     className={
-                        isString(className) ?
-                            className :
-                            (className ? useCss(className) : undefined)
+                        isString(className)
+                            ? className
+                            : className
+                              ? useCss(className)
+                              : undefined
                     }
                     style={style}
                     key={key}
@@ -59,12 +63,11 @@ const AntdAnchor = ({
                     direction={direction}
                     onClick={onClick}
                     getContainer={
-                        containerId ? (
-                            document.getElementById(containerId) ?
-                                () => document.getElementById(containerId) :
-                                undefined
-                        ) :
-                            undefined
+                        containerId
+                            ? document.getElementById(containerId)
+                                ? () => document.getElementById(containerId)
+                                : undefined
+                            : undefined
                     }
                     targetOffset={targetOffset}
                     affix={affix}
@@ -73,11 +76,12 @@ const AntdAnchor = ({
                     replace={replace}
                     getCurrentAnchor={
                         currentAnchor ? () => currentAnchor : undefined
-                    } />
+                    }
+                />
             }
         </div>
     );
-}
+};
 
 // 定义递归PropTypes
 const PropLinkNodeShape = {
@@ -98,7 +102,7 @@ const PropLinkNodeShape = {
     /**
      * 节点链接跳转行为
      */
-    target: PropTypes.string
+    target: PropTypes.string,
 };
 
 const PropLinkNode = PropTypes.shape(PropLinkNodeShape);
@@ -124,10 +128,7 @@ AntdAnchor.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 目录层次数据结构
@@ -203,7 +204,7 @@ AntdAnchor.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 AntdAnchor;
+export default AntdAnchor;