@zat-design/sisyphus-react 3.1.4 → 3.1.5-beta.10

package/es/ProForm/components/combination/ProAddressBar/index.js

@@ -1,9 +1,9 @@
 import "antd/es/input/style";
 import _Input from "antd/es/input";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import "antd/es/cascader/style";
 import _Cascader from "antd/es/cascader";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
@@ -11,14 +11,17 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _excluded = ["getPopupContainer", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "code", "tooltip", "separator"];
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import "antd/es/typography/style";
+import _Typography from "antd/es/typography";
+var _excluded = ["className", "getPopupContainer", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "code", "tooltip", "separator"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, memo, useMemo } from 'react';
 import { useSetState } from 'ahooks';
 import { tools } from '@zat-design/utils';
 import { useProConfig } from '../../../../ProConfigProvider';
 import useEnum from '../../../../ProEnum/hooks/useEnum';
 var transformDataName = tools.transformDataName;
+var Text = _Typography.Text;
 var filterDataSource = function filterDataSource(dataSource, level) {
   return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
     return _objectSpread(_objectSpread({}, item), {}, {
@@ -54,7 +57,8 @@ var ProAddressBar = function ProAddressBar(props) {
     configEnumCode = _ref.enumCode,
     configCode = _ref.code;
   // console.count('地址组件渲染次数');
-  var getPopupContainer = props.getPopupContainer,
+  var className = props.className,
+    getPopupContainer = props.getPopupContainer,
     _props$hasDetail = props.hasDetail,
     hasDetail = _props$hasDetail === void 0 ? true : _props$hasDetail,
     _props$detailMaxLengt = props.detailMaxLength,
@@ -171,7 +175,7 @@ var ProAddressBar = function ProAddressBar(props) {
               transFormData = transformDataName(newData, {
                 label: fieldNames.label,
                 value: fieldNames.value,
-                children: 'children'
+                children: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'
               });
               setServiceData(realLevel === 2 ? filterDataSource(transFormData, level) : transFormData);
             }
@@ -265,19 +269,19 @@ var ProAddressBar = function ProAddressBar(props) {
   }, [service]);
   useEffect(function () {
     // 传入useRequest时初始化province展示
-    if (service && !fetched && province) {
+    if (service && loadData && !fetched && province) {
       initAddressLabel('province', province, provinceOptions);
     }
   }, [province, fetched, provinceOptions]);
   useEffect(function () {
     // 传入useRequest时初始化city展示
-    if (service && !fetched && province && city) {
+    if (service && loadData && !fetched && province && city) {
       initAddressLabel('city', city, _defineProperty({}, parentKey, province));
     }
   }, [province, city, fetched]);
   useEffect(function () {
     // 传入useRequest时初始化county展示
-    if (service && !fetched && city && county) {
+    if (service && loadData && !fetched && city && county) {
       initAddressLabel('county', county, _defineProperty({}, parentKey, city));
     }
   }, [city, county, fetched]);
@@ -287,6 +291,12 @@ var ProAddressBar = function ProAddressBar(props) {
       setDefaultLabel(getAddressLabel(realDataSource, value));
     }
   }, [realIsView, value, realDataSource]);
+  useEffect(function () {
+    // 传入useRequest但loadData为fasle查看时初始化展示
+    if (realIsView && value && (serviceData === null || serviceData === void 0 ? void 0 : serviceData.length) > 0) {
+      setDefaultLabel(getAddressLabel(serviceData, value));
+    }
+  }, [realIsView, value, serviceData]);
   var handleLoadData = /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(selectedOptions) {
       var targetOption, data;
@@ -320,14 +330,14 @@ var ProAddressBar = function ProAddressBar(props) {
       return _ref10.apply(this, arguments);
     };
   }();
-  var handleChange = function handleChange(changeValue) {
+  var handleChange = function handleChange(changeValue, selectedOptions) {
     if (onChange) {
       if (hasDetail && address) {
         var realValue = changeValue || [];
         realValue[realLevel] = address;
-        onChange(realValue);
+        onChange(realValue, selectedOptions);
       } else {
-        onChange(changeValue);
+        onChange(changeValue, selectedOptions);
       }
     }
   };
@@ -362,56 +372,66 @@ var ProAddressBar = function ProAddressBar(props) {
   var viewValue = ((_ref11 = [provinceLabel, cityLabel, countyLabel, value === null || value === void 0 ? void 0 : value[realLevel]]) === null || _ref11 === void 0 ? void 0 : (_ref11$filter = _ref11.filter(function (item) {
     return !!item;
   })) === null || _ref11$filter === void 0 ? void 0 : _ref11$filter.join(separator)) || '-';
-  return _jsx("div", {
-    className: "pro-address",
-    children: realIsView ? viewValue : _jsxs(_Fragment, {
-      children: [dataSource || addressCode || !loadData ? _jsx(_Cascader, {
-        className: hasDetail ? '' : 'no-detail',
-        placeholder: "\u8BF7\u9009\u62E9",
-        value: addressValue,
-        options: !loadData ? serviceData : realDataSource,
-        disabled: disabled,
-        displayRender: function displayRender(label) {
-          return label === null || label === void 0 ? void 0 : label.filter(function (item) {
-            return !!item;
-          }).join('/');
-        },
-        showSearch: {
-          filter: handlefilter
-        },
-        onChange: handleChange
-      }) : _jsx(_Cascader, {
-        className: hasDetail ? '' : 'no-detail',
-        placeholder: "\u8BF7\u9009\u62E9",
-        value: addressValue,
-        loadData: handleLoadData,
-        // @ts-ignore
-        options: provinces,
-        disabled: disabled,
-        displayRender: displayRender,
-        changeOnSelect: true,
-        // @ts-ignore
-        onChange: handleChange
-      }), hasDetail && (tooltip && disabled && address ? _jsx(_Tooltip, {
-        title: address,
-        children: _jsx("span", {
-          className: "pro-address-detail",
-          children: _jsx(_Input, {
-            disabled: disabled,
-            value: address
-          })
-        })
-      }) : _jsx(_Input, {
-        allowClear: true,
-        autoComplete: "off",
-        disabled: disabled,
-        value: address,
-        maxLength: detailMaxLength,
-        placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740",
-        // @ts-ignore
-        onChange: handleAddressChange
-      }))]
+  return realIsView ? tooltip ? _jsx(_Tooltip, {
+    className: className,
+    title: tooltip === true ? viewValue : tooltip,
+    children: _jsx(Text, {
+      ellipsis: {
+        tooltip: false
+      },
+      children: viewValue
     })
+  }) : _jsx("span", {
+    className: className,
+    children: viewValue
+  }) : _jsxs("div", {
+    className: "pro-address ".concat(className),
+    children: [dataSource || addressCode || !loadData ? _jsx(_Cascader, {
+      className: hasDetail ? '' : 'no-detail',
+      placeholder: "\u8BF7\u9009\u62E9",
+      value: addressValue,
+      options: !loadData ? serviceData : realDataSource,
+      disabled: disabled,
+      displayRender: function displayRender(label) {
+        return label === null || label === void 0 ? void 0 : label.filter(function (item) {
+          return !!item;
+        }).join('/');
+      },
+      showSearch: {
+        filter: handlefilter
+      },
+      onChange: handleChange
+    }) : _jsx(_Cascader, {
+      className: hasDetail ? '' : 'no-detail',
+      placeholder: "\u8BF7\u9009\u62E9",
+      value: addressValue,
+      loadData: handleLoadData,
+      // @ts-ignore
+      options: provinces,
+      disabled: disabled,
+      displayRender: displayRender,
+      changeOnSelect: true,
+      // @ts-ignore
+      onChange: handleChange
+    }), hasDetail && (tooltip && disabled && address ? _jsx(_Tooltip, {
+      title: address,
+      children: _jsx("span", {
+        className: "pro-address-detail",
+        children: _jsx(_Input, {
+          disabled: disabled,
+          value: address
+        })
+      })
+    }) : _jsx(_Input, {
+      allowClear: true,
+      autoComplete: "off",
+      disabled: disabled,
+      value: address,
+      maxLength: detailMaxLength,
+      placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740",
+      // @ts-ignore
+      onChange: handleAddressChange
+    }))]
   });
 };
 // @ts-ignore

package/es/ProForm/components/combination/ProAddressBar/propsType.d.ts

@@ -3,11 +3,12 @@ import { DefaultOptionType } from 'rc-select/lib/Select';
 import { Service } from 'ahooks/lib/useRequest/src/types';
 export interface AddressProps {
     getPopupContainer?: () => ReactNode;
+    className?: string;
     isView?: boolean;
     value?: string[];
     disabled?: boolean;
     hasDetail?: boolean;
-    tooltip?: boolean;
+    tooltip?: boolean | ReactNode;
     detailMaxLength?: number;
     fieldNames?: {
         label: string;
@@ -20,7 +21,7 @@ export interface AddressProps {
         defaultParams?: any;
         parentKey?: string;
     };
-    onChange?: (value: string[]) => void;
+    onChange?: (value: string[], selectedOptions?: any[]) => void;
     transformResponse?: (data: any[]) => any[];
     level?: number;
     enumCode?: string;

package/es/ProForm/components/combination/ProModalSelect/index.js

@@ -12,7 +12,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames", "readOnly", "addonAfter", "configOption", "title", "onFormat", "showCodeName", "optionRender", "customRender", "style", "className", "beforeOpen", "isTooltip", "otherProps", "searchForm"],
+var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames", "readOnly", "addonAfter", "configOption", "title", "onFormat", "showCodeName", "optionRender", "customRender", "style", "className", "beforeOpen", "isTooltip", "otherProps", "searchForm", "defaultOne"],
   _excluded2 = ["onOk"],
   _excluded3 = ["rowKey", "columns", "rowSelection"];
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -48,6 +48,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
     isTooltip = props.isTooltip,
     otherProps = props.otherProps,
     searchForm = props.searchForm,
+    defaultOne = props.defaultOne,
     restInputProps = _objectWithoutProperties(props, _excluded);
   var contentForm = _Form.useFormInstance();
   if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
@@ -125,7 +126,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       transformResponse: transformResponse
     }, _objectSpread({
       manual: true,
-      ready: (useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) || visible
+      ready: (useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) || visible || defaultOne
     }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
     data = _useRequestList.data,
     loading = _useRequestList.loading,
@@ -410,14 +411,14 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   // 初始化回显，当传入initParams时，前端用来回险
   var getInitValues = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var _useRequest$options2, _useRequest$options3, queryBean, page, params, res, _list, list, _res$data, _data2, nextSelectRowKeys;
+      var _contentForm$getField, _useRequest$options2, _useRequest$options3, queryBean, page, params, res, _list, list, _res$data, _data2, nextSelectRowKeys;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             if (typeof (useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) === 'function') {
-              useRequest.initParams = useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams(value, contentForm.getFieldsValue());
+              useRequest.initParams = useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams(value, contentForm === null || contentForm === void 0 ? void 0 : (_contentForm$getField = contentForm.getFieldsValue) === null || _contentForm$getField === void 0 ? void 0 : _contentForm$getField.call(contentForm));
             }
-            if (!(useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams)) {
+            if (!((useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) || defaultOne)) {
               _context4.next = 13;
               break;
             }
@@ -431,7 +432,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
             });
             return _context4.abrupt("return");
           case 5:
-            queryBean = _objectSpread(_objectSpread({}, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.defaultParams), useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams);
+            queryBean = _objectSpread(_objectSpread({}, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.defaultParams), (useRequest === null || useRequest === void 0 ? void 0 : useRequest.initParams) || {});
             page = _objectSpread({
               pageNum: 1,
               pageSize: 10
@@ -453,6 +454,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               }
               _data2 = isMultiple ? list : (_list = list) === null || _list === void 0 ? void 0 : _list[0];
               nextSelectRowKeys = isMultiple ? value : [value];
+              console.log('data', _data2);
               if (labelInValue) {
                 onChange(_data2);
               }
@@ -474,6 +476,62 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       return _ref9.apply(this, arguments);
     };
   }();
+  // 初始化回显，当传入initParams时，前端用来回险
+  var getDefaultOneValues = /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var _useRequest$options4, _useRequest$options5;
+      var queryBean, page, params, res, _list2, list, _res$data2, _data3, nextSelectRowKeys;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            queryBean = _objectSpread({}, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options4 = useRequest.options) === null || _useRequest$options4 === void 0 ? void 0 : _useRequest$options4.defaultParams);
+            page = _objectSpread({
+              pageNum: 1,
+              pageSize: 10
+            }, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options5 = useRequest.options) === null || _useRequest$options5 === void 0 ? void 0 : _useRequest$options5.page);
+            params = withPagination ? _objectSpread(_objectSpread({}, page), {}, {
+              queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
+            }) : queryBean;
+            params = transformParams ? transformParams(params) : params;
+            _context5.next = 6;
+            return runAsync(params);
+          case 6:
+            res = _context5.sent;
+            if (res === null || res === void 0 ? void 0 : res.data) {
+              list = [];
+              if (transformResponse) {
+                list = transformResponse(res === null || res === void 0 ? void 0 : res.data);
+              } else {
+                list = withPagination ? res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.list : res === null || res === void 0 ? void 0 : res.data;
+              }
+              _data3 = isMultiple ? list : (_list2 = list) === null || _list2 === void 0 ? void 0 : _list2[0];
+              nextSelectRowKeys = isMultiple ? value : [value];
+              console.log('data', _data3);
+              if (labelInValue) {
+                onChange(_data3);
+              } else {
+                onChange(isMultiple ? _data3.map(function (item) {
+                  return item[valueKey];
+                }) : _data3[valueKey]);
+              }
+              // 更新内部展示值
+              setState({
+                _value: _data3,
+                isInit: false,
+                selectedRows: list,
+                selectedRowKeys: nextSelectRowKeys
+              });
+            }
+          case 8:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function getDefaultOneValues() {
+      return _ref10.apply(this, arguments);
+    };
+  }();
   useImperativeHandle(ref, function () {
     return {
       handleClick: handleClick,
@@ -505,8 +563,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   });
   useEffect(function () {
     if (onOff && !visible) {
-      var _useRequest$options4;
-      if ((useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options4 = useRequest.options) === null || _useRequest$options4 === void 0 ? void 0 : _useRequest$options4.manual) !== true) {
+      var _useRequest$options6;
+      if ((useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options6 = useRequest.options) === null || _useRequest$options6 === void 0 ? void 0 : _useRequest$options6.manual) !== true) {
         onReset();
       }
       var nextState = {
@@ -538,11 +596,15 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   }, [value, visible, isInit]);
   useEffect(function () {
     if (!value) {
-      setState({
-        _value: undefined,
-        selectedRowKeys: [],
-        selectedRows: []
-      });
+      if (defaultOne) {
+        getDefaultOneValues();
+      } else {
+        setState({
+          _value: undefined,
+          selectedRowKeys: [],
+          selectedRows: []
+        });
+      }
     }
     if (labelInValue && _value && !isEqual(value, _value)) {
       setState({

package/es/ProForm/components/combination/ProModalSelect/propsType.d.ts

@@ -37,6 +37,7 @@ interface ProModalPropsType {
     viewEmpty?: React.ReactNode;
     otherProps?: ProFormOtherProps;
     labelInValue?: boolean;
+    defaultOne?: boolean;
     beforeOpen?: any;
     isTooltip?: any;
     showCodeName?: boolean;

package/es/ProForm/components/combination/ProModalSelect/style/index.less

@@ -22,7 +22,7 @@
 
       > span {
         position: relative;
-        font-size: var(--zaui-font-size-sm, 12px );
+        font-size: var(--zaui-font-size, 14px);
         border: none;
         border-radius: 50%;
       }
@@ -57,7 +57,7 @@
     &:hover {
       .ant-input,
       .ant-input-group-addon {
-        border-color: #d9d9d9;
+        border-color: @zaui-form-control-line;
       }
     }
   }
@@ -73,7 +73,7 @@
   }
 
   .ant-input-group-addon {
-    padding: 0px var(--zaui-space-size-md, 8px);
+    padding: 0px var(--zaui-space-size-sm, 8px);
     background-color: var(--zaui-base-bg, #ffffff);
     cursor: pointer;
 

package/es/ProForm/components/combination/ProNumberRange/style/index.less

@@ -10,7 +10,7 @@
 
   .ant-input-status-error {
     &.range-split {
-      border-color: #ff4d4f;
+      border-color: @zaui-danger;
     }
   }
 

package/es/ProForm/components/combination/ProRangeLimit/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RangePickerProps } from 'antd/es/date-picker';
 import { Moment } from 'moment';
-export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format' | 'separator'> & {
+export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format' | 'separator' | 'mode'> & {
     disabled?: boolean;
     foreverText?: string;
     foreverDate?: string;

package/es/ProForm/components/combination/ProTimeLimit/index.d.ts

@@ -2,10 +2,11 @@ import { DatePickerProps } from 'antd';
 import { Moment } from 'moment';
 import React from 'react';
 import { ProFormOtherProps } from '../../../propsType';
+import { Props as ProRangeLimitProps } from '../ProRangeLimit';
 export type DateType = DatePickerProps['value'];
-export interface Props<ValueType extends DateType | string | null = DateType> extends Omit<DatePickerProps, 'value' | 'onChange'> {
+export type ProTimeLimitProps = DistributiveOmit<DatePickerProps, 'value' | 'onChange' | 'mode'> & {
     value?: string;
-    onChange?: (value: Props['value'] | null, valueData: Moment) => void;
+    onChange?: (value: ProTimeLimitProps['value'] | null, valueData: Moment) => void;
     disabled?: boolean;
     foreverTime?: string;
     foreverText?: string;
@@ -13,7 +14,11 @@ export interface Props<ValueType extends DateType | string | null = DateType> ex
     format?: string;
     valueType?: 'moment' | 'format' | 'ISO';
     otherProps?: ProFormOtherProps;
-}
-export declare const ProTimeLimit: React.FC<Props>;
-declare const LimitPick: (props: any) => JSX.Element;
+    mode?: 'DatePicker';
+};
+export declare const ProTimeLimit: React.FC<ProTimeLimitProps>;
+export type ProLimitProps = ProTimeLimitProps | (ProRangeLimitProps & {
+    mode: 'RangePicker';
+});
+declare const LimitPick: React.FC<ProLimitProps>;
 export default LimitPick;

package/es/ProForm/components/combination/ProTimeLimit/style/index.less

@@ -1,7 +1,7 @@
 .ant-form-item-has-error {
   .ant-picker-status-error
     ~ .forever-checkbox:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
-    background: #fff;
+    background: @zaui-base-bg;
     border-color: var(--ant-error-color);
   }
   .forever-checkbox:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {

package/es/ProForm/components/old/EnumSelect/style/index.less

@@ -1,7 +1,7 @@
 .pro-enum-select {
   .close-icon {
     position        : relative;
-    margin-left     : -31px;
+    margin-left     : calc(0px - @zaui-space-size-lg);
     margin-right    : var(--zaui-space-size-md, 14px);
     color           : #FFFFFF;
     height: 12px;
@@ -16,7 +16,6 @@
 
     > span {
       position        : relative;
-      font-size       : 8px;
       border          : none;
       border-radius   : 50%;
 
@@ -45,7 +44,7 @@
   .ant-table-thead>tr>th {
     border          : 0;
     white-space     : nowrap;
-    background-color: #F6F7F8;
+    background-color: @zaui-table-header-bg;
   }
 
   .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
@@ -69,7 +68,7 @@
   }
 
   .ant-table-tbody tr:nth-child(2n)>td {
-    background-color: #FAFAFA;
+    background-color: @zaui-table-strip-bg;
   }
 
   .ant-table-tbody>.ant-table-placeholder>td {
@@ -81,7 +80,7 @@
     >tr:hover:not(.ant-table-expanded-row, .ant-table-placeholder)>td,
     .ant-table-row-hover,
     .ant-table-row-hover>td {
-      background: #FAFAFA;
+      background: @zaui-table-hover-bg;
     }
   }
 
@@ -89,13 +88,13 @@
 
     .ant-table-row-hover,
     .ant-table-row-hover>td {
-      background: #FAFAFA;
+      background: @zaui-table-hover-bg;
     }
   }
 
   .ant-table-fixed-header {
     .ant-table-tbody tr:nth-child(n)>td {
-      background-color: #FAFAFA;
+      background-color: @zaui-table-strip-bg;
     }
 
     .ant-table-tbody tr:nth-child(2n)>td {
@@ -108,7 +107,7 @@
   }
 
   .ant-modal-footer {
-    padding: 16px;
+    padding: @zaui-space-size-md;
   }
 
 }

package/es/ProForm/components/render/RenderFields.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "disabled", "equalWith", "clearNotShow", "required"];
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { isFunction, union } from 'lodash';
+import { isBoolean, isFunction, union } from 'lodash';
 import Render from './Render';
 import * as componentMap from '../index';
 import { isSelect } from '../../utils';
@@ -132,11 +132,9 @@ var RenderFields = function RenderFields(props) {
     var _fieldProps = _objectSpread(_objectSpread({
       disabled: disabled
     }, formItemChildProps), fieldProps);
-    if (formDisabled) {
+    if (isBoolean(formDisabled)) {
       _fieldProps.disabled = formDisabled;
-      // _disabled = formDisabled;
     }
-
     var componentProps = _objectSpread({
       disabled: _disabled,
       placeholder: _placeholder,
@@ -146,6 +144,10 @@ var RenderFields = function RenderFields(props) {
     if (['Switch', 'SwitchCheckbox'].includes(_type)) {
       _formItemProps.valuePropName = 'checked';
     }
+    // 时间范围placeholder处理
+    if (['RangePicker'].includes(_type) && !(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder)) {
+      delete componentProps.placeholder;
+    }
     // 没有找到对应组件  不渲染
     if (!TargetComponent) {
       return [];
@@ -172,11 +174,14 @@ var RenderFields = function RenderFields(props) {
       }, 200);
       return null;
     }
+    console.log('====================================');
+    console.log('formDisabled', Boolean(formDisabled), props, columns);
+    console.log('====================================');
     return _jsx(FieldProvider, {
       value: otherProps,
       children: _jsx(Render, {
         show: show,
-        disabled: formDisabled,
+        disabled: Boolean(formDisabled),
         form: form,
         type: _type,
         originComponent: component,

package/es/ProForm/components/render/propsType.d.ts

@@ -21,7 +21,8 @@ import { AddressProps } from '../combination/ProAddressBar/propsType';
 import { ProCombinationProps } from '../combination/ProCombination/propsType';
 import { ProModalSelectPropsType as ProModalSelectProps } from '../combination/ProModalSelect/propsType';
 import { ProNumberRangeProps } from '../combination/ProNumberRange/propsType';
-import { Props as ProTimeLimitProps } from '../combination/ProTimeLimit';
+import { ProLimitProps } from '../combination/ProTimeLimit';
+import { Props as ProRangeLimitProps } from '../combination/ProRangeLimit';
 import { CheckboxPropsMap, ProEnum, PropProSelectsMap, PropRadioPropsMap } from '../../../ProEnum/propsType';
 import { PropSelectProps as ProSelectProps } from '../../../ProSelect/propsType';
 import { ProEditTableProps } from '../../../ProEditTable/propsType';
@@ -57,7 +58,7 @@ type FunctionArgs<Values> = (value: any, record: any, { form, index, namePath, o
     namePath?: NamePath;
     [key: string]: any;
 }) => any;
-type TransformToFormField<T extends ControlProps, Values> = Omit<T, 'onChange' | 'value'> & {
+type TransformToFormField<T extends ControlProps, Values> = DistributiveOmit<T, 'onChange' | 'value'> & {
     value?: T['value'];
     onChange?: (value: Parameters<T['onChange']>[0], options: Parameters<T['onChange']>[1], form: FormInstance<Values>) => void;
     onFieldChange?: FunctionArgs<Values>;
@@ -135,10 +136,10 @@ export type ColumnPropsMap<Values = any, T = 'ProForm'> = {
     fieldProps?: FieldProps<ProNumberRangeProps, Values, T>;
 } | {
     type?: 'ProRangeLimit';
-    fieldProps?: FieldProps<ProNumberRangeProps, Values, T>;
+    fieldProps?: FieldProps<ProRangeLimitProps, Values, T>;
 } | {
     type?: 'ProTimeLimit';
-    fieldProps?: FieldProps<ProTimeLimitProps, Values, T>;
+    fieldProps?: FieldProps<ProLimitProps, Values, T>;
 } | {
     type?: 'ProEnum';
     fieldProps?: ProEnumFieldProps<Values, T>;

package/es/ProForm/index.js

@@ -25,6 +25,7 @@ import { getLayout, splitNameStr, useControlled, initialValuesToNames } from './
 import { useForm } from './utils/useForm';
 import { useFieldProps } from './utils/useFieldProps';
 var ProForm = function ProForm(props, ref) {
+  var _localStorage;
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'search' : _props$mode,
     span = props.span,
@@ -179,6 +180,10 @@ var ProForm = function ProForm(props, ref) {
       })
     })) : null;
   };
+  // 国际化，非中文时默认上下布局
+  if (((_localStorage = localStorage) === null || _localStorage === void 0 ? void 0 : _localStorage.locale) && localStorage.locale !== 'zh-CN') {
+    otherProps.layout = otherProps.layout || 'vertical';
+  }
   return _jsx(_Form, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     onKeyPress: function onKeyPress(event) {
       if (!submitOnEnter) return;