feffery_antd_components 0.3.15 → 0.4.0-rc5

package/src/lib/components/dataEntry/AntdRate.react.js

@@ -6,10 +6,54 @@ const LazyAntdRate = React.lazy(() => import(/* webpackChunkName: "data_entry" *
 /**
  * 评分组件AntdRate
  */
-const AntdRate = (props) => {
+const AntdRate = ({
+    id,
+    className,
+    style,
+    key,
+    name,
+    enableBatchControl = true,
+    allowClear = true,
+    allowHalf = false,
+    count = 5,
+    disabled = false,
+    autoFocus = false,
+    tooltips,
+    defaultValue = 0,
+    value,
+    setProps,
+    persistence,
+    persisted_props = ['value'],
+    persistence_type = 'local',
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdRate {...props} />
+            <LazyAntdRate {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    name,
+                    enableBatchControl,
+                    allowClear,
+                    allowHalf,
+                    count,
+                    disabled,
+                    autoFocus,
+                    tooltips,
+                    defaultValue,
+                    value,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -43,6 +87,12 @@ AntdRate.propTypes = {
      */
     name: PropTypes.string,
 
+    /**
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
     /**
      * 是否允许通过再次点击清除已选分值
      * 默认值：`true`
@@ -111,21 +161,6 @@ AntdRate.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -154,17 +189,9 @@ AntdRate.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdRate.defaultProps = {
-    allowClear: true,
-    allowHalf: false,
-    count: 5,
-    defaultValue: 0,
-    disabled: false,
-    autoFocus: false,
+AntdRate.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdRate;

package/src/lib/components/dataEntry/AntdSegmentedColoring.react.js

@@ -8,10 +8,66 @@ const LazyAntdSegmentedColoring = React.lazy(() => import(/* webpackChunkName: "
 /**
  * 分段着色组件AntdSegmentedColoring
  */
-const AntdSegmentedColoring = (props) => {
+const AntdSegmentedColoring = ({
+    id,
+    key,
+    className,
+    style,
+    size = 'middle',
+    bordered = true,
+    variant,
+    controls = true,
+    disabled = false,
+    keyboard = true,
+    placeholder,
+    min,
+    max,
+    step = 0.01,
+    precision = 2,
+    readOnly,
+    pureLegend = false,
+    breakpoints,
+    colors,
+    inputNumberStyle,
+    colorBlockPosition = 'right',
+    colorBlockStyle,
+    pureLegendLabelStyle,
+    setProps,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdSegmentedColoring {...props} />
+            <LazyAntdSegmentedColoring {
+                ...{
+                    id,
+                    key,
+                    className,
+                    style,
+                    size,
+                    bordered,
+                    variant,
+                    controls,
+                    disabled,
+                    keyboard,
+                    placeholder,
+                    min,
+                    max,
+                    step,
+                    precision,
+                    readOnly,
+                    pureLegend,
+                    breakpoints,
+                    colors,
+                    inputNumberStyle,
+                    colorBlockPosition,
+                    colorBlockStyle,
+                    pureLegendLabelStyle,
+                    setProps,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -103,9 +159,9 @@ AntdSegmentedColoring.propTypes = {
     bordered: PropTypes.bool,
 
     /**
-     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
+     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`、`'underlined'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
      */
-    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled']),
+    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled', 'underlined']),
 
     /**
      * 各分段数值输入框占位文字内容
@@ -183,21 +239,6 @@ AntdSegmentedColoring.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -205,20 +246,6 @@ AntdSegmentedColoring.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdSegmentedColoring.defaultProps = {
-    size: 'middle',
-    bordered: true,
-    controls: true,
-    disabled: false,
-    keyboard: true,
-    step: 0.01,
-    precision: 2,
-    colorBlockPosition: 'right',
-    pureLegend: false,
-    batchPropsNames: []
-}
-
 export default AntdSegmentedColoring;
 
 export const propTypes = AntdSegmentedColoring.propTypes;

package/src/lib/components/dataEntry/AntdSelect.react.js

@@ -6,10 +6,106 @@ const LazyAntdSelect = React.lazy(() => import(/* webpackChunkName: "data_entry"
 /**
  * 下拉选择组件AntdSelect
  */
-const AntdSelect = (props) => {
+const AntdSelect = ({
+    id,
+    style,
+    className,
+    popupClassName,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    setProps,
+    placeholder,
+    size = 'middle',
+    bordered = true,
+    variant,
+    options = [],
+    colorsNameWidth = 40,
+    allowClear = true,
+    autoFocus = false,
+    disabled,
+    value,
+    mode,
+    defaultValue,
+    maxTagCount = 5,
+    listHeight = 256,
+    colorsMode = 'sequential',
+    placement = 'bottomLeft',
+    status,
+    optionFilterProp = 'value',
+    optionFilterMode = 'case-insensitive',
+    autoSpin = false,
+    debounceWait = 0,
+    autoClearSearchValue = true,
+    emptyContent,
+    loadingEmptyContent,
+    dropdownBefore,
+    dropdownAfter,
+    prefix,
+    suffixIcon,
+    popupContainer = 'body',
+    readOnly,
+    maxCount,
+    popupMatchSelectWidth = true,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdSelect {...props} />
+            <LazyAntdSelect {
+                ...{
+                    id,
+                    style,
+                    className,
+                    popupClassName,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    setProps,
+                    placeholder,
+                    size,
+                    bordered,
+                    variant,
+                    options,
+                    colorsNameWidth,
+                    allowClear,
+                    autoFocus,
+                    disabled,
+                    value,
+                    mode,
+                    defaultValue,
+                    maxTagCount,
+                    listHeight,
+                    colorsMode,
+                    placement,
+                    status,
+                    optionFilterProp,
+                    optionFilterMode,
+                    autoSpin,
+                    debounceWait,
+                    autoClearSearchValue,
+                    emptyContent,
+                    loadingEmptyContent,
+                    dropdownBefore,
+                    dropdownAfter,
+                    prefix,
+                    suffixIcon,
+                    popupContainer,
+                    readOnly,
+                    maxCount,
+                    popupMatchSelectWidth,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -49,10 +145,16 @@ AntdSelect.propTypes = {
     name: PropTypes.string,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
+    /**
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
 
     /**
      * 配置下拉选项
@@ -159,9 +261,9 @@ AntdSelect.propTypes = {
     bordered: PropTypes.bool,
 
     /**
-     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
+     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`、`'underlined'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
      */
-    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled']),
+    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled', 'underlined']),
 
     /**
      * 输入框占位文字内容
@@ -345,21 +447,6 @@ AntdSelect.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -388,30 +475,9 @@ AntdSelect.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdSelect.defaultProps = {
-    allowClear: true,
-    autoFocus: false,
-    disabled: false,
-    size: 'middle',
-    bordered: true,
-    maxTagCount: 5,
-    listHeight: 256,
-    placement: 'bottomLeft',
-    options: [],
-    colorsNameWidth: 40,
-    colorsMode: 'sequential',
-    autoClearSearchValue: true,
+AntdSelect.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    locale: 'zh-cn',
-    optionFilterProp: 'value',
-    optionFilterMode: 'case-insensitive',
-    autoSpin: false,
-    debounceWait: 0,
-    popupMatchSelectWidth: true,
-    popupContainer: 'body',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdSelect;

package/src/lib/components/dataEntry/AntdSlider.react.js

@@ -6,10 +6,72 @@ const LazyAntdSlider = React.lazy(() => import(/* webpackChunkName: "data_entry"
 /**
  * 滑动输入条组件AntdSlider
  */
-const AntdSlider = (props) => {
+const AntdSlider = ({
+    id,
+    className,
+    style,
+    styles,
+    classNames,
+    key,
+    name,
+    enableBatchControl = true,
+    value,
+    defaultValue,
+    disabled = false,
+    autoFocus = false,
+    vertical = false,
+    range = false,
+    min = 0,
+    max = 100,
+    step = 1,
+    marks,
+    tooltipVisible,
+    tooltipPrefix = '',
+    tooltipSuffix = '',
+    popupContainer = 'body',
+    readOnly = false,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdSlider {...props} />
+            <LazyAntdSlider {
+                ...{
+                    id,
+                    className,
+                    style,
+                    styles,
+                    classNames,
+                    key,
+                    name,
+                    enableBatchControl,
+                    value,
+                    defaultValue,
+                    disabled,
+                    autoFocus,
+                    vertical,
+                    range,
+                    min,
+                    max,
+                    step,
+                    marks,
+                    tooltipVisible,
+                    tooltipPrefix,
+                    tooltipSuffix,
+                    popupContainer,
+                    readOnly,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -38,23 +100,30 @@ AntdSlider.propTypes = {
         PropTypes.object
     ]),
 
-    /**
-     * 滑轨部分css样式
-     */
-    railStyle: PropTypes.object,
-
     /**
      * 细分控制子元素css样式
      */
     styles: PropTypes.exact({
         /**
-         * 选择条css样式
+         * 根元素css样式
+         */
+        root: PropTypes.object,
+        /**
+         * 范围选择下，点和点之间单个选取条css样式
          */
         track: PropTypes.object,
+        /**
+         * 范围选择下，整个范围选取条css样式
+         */
+        tracks: PropTypes.object,
         /**
          * 背景条css样式
          */
-        rail: PropTypes.object
+        rail: PropTypes.object,
+        /**
+         * 抓取点元素css样式
+         */
+        handle: PropTypes.object
     }),
 
     /**
@@ -62,13 +131,25 @@ AntdSlider.propTypes = {
      */
     classNames: PropTypes.exact({
         /**
-         * 选择条css类名
+         * 根元素css类名
+         */
+        root: PropTypes.string,
+        /**
+         * 范围选择下，点和点之间单个选取条css类名
          */
         track: PropTypes.string,
+        /**
+         * 范围选择下，整个范围选取条css类名
+         */
+        tracks: PropTypes.string,
         /**
          * 背景条css类名
          */
-        rail: PropTypes.string
+        rail: PropTypes.string,
+        /**
+         * 抓取点元素css类名
+         */
+        handle: PropTypes.string
     }),
 
     /**
@@ -76,6 +157,12 @@ AntdSlider.propTypes = {
      */
     name: PropTypes.string,
 
+    /**
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
     /**
      * 是否以垂直模式显示
      * 默认值：`false`
@@ -182,21 +269,6 @@ AntdSlider.propTypes = {
      */
     'aria-*': PropTypes.string,
 
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -225,22 +297,9 @@ AntdSlider.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdSlider.defaultProps = {
-    vertical: false,
-    range: false,
-    min: 0,
-    max: 100,
-    step: 1,
-    tooltipPrefix: '',
-    tooltipSuffix: '',
-    disabled: false,
-    popupContainer: 'body',
-    readOnly: false,
-    autoFocus: false,
+AntdSlider.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdSlider;

package/src/lib/components/dataEntry/AntdSwitch.react.js

@@ -6,10 +6,54 @@ const LazyAntdSwitch = React.lazy(() => import(/* webpackChunkName: "data_entry"
 /**
  * 开关组件AntdSwitch
  */
-const AntdSwitch = (props) => {
+const AntdSwitch = ({
+    id,
+    style,
+    className,
+    key,
+    name,
+    enableBatchControl = true,
+    disabled = false,
+    autoFocus = false,
+    checked,
+    checkedChildren,
+    unCheckedChildren,
+    size = 'default',
+    loading = false,
+    readOnly = false,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdSwitch {...props} />
+            <LazyAntdSwitch {
+                ...{
+                    id,
+                    style,
+                    className,
+                    key,
+                    name,
+                    enableBatchControl,
+                    disabled,
+                    autoFocus,
+                    checked,
+                    checkedChildren,
+                    unCheckedChildren,
+                    size,
+                    loading,
+                    readOnly,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -43,6 +87,12 @@ AntdSwitch.propTypes = {
      */
     name: PropTypes.string,
 
+    /**
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
     /**
      * 是否禁用当前组件
      * 默认值：`false`
@@ -150,16 +200,9 @@ AntdSwitch.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdSwitch.defaultProps = {
-    disabled: false,
-    autoFocus: false,
-    size: 'default',
-    loading: false,
-    readOnly: false,
+AntdSwitch.dashPersistence = {
     persisted_props: ['checked'],
-    persistence_type: 'local',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdSwitch;