feffery_antd_components 0.3.15 → 0.4.0-rc5

package/src/lib/components/dataEntry/check-card/AntdCheckCard.react.js

@@ -6,10 +6,52 @@ const LazyAntdCheckCard = React.lazy(() => import(/* webpackChunkName: "data_ent
 /**
  * 选择卡片组件AntdCheckCard
  */
-const AntdCheckCard = (props) => {
+const AntdCheckCard = ({
+    id,
+    children,
+    className,
+    style,
+    key,
+    name,
+    enableBatchControl = true,
+    checked,
+    bordered = true,
+    value,
+    defaultChecked,
+    disabled = false,
+    size = 'default',
+    readOnly = false,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCheckCard {...props} />
+            <LazyAntdCheckCard {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    key,
+                    name,
+                    enableBatchControl,
+                    checked,
+                    bordered,
+                    value,
+                    defaultChecked,
+                    disabled,
+                    size,
+                    readOnly,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -48,6 +90,12 @@ AntdCheckCard.propTypes = {
      */
     name: PropTypes.string,
 
+    /**
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
     /**
      * 监听或设置是否被选中
      */
@@ -100,21 +148,6 @@ AntdCheckCard.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.
@@ -143,12 +176,7 @@ AntdCheckCard.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdCheckCard.defaultProps = {
-    bordered: true,
-    disabled: false,
-    size: 'default',
-    readOnly: false,
+AntdCheckCard.dashPersistence = {
     persisted_props: ['checked'],
     persistence_type: 'local'
 }

package/src/lib/components/dataEntry/check-card/AntdCheckCardGroup.react.js

@@ -6,10 +6,54 @@ const LazyAntdCheckCardGroup = React.lazy(() => import(/* webpackChunkName: "dat
 /**
  * 组合选择卡片组件AntdCheckCardGroup
  */
-const AntdCheckCardGroup = (props) => {
+const AntdCheckCardGroup = ({
+    id,
+    children,
+    className,
+    style,
+    key,
+    name,
+    enableBatchControl = true,
+    multiple = false,
+    allowNoValue = true,
+    bordered = true,
+    value,
+    defaultValue,
+    disabled = false,
+    size = 'default',
+    readOnly = false,
+    setProps,
+    persistence,
+    persisted_props,
+    persistence_type,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdCheckCardGroup {...props} />
+            <LazyAntdCheckCardGroup {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    key,
+                    name,
+                    enableBatchControl,
+                    multiple,
+                    allowNoValue,
+                    bordered,
+                    value,
+                    defaultValue,
+                    disabled,
+                    size,
+                    readOnly,
+                    setProps,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -48,6 +92,12 @@ AntdCheckCardGroup.propTypes = {
      */
     name: PropTypes.string,
 
+    /**
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
     /**
      * 是否开启多选
      * 默认值：`false`
@@ -126,21 +176,6 @@ AntdCheckCardGroup.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 +204,7 @@ AntdCheckCardGroup.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdCheckCardGroup.defaultProps = {
-    multiple: false,
-    allowNoValue: true,
-    bordered: true,
-    disabled: false,
-    size: 'default',
-    readOnly: false,
+AntdCheckCardGroup.dashPersistence = {
     persisted_props: ['value'],
     persistence_type: 'local'
 }

package/src/lib/components/dataEntry/form/AntdForm.react.js

@@ -6,10 +6,48 @@ const LazyAntdForm = React.lazy(() => import(/* webpackChunkName: "data_entry" *
 /**
  * 表单组件AntdForm
  */
-const AntdForm = (props) => {
+const AntdForm = ({
+    id,
+    children,
+    className,
+    style,
+    key,
+    labelCol,
+    wrapperCol,
+    colon = true,
+    labelAlign = 'right',
+    labelWrap = false,
+    layout = 'horizontal',
+    enableBatchControl = false,
+    values,
+    validateStatuses,
+    helps,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdForm {...props} />
+            <LazyAntdForm {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    key,
+                    labelCol,
+                    wrapperCol,
+                    colon,
+                    labelAlign,
+                    labelWrap,
+                    layout,
+                    enableBatchControl,
+                    values,
+                    validateStatuses,
+                    helps,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -144,21 +182,6 @@ AntdForm.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,15 +189,6 @@ AntdForm.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdForm.defaultProps = {
-    layout: 'horizontal',
-    colon: true,
-    labelAlign: 'right',
-    labelWrap: false,
-    enableBatchControl: false
-}
-
 export default AntdForm;
 
 export const propTypes = AntdForm.propTypes;

package/src/lib/components/dataEntry/form/AntdFormItem.react.js

@@ -6,10 +6,54 @@ const LazyAntdFormItem = React.lazy(() => import(/* webpackChunkName: "data_entr
 /**
  * 表单项组件AntdFormItem
  */
-const AntdFormItem = (props) => {
+const AntdFormItem = ({
+    id,
+    children,
+    className,
+    style,
+    key,
+    labelCol,
+    colon,
+    wrapperCol,
+    label,
+    labelAlign,
+    tooltip,
+    extra,
+    help,
+    hidden = false,
+    required = false,
+    validateStatus,
+    hasFeedback = false,
+    layout,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdFormItem {...props} />
+            <LazyAntdFormItem {
+                ...{
+                    id,
+                    children,
+                    className,
+                    style,
+                    key,
+                    labelCol,
+                    colon,
+                    wrapperCol,
+                    label,
+                    labelAlign,
+                    tooltip,
+                    extra,
+                    help,
+                    hidden,
+                    required,
+                    validateStatus,
+                    hasFeedback,
+                    layout,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -154,21 +198,6 @@ AntdFormItem.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.
@@ -176,13 +205,6 @@ AntdFormItem.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdFormItem.defaultProps = {
-    required: false,
-    hidden: false,
-    hasFeedback: false
-}
-
 export default AntdFormItem;
 
 export const propTypes = AntdFormItem.propTypes;

package/src/lib/components/dataEntry/upload/AntdDraggerUpload.react.js

@@ -6,10 +6,92 @@ const LazyAntdDraggerUpload = React.lazy(() => import(/* webpackChunkName: "uplo
 /**
  * 文件拖拽上传组件AntdDraggerUpload
  */
-const AntdDraggerUpload = (props) => {
+const AntdDraggerUpload = ({
+    id,
+    className,
+    style,
+    draggerClassName,
+    draggerStyle,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    apiUrl,
+    apiUrlExtraParams,
+    headers,
+    withCredentials = false,
+    withOriginFileObj = false,
+    downloadUrl,
+    downloadUrlExtraParams,
+    downloadUrlFromBackend = false,
+    icon,
+    text,
+    hint,
+    uploadId,
+    fileListMaxLength = null,
+    fileTypes,
+    fileMaxSize = 500,
+    showUploadList = true,
+    multiple = false,
+    directory = false,
+    failedTooltipInfo,
+    confirmBeforeDelete = false,
+    showPercent = false,
+    progressProps,
+    showSuccessMessage = true,
+    showErrorMessage = true,
+    listUploadTaskRecord = [],
+    defaultFileList,
+    disabled = false,
+    status,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdDraggerUpload {...props} />
+            <LazyAntdDraggerUpload {
+                ...{
+                    id,
+                    className,
+                    style,
+                    draggerClassName,
+                    draggerStyle,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    apiUrl,
+                    apiUrlExtraParams,
+                    headers,
+                    withCredentials,
+                    withOriginFileObj,
+                    downloadUrl,
+                    downloadUrlExtraParams,
+                    downloadUrlFromBackend,
+                    icon,
+                    text,
+                    hint,
+                    uploadId,
+                    fileListMaxLength,
+                    fileTypes,
+                    fileMaxSize,
+                    showUploadList,
+                    multiple,
+                    directory,
+                    failedTooltipInfo,
+                    confirmBeforeDelete,
+                    showPercent,
+                    progressProps,
+                    showSuccessMessage,
+                    showErrorMessage,
+                    listUploadTaskRecord,
+                    defaultFileList,
+                    disabled,
+                    status,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -43,6 +125,12 @@ AntdDraggerUpload.propTypes = {
      */
     name: PropTypes.string,
 
+    /**
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
     /**
      * 拖拽区域css类名，支持[动态css](/advanced-classname)
      */
@@ -57,10 +145,10 @@ AntdDraggerUpload.propTypes = {
     draggerStyle: PropTypes.object,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 组件文案语种，可选项有`'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']),
 
     /**
      * 文件上传服务接口地址
@@ -396,21 +484,6 @@ AntdDraggerUpload.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.
@@ -418,26 +491,6 @@ AntdDraggerUpload.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdDraggerUpload.defaultProps = {
-    disabled: false,
-    multiple: false,
-    directory: false,
-    showUploadList: true,
-    fileListMaxLength: null,
-    fileMaxSize: 500,
-    confirmBeforeDelete: false,
-    showPercent: false,
-    showSuccessMessage: true,
-    showErrorMessage: true,
-    lastUploadTaskRecord: null,
-    listUploadTaskRecord: [],
-    downloadUrlFromBackend: false,
-    withCredentials: false,
-    withOriginFileObj: false,
-    locale: 'zh-cn'
-}
-
 export default AntdDraggerUpload;
 
 export const propTypes = AntdDraggerUpload.propTypes;

package/src/lib/components/dataEntry/upload/AntdPictureUpload.react.js

@@ -6,10 +6,84 @@ const LazyAntdPictureUpload = React.lazy(() => import(/* webpackChunkName: "uplo
 /**
  * 图片上传组件AntdPictureUpload
  */
-const AntdPictureUpload = (props) => {
+const AntdPictureUpload = ({
+    id,
+    className,
+    style,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    apiUrl,
+    apiUrlExtraParams,
+    headers,
+    withCredentials = false,
+    downloadUrl,
+    downloadUrlExtraParams,
+    downloadUrlFromBackend = false,
+    editable = false,
+    editConfig,
+    uploadId,
+    fileListMaxLength = null,
+    buttonContent,
+    fileTypes = ['tiff', 'bmp', 'gif', 'png', 'jpeg', 'jpg', 'webp', 'ico', 'tif'],
+    fileMaxSize = 10,
+    failedTooltipInfo,
+    showRemoveIcon = true,
+    showPreviewIcon = true,
+    confirmBeforeDelete = false,
+    showPercent = false,
+    progressProps,
+    showSuccessMessage = true,
+    showErrorMessage = true,
+    listUploadTaskRecord = [],
+    defaultFileList,
+    disabled = false,
+    status,
+    setProps,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdPictureUpload {...props} />
+            <LazyAntdPictureUpload {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    apiUrl,
+                    apiUrlExtraParams,
+                    headers,
+                    withCredentials,
+                    downloadUrl,
+                    downloadUrlExtraParams,
+                    downloadUrlFromBackend,
+                    editable,
+                    editConfig,
+                    uploadId,
+                    fileListMaxLength,
+                    buttonContent,
+                    fileTypes,
+                    fileMaxSize,
+                    failedTooltipInfo,
+                    showRemoveIcon,
+                    showPreviewIcon,
+                    confirmBeforeDelete,
+                    showPercent,
+                    progressProps,
+                    showSuccessMessage,
+                    showErrorMessage,
+                    listUploadTaskRecord,
+                    defaultFileList,
+                    disabled,
+                    status,
+                    setProps,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -44,10 +118,16 @@ AntdPictureUpload.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']),
 
     /**
      * 文件上传服务接口地址
@@ -430,21 +510,6 @@ AntdPictureUpload.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.
@@ -452,26 +517,6 @@ AntdPictureUpload.propTypes = {
     setProps: PropTypes.func
 };
 
-// 设置默认参数
-AntdPictureUpload.defaultProps = {
-    disabled: false,
-    editable: false,
-    fileTypes: ['tiff', 'bmp', 'gif', 'png', 'jpeg', 'jpg', 'webp', 'ico', 'tif'],
-    fileListMaxLength: null,
-    fileMaxSize: 10,
-    showRemoveIcon: true,
-    showPreviewIcon: true,
-    confirmBeforeDelete: false,
-    showPercent: false,
-    showSuccessMessage: true,
-    showErrorMessage: true,
-    lastUploadTaskRecord: null,
-    listUploadTaskRecord: [],
-    downloadUrlFromBackend: false,
-    withCredentials: false,
-    locale: 'zh-cn'
-}
-
 export default AntdPictureUpload;
 
 export const propTypes = AntdPictureUpload.propTypes;