@zat-design/sisyphus-react 4.0.6 → 4.0.8

package/es/ProTable/components/RenderTabs/index.js

@@ -29,7 +29,9 @@ var RenderTabs = props => {
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
-  var _useEnum = useEnum(code),
+
+  // 当 code 不存在时，传入一个不存在的 code 值，这样 useEnum 会返回 [空数组, getEnumLabel] 而不是整个缓存数据
+  var _useEnum = useEnum(code || '__PRO_TABLE_NO_CODE__'),
     _useEnum2 = _slicedToArray(_useEnum, 1),
     options = _useEnum2[0];
   var fieldValue = Form.useWatch(name, form);
@@ -56,8 +58,12 @@ var RenderTabs = props => {
   }, [dataSource, options, transformResponse]);
   useEffect(() => {
     var _tabItems$;
-    setActiveKey(fieldValue || (tabItems === null || tabItems === void 0 || (_tabItems$ = tabItems[0]) === null || _tabItems$ === void 0 ? void 0 : _tabItems$.key));
-  }, [fieldValue]);
+    if (fieldValue !== undefined && fieldValue !== null && fieldValue !== activeKey) {
+      setActiveKey(fieldValue);
+    } else if (!fieldValue && !activeKey && tabItems !== null && tabItems !== void 0 && (_tabItems$ = tabItems[0]) !== null && _tabItems$ !== void 0 && _tabItems$.key) {
+      setActiveKey(tabItems[0].key);
+    }
+  }, [fieldValue, tabItems, activeKey]);
   if (!(tabItems !== null && tabItems !== void 0 && tabItems.length)) {
     return null;
   }

package/es/ProThemeTools/component/ProTools/index.js

@@ -84,7 +84,7 @@ var ProTools = _ref => {
   }, []);
   return /*#__PURE__*/_jsxs(NewDrawer, {
     className: "pro-theme-prd-tools-drawer",
-    width: 400,
+    size: 400,
     title: `${locale.ProThemeTools.title}`,
     placement: "right",
     onClose: onClose,

package/es/ProTreeModal/components/Trigger.js

@@ -127,16 +127,40 @@ function Trigger(props) {
     }
     return props.children;
   };
+
+  // 构建 Input 的基础属性
+  var inputProps = {
+    className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
+    onClick: handleClick,
+    value: checkedValues.length === 0 ? null : state.mode === 'all' ? formatMessage(locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll1, {
+      all: label
+    }) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
+      num: checkedValues.length
+    }),
+    placeholder: locale === null || locale === void 0 || (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
+    disabled: afterDisabled || state.mode === 'all'
+  };
+
+  // 如果 mode === 'all'，不显示 addonAfter，直接返回 Input
+  if (state.mode === 'all') {
+    return /*#__PURE__*/_jsx(TriggerComponent, {
+      children: /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, inputProps), {}, {
+        style: _objectSpread({}, triggerStyle)
+      }))
+    });
+  }
+
+  // 使用 Space.Compact 包装 Input 和 addonAfter
+  // 注意：Space.Compact 中的元素应该是表单控件，但为了保持原有样式，使用 div 并添加适当的样式
   return /*#__PURE__*/_jsx(TriggerComponent, {
-    children: /*#__PURE__*/_jsx(Input, {
-      className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
-      onClick: handleClick,
-      value: checkedValues.length === 0 ? null : state.mode === 'all' ? formatMessage(locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll1, {
-        all: label
-      }) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
-        num: checkedValues.length
-      }),
-      addonAfter: state.mode === 'all' ? null : /*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/_jsxs(Space.Compact, {
+      block: true,
+      style: appoint ? undefined : triggerStyle,
+      children: [/*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, inputProps), {}, {
+        style: _objectSpread(_objectSpread({}, triggerStyle), {}, {
+          flex: 1
+        })
+      })), /*#__PURE__*/_jsxs("div", {
         className: "pro-enum-input-addonAfter",
         children: [checkedValues.length > 0 && !afterDisabled && /*#__PURE__*/_jsx("span", {
           className: "close-icon",
@@ -148,10 +172,7 @@ function Trigger(props) {
           src: viewSvg,
           onClick: onIconClick
         })]
-      }),
-      placeholder: locale === null || locale === void 0 || (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
-      disabled: afterDisabled || state.mode === 'all',
-      style: _objectSpread({}, triggerStyle)
+      })]
     })
   });
 }

package/es/ProTreeModal/index.js

@@ -322,6 +322,12 @@ var ProTreeModal = props => {
       treeViewData: [],
       checkAll: false
     });
+    // 通知父组件更新 value prop，确保清空操作被正确保存
+    if (labelInValue) {
+      onChange === null || onChange === void 0 || onChange([]);
+    } else {
+      onChange === null || onChange === void 0 || onChange(_checkedValues);
+    }
   };
 
   /**

package/es/ProTreeModal/style/index.less

@@ -11,6 +11,47 @@
 }
 
 .pro-tree-modal {
+  .pro-enum-input-addonAfter {
+    display: flex;
+    align-items: center;
+    padding: 0px 8px;
+    background-color: var(--zaui-base-bg, #ffffff);
+    border: 1px solid #d9d9d9;
+    border-left: none;
+    border-top-right-radius: 6px;
+    border-bottom-right-radius: 6px;
+    cursor: pointer;
+    transition: none;
+    position: relative;
+    .close-icon{
+      position: absolute;
+      left: -20px;
+      background: #bfbfbf;
+      border-radius: 50%;
+      width: 12px;
+      height: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 8px;
+      cursor: pointer;
+      z-index: 5;
+      &:hover {
+        background: #666;
+      }
+    }
+  }
+  
+  &:hover{
+    .@{ant-prefix}-input{
+      border-color: var(--zaui-brand-hover, #3387ff);
+    }
+    .pro-enum-input-addonAfter {
+      border-color: var(--zaui-brand-hover, #3387ff);
+      color: var(--zaui-brand-hover, #3387ff);
+    }
+  }
   &-placeholder {
     color: #939499;
   }

package/es/ProUpload/components/ImageRender.js

@@ -216,7 +216,7 @@ var ImageRender = props => {
     }
   });
   return /*#__PURE__*/_jsxs(Space, {
-    direction: "vertical",
+    orientation: "vertical",
     size: 8,
     className: "pro-upload-image",
     children: [headerRender(), /*#__PURE__*/_jsxs("div", {

package/es/ProViewer/index.js

@@ -12,7 +12,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/* eslint-disable jsx-a11y/iframe-has-title */
 import { useSetState } from 'ahooks';
 import { Button, Image, Modal } from 'antd';
 import React, { useEffect, useRef } from 'react';
@@ -195,8 +194,8 @@ var ProViewer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     })), mode && fileType === 'img' && /*#__PURE__*/_jsx(Image, {
       src: url,
       preview: {
-        visible: imgVisible,
-        onVisibleChange: value => {
+        open: imgVisible,
+        onOpenChange: value => {
           setState({
             imgVisible: value
           });

package/es/style/theme/antd.less

@@ -1,17 +1,8 @@
 @import '../variables.less';
 @import './base';
 
-@zat-disabled-color: #bcbcbc;
-
 /* antd 默认样式重置 */
 
-.@{ant-prefix}-tooltip {
-  .@{ant-prefix}-tooltip-container{
-    // background: #fff;
-    // color: #343434;
-  }
-}
-
 // 表单
 .@{ant-prefix}-form,
 .@{ant-prefix}-drawer,

package/es/style/theme/base.less

@@ -1,4 +1,4 @@
-@ant-prefix: ant;
+@import '../variables.less';
 @import '../core/index.less';
 @import './tokens.less';
 

package/es/style/variables.less

@@ -1 +1,2 @@
 @ant-prefix: ant;
+@zat-disabled-color: #bcbcbc;

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

@@ -258,7 +258,7 @@ var ProDrawer = _ref => {
     closable: false,
     onClose: onCancel,
     zIndex: zIndex
-  }, restDrawerProps), {}, {
+  }, (0, _lodash.omit)(restDrawerProps, 'width')), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "pro-drawer-close",
       onClick: onConfirm,

package/lib/ProEditTable/index.js

@@ -470,7 +470,7 @@ var ProEditTable = (_ref, ref) => {
       className: "pro-edit-table-footer",
       children: footerRender
     }) : null, pagination ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      id: `pro-edit-table-pagination-${config.name.join('-')}`,
+      id: `pro-edit-table-pagination-${Array.isArray(config.name) ? config.name.filter(Boolean).join('-') : config.name || 'default'}`,
       onClick: () => {
         (0, _tools.onPageCheck)({
           form,

package/lib/ProEnum/index.js

@@ -272,7 +272,7 @@ var ProEnum = props => {
         arr.push(props.optionRender(item));
       });
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
-        direction: "vertical",
+        orientation: "vertical",
         size: 4,
         children: arr.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
           children: item

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

@@ -13,7 +13,8 @@ var _locale = _interopRequireDefault(require("../../../../locale"));
 var _index = _interopRequireDefault(require("../../../index"));
 var _valueType = require("../../../utils/valueType");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps", "desensitization"]; // 参数优先级
+var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps", "desensitization"],
+  _excluded2 = ["addonBefore", "addonAfter"]; // 参数优先级
 // 组件内默认值 < config默认值 < props
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -36,43 +37,99 @@ var Input = function Input(props) {
     viewEmpty = _ref.viewEmpty;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
   var initialConfig = (0, _ProConfigProvider.useProConfig)('Input');
-  if (typeof rest.value === 'number') {
-    var _rest$value, _rest$value$toString;
-    rest.value = rest === null || rest === void 0 || (_rest$value = rest.value) === null || _rest$value === void 0 || (_rest$value$toString = _rest$value.toString) === null || _rest$value$toString === void 0 ? void 0 : _rest$value$toString.call(_rest$value);
+
+  // 提取 addonBefore 和 addonAfter（antd 6 已废弃，需要使用 Space.Compact）
+  var addonBefore = rest.addonBefore,
+    addonAfter = rest.addonAfter,
+    restProps = _objectWithoutProperties(rest, _excluded2);
+  if (typeof restProps.value === 'number') {
+    var _restProps$value, _restProps$value$toSt;
+    restProps.value = restProps === null || restProps === void 0 || (_restProps$value = restProps.value) === null || _restProps$value === void 0 || (_restProps$value$toSt = _restProps$value.toString) === null || _restProps$value$toSt === void 0 ? void 0 : _restProps$value$toSt.call(_restProps$value);
   }
   if (isView) {
     if ((Array.isArray(desensitization) || (0, _lodash.isFunction)(desensitization)) && props !== null && props !== void 0 && props.disabled) {
-      if (typeof rest.value === 'number') {
-        var _rest$value2, _rest$value2$toString;
-        rest.value = rest === null || rest === void 0 || (_rest$value2 = rest.value) === null || _rest$value2 === void 0 || (_rest$value2$toString = _rest$value2.toString) === null || _rest$value2$toString === void 0 ? void 0 : _rest$value2$toString.call(_rest$value2);
+      if (typeof restProps.value === 'number') {
+        var _restProps$value2, _restProps$value2$toS;
+        restProps.value = restProps === null || restProps === void 0 || (_restProps$value2 = restProps.value) === null || _restProps$value2 === void 0 || (_restProps$value2$toS = _restProps$value2.toString) === null || _restProps$value2$toS === void 0 ? void 0 : _restProps$value2$toS.call(_restProps$value2);
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
         viewEmpty: viewEmpty,
-        children: (0, _valueType.maskStringRangeWithRegex)(rest.value, desensitization)
+        children: (0, _valueType.maskStringRangeWithRegex)(restProps.value, desensitization)
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
       viewEmpty: viewEmpty,
-      children: rest.value
+      children: restProps.value
     });
   }
-  var ComInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, _objectSpread(_objectSpread({
+
+  // 构建 Input 组件
+  var buildInput = inputProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, _objectSpread(_objectSpread({
     autoComplete: "off",
     placeholder: placeholder || `${_locale.default.ProForm.inputPlaceholder}`
-  }, (0, _lodash.omit)(initialConfig, ['trim', 'upperCase'])), rest));
+  }, (0, _lodash.omit)(initialConfig, ['trim', 'upperCase'])), inputProps));
+
+  // 如果存在 addonBefore 或 addonAfter，使用 Space.Compact 包装
+  if (addonBefore || addonAfter) {
+    // 确保 Input 在 Space.Compact 中能自动扩展宽度
+    var inputPropsWithFlex = _objectSpread(_objectSpread({}, restProps), {}, {
+      style: _objectSpread(_objectSpread({}, restProps.style), {}, {
+        flex: 1
+      })
+    });
+    var _ComInput = buildInput(inputPropsWithFlex);
+
+    // 仅查看模式下进行数据脱敏
+    if ((Array.isArray(desensitization) || (0, _lodash.isFunction)(desensitization)) && props !== null && props !== void 0 && props.disabled) {
+      if (typeof restProps.value === 'number') {
+        var _restProps$value3, _restProps$value3$toS;
+        restProps.value = restProps === null || restProps === void 0 || (_restProps$value3 = restProps.value) === null || _restProps$value3 === void 0 || (_restProps$value3$toS = _restProps$value3.toString) === null || _restProps$value3$toS === void 0 ? void 0 : _restProps$value3$toS.call(_restProps$value3);
+      }
+      var maskedInput = /*#__PURE__*/_react.default.cloneElement(_ComInput, _objectSpread(_objectSpread(_objectSpread({
+        allowClear: true,
+        autoComplete: 'off',
+        placeholder: placeholder || `${_locale.default.ProForm.inputPlaceholder}`
+      }, (0, _lodash.omit)(initialConfig, ['trim', 'upperCase'])), inputPropsWithFlex), {}, {
+        value: (0, _valueType.maskStringRangeWithRegex)(restProps.value, desensitization)
+      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
+        block: true,
+        className: "pro-form-input-space-compact",
+        children: [addonBefore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          disabled: true,
+          children: addonBefore
+        }) : null, maskedInput, addonAfter ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          disabled: true,
+          children: addonAfter
+        }) : null]
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
+      block: true,
+      className: "pro-form-input-space-compact",
+      children: [addonBefore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+        disabled: true,
+        children: addonBefore
+      }) : null, _ComInput, addonAfter ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+        disabled: true,
+        children: addonAfter
+      }) : null]
+    });
+  }
+  var ComInput = buildInput(restProps);
 
   // 仅查看模式下进行数据脱敏
   if ((Array.isArray(desensitization) || (0, _lodash.isFunction)(desensitization)) && props !== null && props !== void 0 && props.disabled) {
-    if (typeof rest.value === 'number') {
-      var _rest$value3, _rest$value3$toString;
-      rest.value = rest === null || rest === void 0 || (_rest$value3 = rest.value) === null || _rest$value3 === void 0 || (_rest$value3$toString = _rest$value3.toString) === null || _rest$value3$toString === void 0 ? void 0 : _rest$value3$toString.call(_rest$value3);
+    if (typeof restProps.value === 'number') {
+      var _restProps$value4, _restProps$value4$toS;
+      restProps.value = restProps === null || restProps === void 0 || (_restProps$value4 = restProps.value) === null || _restProps$value4 === void 0 || (_restProps$value4$toS = _restProps$value4.toString) === null || _restProps$value4$toS === void 0 ? void 0 : _restProps$value4$toS.call(_restProps$value4);
     }
     return /*#__PURE__*/_react.default.cloneElement(ComInput, _objectSpread(_objectSpread(_objectSpread({
       allowClear: true,
       autoComplete: 'off',
       placeholder: placeholder || `${_locale.default.ProForm.inputPlaceholder}`
-    }, (0, _lodash.omit)(initialConfig, ['trim', 'upperCase'])), rest), {}, {
-      value: (0, _valueType.maskStringRangeWithRegex)(rest.value, desensitization)
+    }, (0, _lodash.omit)(initialConfig, ['trim', 'upperCase'])), restProps), {}, {
+      value: (0, _valueType.maskStringRangeWithRegex)(restProps.value, desensitization)
     }));
   }
   return ComInput;

package/lib/ProForm/components/combination/FormList/components/BlockFields.js

@@ -55,7 +55,7 @@ var BlockFields = props => {
   // 左侧标题布局
   if (titlePosition === 'left') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
-      direction: "vertical",
+      orientation: "vertical",
       className: cls,
       id: id,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -106,7 +106,7 @@ var BlockFields = props => {
 
   // 默认顶部标题布局
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
-    direction: "vertical",
+    orientation: "vertical",
     className: cls,
     id: id,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProCollapse.default, {

package/lib/ProForm/components/combination/Group/utils/index.d.ts

@@ -75,58 +75,58 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
     confirm?: boolean | import("antd").ModalFuncProps | import("../../../render/propsType").FunctionArgs<any, boolean | import("antd").ModalFuncProps>;
     show?: boolean | ReactiveFunction<any, boolean>;
     component?: React.ReactNode | ReactiveFunction<any, React.ReactNode>;
+    id?: string;
     className?: string;
-    trim?: boolean;
-    normalize?: (value: any, prevValue: any, allValues: import("@rc-component/form/lib/interface").Store) => any;
-    children?: React.ReactNode | ((form: FormInstance<any>) => React.ReactNode);
-    isView?: boolean;
+    hidden?: boolean;
     style?: React.CSSProperties;
+    children?: React.ReactNode | ((form: FormInstance<any>) => React.ReactNode);
+    onReset?: () => void;
     prefixCls?: string;
+    status?: "" | "warning" | "error" | "success" | "validating";
     rootClassName?: string;
-    id?: string;
-    vertical?: boolean;
-    status?: "" | "error" | "success" | "warning" | "validating";
-    hidden?: boolean;
-    onReset?: () => void;
-    htmlFor?: string;
-    valueType?: import("../../../render/propsType").ProFormValueType;
-    trigger?: string;
-    viewRender?: (value: any, record: any, { form, index, namePath, }: {
-        [key: string]: any;
-        form: FormInstance<any>;
-        index?: number;
-    }) => string | React.ReactElement<any, any>;
-    desensitization?: [number, number] | ReactiveFunction<any, [number, number]>;
-    layout?: import("antd/es/form/Form").FormItemLayout;
-    help?: React.ReactNode;
-    preserve?: boolean;
-    viewType?: import("../../../render/propsType").ViewType;
-    validateTrigger?: string | false | string[];
+    isView?: boolean;
     colon?: boolean;
+    htmlFor?: string;
     labelAlign?: import("antd/es/form/interface").FormLabelAlign;
     labelCol?: import("antd").ColProps;
+    vertical?: boolean;
     getValueFromEvent?: (...args: import("@rc-component/form/lib/interface").EventArgs) => any;
+    normalize?: (value: any, prevValue: any, allValues: import("@rc-component/form/lib/interface").Store) => any;
     shouldUpdate?: import("@rc-component/form/lib/Field").ShouldUpdate<any>;
+    trigger?: string;
+    validateTrigger?: string | false | string[];
     validateDebounce?: number;
     valuePropName?: string;
     getValueProps?: ((value: any) => Record<string, unknown>) & ((value: any) => Record<string, unknown>);
     messageVariables?: Record<string, string>;
     initialValue?: any;
     onMetaChange?: (meta: import("@rc-component/form/lib/Field").MetaEvent) => void;
+    preserve?: boolean;
     isListField?: boolean;
     isList?: boolean;
     noStyle?: boolean;
     hasFeedback?: boolean | {
         icons: import("antd/es/form/FormItem").FeedbackIcons;
     };
-    validateStatus?: "" | "error" | "success" | "warning" | "validating";
+    validateStatus?: "" | "warning" | "error" | "success" | "validating";
+    layout?: import("antd/es/form/Form").FormItemLayout;
     wrapperCol?: import("antd").ColProps;
+    help?: React.ReactNode;
     fieldId?: string;
+    valueType?: import("../../../render/propsType").ProFormValueType;
     switchValue?: [any, any];
+    viewRender?: (value: any, record: any, { form, index, namePath, }: {
+        [key: string]: any;
+        form: FormInstance<any>;
+        index?: number;
+    }) => string | React.ReactElement<any, any>;
+    viewType?: import("../../../render/propsType").ViewType;
+    trim?: boolean;
     upperCase?: boolean;
     toISOString?: boolean;
     toCSTString?: boolean;
     clearNotShow?: boolean;
+    desensitization?: [number, number] | ReactiveFunction<any, [number, number]>;
     name: any;
     dependencies: any[];
     tooltip: string | {
@@ -141,7 +141,7 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
  * 创建组件属性
  */
 export declare const createComponentProps: (column: FlexibleGroupColumnType, formItemProps: any) => {
-    componentProps: import("lodash").Omit<any, "format" | "valueType" | "precision" | "switchValue" | "dependNames" | "toISOString" | "toCSTString" | "clearNotShow">;
+    componentProps: import("lodash").Omit<any, "format" | "valueType" | "switchValue" | "dependNames" | "toISOString" | "toCSTString" | "clearNotShow" | "precision">;
     formItemTransform: {
         getValueProps: any;
         normalize: any;

package/lib/ProForm/components/render/ChangedWrapper.js

@@ -95,8 +95,6 @@ var ChangedWrapper = props => {
       originalValues: isNestedField ? originalValues : undefined
     }, children.props), rest));
   }
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
   var tipOpenCalc = () => {
     if (!toolTip) return false;
 
@@ -127,7 +125,7 @@ var ChangedWrapper = props => {
     placement: "topLeft",
     autoAdjustOverflow: false,
     title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-      direction: "vertical",
+      orientation: "vertical",
       className: "changed-tooltip",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
         align: "start",

package/lib/ProForm/style/index.less

@@ -177,6 +177,12 @@
     margin-left: @zaui-space-size-sm;
   }
 
+  .pro-form-input-space-compact{
+    .@{ant-prefix}-btn{
+      color: #333;
+    }
+  }
+
   .@{ant-prefix}-form-item-has-error {
     .group-separator {
       color: #ff4d4f;
@@ -186,6 +192,18 @@
     .site-input-split {
       border-color: @zaui-danger;
     }
+    .pro-form-input-space-compact{
+      .@{ant-prefix}-btn{
+        color: @zaui-danger;
+        border-color: @zaui-danger;
+      }
+    }
+    .pro-tree-modal{
+      .pro-enum-input-addonAfter{
+        border-color: @zaui-danger;
+        color: @zaui-danger;
+      }
+    }
   }
 
   .site-input-group-wrapper {