feffery_antd_components 0.4.3-rc6 → 0.4.3

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

@@ -1,182 +1,182 @@
-import React, { Suspense } from 'react';
-import PropTypes from 'prop-types';
-
-const LazyAntdImageGroup = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdImageGroup.react'));
-
-/**
- * 图片组合组件AntdImageGroup
- */
-const AntdImageGroup = ({
-    id,
-    children,
-    className,
-    style,
-    key,
-    locale = 'zh-cn',
-    items,
-    fallback,
-    preview = true,
-    visible,
-    current,
-    disableCurrent = true,
-    toolbarExtra,
-    setProps,
-    ...others
-}) => {
-    return (
-        <Suspense fallback={null}>
-            <LazyAntdImageGroup {
-                ...{
-                    id,
-                    children,
-                    className,
-                    style,
-                    key,
-                    locale,
-                    items,
-                    fallback,
-                    preview,
-                    visible,
-                    current,
-                    disableCurrent,
-                    toolbarExtra,
-                    setProps,
-                    ...others
-                }
-            } />
-        </Suspense>
-    );
-}
-
-AntdImageGroup.propTypes = {
-    /**
-     * 组件唯一id
-     */
-    id: PropTypes.string,
-
-    /**
-     * 对当前组件的`key`值进行更新，可实现强制重绘当前组件的效果
-     */
-    key: PropTypes.string,
-
-    /**
-     * 组件型，定义组内需要嵌套的`AntdImage`组件
-     */
-    children: PropTypes.node,
-
-    /**
-     * 当前组件css样式
-     */
-    style: PropTypes.object,
-
-    /**
-     * 当前组件css类名，支持[动态css](/advanced-classname)
-     */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
-
-    /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
-     * 默认值：`'zh-cn'`
-     */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
-
-    /**
-     * 控制图片组合内部实际展示的图片资源地址数组，顺序依次展示
-     */
-    items: PropTypes.arrayOf(PropTypes.string),
-
-    /**
-     * 图片加载失败占位图资源地址
-     */
-    fallback: PropTypes.string,
-
-    /**
-     * 配置图片预览相关功能，传入`false`时会禁用预览功能
-     * 默认值：`true`
-     */
-    preview: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.exact({
-            /**
-             * 自定义预览图链接地址
-             */
-            src: PropTypes.string,
-            /**
-             * 预览模式下是否可移动图片
-             */
-            movable: PropTypes.bool,
-            /**
-             * 组件型，用于自定义缩略图遮罩元素
-             */
-            mask: PropTypes.node,
-            /**
-             * 缩略图遮罩元素css类名
-             */
-            maskClassName: PropTypes.string,
-            /**
-             * 缩略图根节点css类名
-             */
-            rootClassName: PropTypes.string,
-            /**
-             * `1+scaleStep`值为每一步缩放的倍数
-             * 默认值：`0.5`
-             */
-            scaleStep: PropTypes.number,
-            /**
-             * 最小缩放倍数
-             * 默认值：`1`
-             */
-            minScale: PropTypes.number,
-            /**
-             * 最大缩放倍数
-             * 默认值：`50`
-             */
-            maxScale: PropTypes.number
-        })
-    ]),
-
-    /**
-     * 监听或设置当前图片组是否处于全屏预览状态
-     */
-    visible: PropTypes.bool,
-
-    /**
-     * 监听或控制当前图片预览对应切换到的图片下标
-     */
-    current: PropTypes.number,
-
-    /**
-     * 是否关闭基于`current`的当前图片下标受控功能
-     * 默认值：`true`
-     */
-    disableCurrent: PropTypes.bool,
-
-    /**
-     * 针对预览模式下的工具栏，末尾扩充自定义工具图标元素
-     */
-    toolbarExtra: PropTypes.node,
-
-    /**
-     * `data-*`格式属性通配
-     */
-    'data-*': PropTypes.string,
-
-    /**
-     * `aria-*`格式属性通配
-     */
-    'aria-*': PropTypes.string,
-
-    /**
-     * Dash-assigned callback that should be called to report property changes
-     * to Dash, to make them available for callbacks.
-     */
-    setProps: PropTypes.func
-};
-
-export default AntdImageGroup;
-
-export const propTypes = AntdImageGroup.propTypes;
+import React, { Suspense } from 'react';
+import PropTypes from 'prop-types';
+
+const LazyAntdImageGroup = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdImageGroup.react'));
+
+/**
+ * 图片组合组件AntdImageGroup
+ */
+const AntdImageGroup = ({
+    id,
+    children,
+    className,
+    style,
+    key,
+    locale = 'zh-cn',
+    items,
+    fallback,
+    preview = true,
+    visible,
+    current,
+    disableCurrent = true,
+    toolbarExtra,
+    setProps,
+    ...others
+}) => {
+    return (
+        <Suspense fallback={null}>
+            <LazyAntdImageGroup {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    key,
+                    locale,
+                    items,
+                    fallback,
+                    preview,
+                    visible,
+                    current,
+                    disableCurrent,
+                    toolbarExtra,
+                    setProps,
+                    ...others
+                }
+            } />
+        </Suspense>
+    );
+}
+
+AntdImageGroup.propTypes = {
+    /**
+     * 组件唯一id
+     */
+    id: PropTypes.string,
+
+    /**
+     * 对当前组件的`key`值进行更新，可实现强制重绘当前组件的效果
+     */
+    key: PropTypes.string,
+
+    /**
+     * 组件型，定义组内需要嵌套的`AntdImage`组件
+     */
+    children: PropTypes.node,
+
+    /**
+     * 当前组件css样式
+     */
+    style: PropTypes.object,
+
+    /**
+     * 当前组件css类名，支持[动态css](/advanced-classname)
+     */
+    className: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.object
+    ]),
+
+    /**
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
+     * 默认值：`'zh-cn'`
+     */
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
+
+    /**
+     * 控制图片组合内部实际展示的图片资源地址数组，顺序依次展示
+     */
+    items: PropTypes.arrayOf(PropTypes.string),
+
+    /**
+     * 图片加载失败占位图资源地址
+     */
+    fallback: PropTypes.string,
+
+    /**
+     * 配置图片预览相关功能，传入`false`时会禁用预览功能
+     * 默认值：`true`
+     */
+    preview: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.exact({
+            /**
+             * 自定义预览图链接地址
+             */
+            src: PropTypes.string,
+            /**
+             * 预览模式下是否可移动图片
+             */
+            movable: PropTypes.bool,
+            /**
+             * 组件型，用于自定义缩略图遮罩元素
+             */
+            mask: PropTypes.node,
+            /**
+             * 缩略图遮罩元素css类名
+             */
+            maskClassName: PropTypes.string,
+            /**
+             * 缩略图根节点css类名
+             */
+            rootClassName: PropTypes.string,
+            /**
+             * `1+scaleStep`值为每一步缩放的倍数
+             * 默认值：`0.5`
+             */
+            scaleStep: PropTypes.number,
+            /**
+             * 最小缩放倍数
+             * 默认值：`1`
+             */
+            minScale: PropTypes.number,
+            /**
+             * 最大缩放倍数
+             * 默认值：`50`
+             */
+            maxScale: PropTypes.number
+        })
+    ]),
+
+    /**
+     * 监听或设置当前图片组是否处于全屏预览状态
+     */
+    visible: PropTypes.bool,
+
+    /**
+     * 监听或控制当前图片预览对应切换到的图片下标
+     */
+    current: PropTypes.number,
+
+    /**
+     * 是否关闭基于`current`的当前图片下标受控功能
+     * 默认值：`true`
+     */
+    disableCurrent: PropTypes.bool,
+
+    /**
+     * 针对预览模式下的工具栏，末尾扩充自定义工具图标元素
+     */
+    toolbarExtra: PropTypes.node,
+
+    /**
+     * `data-*`格式属性通配
+     */
+    'data-*': PropTypes.string,
+
+    /**
+     * `aria-*`格式属性通配
+     */
+    'aria-*': PropTypes.string,
+
+    /**
+     * Dash-assigned callback that should be called to report property changes
+     * to Dash, to make them available for callbacks.
+     */
+    setProps: PropTypes.func
+};
+
+export default AntdImageGroup;
+
+export const propTypes = AntdImageGroup.propTypes;
 export const defaultProps = AntdImageGroup.defaultProps;