feffery_antd_components 0.4.3-rc6 → 0.4.3

package/src/lib/fragments/dataDisplay/AntdImageGroup.react.js

@@ -1,92 +1,92 @@
-// react核心
-import React, { useContext } from 'react';
-// antd核心
-import { Image, ConfigProvider } from 'antd';
-// 辅助库
-import { isString } from 'lodash';
-import { pickBy } from 'ramda';
-import { str2Locale } from '../../components/locales.react';
-import { useLoading } from '../../components/utils';
-// 自定义hooks
-import useCss from '../../hooks/useCss';
-// 上下文
-import PropsContext from '../../contexts/PropsContext';
-// 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdImageGroup.react';
-
-const defaultFallback = `data:image/png;base64,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`
-
-/**
- * 图片组合组件AntdImageGroup
- */
-const AntdImageGroup = (props) => {
-    let {
-        id,
-        children,
-        className,
-        style,
-        key,
-        locale,
-        items,
-        fallback,
-        preview,
-        visible,
-        current,
-        disableCurrent,
-        toolbarExtra,
-        setProps,
-        ...others
-    } = props;
-
-    const context = useContext(PropsContext)
-    locale = (context && context.locale) || locale
-
-    return (
-        <ConfigProvider locale={str2Locale.get(locale)}>
-            <Image.PreviewGroup
-                // 提取具有data-*或aria-*通配格式的属性
-                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
-                id={id}
-                style={style}
-                className={
-                    isString(className) ?
-                        className :
-                        (className ? useCss(className) : undefined)
-                }
-                key={key}
-                items={items}
-                fallback={fallback || defaultFallback}
-                preview={{
-                    ...preview,
-                    visible: visible,
-                    current: disableCurrent ? undefined : current,
-                    onChange: (e) => setProps({ current: e }),
-                    onVisibleChange: (e) => setProps({ visible: e }),
-                    toolbarRender: (originalNode) => {
-                        return {
-                            ...originalNode,
-                            props: {
-                                ...originalNode.props,
-                                children: (
-                                    toolbarExtra ?
-                                        [
-                                            ...originalNode.props.children,
-                                            ...(Array.isArray(toolbarExtra) ? toolbarExtra : [toolbarExtra])
-                                        ] :
-                                        originalNode.props.children
-                                )
-                            }
-                        };
-                    }
-                }}
-            >
-                {children}
-            </Image.PreviewGroup>
-        </ConfigProvider>
-    );
-}
-
-export default AntdImageGroup;
-
-AntdImageGroup.defaultProps = defaultProps;
+// react核心
+import React, { useContext } from 'react';
+// antd核心
+import { Image, ConfigProvider } from 'antd';
+// 辅助库
+import { isString } from 'lodash';
+import { pickBy } from 'ramda';
+import { str2Locale } from '../../components/locales.react';
+import { useLoading } from '../../components/utils';
+// 自定义hooks
+import useCss from '../../hooks/useCss';
+// 上下文
+import PropsContext from '../../contexts/PropsContext';
+// 参数类型
+import { propTypes, defaultProps } from '../../components/dataDisplay/AntdImageGroup.react';
+
+const defaultFallback = `data:image/png;base64,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`
+
+/**
+ * 图片组合组件AntdImageGroup
+ */
+const AntdImageGroup = (props) => {
+    let {
+        id,
+        children,
+        className,
+        style,
+        key,
+        locale,
+        items,
+        fallback,
+        preview,
+        visible,
+        current,
+        disableCurrent,
+        toolbarExtra,
+        setProps,
+        ...others
+    } = props;
+
+    const context = useContext(PropsContext)
+    locale = (context && context.locale) || locale
+
+    return (
+        <ConfigProvider locale={str2Locale.get(locale)}>
+            <Image.PreviewGroup
+                // 提取具有data-*或aria-*通配格式的属性
+                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+                id={id}
+                style={style}
+                className={
+                    isString(className) ?
+                        className :
+                        (className ? useCss(className) : undefined)
+                }
+                key={key}
+                items={items}
+                fallback={fallback || defaultFallback}
+                preview={{
+                    ...preview,
+                    visible: visible,
+                    current: disableCurrent ? undefined : current,
+                    onChange: (e) => setProps({ current: e }),
+                    onVisibleChange: (e) => setProps({ visible: e }),
+                    toolbarRender: (originalNode) => {
+                        return {
+                            ...originalNode,
+                            props: {
+                                ...originalNode.props,
+                                children: (
+                                    toolbarExtra ?
+                                        [
+                                            ...originalNode.props.children,
+                                            ...(Array.isArray(toolbarExtra) ? toolbarExtra : [toolbarExtra])
+                                        ] :
+                                        originalNode.props.children
+                                )
+                            }
+                        };
+                    }
+                }}
+            >
+                {children}
+            </Image.PreviewGroup>
+        </ConfigProvider>
+    );
+}
+
+export default AntdImageGroup;
+
+AntdImageGroup.defaultProps = defaultProps;
 AntdImageGroup.propTypes = propTypes;

package/src/lib/fragments/dataDisplay/AntdPopover.react.js

@@ -1,107 +1,107 @@
-// react核心
-import { useMemo } from 'react';
-// antd核心
-import { Popover } from 'antd';
-import AntdIcon from '../../components/general/AntdIcon.react';
-// 辅助库
-import { parseChildrenToArray, useLoading } from '../../components/utils';
-import { isString } from 'lodash';
-import { pickBy } from 'ramda';
-// 自定义hooks
-import useCss from '../../hooks/useCss';
-// 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdPopover.react';
-
-/**
- * 气泡卡片组件Popover
- */
-const AntdPopover = (props) => {
-    let {
-        id,
-        children,
-        className,
-        style,
-        styles,
-        classNames,
-        key,
-        title,
-        content,
-        placement,
-        color,
-        mouseEnterDelay,
-        mouseLeaveDelay,
-        trigger,
-        zIndex,
-        arrow,
-        fresh,
-        open,
-        permanent,
-        popupContainer,
-        setProps,
-        ...others
-    } = props;
-
-    const arrowPoint = useMemo(() => {
-        if (arrow === 'hide') {
-            return false;
-        }
-        if (arrow === 'show') {
-            return true;
-        }
-        return {
-            pointAtCenter: true,
-        };
-    }, [arrow])
-
-    children = parseChildrenToArray(children)
-
-    if (!content) {
-        return <>{children}</>;
-    }
-
-    return (
-        <Popover
-            // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
-            id={id}
-            className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
-            }
-            style={style}
-            styles={styles}
-            classNames={classNames}
-            key={key}
-            title={(title && title.content) ?
-                <div>
-                    {<AntdIcon icon={title.prefixIcon} />}
-                    {<span style={{ marginLeft: '5px' }}>{title.content}</span>}
-                </div> : title}
-            content={content}
-            placement={placement}
-            color={color}
-            mouseEnterDelay={mouseEnterDelay}
-            mouseLeaveDelay={mouseLeaveDelay}
-            trigger={trigger}
-            zIndex={zIndex}
-            arrow={arrowPoint}
-            fresh={fresh}
-            open={open}
-            onOpenChange={
-                permanent ? undefined : (e) => setProps({ open: e })
-            }
-            getPopupContainer={
-                popupContainer === 'parent' ?
-                    (triggerNode) => triggerNode.parentNode :
-                    undefined
-            }
-            data-dash-is-loading={useLoading()}
-        >{children}</Popover>
-    );
-}
-
-export default AntdPopover;
-
-AntdPopover.defaultProps = defaultProps;
+// react核心
+import { useMemo } from 'react';
+// antd核心
+import { Popover } from 'antd';
+import AntdIcon from '../../components/general/AntdIcon.react';
+// 辅助库
+import { parseChildrenToArray, useLoading } from '../../components/utils';
+import { isString } from 'lodash';
+import { pickBy } from 'ramda';
+// 自定义hooks
+import useCss from '../../hooks/useCss';
+// 参数类型
+import { propTypes, defaultProps } from '../../components/dataDisplay/AntdPopover.react';
+
+/**
+ * 气泡卡片组件Popover
+ */
+const AntdPopover = (props) => {
+    let {
+        id,
+        children,
+        className,
+        style,
+        styles,
+        classNames,
+        key,
+        title,
+        content,
+        placement,
+        color,
+        mouseEnterDelay,
+        mouseLeaveDelay,
+        trigger,
+        zIndex,
+        arrow,
+        fresh,
+        open,
+        permanent,
+        popupContainer,
+        setProps,
+        ...others
+    } = props;
+
+    const arrowPoint = useMemo(() => {
+        if (arrow === 'hide') {
+            return false;
+        }
+        if (arrow === 'show') {
+            return true;
+        }
+        return {
+            pointAtCenter: true,
+        };
+    }, [arrow])
+
+    children = parseChildrenToArray(children)
+
+    if (!content) {
+        return <>{children}</>;
+    }
+
+    return (
+        <Popover
+            // 提取具有data-*或aria-*通配格式的属性
+            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            id={id}
+            className={
+                isString(className) ?
+                    className :
+                    (className ? useCss(className) : undefined)
+            }
+            style={style}
+            styles={styles}
+            classNames={classNames}
+            key={key}
+            title={(title && title.content) ?
+                <div>
+                    {<AntdIcon icon={title.prefixIcon} />}
+                    {<span style={{ marginLeft: '5px' }}>{title.content}</span>}
+                </div> : title}
+            content={content}
+            placement={placement}
+            color={color}
+            mouseEnterDelay={mouseEnterDelay}
+            mouseLeaveDelay={mouseLeaveDelay}
+            trigger={trigger}
+            zIndex={zIndex}
+            arrow={arrowPoint}
+            fresh={fresh}
+            open={open}
+            onOpenChange={
+                permanent ? undefined : (e) => setProps({ open: e })
+            }
+            getPopupContainer={
+                popupContainer === 'parent' ?
+                    (triggerNode) => triggerNode.parentNode :
+                    undefined
+            }
+            data-dash-is-loading={useLoading()}
+        >{children}</Popover>
+    );
+}
+
+export default AntdPopover;
+
+AntdPopover.defaultProps = defaultProps;
 AntdPopover.propTypes = propTypes;

package/src/lib/fragments/dataDisplay/AntdQRCode.react.js

@@ -1,94 +1,94 @@
-// react核心
-import React, { useEffect } from 'react';
-// antd核心
-import { QRCode, ConfigProvider } from 'antd';
-// 辅助库
-import { isString } from 'lodash';
-import { pickBy, equals } from 'ramda';
-import { str2Locale } from '../../components/locales.react';
-import { useLoading, loadingSelector } from '../../components/utils';
-// 自定义hooks
-import useCss from '../../hooks/useCss';
-// 参数类型
-import { propTypes, defaultProps } from '../../components/dataDisplay/AntdQRCode.react';
-
-/**
- * 二维码组件AntdQRCode
- */
-const AntdQRCode = (props) => {
-    let {
-        id,
-        className,
-        style,
-        key,
-        locale,
-        value,
-        type,
-        icon,
-        size,
-        iconSize,
-        color,
-        bgColor,
-        bordered,
-        errorLevel,
-        status,
-        expires,
-        autoSpin,
-        refreshClicks,
-        setProps,
-        ...others
-    } = props;
-
-    const ctx = window.dash_component_api.useDashContext();
-    // 获取内部加载中组件信息
-    const loading_info = ctx.useSelector(loadingSelector(ctx.componentPath), equals);
-
-    useEffect(() => {
-        if (value && expires) {
-            setTimeout(
-                () => {
-                    setProps({ status: 'expired' })
-                },
-                expires * 1000
-            )
-        }
-    }, [value])
-
-    return (
-        <ConfigProvider
-            locale={str2Locale.get(locale)}
-        >
-            <QRCode
-                // 提取具有data-*或aria-*通配格式的属性
-                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
-                id={id}
-                className={
-                    isString(className) ?
-                        className :
-                        (className ? useCss(className) : undefined)
-                }
-                style={style}
-                key={key}
-                value={value}
-                type={type}
-                icon={icon}
-                size={size}
-                iconSize={iconSize}
-                color={color}
-                bgColor={bgColor}
-                bordered={bordered}
-                errorLevel={errorLevel}
-                status={
-                    autoSpin && (loading_info.length > 0 && loading_info[0].property === 'value') ? 'loading' : status
-                }
-                onRefresh={() => setProps({ refreshClicks: refreshClicks + 1 })}
-                data-dash-is-loading={useLoading()}
-            />
-        </ConfigProvider>
-    );
-}
-
-export default AntdQRCode;
-
-AntdQRCode.defaultProps = defaultProps;
+// react核心
+import React, { useEffect } from 'react';
+// antd核心
+import { QRCode, ConfigProvider } from 'antd';
+// 辅助库
+import { isString } from 'lodash';
+import { pickBy, equals } from 'ramda';
+import { str2Locale } from '../../components/locales.react';
+import { useLoading, loadingSelector } from '../../components/utils';
+// 自定义hooks
+import useCss from '../../hooks/useCss';
+// 参数类型
+import { propTypes, defaultProps } from '../../components/dataDisplay/AntdQRCode.react';
+
+/**
+ * 二维码组件AntdQRCode
+ */
+const AntdQRCode = (props) => {
+    let {
+        id,
+        className,
+        style,
+        key,
+        locale,
+        value,
+        type,
+        icon,
+        size,
+        iconSize,
+        color,
+        bgColor,
+        bordered,
+        errorLevel,
+        status,
+        expires,
+        autoSpin,
+        refreshClicks,
+        setProps,
+        ...others
+    } = props;
+
+    const ctx = window.dash_component_api.useDashContext();
+    // 获取内部加载中组件信息
+    const loading_info = ctx.useSelector(loadingSelector(ctx.componentPath), equals);
+
+    useEffect(() => {
+        if (value && expires) {
+            setTimeout(
+                () => {
+                    setProps({ status: 'expired' })
+                },
+                expires * 1000
+            )
+        }
+    }, [value])
+
+    return (
+        <ConfigProvider
+            locale={str2Locale.get(locale)}
+        >
+            <QRCode
+                // 提取具有data-*或aria-*通配格式的属性
+                {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+                id={id}
+                className={
+                    isString(className) ?
+                        className :
+                        (className ? useCss(className) : undefined)
+                }
+                style={style}
+                key={key}
+                value={value}
+                type={type}
+                icon={icon}
+                size={size}
+                iconSize={iconSize}
+                color={color}
+                bgColor={bgColor}
+                bordered={bordered}
+                errorLevel={errorLevel}
+                status={
+                    autoSpin && (loading_info.length > 0 && loading_info[0].property === 'value') ? 'loading' : status
+                }
+                onRefresh={() => setProps({ refreshClicks: refreshClicks + 1 })}
+                data-dash-is-loading={useLoading()}
+            />
+        </ConfigProvider>
+    );
+}
+
+export default AntdQRCode;
+
+AntdQRCode.defaultProps = defaultProps;
 AntdQRCode.propTypes = propTypes;