feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/components/general/AntdButton.react.js

@@ -50,9 +50,8 @@ const AntdButton = ({
     title,
     ...others
 }) => {
-
     // 使用自定义上下文
-    const context = useContext(PropsContext)
+    const context = useContext(PropsContext);
 
     // 防抖点击事件监听
     const { run: onClick } = useRequest(
@@ -60,38 +59,43 @@ const AntdButton = ({
             // 若clickExecuteJsString有效，则通过eval进行执行
             if (clickExecuteJsString) {
                 try {
-                    eval(clickExecuteJsString)
+                    eval(clickExecuteJsString);
                 } catch (error) {
-                    console.error(error)
+                    console.error(error);
                 }
             }
 
             if (autoSpin) {
                 // 更新nClicks，并自动进入loading状态
-                setProps({ nClicks: nClicks + 1, loading: true })
+                setProps({ nClicks: nClicks + 1, loading: true });
             } else {
                 // 更新nClicks
-                setProps({ nClicks: nClicks + 1 })
+                setProps({ nClicks: nClicks + 1 });
             }
         },
         {
             debounceWait: debounceWait,
             debounceLeading: true,
-            manual: true
+            manual: true,
         }
-    )
+    );
 
     const renderElement = (
         <Button
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             key={key}
             style={style}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             styles={styles}
             classNames={classNames}
@@ -102,16 +106,16 @@ const AntdButton = ({
             block={block}
             danger={danger}
             disabled={
-                context && !isUndefined(context.componentDisabled) ?
-                    context.componentDisabled :
-                    disabled
+                context && !isUndefined(context.componentDisabled)
+                    ? context.componentDisabled
+                    : disabled
             }
             ghost={ghost}
             shape={shape}
             size={
-                context && !isUndefined(context.componentSize) ?
-                    context.componentSize :
-                    size
+                context && !isUndefined(context.componentSize)
+                    ? context.componentSize
+                    : size
             }
             icon={icon}
             iconPosition={iconPosition}
@@ -122,19 +126,15 @@ const AntdButton = ({
             onClick={onClick}
             data-dash-is-loading={useLoading()}
         >
-            {loading ? (loadingChildren || children) : children}
+            {loading ? loadingChildren || children : children}
         </Button>
     );
 
     if (motionType === 'happy-work') {
-        return (
-            <HappyProvider >
-                {renderElement}
-            </HappyProvider>
-        )
+        return <HappyProvider>{renderElement}</HappyProvider>;
     }
     return renderElement;
-}
+};
 
 AntdButton.propTypes = {
     /**
@@ -160,10 +160,7 @@ AntdButton.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 细分控制子元素css样式
@@ -172,7 +169,7 @@ AntdButton.propTypes = {
         /**
          * 按钮图标元素css样式
          */
-        icon: PropTypes.object
+        icon: PropTypes.object,
     }),
 
     /**
@@ -182,7 +179,7 @@ AntdButton.propTypes = {
         /**
          * 按钮图标元素css类名
          */
-        icon: PropTypes.string
+        icon: PropTypes.string,
     }),
 
     /**
@@ -297,12 +294,36 @@ AntdButton.propTypes = {
     /**
      * 按钮颜色风格，可选项有`'default'`、`'primary'`、`'danger'`，以及可用的一系列内置颜色：`'blue'`、`'purple'`、`'cyan'`、`'green'`、`'magenta'`、`'pink'`、`'red'`、`'orange'`、`'yellow'`、`'volcano'`、`'geekblue'`、`'lime'`、`'gold'`
      */
-    color: PropTypes.oneOf(['default', 'primary', 'danger', 'blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold']),
+    color: PropTypes.oneOf([
+        'default',
+        'primary',
+        'danger',
+        'blue',
+        'purple',
+        'cyan',
+        'green',
+        'magenta',
+        'pink',
+        'red',
+        'orange',
+        'yellow',
+        'volcano',
+        'geekblue',
+        'lime',
+        'gold',
+    ]),
 
     /**
      * 形态变体类型，可选项有`'outlined'`、`'dashed'`、`'solid'`、`'filled'`、`'text'`、`'link'`
      */
-    variant: PropTypes.oneOf(['outlined', 'dashed', 'solid', 'filled', 'text', 'link']),
+    variant: PropTypes.oneOf([
+        'outlined',
+        'dashed',
+        'solid',
+        'filled',
+        'text',
+        'link',
+    ]),
 
     /**
      * 原生按钮title属性
@@ -323,7 +344,7 @@ AntdButton.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 AntdButton;
+export default AntdButton;

package/src/lib/components/general/AntdFloatButton.react.js

@@ -28,16 +28,20 @@ const AntdFloatButton = ({
     setProps,
     ...others
 }) => {
-
     return (
         <FloatButton
             // 提取具有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}
@@ -52,7 +56,7 @@ const AntdFloatButton = ({
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 AntdFloatButton.propTypes = {
     /**
@@ -73,10 +77,7 @@ AntdFloatButton.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 组件型，按钮内嵌前缀图标元素
@@ -105,8 +106,21 @@ AntdFloatButton.propTypes = {
             /**
              * 气泡卡片展开方向，可选项有`'top'`、`'left'`、`'right'`、`'bottom'`、`'topLeft'`、`'topRight'`、`'bottomLeft'`、`'bottomRight'`、`'leftTop'`、`'leftBottom'`、`'rightTop'`、`'rightBottom'`
              */
-            placement: PropTypes.oneOf(['top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom'])
-        })
+            placement: PropTypes.oneOf([
+                'top',
+                'left',
+                'right',
+                'bottom',
+                'topLeft',
+                'topRight',
+                'bottomLeft',
+                'bottomRight',
+                'leftTop',
+                'leftBottom',
+                'rightTop',
+                'rightBottom',
+            ]),
+        }),
     ]),
 
     /**
@@ -152,7 +166,7 @@ AntdFloatButton.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 AntdFloatButton;
+export default AntdFloatButton;

package/src/lib/components/general/AntdFloatButtonGroup.react.js

@@ -29,16 +29,20 @@ const AntdFloatButtonGroup = ({
     setProps,
     ...others
 }) => {
-
     return (
         <FloatButton.Group
             // 提取具有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}
@@ -52,9 +56,11 @@ const AntdFloatButtonGroup = ({
             open={open}
             onOpenChange={(e) => setProps({ open: e })}
             data-dash-is-loading={useLoading()}
-        >{children}</FloatButton.Group>
+        >
+            {children}
+        </FloatButton.Group>
     );
-}
+};
 
 AntdFloatButtonGroup.propTypes = {
     /**
@@ -80,10 +86,7 @@ AntdFloatButtonGroup.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 图标元素
@@ -112,8 +115,21 @@ AntdFloatButtonGroup.propTypes = {
             /**
              * 气泡卡片展开方向，可选项有`'top'`、`'left'`、`'right'`、`'bottom'`、`'topLeft'`、`'topRight'`、`'bottomLeft'`、`'bottomRight'`、`'leftTop'`、`'leftBottom'`、`'rightTop'`、`'rightBottom'`
              */
-            placement: PropTypes.oneOf(['top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom'])
-        })
+            placement: PropTypes.oneOf([
+                'top',
+                'left',
+                'right',
+                'bottom',
+                'topLeft',
+                'topRight',
+                'bottomLeft',
+                'bottomRight',
+                'leftTop',
+                'leftBottom',
+                'rightTop',
+                'rightBottom',
+            ]),
+        }),
     ]),
 
     /**
@@ -157,7 +173,7 @@ AntdFloatButtonGroup.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 AntdFloatButtonGroup;
+export default AntdFloatButtonGroup;

package/src/lib/components/general/AntdIcon.react.js

@@ -27,18 +27,17 @@ const AntdIcon = ({
     setProps,
     ...others
 }) => {
-
     const { run: onClick } = useRequest(
         () => {
             // 更新nClicks
-            setProps({ nClicks: nClicks + 1 })
+            setProps({ nClicks: nClicks + 1 });
         },
         {
             debounceWait: debounceWait,
             debounceLeading: true,
-            manual: true
+            manual: true,
         }
-    )
+    );
 
     if (icon) {
         // 内置图标模式
@@ -46,29 +45,40 @@ const AntdIcon = ({
             return (
                 <span
                     // 提取具有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={
-                        (
-                            icon.startsWith('fc-') ||
-                            icon.startsWith('md-') ||
-                            icon.startsWith('di-') ||
-                            icon.startsWith('bi-') ||
-                            icon.startsWith('bs-') ||
-                            icon.startsWith('gi-') ||
-                            icon.startsWith('si-')
-                        ) ?
-                            { ...{ verticalAlign: 'middle', userSelect: 'none' }, ...style } :
-                            { ...{ userSelect: 'none' }, ...style }
+                        icon.startsWith('fc-') ||
+                        icon.startsWith('md-') ||
+                        icon.startsWith('di-') ||
+                        icon.startsWith('bi-') ||
+                        icon.startsWith('bs-') ||
+                        icon.startsWith('gi-') ||
+                        icon.startsWith('si-')
+                            ? {
+                                  ...{
+                                      verticalAlign: 'middle',
+                                      userSelect: 'none',
+                                  },
+                                  ...style,
+                              }
+                            : { ...{ userSelect: 'none' }, ...style }
                     }
                     key={key}
                     onClick={onClick}
-                    data-dash-is-loading={useLoading()}>
+                    data-dash-is-loading={useLoading()}
+                >
                     {str2Icon.get(icon)}
                 </span>
             );
@@ -81,26 +91,31 @@ const AntdIcon = ({
             return (
                 <span
                     // 提取具有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)
-                    }
-                    style={
-                        { ...{ userSelect: 'none' }, ...style }
+                        isString(className)
+                            ? className
+                            : className
+                              ? useCss(className)
+                              : undefined
                     }
+                    style={{ ...{ userSelect: 'none' }, ...style }}
                     key={key}
                     onClick={onClick}
-                    data-dash-is-loading={useLoading()}>
+                    data-dash-is-loading={useLoading()}
+                >
                     <IconFont type={icon} />
                 </span>
             );
         }
     }
     return null;
-}
+};
 
 AntdIcon.propTypes = {
     /**
@@ -121,10 +136,7 @@ AntdIcon.propTypes = {
     /**
      * 当前组件css类名，支持[动态css](/advanced-classname)
      */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
     /**
      * 图标调用模式，可选项有`'default'`（内置图标）、`'iconfont'`（阿里巴巴矢量图标）
@@ -142,7 +154,7 @@ AntdIcon.propTypes = {
      */
     scriptUrl: PropTypes.oneOfType([
         PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string)
+        PropTypes.arrayOf(PropTypes.string),
     ]),
 
     /**
@@ -171,7 +183,7 @@ AntdIcon.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 AntdIcon;
+export default AntdIcon;

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

@@ -38,22 +38,26 @@ const AntdParagraph = ({
     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)}>
             <Paragraph
                 // 提取具有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}
@@ -67,12 +71,13 @@ const AntdParagraph = ({
                 underline={underline}
                 type={type}
                 ellipsis={ellipsis}
-                data-dash-is-loading={useLoading()}>
+                data-dash-is-loading={useLoading()}
+            >
                 {children}
             </Paragraph>
         </ConfigProvider>
     );
-}
+};
 
 AntdParagraph.propTypes = {
     /**
@@ -98,16 +103,13 @@ AntdParagraph.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']),
 
     /**
      * 是否渲染为代码形式
@@ -166,7 +168,7 @@ AntdParagraph.propTypes = {
              */
             expandable: PropTypes.oneOfType([
                 PropTypes.bool,
-                PropTypes.oneOf(['collapsible'])
+                PropTypes.oneOf(['collapsible']),
             ]),
             /**
              * 最大显示行数
@@ -179,8 +181,8 @@ AntdParagraph.propTypes = {
             /**
              * 组件型，自定义内容展开控件
              */
-            symbol: PropTypes.node
-        })
+            symbol: PropTypes.node,
+        }),
     ]),
 
     /**
@@ -197,7 +199,7 @@ AntdParagraph.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 AntdParagraph;
+export default AntdParagraph;