feffery_antd_components 0.3.15 → 0.4.0-rc5

package/src/lib/components/dataDisplay/descriptions/AntdDescriptionItem.react.js

@@ -6,10 +6,36 @@ const LazyAntdDescriptionItem = React.lazy(() => import(/* webpackChunkName: "da
 /**
  * 描述列表子项组件AntdDescriptionItem
  */
-const AntdDescriptionItem = (props) => {
+const AntdDescriptionItem = ({
+    id,
+    children,
+    className,
+    style,
+    styles,
+    classNames,
+    key,
+    label,
+    span = 1,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdDescriptionItem {...props} />
+            <LazyAntdDescriptionItem {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    styles,
+                    classNames,
+                    key,
+                    label,
+                    span,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -44,25 +70,43 @@ AntdDescriptionItem.propTypes = {
     ]),
 
     /**
-     * 组件型，标题内容
+     * 细分控制子元素css样式
      */
-    label: PropTypes.node,
+    styles: PropTypes.exact({
+        /**
+         * 标签元素css样式
+         */
+        label: PropTypes.object,
+        /**
+         * 内容元素css样式
+         */
+        content: PropTypes.object
+    }),
 
     /**
-     * 所占宽度份数
-     * 默认值：`1`
+     * 细分控制子元素css类名
      */
-    span: PropTypes.number,
+    classNames: PropTypes.exact({
+        /**
+         * 标签元素css类名
+         */
+        label: PropTypes.string,
+        /**
+         * 内容元素css类名
+         */
+        content: PropTypes.string
+    }),
 
     /**
-     * 标签css样式
+     * 组件型，标题内容
      */
-    labelStyle: PropTypes.object,
+    label: PropTypes.node,
 
     /**
-     * 内容css样式
+     * 所占宽度份数
+     * 默认值：`1`
      */
-    contentStyle: PropTypes.object,
+    span: PropTypes.number,
 
     /**
      * `data-*`格式属性通配
@@ -74,21 +118,6 @@ AntdDescriptionItem.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.
@@ -96,11 +125,6 @@ AntdDescriptionItem.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdDescriptionItem.defaultProps = {
-    span: 1
-}
-
 export default AntdDescriptionItem;
 
 export const propTypes = AntdDescriptionItem.propTypes;

package/src/lib/components/dataDisplay/descriptions/AntdDescriptions.react.js

@@ -6,10 +6,46 @@ const LazyAntdDescriptions = React.lazy(() => import(/* webpackChunkName: "data_
 /**
  * 描述列表组件AntdDescriptions
  */
-const AntdDescriptions = (props) => {
+const AntdDescriptions = ({
+    id,
+    children,
+    className,
+    style,
+    styles,
+    classNames,
+    key,
+    items,
+    title,
+    column = 3,
+    bordered = false,
+    size = 'default',
+    layout = 'horizontal',
+    extra,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdDescriptions {...props} />
+            <LazyAntdDescriptions {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    styles,
+                    classNames,
+                    key,
+                    items,
+                    title,
+                    column,
+                    bordered,
+                    size,
+                    layout,
+                    extra,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -43,6 +79,66 @@ AntdDescriptions.propTypes = {
         PropTypes.object
     ]),
 
+    /**
+     * 细分控制子元素css样式
+     */
+    styles: PropTypes.exact({
+        /**
+         * 根元素css样式
+         */
+        root: PropTypes.object,
+        /**
+         * 头部元素css样式
+         */
+        header: PropTypes.object,
+        /**
+         * 标题元素css样式
+         */
+        title: PropTypes.object,
+        /**
+         * 额外内容css样式
+         */
+        extra: PropTypes.object,
+        /**
+         * 标签元素css样式
+         */
+        label: PropTypes.object,
+        /**
+         * 内容元素css样式
+         */
+        content: PropTypes.object
+    }),
+
+    /**
+     * 细分控制子元素css类名
+     */
+    classNames: PropTypes.exact({
+        /**
+         * 根元素css类名
+         */
+        root: PropTypes.string,
+        /**
+         * 头部元素css类名
+         */
+        header: PropTypes.string,
+        /**
+         * 标题元素css类名
+         */
+        title: PropTypes.string,
+        /**
+         * 额外内容css类名
+         */
+        extra: PropTypes.string,
+        /**
+         * 标签元素css类名
+         */
+        label: PropTypes.string,
+        /**
+         * 内容元素css类名
+         */
+        content: PropTypes.string
+    }),
+
     /**
      * 配置描述列表子项，优先级高于`children`
      */
@@ -64,14 +160,6 @@ AntdDescriptions.propTypes = {
              * 组件型，子项内容
              */
             children: PropTypes.node,
-            /**
-             * 子项标签css样式
-             */
-            labelStyle: PropTypes.object,
-            /**
-             * 子项内容css样式
-             */
-            contentStyle: PropTypes.object,
             /**
              * 子项css样式
              */
@@ -122,16 +210,6 @@ AntdDescriptions.propTypes = {
      */
     layout: PropTypes.oneOf(['horizontal', 'vertical']),
 
-    /**
-     * 统一设置字段标签css样式
-     */
-    labelStyle: PropTypes.object,
-
-    /**
-     * 统一设置字段内容css样式
-     */
-    contentStyle: PropTypes.object,
-
     /**
      * 组件型，设置操作区域，显示在右上方
      */
@@ -147,21 +225,6 @@ AntdDescriptions.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.
@@ -169,14 +232,6 @@ AntdDescriptions.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdDescriptions.defaultProps = {
-    column: 3,
-    bordered: false,
-    layout: 'horizontal',
-    size: 'default'
-}
-
 export default AntdDescriptions;
 
 export const propTypes = AntdDescriptions.propTypes;

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

@@ -6,10 +6,48 @@ const LazyAntdCalendar = React.lazy(() => import(/* webpackChunkName: "data_entr
 /**
  * 日历组件AntdCalendar
  */
-const AntdCalendar = (props) => {
+const AntdCalendar = ({
+    id,
+    className,
+    style,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    defaultValue,
+    value,
+    format = 'YYYY-MM-DD',
+    size = 'default',
+    customCells,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCalendar {...props} />
+            <LazyAntdCalendar {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    defaultValue,
+                    value,
+                    format,
+                    size,
+                    customCells,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -44,10 +82,16 @@ AntdCalendar.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']),
 
     /**
      * 日期显示格式，[参考资料](https://day.js.org/docs/en/display/format)
@@ -123,21 +167,6 @@ AntdCalendar.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.
@@ -166,13 +195,9 @@ AntdCalendar.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdCalendar.defaultProps = {
-    format: 'YYYY-MM-DD',
-    size: 'default',
+AntdCalendar.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    locale: 'zh-cn'
+    persistence_type: 'local'
 }
 
 export default AntdCalendar;

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

@@ -6,10 +6,92 @@ const LazyAntdCascader = React.lazy(() => import(/* webpackChunkName: "data_entr
 /**
  * 级联选择组件AntdCascader
  */
-const AntdCascader = (props) => {
+const AntdCascader = ({
+    id,
+    style,
+    className,
+    popupClassName,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    options,
+    optionFilterProp = 'label',
+    panelMode = false,
+    optionsNodeKeyToLabel,
+    optionsMode = 'tree',
+    changeOnSelect = false,
+    size,
+    bordered = true,
+    variant,
+    disabled = false,
+    placeholder,
+    defaultValue,
+    value,
+    placement = 'bottomLeft',
+    maxTagCount,
+    multiple = false,
+    expandTrigger = 'click',
+    status,
+    allowClear = true,
+    autoFocus = false,
+    showCheckedStrategy,
+    popupContainer = 'body',
+    prefix,
+    suffixIcon,
+    readOnly,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCascader {...props} />
+            <LazyAntdCascader {
+                ...{
+                    id,
+                    style,
+                    className,
+                    popupClassName,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    options,
+                    optionFilterProp,
+                    panelMode,
+                    optionsNodeKeyToLabel,
+                    optionsMode,
+                    changeOnSelect,
+                    size,
+                    bordered,
+                    variant,
+                    disabled,
+                    placeholder,
+                    defaultValue,
+                    value,
+                    placement,
+                    maxTagCount,
+                    multiple,
+                    expandTrigger,
+                    status,
+                    allowClear,
+                    autoFocus,
+                    showCheckedStrategy,
+                    popupContainer,
+                    prefix,
+                    suffixIcon,
+                    readOnly,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -103,10 +185,16 @@ AntdCascader.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']),
 
     /**
      * 对应`options`格式的渲染模式，可选项有`'tree'`（树形模式）、`'flat'`（扁平模式）
@@ -170,9 +258,9 @@ AntdCascader.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']),
 
     /**
      * 输入框占位文字内容
@@ -309,21 +397,6 @@ AntdCascader.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.
@@ -352,24 +425,9 @@ AntdCascader.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdCascader.defaultProps = {
-    optionFilterProp: 'label',
-    panelMode: false,
-    changeOnSelect: false,
-    placement: 'bottomLeft',
-    multiple: false,
-    expandTrigger: 'click',
-    allowClear: true,
-    autoFocus: false,
-    locale: 'zh-cn',
-    optionsMode: 'tree',
-    popupContainer: 'body',
-    bordered: true,
-    disabled: false,
+AntdCascader.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdCascader;

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

@@ -6,10 +6,50 @@ const LazyAntdCheckbox = React.lazy(() => import(/* webpackChunkName: "data_entr
 /**
  * 选择框组件AntdCheckbox
  */
-const AntdCheckbox = (props) => {
+const AntdCheckbox = ({
+    id,
+    style,
+    className,
+    key,
+    name,
+    enableBatchControl = true,
+    label,
+    disabled = false,
+    autoFocus = false,
+    checked = false,
+    indeterminate = false,
+    readOnly = false,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCheckbox {...props} />
+            <LazyAntdCheckbox {
+                ...{
+                    id,
+                    style,
+                    className,
+                    key,
+                    name,
+                    enableBatchControl,
+                    label,
+                    disabled,
+                    autoFocus,
+                    checked,
+                    indeterminate,
+                    readOnly,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -43,6 +83,12 @@ AntdCheckbox.propTypes = {
      */
     name: PropTypes.string,
 
+    /**
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
     /**
      * 是否禁用当前组件
      * 默认值：`false`
@@ -98,21 +144,6 @@ AntdCheckbox.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.
@@ -141,16 +172,9 @@ AntdCheckbox.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdCheckbox.defaultProps = {
+AntdCheckbox.dashPersistence = {
     persisted_props: ['checked'],
-    persistence_type: 'local',
-    disabled: false,
-    autoFocus: false,
-    checked: false,
-    indeterminate: false,
-    readOnly: false,
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdCheckbox;