feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/general/typography/AntdText.react.js

@@ -39,22 +39,26 @@ const AntdText = ({
     setProps,
     ...others
 }) => {
+    const context = useContext(PropsContext);
+    locale = (context && context.locale) || locale;
 
-    const context = useContext(PropsContext)
-    locale = (context && context.locale) || locale
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <ConfigProvider locale={str2Locale.get(locale)}>
             <Text
                 // 提取具有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}
@@ -69,12 +73,13 @@ const AntdText = ({
                 type={type}
                 keyboard={keyboard}
                 ellipsis={ellipsis}
-                data-dash-is-loading={useLoading()}>
+                data-dash-is-loading={useLoading()}
+            >
                 {children}
             </Text>
         </ConfigProvider>
     );
-}
+};
 
 AntdText.propTypes = {
     /**
@@ -100,16 +105,13 @@ AntdText.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'fr-fr'`（法语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru', 'fr-fr']),
 
     /**
      * 是否渲染为代码形式
@@ -171,8 +173,8 @@ AntdText.propTypes = {
             /**
              * 自定义内容省略后缀
              */
-            suffix: PropTypes.string
-        })
+            suffix: PropTypes.string,
+        }),
     ]),
 
     /**
@@ -189,7 +191,7 @@ AntdText.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 AntdText;
+export default AntdText;

package/src/lib/components/general/typography/AntdTitle.react.js

@@ -39,22 +39,26 @@ const AntdTitle = ({
     setProps,
     ...others
 }) => {
+    const context = useContext(PropsContext);
+    locale = (context && context.locale) || locale;
 
-    const context = useContext(PropsContext)
-    locale = (context && context.locale) || locale
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <ConfigProvider locale={str2Locale.get(locale)}>
             <Title
                 // 提取具有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}
@@ -69,17 +73,18 @@ const AntdTitle = ({
                 underline={underline}
                 type={type}
                 keyboard={keyboard}
-                data-dash-is-loading={useLoading()}>
+                data-dash-is-loading={useLoading()}
+            >
                 {children}
             </Title>
         </ConfigProvider>
     );
-}
+};
 
 AntdTitle.propTypes = {
     /**
-      * 组件唯一id
-      */
+     * 组件唯一id
+     */
     id: PropTypes.string,
 
     /**
@@ -100,16 +105,13 @@ AntdTitle.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'fr-fr'`（法语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru', 'fr-fr']),
 
     /**
      * 标题级别，可选项有`1`、`2`、`3`、`4`、`5`
@@ -181,7 +183,7 @@ AntdTitle.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 AntdTitle;
+export default AntdTitle;

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

@@ -262,7 +262,7 @@ import {
     FastForwardOutlined,
     FastBackwardOutlined,
     SunOutlined,
-    MoonOutlined
+    MoonOutlined,
 } from '@ant-design/icons';
 import {
     BsAlarm,
@@ -271,15 +271,15 @@ import {
     BsLink,
     BsLink45Deg,
     BsListCheck,
-    BsListTask
-} from "react-icons/bs/index.esm";
+    BsListTask,
+} from 'react-icons/bs/index.esm';
 import {
     BiAnalyse,
     BiTable,
     BiLayer,
     BiLayerMinus,
-    BiLayerPlus
-} from "react-icons/bi/index.esm";
+    BiLayerPlus,
+} from 'react-icons/bi/index.esm';
 import {
     DiPython,
     DiLinux,
@@ -289,8 +289,8 @@ import {
     DiMarkdown,
     DiPostgresql,
     DiTerminal,
-    DiWindows
-} from "react-icons/di/index.esm";
+    DiWindows,
+} from 'react-icons/di/index.esm';
 import {
     FcAdvertising,
     FcApproval,
@@ -387,8 +387,8 @@ import {
     FcTreeStructure,
     FcUpload,
     FcViewDetails,
-    FcVlc
-} from "react-icons/fc/index.esm";
+    FcVlc,
+} from 'react-icons/fc/index.esm';
 import {
     MdAccountCircle,
     MdAlarm,
@@ -508,13 +508,10 @@ import {
     MdPeople,
     MdStar,
     MdStarBorder,
-    MdStarHalf
-} from "react-icons/md/index.esm";
-import {
-    ImEarth,
-    ImSphere
-} from "react-icons/im/index.esm";
-import { GiMeshNetwork } from "react-icons/gi/index.esm";
+    MdStarHalf,
+} from 'react-icons/md/index.esm';
+import { ImEarth, ImSphere } from 'react-icons/im/index.esm';
+import { GiMeshNetwork } from 'react-icons/gi/index.esm';
 import {
     PiCircle,
     PiPolygon,
@@ -568,9 +565,9 @@ import {
     PiMathOperations,
     PiPlus,
     PiMinus,
-    PiPath
+    PiPath,
 } from 'react-icons/pi/index.esm';
-import { SiGitee } from 'react-icons/si/index.esm'
+import { SiGitee } from 'react-icons/si/index.esm';
 
 // vscode中，使用正则查找目标后，按快捷键alt+enter批量选中匹配项
 const str2Icon = new Map([
@@ -1130,8 +1127,7 @@ const str2Icon = new Map([
     ['pi-plus', <PiPlus />],
     ['pi-minus', <PiMinus />],
     ['pi-path', <PiPath />],
-    ['si-gitee', <SiGitee />]
-])
-
+    ['si-gitee', <SiGitee />],
+]);
 
-export { str2Icon }
+export { str2Icon };

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

@@ -25,42 +25,45 @@ const AntdCenter = ({
     setProps,
     ...others
 }) => {
-
     const { token } = useToken();
 
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <div
             // 提取具有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={{
                 display: inline ? 'inline-flex' : 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
-                ...(
-                    inheritStyleToken ?
-                        {
-                            backgroundColor: token.colorBgBase,
-                            color: token.colorTextBase,
-                            fontSize: token.fontSize,
-                        } :
-                        {}
-                ),
-                ...style
+                ...(inheritStyleToken
+                    ? {
+                          backgroundColor: token.colorBgBase,
+                          color: token.colorTextBase,
+                          fontSize: token.fontSize,
+                      }
+                    : {}),
+                ...style,
             }}
             key={key}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </div>
     );
-}
+};
 
 AntdCenter.propTypes = {
     /**
@@ -86,10 +89,7 @@ AntdCenter.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 是否渲染为行内元素
@@ -117,7 +117,7 @@ AntdCenter.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 AntdCenter;
+export default AntdCenter;

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

@@ -25,28 +25,33 @@ const AntdCompact = ({
     setProps,
     ...others
 }) => {
-
-    children = parseChildrenToArray(children)
+    children = parseChildrenToArray(children);
 
     return (
         <Compact
             // 提取具有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}
             direction={direction}
             block={block}
-            data-dash-is-loading={useLoading()}>
+            data-dash-is-loading={useLoading()}
+        >
             {children}
         </Compact>
     );
-}
+};
 
 AntdCompact.propTypes = {
     /**
@@ -72,10 +77,7 @@ AntdCompact.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 排列方向，可选项有`'vertical'`、`'horizontal'`
@@ -103,7 +105,7 @@ AntdCompact.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 AntdCompact;
+export default AntdCompact;

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

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

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

@@ -1,13 +1,13 @@
 // react核心
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 // antd核心
-import { Divider } from "antd";
+import { Divider } from 'antd';
 // 辅助库
-import { isString } from "lodash";
+import { isString } from 'lodash';
 import { pickBy } from 'ramda';
-import { useLoading } from "../utils";
+import { useLoading } from '../utils';
 // 自定义hooks
-import useCss from "../../hooks/useCss";
+import useCss from '../../hooks/useCss';
 
 /**
  * 分割线组件AntdDivider
@@ -32,12 +32,14 @@ const AntdDivider = ({
     size,
     ...others
 }) => {
-
-    if (direction === "horizontal") {
+    if (direction === 'horizontal') {
         return (
             <Divider
                 // 提取具有data-*或aria-*通配格式的属性
-                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+                {...pickBy(
+                    (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                    others
+                )}
                 id={id}
                 style={{
                     ...style,
@@ -52,14 +54,14 @@ const AntdDivider = ({
                     isString(className)
                         ? className
                         : className
-                            ? useCss(className)
-                            : undefined
+                          ? useCss(className)
+                          : undefined
                 }
                 key={key}
                 dashed={isDashed}
                 variant={variant}
                 orientation={innerTextOrientation}
-                type={"horizontal"}
+                type={'horizontal'}
                 plain={plain}
                 size={size}
                 data-dash-is-loading={useLoading()}
@@ -67,11 +69,14 @@ const AntdDivider = ({
                 {children}
             </Divider>
         );
-    } else if (direction === "vertical") {
+    } else if (direction === 'vertical') {
         return (
             <Divider
                 // 提取具有data-*或aria-*通配格式的属性
-                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+                {...pickBy(
+                    (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                    others
+                )}
                 id={id}
                 style={{
                     ...style,
@@ -86,14 +91,14 @@ const AntdDivider = ({
                     isString(className)
                         ? className
                         : className
-                            ? useCss(className)
-                            : undefined
+                          ? useCss(className)
+                          : undefined
                 }
                 key={key}
                 dashed={isDashed}
                 variant={variant}
                 orientation={innerTextOrientation}
-                type={"vertical"}
+                type={'vertical'}
                 plain={plain}
                 data-dash-is-loading={useLoading()}
             >
@@ -122,10 +127,7 @@ AntdDivider.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 当前组件css样式
@@ -136,7 +138,7 @@ AntdDivider.propTypes = {
      * 内嵌元素对齐方式，可选项有`'left'`、`'center'`、`'right'`
      * 默认值：`'center'`
      */
-    innerTextOrientation: PropTypes.oneOf(["left", "center", "right"]),
+    innerTextOrientation: PropTypes.oneOf(['left', 'center', 'right']),
 
     /**
      * 是否渲染为虚线形式
@@ -148,15 +150,12 @@ AntdDivider.propTypes = {
      * 分割线方向，可选项有`'horizontal'`、`'vertical'`
      * 默认值：`'horizontal'`
      */
-    direction: PropTypes.oneOf(["horizontal", "vertical"]),
+    direction: PropTypes.oneOf(['horizontal', 'vertical']),
 
     /**
      * 内嵌元素字体大小
      */
-    fontSize: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number
-    ]),
+    fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
     /**
      * 分割线颜色
@@ -217,4 +216,4 @@ AntdDivider.propTypes = {
     setProps: PropTypes.func,
 };
 
-export default AntdDivider;
+export default AntdDivider;