@zat-design/sisyphus-react 3.2.1 → 3.2.2-beta.10

package/lib/ProEditTable/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-edit-table {
   .pro-edit-table-tooltip {
     display    : inline-flex;
@@ -35,7 +38,7 @@
       justify-content: center;
       margin-top: var(--zaui-space-size-md, 16px);
 
-      .ant-btn-link {
+      .@{ant-prefix}-btn-link {
         padding: 0;
       }
     }
@@ -47,7 +50,7 @@
   }
 
 
-  .is-cell .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-control-input {
+  .is-cell .@{ant-prefix}-form-item .@{ant-prefix}-form-item-row .@{ant-prefix}-form-item-control .@{ant-prefix}-form-item-control-input {
     border: 1px solid transparent;
 
     &:hover {
@@ -66,15 +69,15 @@
   }
 
   &.pro-table-no-stripe {
-    .ant-table-tbody tr:nth-child(n)>td {
+    .@{ant-prefix}-table-tbody tr:nth-child(n)>td {
       background-color: var(--zaui-base-bg, #fff);
     }
   }
 
-  .ant-space {
+  .@{ant-prefix}-space {
     gap: var(--zaui-space-size-sm, 8px);
 
-    .ant-btn-link {
+    .@{ant-prefix}-btn-link {
       padding: 0 var(--zaui-space-size-xs, 4px);
 
       &:first-child {
@@ -83,12 +86,12 @@
     }
   }
 
-  .ant-table-header>table .ant-table-thead>tr>th.ant-table-selection-column {
+  .@{ant-prefix}-table-header>table .@{ant-prefix}-table-thead>tr>th.@{ant-prefix}-table-selection-column {
     padding-left: var(--zaui-space-size-md, 16px);
     padding-right: var(--zaui-space-size-md, 16px);
   }
 
-  .ant-table-header>table .ant-table-thead>tr>th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required {
+  .@{ant-prefix}-table-header>table .@{ant-prefix}-table-thead>tr>th:not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not([colspan]).is-required {
     &::after {
       content: "";
     }
@@ -130,27 +133,27 @@
     }
   }
 
-  .ant-table-content {
+  .@{ant-prefix}-table-content {
     >table {
-      .ant-table-summary {
+      .@{ant-prefix}-table-summary {
         background-color: var(--zaui-table-header-bg, #f2f3f5);
         color           : var(--zaui-text, #343434);
         font-weight     : 600;
 
-        .ant-table-cell-fix-left,
-        .ant-table-cell-fix-right {
+        .@{ant-prefix}-table-cell-fix-left,
+        .@{ant-prefix}-table-cell-fix-right {
           background-color: var(--zaui-table-header-bg, #f2f3f5);
           
         }
       }
 
-      .ant-table-cell-fix-right-first {
+      .@{ant-prefix}-table-cell-fix-right-first {
         &::after {
           box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
         }
       }
 
-      th.ant-table-selection-column {
+      th.@{ant-prefix}-table-selection-column {
         width: 48px;
       }
 
@@ -160,7 +163,7 @@
         }
       }
 
-      .ant-table-thead>tr>th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required {
+      .@{ant-prefix}-table-thead>tr>th:not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not([colspan]).is-required {
         &::after {
           content: "";
         }
@@ -204,83 +207,88 @@
     }
   }
 
-  .ant-table-cell {
-    .ant-form-item {
+  .@{ant-prefix}-table-cell {
+    .@{ant-prefix}-form-item {
       margin-bottom: 0px !important;
     }
   }
 
-  .ant-table.ant-table-bordered>.ant-table-container {
+  .@{ant-prefix}-table.@{ant-prefix}-table-bordered>.@{ant-prefix}-table-container {
     border: 0;
   }
 
-  .ant-table-thead>tr>th {
+  .@{ant-prefix}-table-thead>tr>th {
     border          : 0;
     white-space     : nowrap;
     background-color: var(--zaui-table-header-bg, #f2f3f5);
   }
 
-  .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  .@{ant-prefix}-table-thead>tr>th:not(:last-child):not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not([colspan])::before {
     height: 0;
   }
 
-  .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
+  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
     border-bottom: 0;
     border-right : 0;
     border-top   : 0;
   }
 
-  .ant-table-tbody>.is-editing:not(.ant-table-measure-row)>td {
+  .@{ant-prefix}-table-tbody>.is-editing:not(.@{ant-prefix}-table-measure-row)>td {
     border-bottom : 0;
     vertical-align: top;
   }
 
-  .ant-table-tbody tr:nth-child(n)>td {
+  .@{ant-prefix}-table-tbody tr:nth-child(n)>td {
     background-color: var(--zaui-base-bg, #ffffff);
   }
 
-  .ant-table-tbody tr:nth-child(2n)>td {
+  .@{ant-prefix}-table-tbody tr:nth-child(2n)>td {
     background-color: var(--zaui-table-strip-bg, #FAFAFA);
   }
 
-  .ant-table-tbody>.ant-table-placeholder>td {
+  .@{ant-prefix}-table-tbody>.@{ant-prefix}-table-placeholder>td {
     background-color: var(--zaui-base-bg, #ffffff);
   }
 
-  .ant-table-tbody {
+  .@{ant-prefix}-table-tbody {
 
-    >tr:hover:not(.ant-table-expanded-row, .ant-table-placeholder)>td,
-    .ant-table-row-hover,
-    .ant-table-row-hover>td {
+    >tr:hover:not(.@{ant-prefix}-table-expanded-row)>td,
+    .@{ant-prefix}-table-row-hover,
+    .@{ant-prefix}-table-row-hover>td {
+      background: #FAFAFA;
+    }
+    >tr:hover:not(.@{ant-prefix}-table-placeholder)>td,
+    .@{ant-prefix}-table-row-hover,
+    .@{ant-prefix}-table-row-hover>td {
       background: #FAFAFA;
     }
   }
 
-  .ant-table-fixed {
+  .@{ant-prefix}-table-fixed {
 
-    .ant-table-row-hover,
-    .ant-table-row-hover>td {
+    .@{ant-prefix}-table-row-hover,
+    .@{ant-prefix}-table-row-hover>td {
       background: #FAFAFA;
     }
   }
 
-  .ant-table-fixed-header {
-    .ant-table-tbody tr:nth-child(n)>td {
+  .@{ant-prefix}-table-fixed-header {
+    .@{ant-prefix}-table-tbody tr:nth-child(n)>td {
       background-color: #FAFAFA;
     }
 
-    .ant-table-tbody tr:nth-child(2n)>td {
+    .@{ant-prefix}-table-tbody tr:nth-child(2n)>td {
       background-color: var(--zaui-base-bg, #ffffff);
     }
   }
 
-  .ant-table-summary>tr>td {
+  .@{ant-prefix}-table-summary>tr>td {
     border-bottom: none;
   }
 
-  .ant-table-pagination {
-    .ant-pagination-options {
-      .ant-select.ant-select-in-form-item {
+  .@{ant-prefix}-table-pagination {
+    .@{ant-prefix}-pagination-options {
+      .@{ant-prefix}-select.@{ant-prefix}-select-in-form-item {
         width: auto;
       }
     }
@@ -299,11 +307,11 @@
 
 .pro-edit-table-toolbar {
   margin-top: var(--zaui-space-size-md, 16px);
-  .ant-space {
+  .@{ant-prefix}-space {
     gap: var(--zaui-space-size-sm, 8px);
 
-    .ant-space-item {
-      .ant-btn-link {
+    .@{ant-prefix}-space-item {
+      .@{ant-prefix}-btn-link {
         display: flex;
         align-items: center;
         padding: 0 var(--zaui-space-size-xs, 4px);
@@ -321,7 +329,7 @@
 }
 
 .pro-edit-table-drag {
-  table tr th.ant-table-selection-column.ant-table-cell-fix-left{
+  table tr th.@{ant-prefix}-table-selection-column.@{ant-prefix}-table-cell-fix-left{
     text-align: right;
   }
 }

package/lib/ProEditTable/utils/config.d.ts

@@ -20,6 +20,6 @@ export declare const actions: {
     save: ({ record, editingKeys, setState, form, rowName, virtualRowName, result }: any) => Promise<void>;
     cancel: ({ name, record, editingKeys, setState, form, virtualRowName, virtualKey }: any) => void;
     delete: ({ name, record, editingKeys, setState, form, virtualKey, onlyOneLineMsg }: any) => boolean;
-    add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, }: any) => Promise<boolean>;
+    add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, prefixCls, }: any) => Promise<boolean>;
     mulDelete: ({ form, name, virtualKey, setState, selectedRowKeys, editingKeys }: any) => void;
 };

package/lib/ProEditTable/utils/config.js

@@ -174,11 +174,11 @@ var actions = exports.actions = {
   add: function () {
     var _add = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(_ref5) {
       var _tableRef$current$que, _tableRef$current$que2;
-      var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, nextData, rowKey, addData, nextEditingKeys;
+      var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, _ref5$prefixCls, prefixCls, nextData, rowKey, addData, nextEditingKeys;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef;
+            result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef, _ref5$prefixCls = _ref5.prefixCls, prefixCls = _ref5$prefixCls === void 0 ? 'ant' : _ref5$prefixCls;
             nextData = (0, _toConsumableArray2.default)(form.getFieldValue(name) || []); // 单行编辑时，需要先保存，才能进行下面的编辑
             if (!(virtualKey && editingKeys.length >= 1)) {
               _context2.next = 5;
@@ -197,7 +197,7 @@ var actions = exports.actions = {
             }
             insertType === 'before' ? nextData.unshift(addData) : nextData.push(addData);
             form.setFieldValue(name, nextData);
-            (_tableRef$current$que = tableRef.current.querySelector('.ant-table-body')) === null || _tableRef$current$que === void 0 ? void 0 : (_tableRef$current$que2 = _tableRef$current$que.scrollTo) === null || _tableRef$current$que2 === void 0 ? void 0 : _tableRef$current$que2.call(_tableRef$current$que, {
+            (_tableRef$current$que = tableRef.current.querySelector(".".concat(prefixCls, "-table-body"))) === null || _tableRef$current$que === void 0 ? void 0 : (_tableRef$current$que2 = _tableRef$current$que.scrollTo) === null || _tableRef$current$que2 === void 0 ? void 0 : _tableRef$current$que2.call(_tableRef$current$que, {
               top: 10000,
               behavior: 'smooth'
             });

package/lib/ProEnum/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-enum {
   &-tag-root {
     display: flex;

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) {
@@ -51,9 +52,6 @@ var DatePicker = function DatePicker(props) {
   var _rest = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
     showTime: rest.showTime === undefined && valueType === 'dateTime' || rest.showTime
   });
-  if (_rest === null || _rest === void 0 ? void 0 : _rest.placeholder) {
-    _rest === null || _rest === void 0 ? true : delete _rest.placeholder;
-  }
   // 字符串时间格式兼容
   if ((0, _lodash.isString)(_rest.value)) {
     _rest.value = (0, _moment.default)(_rest.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;

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

@@ -12,6 +12,7 @@ var _antd = require("antd");
 var _lodash = require("lodash");
 var _moment = _interopRequireDefault(require("moment"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _Container = _interopRequireDefault(require("../../Container"));
 var _excluded = ["format", "otherProps", "separator"]; // @ts-check
 var AntRangePicker = _antd.DatePicker.RangePicker;
@@ -22,11 +23,12 @@ var RangePicker = function RangePicker(props) {
     _props$separator = props.separator,
     separator = _props$separator === void 0 ? '~' : _props$separator,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref = otherProps || {},
-    isView = _ref.isView,
+  var initialConfig = (0, _ProConfigProvider.useProConfig)('AntRangePicker');
+  var _ref = _ProForm.default.useFieldProps() || {},
+    isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
     valueType = _ref.valueType;
-  var initialConfig = (0, _ProConfigProvider.useProConfig)('AntRangePicker');
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   if (isView) {
     var _props$value = props.value,
       value = _props$value === void 0 ? [] : _props$value;

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

@@ -5,6 +5,7 @@ export interface Props extends SelectProps {
     dataSource?: any[];
     scrollFollowParent?: boolean;
     otherProps?: ProFormOtherProps;
+    isView?: boolean;
 }
 declare const Select: React.FC<Props>;
 export default Select;

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

@@ -12,6 +12,7 @@ var _antd = require("antd");
 var _Container = _interopRequireDefault(require("../../Container"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _locale = _interopRequireDefault(require("../../../../locale"));
+var _index = _interopRequireDefault(require("../../../index"));
 var _excluded = ["dataSource", "fieldNames", "otherProps", "scrollFollowParent"];
 var Select = function Select(props) {
   var _props$dataSource = props.dataSource,
@@ -21,9 +22,10 @@ var Select = function Select(props) {
     _props$scrollFollowPa = props.scrollFollowParent,
     scrollFollowParent = _props$scrollFollowPa === void 0 ? true : _props$scrollFollowPa,
     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)('Select') || {};
   var _fieldNames = fieldNames || initialConfig.fieldNames || {
     label: 'label',

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

@@ -4,6 +4,7 @@ import { ProFormOtherProps } from '../../../propsType';
 export interface Props extends Omit<SwitchProps, 'value'> {
     value: any;
     otherProps?: ProFormOtherProps;
+    isView?: boolean;
 }
 declare const Switch: React.FC<Props>;
 export default Switch;

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

@@ -13,15 +13,17 @@ var _lodash = require("lodash");
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../Container"));
 var _locale = _interopRequireDefault(require("../../../../locale"));
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _excluded = ["disabled", "otherProps"];
 var Switch = function Switch(props) {
   var disabled = props.disabled,
     otherProps = props.otherProps,
     res = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref = otherProps || {},
-    isView = _ref.isView,
+  var _ref = _ProForm.default.useFieldProps() || {},
+    isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
     valueType = _ref.valueType;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var config = (0, _ProConfigProvider.useProConfig)('Switch');
   if (isView) {
     if ((0, _lodash.isUndefined)(res === null || res === void 0 ? void 0 : res.checked) || (0, _lodash.isNull)(res === null || res === void 0 ? void 0 : res.checked) || valueType === 'switch' && (0, _lodash.isUndefined)(res.value)) {

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

@@ -4,6 +4,7 @@ import { ProFormOtherProps } from '../../../propsType';
 export interface Props extends CheckboxProps {
     label?: string;
     otherProps?: ProFormOtherProps;
+    isView?: boolean;
 }
 declare const SwitchCheckbox: React.FC<Props>;
 export default SwitchCheckbox;

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

@@ -12,6 +12,7 @@ var _antd = require("antd");
 var _lodash = require("lodash");
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _locale = _interopRequireDefault(require("../../../../locale"));
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _excluded = ["onChange", "disabled", "value", "otherProps"];
 var SwitchCheckbox = function SwitchCheckbox(props) {
   var onChange = props.onChange,
@@ -19,10 +20,11 @@ var SwitchCheckbox = function SwitchCheckbox(props) {
     value = props.value,
     otherProps = props.otherProps,
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref = otherProps || {},
-    isView = _ref.isView,
+  var _ref = _ProForm.default.useFieldProps() || {},
+    isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
     valueType = _ref.valueType;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = (0, _ProConfigProvider.useProConfig)('SwitchCheckbox');
   var changeVal = function changeVal(e) {
     onChange(e.target.checked);

package/lib/ProForm/components/base/SwitchCheckbox/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .switch-checkbox-view {
   display    : flex;
   align-items: center;

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

@@ -4,6 +4,7 @@ import { ProFormOtherProps } from '../../../propsType';
 import './index.less';
 export interface Props extends TextAreaProps {
     otherProps?: ProFormOtherProps;
+    isView?: boolean;
 }
 declare const TextAreaDef: React.FC<Props>;
 export default TextAreaDef;

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

@@ -13,6 +13,7 @@ var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _locale = _interopRequireDefault(require("../../../../locale"));
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 require("./index.less");
 var _excluded = ["placeholder", "otherProps", "className"];
 var TextArea = _antd.Input.TextArea;
@@ -21,10 +22,10 @@ var TextAreaDef = function TextAreaDef(props) {
     otherProps = props.otherProps,
     className = props.className,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref = otherProps || {},
+  var _ref = _ProForm.default.useFieldProps() || {},
     label = _ref.label,
-    isView = _ref.isView,
-    viewEmpty = _ref.viewEmpty;
+    isViewCon = _ref.isView;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = (0, _ProConfigProvider.useProConfig)('TextArea');
   var disabled = (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.disabled) || rest.disabled;
   if (isView) {

package/lib/ProForm/components/base/TextArea/index.less

@@ -1,7 +1,8 @@
-.pro-textarea {
-}
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 div.pro-textarea-view {
-  .ant-input-disabled {
+  .@{ant-prefix}-input-disabled {
     background: transparent !important;
   }
   &::after {