@zat-design/sisyphus-react 3.1.5 → 3.2.0-beta.1

package/es/style/theme/index.less

@@ -3,85 +3,86 @@
 
 /* 兼容IE11  默认会生成2个值，默认值，var值。IE11下读取默认值 */
 :root {
-  --zaui-global-bg: #ffffff;
-  --zaui-base-bg: #ffffff;
-  --zaui-brand: #006aff;
-  --zaui-brand-hover: #3387ff;
-  --zaui-brand-active: #005ad9;
-  --zaui-brand-disabled: #99c3ff;
-  --zaui-text: #343434;
-  --zaui-text-weak: #616161;
-  --zaui-aide-text: #909090;
-  --zaui-placeholder: #a0a0a0;
-  --zaui-link: var(--zaui-brand);
-  --zaui-link-light-active: var(--zaui-brand-active);
-  --zaui-line: #dcdcdc;
-  --zaui-dividing-line: #dcdcdc;
-  --zaui-area: #fafafa;
-  --zaui-shadow: rgba(56, 56, 56, 0.15);
-  --zaui-form-control-line: var(--zaui-line);
-  --zaui-form-control-line-hover: var(--zaui-brand-hover);
-  --zaui-form-control-line-active: var(--zaui-brand-active);
-  --zaui-list-item-active-bg: var(--zaui-brand);
-  --zaui-list-item-active-hover-bg: var(--zaui-brand);
-  --zaui-list-item-selected-bg: var(--zaui-brand);
+  --zaui-global-bg                  : #ffffff;
+  --zaui-base-bg                    : #ffffff;
+  --zaui-brand                      : #006aff;
+  --zaui-brand-hover                : #3387ff;
+  --zaui-brand-active               : #005ad9;
+  --zaui-brand-disabled             : #99c3ff;
+  --zaui-text                       : #343434;
+  --zaui-text-weak                  : #616161;
+  --zaui-aide-text                  : #909090;
+  --zaui-placeholder                : #a0a0a0;
+  --zaui-link                       : var(--zaui-brand);
+  --zaui-link-light-active          : var(--zaui-brand-active);
+  --zaui-line                       : #dcdcdc;
+  --zaui-dividing-line              : #dcdcdc;
+  --zaui-area                       : #fafafa;
+  --zaui-shadow                     : rgba(56, 56, 56, 0.15);
+  --zaui-form-control-line          : var(--zaui-line);
+  --zaui-form-control-line-hover    : var(--zaui-brand-hover);
+  --zaui-form-control-line-active   : var(--zaui-brand-active);
+  --zaui-list-item-active-bg        : var(--zaui-brand);
+  --zaui-list-item-active-hover-bg  : var(--zaui-brand);
+  --zaui-list-item-selected-bg      : var(--zaui-brand);
   --zaui-list-item-selected-hover-bg: var(--zaui-brand);
-  --zaui-disabled-bg: #f2f2f2;
-  --zaui-disabled-text: #333333;
-  --zaui-feedback-overlay-bg: rgba(0, 0, 0, 0.7);
-  --zaui-feedback-overlay-text: #343434;
-  --zaui-primary: var(--zaui-brand);
-  --zaui-primary-hover: var(--zaui-brand-hover);
-  --zaui-primary-active: var(--zaui-brand-active);
-  --zaui-danger-line: var(--zaui-line);
-  --zaui-danger-bg: #fff2f0;
-  --zaui-warning-line: var(--zaui-line);
-  --zaui-warning-bg: #fffbe6;
-  --zaui-info-line: var(--zaui-line);
-  --zaui-info-bg: #e6f7ff;
-  --zaui-success-line: var(--zaui-line);
-  --zaui-success-bg: #f6ffed;
-  --zaui-danger: #ff5050;
-  --zaui-warning: #ec9131;
-  --zaui-success: #00ae4d;
-  --zaui-menu-top-bg: #ffffff;
-  --zaui-menu-left-bg: #1a202d;
-  --zaui-menu-second-bg: #ffffff;
-  --zaui-form-align: left;
-  --zaui-table-header-bg: #f2f3f5;
-  --zaui-table-strip-bg: #fafafa;
-  --zaui-table-hover-bg: #fafafa;
-  --zaui-table-selected-bg: var(--zaui-table-hover-bg); // 默认同悬停
-  --zaui-table-selected-hover-bg: var(--zaui-table-hover-bg); // 默认同悬停
-  --zaui-table-nested-bg: #fafcfe;
-  --zaui-form-label-width: 130px; // 8个全角字符宽度
-  --zaui-border-radius: 4px;
-  --zaui-border-radius-card: 2px;
-  --zaui-font-size-title: 16px;
-  --zaui-font-size-card-title: var(--zaui-font-size-title);
-  --zaui-font-size: 14px;
-  --zaui-font-size-sm: 12px;
-  --zaui-font-size-md: var(--zaui-font-size);
-  --zaui-font-size-lg: 16px;
-  --zaui-font-size-xl: 18px;
-  --zaui-font-size-xxl: 20px;
-  --zaui-font-size-lg-title: 24px;
-  --zaui-height-border: var(--zaui-height-size-md);
-  --zaui-height-card: var(--zaui-height-size-lg);
-  --zaui-height-size-xs: 4px;
-  --zaui-height-size-sm: 8px;
-  --zaui-height-size-md: 16px;
-  --zaui-height-size-lg: 32px;
-  --zaui-height-size-xl: 64px;
-  --zaui-space-border: var(--zaui-space-size-md); // 兼容1.1.35一下版本 变量
-  --zaui-space-card: var(--zaui-space-size-lg);
-  --zaui-space-size-xs: 4px;
-  --zaui-space-size-sm: 8px;
-  --zaui-space-size-md: 16px;
-  --zaui-space-size-lg: 32px;
-  --zaui-space-size-xl: 64px;
+  --zaui-disabled-bg                : #f2f2f2;
+  --zaui-disabled-text              : #333333;
+  --zaui-feedback-overlay-bg        : rgba(0, 0, 0, 0.7);
+  --zaui-feedback-overlay-text      : #343434;
+  --zaui-primary                    : var(--zaui-brand);
+  --zaui-primary-hover              : var(--zaui-brand-hover);
+  --zaui-primary-active             : var(--zaui-brand-active);
+  --zaui-danger-line                : var(--zaui-line);
+  --zaui-danger-bg                  : #fff2f0;
+  --zaui-warning-line               : var(--zaui-line);
+  --zaui-warning-bg                 : #fffbe6;
+  --zaui-info-line                  : var(--zaui-line);
+  --zaui-info-bg                    : #e6f7ff;
+  --zaui-success-line               : var(--zaui-line);
+  --zaui-success-bg                 : #f6ffed;
+  --zaui-danger                     : #ff5050;
+  --zaui-warning                    : #ec9131;
+  --zaui-success                    : #00ae4d;
+  --zaui-menu-top-bg                : #ffffff;
+  --zaui-menu-left-bg               : #1a202d;
+  --zaui-menu-second-bg             : #ffffff;
+  --zaui-form-align                 : left;
+  --zaui-table-header-bg            : #f2f3f5;
+  --zaui-table-strip-bg             : #fafafa;
+  --zaui-table-hover-bg             : #fafafa;
+  --zaui-table-selected-bg          : var(--zaui-table-hover-bg); // 默认同悬停
+  --zaui-table-selected-hover-bg    : var(--zaui-table-hover-bg); // 默认同悬停
+  --zaui-table-nested-bg            : #fafcfe;
+  --zaui-contract-bg                : #fffaa1; // 对比背景色
+  --zaui-form-label-width           : 130px; // 8个全角字符宽度
+  --zaui-border-radius              : 4px;
+  --zaui-border-radius-card         : 2px;
+  --zaui-font-size-title            : 16px;
+  --zaui-font-size-card-title       : var(--zaui-font-size-title);
+  --zaui-font-size                  : 14px;
+  --zaui-font-size-sm               : 12px;
+  --zaui-font-size-md               : var(--zaui-font-size);
+  --zaui-font-size-lg               : 16px;
+  --zaui-font-size-xl               : 18px;
+  --zaui-font-size-xxl              : 20px;
+  --zaui-font-size-lg-title         : 24px;
+  --zaui-height-border              : var(--zaui-height-size-md);
+  --zaui-height-card                : var(--zaui-height-size-lg);
+  --zaui-height-size-xs             : 4px;
+  --zaui-height-size-sm             : 8px;
+  --zaui-height-size-md             : 16px;
+  --zaui-height-size-lg             : 32px;
+  --zaui-height-size-xl             : 64px;
+  --zaui-space-border               : var(--zaui-space-size-md); // 兼容1.1.35一下版本 变量
+  --zaui-space-card                 : var(--zaui-space-size-lg);
+  --zaui-space-size-xs              : 4px;
+  --zaui-space-size-sm              : 8px;
+  --zaui-space-size-md              : 16px;
+  --zaui-space-size-lg              : 32px;
+  --zaui-space-size-xl              : 64px;
 
   --zaui-line-height-base: 1.5;
-  --zaui-size: 1;
-  --zaui-base-font-size: 0px;
-}
+  --zaui-size            : 1;
+  --zaui-base-font-size  : 0px;
+}

package/es/style/theme/tokens.less

@@ -52,6 +52,7 @@
 @zaui-table-selected-bg: var(--zaui-table-hover-bg #fafafa);
 @zaui-table-selected-hover-bg: var(--zaui-table-hover-bg #fafafa);
 @zaui-table-nested-bg: var(--zaui-table-nested-bg #FAFCFE);
+@zaui-contract-bg: var(--zaui-contract-bg; #fffaa1); // 对比背景色
 @zaui-form-required-after: var(--zaui-form-required-after; inline);
 @zaui-form-required-before: var(--zaui-form-required-before; none);
 @zaui-form-label-width: var(--zaui-form-label-width; 130px);

package/lib/ProAction/index.js

@@ -15,9 +15,10 @@ var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _lodash = require("lodash");
 var _index = require("../index");
+var _locale = _interopRequireDefault(require("../locale"));
 require("./index.less");
 var ProAction = function ProAction(props) {
-  var _config$, _config$2, _config$index;
+  var _config$, _config$2, _locale$ProAction2, _config$index;
   var children = props.children,
     config = props.config;
   var _Form$useForm = _antd.Form.useForm(),
@@ -33,7 +34,8 @@ var ProAction = function ProAction(props) {
     state = _useSetState2[0],
     setState = _useSetState2[1];
   if (!config || !Array.isArray(config)) {
-    console.error('ProAction 配置 config 必须为数据');
+    var _locale$ProAction;
+    console.error(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAction = _locale.default.ProAction) === null || _locale$ProAction === void 0 ? void 0 : _locale$ProAction.errorMessage);
     return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: children
     });
@@ -70,7 +72,7 @@ var ProAction = function ProAction(props) {
             options = _ref2.options;
             transformResponse = _ref2.transformResponse;
             _context.next = 14;
-            return service === null || service === void 0 ? void 0 : service(options);
+            return service === null || service === void 0 ? void 0 : service(options === null || options === void 0 ? void 0 : options.defaultParams);
           case 14:
             _context.t1 = _context.sent;
             if (_context.t1) {
@@ -96,7 +98,7 @@ var ProAction = function ProAction(props) {
               newServicesArray[currentIndex] = res.data;
             }
           case 26:
-            options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, newServicesArray[currentIndex], options.defaultParams);
+            options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, newServicesArray[currentIndex], options === null || options === void 0 ? void 0 : options.defaultParams);
             if (!service) {
               newServicesArray[currentIndex] = null;
             }
@@ -170,7 +172,7 @@ var ProAction = function ProAction(props) {
       onConfirm: function onConfirm() {
         return onActionRun(0, []);
       },
-      title: ((_config$2 = config[0]) === null || _config$2 === void 0 ? void 0 : _config$2.title) || '确认删除吗?',
+      title: ((_config$2 = config[0]) === null || _config$2 === void 0 ? void 0 : _config$2.title) || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAction2 = _locale.default.ProAction) === null || _locale$ProAction2 === void 0 ? void 0 : _locale$ProAction2.defaultTitle),
       children: children
     }) : ChildContent, state.open ? (0, _jsxRuntime.jsx)(_index.ProDrawerForm, {
       open: state.open,

package/lib/ProAction/index.less

@@ -1,6 +1,7 @@
 .pro-action-view-tile {
-  margin-bottom: 12px;
-  color: #666;
+  margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
+  color        : #666;
+
   span {
     color: #000;
   }

package/lib/ProConfigProvider/index.d.ts

@@ -4,6 +4,7 @@ import { ProModalSelectPropsType } from '../ProForm/components/combination/ProMo
 import { AddressProps } from '../ProForm/components/combination/ProAddressBar/propsType';
 import { ProEnumConfig } from '../ProEnum/propsType';
 export interface ProConfigState {
+    locale?: string;
     ProEnum?: Partial<ProEnumConfig>;
     ProSelect?: Partial<PropSelectProps> & Record<string, any>;
     ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
@@ -19,5 +20,6 @@ export declare function useProConfig(): ConfigContext;
 export declare function useProConfig(name: keyof ConfigContext['state']): ConfigContext['state'][keyof ConfigContext['state']];
 export declare const ProConfigProvider: FC<{
     value: ProConfigState;
+    locale?: string;
 }>;
 export default ProConfigProvider;

package/lib/ProConfigProvider/index.js

@@ -11,8 +11,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _zh_CN = _interopRequireDefault(require("antd/es/locale/zh_CN"));
+var _en_US = _interopRequireDefault(require("antd/es/locale/en_US"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _useEnumRequest = _interopRequireDefault(require("../ProEnum/hooks/useEnumRequest"));
+var _locale = require("../locale");
 var ProConfigContext = exports.ProConfigContext = /*#__PURE__*/_react.default.createContext({
   state: {
     ProEnum: {
@@ -26,6 +30,11 @@ function useProConfig(name) {
   var config = (0, _react.useContext)(ProConfigContext);
   return name ? config.state[name] : config;
 }
+var antdLangMap = {
+  'zh-CN': _zh_CN.default,
+  'en-US': _en_US.default // en-US
+};
+
 var reducer = function reducer(state, action) {
   var _state$ProEnum;
   switch (action.type) {
@@ -52,13 +61,24 @@ var ProConfigProvider = exports.ProConfigProvider = function ProConfigProvider(p
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
   (0, _useEnumRequest.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.ProEnum), props === null || props === void 0 ? void 0 : (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.ProEnum), props === null || props === void 0 ? void 0 : (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.globalConfig), dispatch);
+  var cacheLang = localStorage.getItem('locale');
+  // 如果是用户切换了语言那么优先使用用户切换的，否则从缓存中取用户语言，在取默认值
+  var lang = (state === null || state === void 0 ? void 0 : state.locale) || cacheLang || (props === null || props === void 0 ? void 0 : props.locale);
+  // 如果缓存里没有语言，那么将配置的语言设置为当前系统语言
+  if (!(state === null || state === void 0 ? void 0 : state.locale) && !cacheLang && (props === null || props === void 0 ? void 0 : props.locale)) {
+    // 设置默认语言
+    (0, _locale.setLanguage)(props === null || props === void 0 ? void 0 : props.locale);
+  }
   return (0, _jsxRuntime.jsx)(ProConfigContext.Provider, {
     value: {
       state: (0, _merge.default)(state, props.value),
       dispatch: dispatch
     },
-    children: (0, _jsxRuntime.jsxs)("div", {
-      children: [" ", props.children]
+    children: (0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+      locale: antdLangMap[lang],
+      children: (0, _jsxRuntime.jsxs)("div", {
+        children: [" ", props.children]
+      })
     })
   });
 };

package/lib/ProDownload/utils.js

@@ -13,6 +13,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _antd = require("antd");
 var _lodash = require("lodash");
+var _locale = _interopRequireDefault(require("../locale"));
 /* eslint-disable no-empty */
 /* eslint-disable prefer-promise-reject-errors */
 
@@ -120,8 +121,8 @@ var DownloadRequest = exports.DownloadRequest = /*#__PURE__*/function () {
                       _context.next = 7;
                       break;
                     }
-                    _antd.message.error('请求失败！');
-                    return _context.abrupt("return", Promise.reject('请求失败！'));
+                    _antd.message.error("".concat(_locale.default.ProDownload.errorMessage));
+                    return _context.abrupt("return", Promise.reject("".concat(_locale.default.ProDownload.errorMessage)));
                   case 7:
                     if (!((_data === null || _data === void 0 ? void 0 : _data.status) > 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
                       _context.next = 11;
@@ -149,7 +150,7 @@ var DownloadRequest = exports.DownloadRequest = /*#__PURE__*/function () {
                     }
                     return _context.abrupt("return", Promise.resolve(response));
                   case 20:
-                    return _context.abrupt("return", Promise.reject('请求失败！'));
+                    return _context.abrupt("return", Promise.reject("".concat(_locale.default.ProDownload.errorMessage)));
                   case 21:
                   case "end":
                     return _context.stop();

package/lib/ProDrawerForm/components/ProDrawer/index.js

@@ -17,6 +17,7 @@ var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _close = _interopRequireDefault(require("../../../assets/close.svg"));
+var _locale = _interopRequireDefault(require("../../../locale"));
 /**
  * 抽屉组件
  */
@@ -49,6 +50,7 @@ var ProDrawer = function ProDrawer(_ref) {
     toggleLoading = _useState2[1];
   var noRenderFooter = isView || footer === false || footer === null;
   var onConfirm = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var _locale$ProDrawerForm, _locale$ProDrawerForm2, _locale$ProDrawerForm3, _locale$ProDrawerForm4;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -57,10 +59,10 @@ var ProDrawer = function ProDrawer(_ref) {
           } else if (!modalRef.current) {
             modalRef.current = _antd.Modal.confirm((0, _objectSpread2.default)({
               className: 'width430',
-              title: '确认关闭当前页面',
-              okText: '确定',
-              cancelText: '取消',
-              content: '关闭当前页面内容不会被保存，需要点击“保存”按钮进行保存',
+              title: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.isSureClose,
+              okText: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm2 = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm,
+              cancelText: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm3 = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.cancel,
+              content: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm4 = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm4 === void 0 ? void 0 : _locale$ProDrawerForm4.secondTipsWhenSave,
               onOk: function onOk() {
                 onCancel && onCancel();
               },

package/lib/ProDrawerForm/index.js

@@ -12,8 +12,10 @@ var _react = require("react");
 var _components = require("./components");
 var _ProForm = _interopRequireDefault(require("../ProForm"));
 var _utils = require("./utils");
+var _locale = _interopRequireDefault(require("../locale"));
+var _locale$ProDrawerForm3;
 var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _okText;
+  var _okText, _locale$ProDrawerForm, _locale$ProDrawerForm2;
   var visible = props.visible,
     showType = props.showType,
     okText = props.okText,
@@ -28,7 +30,7 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     children = props.children;
   showType = mode || showType;
   isView = isView || disabled;
-  okText = (_okText = okText) !== null && _okText !== void 0 ? _okText : showType === 'Drawer' ? '保存' : '确定';
+  okText = (_okText = okText) !== null && _okText !== void 0 ? _okText : showType === 'Drawer' ? _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.save : _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm2 = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm;
   visible = open !== null && open !== void 0 ? open : visible;
   var width = props.width;
   if (!width && size) {
@@ -90,7 +92,7 @@ ProDrawerForm.defaultProps = {
   size: 'middle',
   isConfirmClose: true,
   maskClosable: false,
-  cancelText: '取消',
+  cancelText: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm3 = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.cancel,
   proFormProps: {}
 };
 var _default = exports.default = ProDrawerForm;

package/lib/ProDrawerForm/style/index.less

@@ -8,7 +8,7 @@
     justify-content: center;
     width          : 32px;
     height         : 38px;
-    color: var(--zaui-global-bg, #fff);
+    color          : var(--zaui-global-bg, #fff);
     cursor         : pointer;
 
     .close-icon {
@@ -17,12 +17,13 @@
       z-index  : 1;
       font-size: var(--zaui-font-size-lg, 16px);
       transform: translateZ(100px);
-      fill: var(--zaui-aide-text, #909090);
+      fill     : var(--zaui-aide-text, #909090);
 
       &:hover {
         fill: var(--zaui-brand-active, #005AD9);
       }
-      > div {
+
+      >div {
         height: 20px;
       }
     }
@@ -55,7 +56,7 @@
 
   .pro-drawer-scrolling {
     z-index   : 1;
-    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56,56,56,0.15));
+    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
   }
 
   .pro-drawer-content {
@@ -75,7 +76,7 @@
     width           : 100%;
     padding         : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
     background-color: var(--zaui-global-bg, #fff);
-    box-shadow      : 8px 2px 8px 0 var(--zaui-shadow, rgba(56,56,56,0.15));
+    box-shadow      : 8px 2px 8px 0 var(--zaui-shadow, rgba(56, 56, 56, 0.15));
 
     button {
       margin-right: var(--zaui-space-size-sm, 8px);
@@ -91,6 +92,7 @@
     padding   : 0;
     overflow-y: hidden;
   }
+
   .ant-drawer-content {
     position: static;
   }
@@ -105,15 +107,18 @@
     .ant-modal-close-x {
       .close-icon {
         fill: var(--zaui-aide-text, #909090);
+
         &:hover {
           fill: var(--zaui-brand, #006aff);
         }
       }
     }
   }
+
   .ant-modal-header {
     padding      : var(--zaui-space-size-md, 16px);
     border-bottom: none;
+
     .ant-modal-title {
       font-weight: 600;
     }
@@ -124,7 +129,7 @@
     border-top: none;
 
     .pro-modal-footer {
-      display: flex;
+      display        : flex;
       justify-content: space-between;
     }
   }
@@ -143,8 +148,7 @@
 .pro-modal-no-footer {
   .ant-modal-content {
     .ant-modal-body {
-      
-      padding-bottom   : var(--zaui-space-size-md, 16px);
+      padding-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1))
     }
   }
 }
@@ -153,7 +157,7 @@
   z-index: 1;
 
   .ant-modal-header {
-    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56,56,56,0.15));
+    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
     position  : relative;
     z-index   : 1;
   }
@@ -163,6 +167,6 @@
   .ant-modal-footer {
     position  : relative;
     z-index   : 1;
-    box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56,56,56,0.15));
+    box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
   }
-}
+}

package/lib/ProEditLabel/style/index.less

@@ -87,11 +87,11 @@
     font-size    : var(--zaui-font-size-lg, 16px);
     font-weight  : 500;
     color        : var(--zaui-text, #343434);
-    margin-bottom: var(--zaui-space-size-sm, 8px);
+    margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size; 1));
   }
 
   .pro-edit-label-tip {
-    margin-bottom: var(--zaui-space-size-md, 16px);
+    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
     color        : #666;
 
     .anticon-info-circle {

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

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
 var _lodash = require("lodash");
 var _config = require("../../utils/config");
+var _locale = _interopRequireDefault(require("../../../locale"));
 // 渲染操作按钮
 var ActionButton = function ActionButton(_ref) {
   var _editingKeys$includes, _btnConfig$buttonProp, _btnConfig$buttonProp2, _btnConfig$buttonProp3, _btnConfig$icon;
@@ -83,8 +84,8 @@ var ActionButton = function ActionButton(_ref) {
           btnConfig.onEvent(record, index);
         },
         disabled: isDisabled,
-        okText: "\u786E\u8BA4",
-        cancelText: "\u53D6\u6D88",
+        okText: _locale.default.ProEditTable.confirm,
+        cancelText: _locale.default.ProEditTable.cancel,
         children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
           record: record,
           index: index,

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

@@ -24,7 +24,10 @@ var _transformNames = _interopRequireDefault(require("../../../ProForm/utils/tra
 var _useFieldProps = require("../../../ProForm/utils/useFieldProps");
 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,
@@ -223,7 +226,7 @@ var RenderField = function RenderField(_ref) {
       TargetComponent = viewRender;
     }
   }
-  var defaultPlaceholder = ['Select', 'EnumSelect', 'DatePicker', 'RangePicker', 'Cascader', 'ProSelect', 'ProEnum', 'ProTimeLimit'].includes(type) ? "\u8BF7\u9009\u62E9".concat((0, _lodash.isString)(label) ? label || title : '') : "\u8BF7\u8F93\u5165".concat((0, _lodash.isString)(label) ? label || title : '');
+  var defaultPlaceholder = ['Select', 'EnumSelect', 'DatePicker', 'RangePicker', 'Cascader', 'ProSelect', 'ProEnum', 'ProTimeLimit'].includes(type) ? "".concat(_locale.default.ProEditTable.select).concat((0, _lodash.isString)(label) ? label || title : '') : "".concat(_locale.default.ProEditTable.enter).concat((0, _lodash.isString)(label) ? label || title : '');
   var _placeholder = (_formItemChildProps$p = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.placeholder) !== null && _formItemChildProps$p !== void 0 ? _formItemChildProps$p : defaultPlaceholder;
   var onChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onChange;
   var onFieldChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onFieldChange;

package/lib/ProEditTable/index.js

@@ -21,6 +21,7 @@ var _utils = require("./utils");
 var _tools = require("./utils/tools");
 var _components = require("./components");
 var _empty = _interopRequireDefault(require("../assets/empty.png"));
+var _locale = _interopRequireDefault(require("../locale"));
 var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary", "max", "headerRender", "pagination"];
 var ProEditTable = function ProEditTable(_ref, ref) {
   var _resetProps$id, _resetProps$id$split, _value$2;
@@ -173,8 +174,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         src: _empty.default
       }), (0, _jsxRuntime.jsx)("div", {
         className: "content",
-        children: disabled || isForbiddenBtn('add') ? '暂无数据' : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: ["\u6682\u65E0\u6570\u636E\uFF0C", (0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+        children: disabled || isForbiddenBtn('add') ? _locale.default.ProEditTable.noData : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [_locale.default.ProEditTable.noData, "\uFF0C", (0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
             toolbarProps: toolbarProps === null || toolbarProps === void 0 ? void 0 : (_toolbarProps$filter = toolbarProps.filter) === null || _toolbarProps$filter === void 0 ? void 0 : _toolbarProps$filter.call(toolbarProps, function (item) {
               return item.type === 'add';
             }),
@@ -323,9 +324,9 @@ ForwardProEditTable.defaultProps = {
   disabled: false,
   draggable: false,
   stripe: true,
-  emptyBtnText: '点击添加',
-  onlyOneLineMsg: '请先保存数据',
-  deletePoConfirmMsg: '您确定要删除该行数据吗？',
-  mulDeletePoConfirmMsg: '您确定要删除选中的数据吗？'
+  emptyBtnText: _locale.default.ProEditTable.clickAdd,
+  onlyOneLineMsg: _locale.default.ProEditTable.onlyOneLineMsg,
+  deletePoConfirmMsg: _locale.default.ProEditTable.deletePoConfirmMsg,
+  mulDeletePoConfirmMsg: _locale.default.ProEditTable.mulDeletePoConfirmMsg
 };
 var _default = exports.default = ForwardProEditTable;