feffery_antd_components 0.4.3-rc6 → 0.4.3

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

@@ -1,136 +1,136 @@
-import React, { Suspense } from 'react';
-import PropTypes from 'prop-types';
-
-const LazyAntdTag = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTag.react'));
-
-/**
- * 标签组件AntdTag
- */
-const AntdTag = ({
-    id,
-    className,
-    style,
-    key,
-    content,
-    icon,
-    color,
-    href,
-    target = '_blank',
-    bordered = true,
-    closeIcon = false,
-    closeCounts = 0,
-    setProps,
-    ...others
-}) => {
-    return (
-        <Suspense fallback={null}>
-            <LazyAntdTag {
-                ...{
-                    id,
-                    className,
-                    style,
-                    key,
-                    content,
-                    icon,
-                    color,
-                    href,
-                    target,
-                    bordered,
-                    closeIcon,
-                    closeCounts,
-                    setProps,
-                    ...others
-                }
-            } />
-        </Suspense>
-    );
-}
-
-AntdTag.propTypes = {
-    /**
-     * 组件唯一id
-     */
-    id: PropTypes.string,
-
-    /**
-     * 对当前组件的`key`值进行更新，可实现强制重绘当前组件的效果
-     */
-    key: PropTypes.string,
-
-    /**
-     * 当前组件css样式
-     */
-    style: PropTypes.object,
-
-    /**
-     * 当前组件css类名，支持[动态css](/advanced-classname)
-     */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
-
-    /**
-     * 组件型，标签内容
-     */
-    content: PropTypes.node,
-
-    /**
-     * 组件型，标签前缀图标
-     */
-    icon: PropTypes.node,
-
-    /**
-     * 标签颜色，可使用内置的若干种颜色主题，也可使用任何合法的css颜色值
-     */
-    color: PropTypes.string,
-
-    /**
-     * 标签点击跳转链接地址
-     */
-    href: PropTypes.string,
-
-    /**
-     * 标签链接跳转行为
-     */
-    target: PropTypes.string,
-
-    /**
-     * 是否渲染边框
-     * 默认值：`true`
-     */
-    bordered: PropTypes.bool,
-
-    /**
-     * 是否渲染关闭按钮
-     * 默认值：`false`
-     */
-    closeIcon: PropTypes.bool,
-
-    /**
-     * `closeIcon=True`时，监听关闭按钮累计点击次数
-     * 默认值：`0`
-     */
-    closeCounts: PropTypes.number,
-
-    /**
-     * `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 AntdTag;
-
-export const propTypes = AntdTag.propTypes;
+import React, { Suspense } from 'react';
+import PropTypes from 'prop-types';
+
+const LazyAntdTag = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTag.react'));
+
+/**
+ * 标签组件AntdTag
+ */
+const AntdTag = ({
+    id,
+    className,
+    style,
+    key,
+    content,
+    icon,
+    color,
+    href,
+    target = '_blank',
+    bordered = true,
+    closeIcon = false,
+    closeCounts = 0,
+    setProps,
+    ...others
+}) => {
+    return (
+        <Suspense fallback={null}>
+            <LazyAntdTag {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    content,
+                    icon,
+                    color,
+                    href,
+                    target,
+                    bordered,
+                    closeIcon,
+                    closeCounts,
+                    setProps,
+                    ...others
+                }
+            } />
+        </Suspense>
+    );
+}
+
+AntdTag.propTypes = {
+    /**
+     * 组件唯一id
+     */
+    id: PropTypes.string,
+
+    /**
+     * 对当前组件的`key`值进行更新，可实现强制重绘当前组件的效果
+     */
+    key: PropTypes.string,
+
+    /**
+     * 当前组件css样式
+     */
+    style: PropTypes.object,
+
+    /**
+     * 当前组件css类名，支持[动态css](/advanced-classname)
+     */
+    className: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.object
+    ]),
+
+    /**
+     * 组件型，标签内容
+     */
+    content: PropTypes.node,
+
+    /**
+     * 组件型，标签前缀图标
+     */
+    icon: PropTypes.node,
+
+    /**
+     * 标签颜色，可使用内置的若干种颜色主题，也可使用任何合法的css颜色值
+     */
+    color: PropTypes.string,
+
+    /**
+     * 标签点击跳转链接地址
+     */
+    href: PropTypes.string,
+
+    /**
+     * 标签链接跳转行为
+     */
+    target: PropTypes.string,
+
+    /**
+     * 是否渲染边框
+     * 默认值：`true`
+     */
+    bordered: PropTypes.bool,
+
+    /**
+     * 是否渲染关闭按钮
+     * 默认值：`false`
+     */
+    closeIcon: PropTypes.bool,
+
+    /**
+     * `closeIcon=True`时，监听关闭按钮累计点击次数
+     * 默认值：`0`
+     */
+    closeCounts: PropTypes.number,
+
+    /**
+     * `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 AntdTag;
+
+export const propTypes = AntdTag.propTypes;
 export const defaultProps = AntdTag.defaultProps;

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

@@ -1,137 +1,137 @@
-import React, { Suspense } from 'react';
-import PropTypes from 'prop-types';
-
-const LazyAntdTimeline = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTimeline.react'));
-
-/**
- * 时间轴组件AntdTimeline
- */
-const AntdTimeline = ({
-    id,
-    className,
-    style,
-    key,
-    items,
-    mode = 'left',
-    pending,
-    pendingDot,
-    reverse = false,
-    setProps,
-    ...others
-}) => {
-    return (
-        <Suspense fallback={null}>
-            <LazyAntdTimeline {
-                ...{
-                    id,
-                    className,
-                    style,
-                    key,
-                    items,
-                    mode,
-                    pending,
-                    pendingDot,
-                    reverse,
-                    setProps,
-                    ...others
-                }
-            } />
-        </Suspense>
-    );
-}
-
-AntdTimeline.propTypes = {
-    /**
-     * 组件唯一id
-     */
-    id: PropTypes.string,
-
-    /**
-     * 对当前组件的`key`值进行更新，可实现强制重绘当前组件的效果
-     */
-    key: PropTypes.string,
-
-    /**
-     * 当前组件css样式
-     */
-    style: PropTypes.object,
-
-    /**
-     * 当前组件css类名，支持[动态css](/advanced-classname)
-     */
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
-
-    /**
-     * 必填，定义时间轴节点
-     */
-    items: PropTypes.arrayOf(
-        PropTypes.exact({
-            /**
-             * 组件型，当前节点正文内容
-             */
-            content: PropTypes.node,
-            /**
-             * 当前节点颜色，可用于表达节点状态，常用方案有`'blue'`（进行中或默认状态）、`'green'`（已完成状态）、`'red'`（警告或错误状态）、`'grey'`（未完成或失效状态）
-             */
-            color: PropTypes.string,
-            /**
-             * 组件型，自定义作为图标的元素
-             */
-            icon: PropTypes.node,
-            /**
-             * 组件型，当前节点标签内容
-             */
-            label: PropTypes.node,
-            // 设置节点位置，可选的有'left'和'right'
-            /**
-             * 当前节点位置，可选项有`'left'`、`'right'`
-             */
-            position: PropTypes.oneOf(['left', 'right'])
-        })
-    ).isRequired,
-
-    /**
-     * 时间轴与内容的相对位置，可选项有`'left'`、`'alternate'`、`'right'`
-     */
-    mode: PropTypes.oneOf(['left', 'alternate', 'right']),
-
-    /**
-     * 组件型，设置时间轴末尾额外幽灵节点标题内容，默认不添加
-     */
-    pending: PropTypes.node,
-
-    /**
-     * 组件型，自定义幽灵节点图标
-     */
-    pendingDot: PropTypes.node,
-
-    /**
-     * 是否逆序排列时间轴
-     * 默认值：`false`
-     */
-    reverse: PropTypes.bool,
-
-    /**
-     * `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 AntdTimeline;
-
-export const propTypes = AntdTimeline.propTypes;
+import React, { Suspense } from 'react';
+import PropTypes from 'prop-types';
+
+const LazyAntdTimeline = React.lazy(() => import(/* webpackChunkName: "data_display" */ '../../fragments/dataDisplay/AntdTimeline.react'));
+
+/**
+ * 时间轴组件AntdTimeline
+ */
+const AntdTimeline = ({
+    id,
+    className,
+    style,
+    key,
+    items,
+    mode = 'left',
+    pending,
+    pendingDot,
+    reverse = false,
+    setProps,
+    ...others
+}) => {
+    return (
+        <Suspense fallback={null}>
+            <LazyAntdTimeline {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    items,
+                    mode,
+                    pending,
+                    pendingDot,
+                    reverse,
+                    setProps,
+                    ...others
+                }
+            } />
+        </Suspense>
+    );
+}
+
+AntdTimeline.propTypes = {
+    /**
+     * 组件唯一id
+     */
+    id: PropTypes.string,
+
+    /**
+     * 对当前组件的`key`值进行更新，可实现强制重绘当前组件的效果
+     */
+    key: PropTypes.string,
+
+    /**
+     * 当前组件css样式
+     */
+    style: PropTypes.object,
+
+    /**
+     * 当前组件css类名，支持[动态css](/advanced-classname)
+     */
+    className: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.object
+    ]),
+
+    /**
+     * 必填，定义时间轴节点
+     */
+    items: PropTypes.arrayOf(
+        PropTypes.exact({
+            /**
+             * 组件型，当前节点正文内容
+             */
+            content: PropTypes.node,
+            /**
+             * 当前节点颜色，可用于表达节点状态，常用方案有`'blue'`（进行中或默认状态）、`'green'`（已完成状态）、`'red'`（警告或错误状态）、`'grey'`（未完成或失效状态）
+             */
+            color: PropTypes.string,
+            /**
+             * 组件型，自定义作为图标的元素
+             */
+            icon: PropTypes.node,
+            /**
+             * 组件型，当前节点标签内容
+             */
+            label: PropTypes.node,
+            // 设置节点位置，可选的有'left'和'right'
+            /**
+             * 当前节点位置，可选项有`'left'`、`'right'`
+             */
+            position: PropTypes.oneOf(['left', 'right'])
+        })
+    ).isRequired,
+
+    /**
+     * 时间轴与内容的相对位置，可选项有`'left'`、`'alternate'`、`'right'`
+     */
+    mode: PropTypes.oneOf(['left', 'alternate', 'right']),
+
+    /**
+     * 组件型，设置时间轴末尾额外幽灵节点标题内容，默认不添加
+     */
+    pending: PropTypes.node,
+
+    /**
+     * 组件型，自定义幽灵节点图标
+     */
+    pendingDot: PropTypes.node,
+
+    /**
+     * 是否逆序排列时间轴
+     * 默认值：`false`
+     */
+    reverse: PropTypes.bool,
+
+    /**
+     * `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 AntdTimeline;
+
+export const propTypes = AntdTimeline.propTypes;
 export const defaultProps = AntdTimeline.defaultProps;