@zat-design/sisyphus-react 3.2.0 → 3.2.1-beta.2

package/es/ProForm/style/index.less

@@ -17,11 +17,11 @@
     }
 
     .pro-form-custom-footer {
-      display      : flex;
-      align-items  : center;
+      display: flex;
+      align-items: center;
+      height: auto;
       margin-bottom: 0;
-      height       : auto;
-      padding-top  : 6px;
+      padding-top: 6px;
 
       .ant-space-align-center {
         align-items: normal;
@@ -45,17 +45,17 @@
   }
 
   span.ant-input-clear-icon {
-    display   : unset;
+    display: unset;
     visibility: hidden;
   }
 
   .ant-input-affix-wrapper:hover span.ant-input-clear-icon {
-    display   : unset;
+    display: unset;
     visibility: unset;
   }
 
   .ant-input-affix-wrapper:hover span.ant-input-clear-icon[class~='ant-input-clear-icon-hidden'] {
-    display   : unset;
+    display: unset;
     visibility: hidden;
   }
 
@@ -90,7 +90,7 @@
   // 展开折叠按钮
   .expand-button {
     line-height: @zaui-space-card;
-    cursor     : pointer;
+    cursor: pointer;
 
     .rotate-to-top {
       transform: rotate(90deg);
@@ -116,24 +116,26 @@
 
     .ant-form-item-tooltip {
       svg {
-        width         : 14px;
-        height        : 14px;
+        width: 14px;
+        height: 14px;
         vertical-align: bottom;
-        fill          : @zaui-aide-text;
+        fill: @zaui-aide-text;
       }
     }
 
     // 比较原始值场景下  不同时候的样式
     &.pro-form-item-changed {
-
       span.ant-input-affix-wrapper,
       .ant-select-selector,
       .ant-picker {
-        background: @zaui-contract-bg;
+        background: @zaui-contract-bg !important;
 
         input {
           background: @zaui-contract-bg;
         }
+        .ant-select-selection-placeholder {
+          z-index: 9;
+        }
       }
     }
 
@@ -168,9 +170,9 @@
         }
 
         .range-right {
-          width                    : 100%;
-          border                   : 1px solid @zaui-form-control-line;
-          border-top-left-radius   : 0;
+          width: 100%;
+          border: 1px solid @zaui-form-control-line;
+          border-top-left-radius: 0;
           border-bottom-left-radius: 0;
         }
       }
@@ -182,7 +184,7 @@
   }
 
   .ant-form-item-label {
-    >label {
+    > label {
       white-space: pre-wrap;
     }
   }
@@ -193,7 +195,7 @@
 
   .ant-form-item-has-error {
     .group-separator {
-      color       : var(--ant-error-color);
+      color: var(--ant-error-color);
       border-color: var(--ant-error-color);
     }
 
@@ -203,10 +205,9 @@
   }
 
   .site-input-group-wrapper {
-
     // 范围值表单样式
     & .site-input-split {
-      text-align      : center;
+      text-align: center;
       background-color: @zaui-table-strip-bg;
 
       &.site-input-split-disabled {
@@ -252,33 +253,33 @@
       }
     }
 
-    &.ant-input-group.ant-input-group-compact>*:not(:last-child) {
+    &.ant-input-group.ant-input-group-compact > *:not(:last-child) {
       margin-right: 0;
     }
 
-    >*:first-child {
-      border-top-right-radius   : 0 !important;
+    > *:first-child {
+      border-top-right-radius: 0 !important;
       border-bottom-right-radius: 0 !important;
 
-      >.ant-select-selector {
-        border-top-right-radius   : 0 !important;
+      > .ant-select-selector {
+        border-top-right-radius: 0 !important;
         border-bottom-right-radius: 0 !important;
       }
     }
 
-    >*:last-child {
-      border-top-left-radius   : 0 !important;
+    > *:last-child {
+      border-top-left-radius: 0 !important;
       border-bottom-left-radius: 0 !important;
 
-      >.ant-select-selector {
-        border-top-left-radius   : 0 !important;
+      > .ant-select-selector {
+        border-top-left-radius: 0 !important;
         border-bottom-left-radius: 0 !important;
       }
     }
   }
 
-  .ant-input-group.ant-input-group-compact>* {
-    float         : none;
+  .ant-input-group.ant-input-group-compact > * {
+    float: none;
     vertical-align: top;
   }
 
@@ -287,17 +288,17 @@
   }
 
   .noDisabled {
-    color           : @zaui-disabled-text;
-    font-size       : var(--zaui-font-size, 14px);
+    color: @zaui-disabled-text;
+    font-size: var(--zaui-font-size, 14px);
     background-color: transparent;
-    border          : none;
-    cursor          : default;
-    opacity         : 1;
+    border: none;
+    cursor: default;
+    opacity: 1;
   }
 
   div.pro-form-custom-footer {
-    width        : unset !important;
-    height       : @zaui-space-card;
+    width: unset !important;
+    height: @zaui-space-card;
     margin-bottom: calc(var(--zaui-height-size-md, 16px) * var(--zaui-size, 1));
 
     &.pro-form-custom-footer-hidden {
@@ -306,14 +307,14 @@
   }
 
   .pro-form-view-container {
-    display   : inline-block;
-    color     : var(--zaui-text, #343434);
+    display: inline-block;
+    color: var(--zaui-text, #343434);
     word-break: break-all;
   }
 
   .pro-form-view-container_nowrap {
-    overflow     : hidden;
-    white-space  : nowrap;
+    overflow: hidden;
+    white-space: nowrap;
     text-overflow: ellipsis;
   }
 

package/es/ProForm/utils/useChanged.d.ts

@@ -1 +1 @@
-export declare const useChanged: (name: any, names: any, nameStr: any, originalValues: any, form: any, fun: any) => any;
+export declare const useChanged: (name: any, names: any, nameStr: any, originalValues: any, form: any, fun: any) => any[];

package/es/ProForm/utils/useChanged.js

@@ -3,12 +3,13 @@ import _Form from "antd/es/form";
 import { get } from 'lodash';
 import { contrastOriginal } from './contrastOriginal';
 export var useChanged = function useChanged(name, names, nameStr, originalValues, form, fun) {
-  var _form = form;
-  if (!originalValues || get(originalValues, nameStr || name) === undefined) {
-    _form = [];
-    return false;
-  }
-  var value = _Form.useWatch(nameStr || name, _form);
+  var originalValue = (names === null || names === void 0 ? void 0 : names.length) ? names.map(function (name) {
+    return get(originalValues, name);
+  }) : get(originalValues, name);
+  var notWatch = !originalValues || originalValue === undefined;
+  if (notWatch) form = [];
+  var value = _Form.useWatch(nameStr || name, form);
+  if (notWatch) return [false];
   var changed = contrastOriginal(name, names, originalValues, value, fun);
-  return changed;
+  return [changed, originalValue];
 };

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -3,7 +3,7 @@ import _Menu from "antd/es/menu";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef, useEffect, useContext } from 'react';
+import { useMemo, useRef, useContext } from 'react';
 import { useDeepCompareEffect, useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
@@ -122,18 +122,6 @@ var OpenMenu = function OpenMenu(props) {
       });
     }
   }, [sideMenu]);
-  useEffect(function () {
-    // 同步路由，解决进入详情页后router没有变化，点击相同router菜单无效问题
-    setState({
-      router: window.location.pathname
-    });
-  }, [window.location.pathname]);
-  useEffect(function () {
-    // 路由变更，且不再demo文档中
-    if (router && !window.location.href.includes('~demos/prolayout')) {
-      linkRef.current.click();
-    }
-  }, [router]);
   return _jsxs("div", {
     className: cls,
     style: style,
@@ -162,6 +150,12 @@ var OpenMenu = function OpenMenu(props) {
         onSelected({
           selectedPath: item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
         });
+        setTimeout(function () {
+          // 路由变更，且不再demo文档中
+          if (!window.location.href.includes('~demos/prolayout')) {
+            linkRef.current.click();
+          }
+        }, 100);
       },
       style: {
         height: dataSource.sideMenu ? 'auto' : "calc(100vh - ".concat((dataSource === null || dataSource === void 0 ? void 0 : dataSource.height) || 0, "px)"),

package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less

@@ -89,13 +89,12 @@
 
   .ant-menu-sub.ant-menu-inline>.ant-menu-item,
   .ant-menu-submenu-title {
-    white-space   : pre-wrap;
-    line-height   : initial !important;
-    height        : auto !important;
-    margin        : 0;
-    padding-top   : 12px;
-    padding-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) - var(--zaui-space-size-xs; 4px) * var(--zaui-size; 1));
-    min-height    : 48px;
+    white-space: pre-wrap;
+    line-height: initial !important;
+    height     : auto !important;
+    margin     : 0;
+    padding: 12px 0;
+    min-height : 48px;
   }
 
   .ant-menu-title-content {

package/es/ProLayout/components/ProHeader/style/index.less

@@ -2,7 +2,7 @@
 
 .pro-header {
   background-color: var(--zaui-base-bg, #ffffff);
-  padding         : calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) + var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1)) 0 0 0;
+  padding         : 24px 0 0 0;
 
   &.pro-header-no-back {
     .pro-header-top {

package/es/ProSelect/index.js

@@ -9,7 +9,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import "antd/es/select/style";
 import _Select from "antd/es/select";
-var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse"];
+var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "isView"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import React, { useImperativeHandle, useState, forwardRef } from 'react';
@@ -17,6 +17,7 @@ import { isFunction, isObject, isString, omit, cloneDeep } from 'lodash';
 import { useProConfig } from '../ProConfigProvider';
 import Container from '../ProForm/components/Container';
 import AdaptiveTooltip from './components/AdaptiveTooltip';
+import { ProForm } from '..';
 import locale from '../locale';
 import './index.less';
 var Option = _Select.Option;
@@ -48,11 +49,13 @@ export var ProSelect = function ProSelect(props, ref) {
     onChange = props.onChange,
     updateDataSource = props.updateDataSource,
     transformResponse = props.transformResponse,
+    isViewPro = props.isView,
     selectProps = _objectWithoutProperties(props, _excluded);
   var value = props.value;
-  var _ref2 = otherProps || {},
-    isView = _ref2.isView,
+  var _ref2 = ProForm.useFieldProps() || {},
+    isViewCon = _ref2.isView,
     viewEmpty = _ref2.viewEmpty;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
   if (fieldNames && Object.keys(fieldNames).length) {
     code = fieldNames.value;
     label = fieldNames.label;

package/es/ProTree/style/index.less

@@ -89,8 +89,8 @@
     }
 
     .ant-tree-node-content-wrapper {
-      min-height : var(--zaui-font-size-xxl);
-      line-height: var(--zaui-font-size-xxl);
+      min-height : 20px;
+      line-height: 20px;
     }
 
     .ant-tree-node-content-wrapper {

package/es/ProTreeModal/style/index.less

@@ -18,8 +18,8 @@
     }
 
     .ant-tree-switcher {
-      width      : var(--zaui-font-size-xxl, 20px);
-      line-height: var(--zaui-font-size-xxl, 20px);
+      width      : 20px;
+      line-height: 20px;
     }
 
     .ant-tree-treenode {
@@ -28,12 +28,12 @@
       padding-bottom: var(--zaui-font-size-sm, 12px);
       color         : var(--zaui-text);
       font-size     : var(--zaui-font-size, 14px);
-      line-height   : var(--zaui-font-size-xxl, 20px);
+      line-height   : 20px;
     }
 
     .ant-tree-node-content-wrapper {
-      min-height : var(--zaui-font-size-xxl, 20px);
-      line-height: var(--zaui-font-size-xxl, 20px);
+      min-height : 20px;
+      line-height: 20px;
     }
 
     .ant-tree-node-content-wrapper {
@@ -48,7 +48,7 @@
     height        : 100%;
     color         : var(--zaui-text);
     font-size     : var(--zaui-font-size, 14px);
-    line-height   : var(--zaui-font-size-xxl, 20px);
+    line-height   : 20px;
     border        : 1px solid #e6e6e6;
     border-radius : var(--zaui-border-radius, 4px);
 
@@ -131,7 +131,7 @@
     align-items    : center;
     justify-content: space-between;
     margin-bottom  : calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
-    line-height    : var(--zaui-font-size-xxl, 20px);
+    line-height    : 20px;
     cursor         : pointer;
 
     &-look {
@@ -188,17 +188,17 @@
     display        : flex;
     align-items    : center;
     justify-content: center;
-    height         : var(--zaui-font-size-xxl, 20px);
+    height         : 20px;
     margin-right   : var(--zaui-space-size-sm, 8px);
     padding        : 0 var(--zaui-space-size-xs);
     font-weight    : 400;
-    line-height    : var(--zaui-font-size-lg-title);
+    line-height    : 24px;
     white-space    : nowrap;
     border-radius  : var(--zaui-border-radius-card);
 
     span {
       font-size  : var(--zaui-font-size-sm, 12px);
-      line-height: var(--zaui-font-size-xxl, 20px);
+      line-height: 20px;
       text-align : center;
       transform  : scale(0.83, 0.83);
     }
@@ -228,7 +228,7 @@
       align-items    : center;
       justify-content: space-between;
       width          : 100%;
-      height         : var(--zaui-space-size-lg, 32px);
+      height         : 32px;
       padding        : 2px var(--zaui-space-size-sm, 8px);
       color          : var(--zaui-text, #343434);
       font-size      : var(--zaui-font-size, 14px);
@@ -237,7 +237,7 @@
       border-radius  : var(--zaui-border-radius, 4px);
 
       .drag-icon {
-        height      : var(--zaui-font-size-xxl, 20px);
+        height      : 20px;
         margin-right: var(--zaui-space-size-xs, 4px);
         cursor      : move;
       }
@@ -248,7 +248,7 @@
       }
 
       .disabled-icon {
-        height      : var(--zaui-font-size-xxl, 20px);
+        height      : 20px;
         margin-right: var(--zaui-space-size-xs, 4px);
       }
 

package/lib/ProEditTable/components/RenderField/index.js

@@ -26,8 +26,6 @@ var _useRules = _interopRequireDefault(require("../../../ProForm/utils/useRules"
 var _utils = require("../../../ProForm/utils");
 var _locale = _interopRequireDefault(require("../../../locale"));
 var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules"];
-/* eslint-disable prefer-destructuring */
-/* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
   var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4;
   var value = _ref.text,

package/lib/ProForm/components/base/Checkbox/index.d.ts

@@ -8,6 +8,7 @@ export interface Props extends Omit<CheckboxGroupProps, 'options'> {
         value: string;
     };
     otherProps?: ProFormOtherProps;
+    isView?: boolean;
 }
 declare const Checkbox: React.FC<Props>;
 export default Checkbox;

package/lib/ProForm/components/base/Checkbox/index.js

@@ -12,16 +12,18 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
 var _Container = _interopRequireDefault(require("../../Container"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
+var _index = _interopRequireDefault(require("../../../index"));
 var _excluded = ["dataSource", "otherProps", "fieldNames"];
 var Checkbox = function Checkbox(props) {
   var dataSource = props.dataSource,
     otherProps = props.otherProps,
     fieldNames = props.fieldNames,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref = otherProps || {},
-    isView = _ref.isView,
-    viewEmpty = _ref.viewEmpty;
   var initialConfig = (0, _ProConfigProvider.useProConfig)('Checkbox') || {};
+  var _ref = _index.default.useFieldProps() || {},
+    isViewCon = _ref.isView,
+    viewEmpty = _ref.viewEmpty;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
   var _fieldNames = fieldNames || initialConfig.fieldNames || {
     label: 'label',
     value: 'value'

package/lib/ProForm/components/base/DatePicker/index.js

@@ -23,14 +23,15 @@ var DatePicker = function DatePicker(props) {
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _ref = _ProForm.default.useFieldProps() || {},
-    isView = _ref.isView,
+    isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
     valueType = _ref.valueType;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
   var initialConfig = (0, _ProConfigProvider.useProConfig)('DatePicker');
   var _className = (0, _classnames.default)((0, _defineProperty2.default)({
     'full-form-item': true
   }, className, !!className));
-  if (isView || (props === null || props === void 0 ? void 0 : props.isView)) {
+  if (isView) {
     var value = rest.value;
     var viewChildren = null;
     if (!value) {

package/lib/ProForm/components/base/Input/index.js

@@ -13,6 +13,7 @@ var _lodash = require("lodash");
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../Container"));
 var _locale = _interopRequireDefault(require("../../../../locale"));
+var _index = _interopRequireDefault(require("../../../index"));
 var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps"];
 // 参数优先级
 // 组件内默认值 < config默认值 < props
@@ -23,9 +24,10 @@ var Input = function Input(props) {
     fieldName = props.fieldName,
     otherProps = props.otherProps,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref = otherProps || {},
-    isView = _ref.isView,
+  var _ref = _index.default.useFieldProps() || {},
+    isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
   var initialConfig = (0, _ProConfigProvider.useProConfig)('Input');
   if (isView) {
     return (0, _jsxRuntime.jsx)(_Container.default, {

package/lib/ProForm/components/base/Input/propsType.d.ts

@@ -11,4 +11,5 @@ export interface ProFieldProps<T = any> {
 }
 export interface IProps extends InputProps, ProFieldProps {
     otherProps?: ProFormOtherProps;
+    isView?: boolean;
 }

package/lib/ProForm/components/base/InputNumber/index.d.ts

@@ -5,6 +5,7 @@ export interface Props extends Omit<InputNumberProps, 'onBlur'> {
     otherProps?: ProFormOtherProps;
     range?: string;
     onBlur?: (value?: number, record?: any, object?: any) => void;
+    isView?: boolean;
 }
 declare const InputNumber: React.FC<Props>;
 export default InputNumber;

package/lib/ProForm/components/base/InputNumber/index.js

@@ -20,6 +20,7 @@ var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../Container"));
 var _index = require("../../../utils/index");
 var _locale = _interopRequireDefault(require("../../../../locale"));
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _excluded = ["placeholder", "className", "otherProps", "range", "min", "max", "onBlur"];
 var calc = _utils.tools.calc;
 var rangeReg = /^[([](-?\d+(\.\d+)?)?,\s*(-?\d+(\.\d+)?)?[)\]]$/;
@@ -46,12 +47,13 @@ var InputNumber = function InputNumber(props) {
     max = props.max,
     onBlur = props.onBlur,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref2 = otherProps || {},
-    isView = _ref2.isView,
+  var _ref2 = _ProForm.default.useFieldProps() || {},
+    isViewCon = _ref2.isView,
     viewEmpty = _ref2.viewEmpty,
-    viewType = _ref2.viewType,
     valueType = _ref2.valueType,
+    viewType = _ref2.viewType,
     label = _ref2.label;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
   var valueProps = {};
   if (valueType) {
     switch (valueType) {

package/lib/ProForm/components/base/ProCascader/index.js

@@ -13,7 +13,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _Container = _interopRequireDefault(require("../../Container"));
-var _excluded = ["useRequest", "isView", "otherProps", "dataSource", "options"];
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
+var _excluded = ["useRequest", "otherProps", "dataSource", "options"];
 var defaultFieldNames = {
   value: 'value',
   label: 'label',
@@ -47,19 +48,18 @@ var findTreeTarget = function findTreeTarget(dataSource, value, fieldNames) {
 var ProCascader = function ProCascader(props) {
   var _restProps$fieldNames;
   var requestProps = props.useRequest,
-    isView = props.isView,
     otherProps = props.otherProps,
     dataSource = props.dataSource,
     options = props.options,
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref2 = otherProps || {},
-    formIsView = _ref2.isView;
+  var _ref2 = _ProForm.default.useFieldProps() || {},
+    isViewCon = _ref2.isView;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var _useRequest = (0, _ahooks.useRequest)(requestProps === null || requestProps === void 0 ? void 0 : requestProps.service, requestProps === null || requestProps === void 0 ? void 0 : requestProps.options),
     data = _useRequest.data;
-  var _isView = isView || formIsView;
   var _dataSource = data || dataSource || options;
   var _fieldNames = (_restProps$fieldNames = restProps.fieldNames) !== null && _restProps$fieldNames !== void 0 ? _restProps$fieldNames : defaultFieldNames;
-  if (_isView) {
+  if (isView) {
     var valueTarget = findTreeTarget(_dataSource, restProps.value, _fieldNames);
     var valueName = _fieldNames.value,
       label = _fieldNames.label;

package/lib/ProForm/components/base/Radio/index.d.ts

@@ -9,6 +9,7 @@ export interface Props extends Omit<RadioProps, 'options' | 'onChange'> {
         value: string;
     };
     otherProps?: ProFormOtherProps;
+    isView?: boolean;
 }
 declare const Radio: React.FC<Props>;
 export default Radio;

package/lib/ProForm/components/base/Radio/index.js

@@ -11,6 +11,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../Container"));
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _excluded = ["dataSource", "fieldNames", "onChange", "value", "otherProps"];
 var Radio = function Radio(props) {
   var dataSource = props.dataSource,
@@ -19,9 +20,10 @@ var Radio = function Radio(props) {
     value = props.value,
     otherProps = props.otherProps,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref = otherProps || {},
-    isView = _ref.isView,
+  var _ref = _ProForm.default.useFieldProps() || {},
+    isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = (0, _ProConfigProvider.useProConfig)('Radio') || {};
   var _fieldNames = fieldNames || initialConfig.fieldNames || {
     label: 'label',

package/lib/ProForm/components/base/RangePicker/index.d.ts

@@ -5,6 +5,7 @@ export type Props = {
     otherProps?: ProFormOtherProps;
     separator?: any;
     showTime?: any;
+    isView?: boolean;
 } & Omit<RangePickerProps, 'separator'>;
 declare const RangePicker: React.FC<Props>;
 export default RangePicker;