@teamix/pro 1.5.0 → 1.6.0-beta.1

package/es/index.js

@@ -1,12 +1,11 @@
 var _window;
-
 import ProAction from './actions';
 import ProCard from './card';
 import ProField from './field';
 import ProForm from './form';
 import hooks from './hooks';
-import ProInfo from './info'; // import ProLayout from './layout';
-
+import ProInfo from './info';
+// import ProLayout from './layout';
 import ProPageContainer from './page-container';
 import ProPageHeader from './page-header';
 import ProTable from './table';
@@ -17,13 +16,13 @@ import { ProTimeline } from './timeline';
 import * as nocode from './nocode';
 import * as templates from './templates';
 import TeamixIcon from '@teamix/icon';
-import './global.scss'; // 设置图标源
-// @ts-ignore
+import './global.scss';
 
+// 设置图标源
+// @ts-ignore
 if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
   TeamixIcon.setConfig(utils.getTeamixIconConfig());
 }
-
 export * from './actions';
 export * from './card';
 export * from './field';
@@ -37,6 +36,7 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-var version = '1.5.0';
-export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
+var version = '1.6.0-beta.1';
+export { version, ProAction, ProCard, ProField, ProForm, ProInfo,
+// ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };

package/es/info/components/InfoGroup/index.js

@@ -1,50 +1,39 @@
 var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor", "context"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React, { isValidElement, useRef } from 'react';
 import { ProInfoGroupContext } from '../../utils';
 import { useSize } from '@teamix/hooks';
 import './index.scss';
 import cls from 'classnames';
 import ProInfo from '../..';
-
 var ProInfoGroup = function ProInfoGroup(props) {
   var children = props.children,
-      url = props.url,
-      method = props.method,
-      params = props.params,
-      formatResult = props.formatResult,
-      onSuccess = props.onSuccess,
-      onError = props.onError,
-      formatParams = props.formatParams,
-      beforeRequest = props.beforeRequest,
-      extendParams = props.extendParams,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$compacted = props.compacted,
-      compacted = _props$compacted === void 0 ? true : _props$compacted,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? true : _props$divider,
-      style = props.style,
-      _props$backgroundColo = props.backgroundColor,
-      backgroundColor = _props$backgroundColo === void 0 ? '' : _props$backgroundColo,
-      _props$context = props.context,
-      context = _props$context === void 0 ? {} : _props$context,
-      others = _objectWithoutProperties(props, _excluded);
-
+    url = props.url,
+    method = props.method,
+    params = props.params,
+    formatResult = props.formatResult,
+    onSuccess = props.onSuccess,
+    onError = props.onError,
+    formatParams = props.formatParams,
+    beforeRequest = props.beforeRequest,
+    extendParams = props.extendParams,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$compacted = props.compacted,
+    compacted = _props$compacted === void 0 ? true : _props$compacted,
+    _props$divider = props.divider,
+    divider = _props$divider === void 0 ? true : _props$divider,
+    style = props.style,
+    _props$backgroundColo = props.backgroundColor,
+    backgroundColor = _props$backgroundColo === void 0 ? '' : _props$backgroundColo,
+    _props$context = props.context,
+    context = _props$context === void 0 ? {} : _props$context,
+    others = _objectWithoutProperties(props, _excluded);
   var ref = useRef();
   var size = useSize(ref);
   var infoType = 'infoDom';
-
   if (Array.isArray(children)) {
     if ( /*#__PURE__*/isValidElement(children === null || children === void 0 ? void 0 : children[0])) {
       infoType = 'infoDomGroup';
@@ -52,7 +41,6 @@ var ProInfoGroup = function ProInfoGroup(props) {
       infoType = 'infoPropsGroup';
     }
   }
-
   var providerValue = {
     visible: true,
     size: size,
@@ -86,12 +74,11 @@ var ProInfoGroup = function ProInfoGroup(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: proInfoClassName,
       key: index
-    }, /*#__PURE__*/React.createElement(ProInfo, _objectSpread({
+    }, /*#__PURE__*/React.createElement(ProInfo, _extends({
       compacted: compacted
     }, item)));
   })), infoType === 'infoDom' && /*#__PURE__*/React.createElement("div", {
     className: proInfoClassName
   }, children)));
 };
-
 export default ProInfoGroup;

package/es/info/components/InfoValueItem/index.js

@@ -1,35 +1,20 @@
 var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource", "context", "props"];
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import TeamixIcon from '@teamix/icon';
 import ProField from '../../../field';
 import { usePrefixCls, getTargetValue, request } from '@teamix/utils';
@@ -41,56 +26,51 @@ import { Message } from '@alicloudfe/components';
 import { ProActionGroup } from '../../../actions';
 var cls = usePrefixCls('teamix-pro-info');
 var toJS = formilyReactive.toJS;
-
 var InfoValueItem = function InfoValueItem(props) {
   var _props$type = props.type,
-      type = _props$type === void 0 ? 'text' : _props$type,
-      value = props.value,
-      render = props.render,
-      infoItem = props.infoItem,
-      record = props.record,
-      actionRef = props.actionRef,
-      dataSource = props.dataSource,
-      context = props.context,
-      fieldProps = props.props,
-      others = _objectWithoutProperties(props, _excluded);
-
+    type = _props$type === void 0 ? 'text' : _props$type,
+    value = props.value,
+    render = props.render,
+    infoItem = props.infoItem,
+    record = props.record,
+    actionRef = props.actionRef,
+    dataSource = props.dataSource,
+    context = props.context,
+    fieldProps = props.props,
+    others = _objectWithoutProperties(props, _excluded);
   var dataIndex = infoItem.dataIndex,
-      isEdit = infoItem.isEdit,
-      editOnCancel = infoItem.editOnCancel,
-      editOnOk = infoItem.editOnOk,
-      editUrl = infoItem.editUrl,
-      editFormatParams = infoItem.editFormatParams,
-      _infoItem$editMethod = infoItem.editMethod,
-      editMethod = _infoItem$editMethod === void 0 ? 'post' : _infoItem$editMethod,
-      _infoItem$successMess = infoItem.successMessage,
-      successMessage = _infoItem$successMess === void 0 ? 'success' : _infoItem$successMess,
-      actions = infoItem.actions,
-      extra = infoItem.extra,
-      valueType = infoItem.valueType,
-      _infoItem$editProForm = infoItem.editProFormProps,
-      editProFormProps = _infoItem$editProForm === void 0 ? {} : _infoItem$editProForm; // 获取配置
-
+    isEdit = infoItem.isEdit,
+    editOnCancel = infoItem.editOnCancel,
+    editOnOk = infoItem.editOnOk,
+    editUrl = infoItem.editUrl,
+    editFormatParams = infoItem.editFormatParams,
+    _infoItem$editMethod = infoItem.editMethod,
+    editMethod = _infoItem$editMethod === void 0 ? 'post' : _infoItem$editMethod,
+    _infoItem$successMess = infoItem.successMessage,
+    successMessage = _infoItem$successMess === void 0 ? 'success' : _infoItem$successMess,
+    actions = infoItem.actions,
+    extra = infoItem.extra,
+    valueType = infoItem.valueType,
+    _infoItem$editProForm = infoItem.editProFormProps,
+    editProFormProps = _infoItem$editProForm === void 0 ? {} : _infoItem$editProForm;
+
+  // 获取配置
   var getInfoItemProps = function getInfoItemProps(prop) {
     if (typeof prop === 'function') {
       return prop === null || prop === void 0 ? void 0 : prop(value, record);
     }
-
     return prop;
-  }; // 获取处理过的 render
-
+  };
 
+  // 获取处理过的 render
   var getRender = function getRender() {
-    var _processRenderFunctio;
-
+    var _ref, _ref2;
     if (typeof render === 'function') {
       return function () {
         return render(value, record);
       };
     }
-
-    var newRender = processBuriedPoint((_processRenderFunctio = processRenderFunction(render !== null && render !== void 0 ? render : {}, value, record)) !== null && _processRenderFunctio !== void 0 ? _processRenderFunctio : {}, value, record);
-
+    var newRender = processBuriedPoint((_ref = processRenderFunction((_ref2 = render) !== null && _ref2 !== void 0 ? _ref2 : {}, value, record)) !== null && _ref !== void 0 ? _ref : {}, value, record);
     if (valueType === 'selectGroup') {
       newRender = _objectSpread(_objectSpread({
         maxShowNumber: 'auto',
@@ -99,10 +79,8 @@ var InfoValueItem = function InfoValueItem(props) {
         ellipsis: false
       });
     }
-
     return newRender;
   };
-
   var getFieldProps = function getFieldProps() {
     if (valueType === 'selectGroup') {
       return _objectSpread({
@@ -113,56 +91,48 @@ var InfoValueItem = function InfoValueItem(props) {
         layout: 'compact'
       }, fieldProps);
     }
-
     return fieldProps;
-  }; // 获取处理过的 dataSource
-
+  };
 
+  // 获取处理过的 dataSource
   var getDataSource = function getDataSource() {
     var newDataSource = null;
-
     if (typeof dataSource === 'function') {
       newDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource(value, record);
     } else {
       newDataSource = (dataSource !== null && dataSource !== void 0 ? dataSource : []).map(function (item) {
-        return Object.fromEntries(Object.entries(item).map(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-              k = _ref2[0],
-              v = _ref2[1];
-
+        return Object.fromEntries(Object.entries(item).map(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            k = _ref4[0],
+            v = _ref4[1];
           return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
             value: value
           }, context))];
         }));
       });
     }
-
     return newDataSource;
-  }; // 浮层的显隐状态
-
+  };
 
+  // 浮层的显隐状态
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      popConfirmVisible = _useState2[0],
-      setPopConfirmVisible = _useState2[1]; // 确认按钮的loading状态
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    popConfirmVisible = _useState2[0],
+    setPopConfirmVisible = _useState2[1];
+  // 确认按钮的loading状态
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      confirmLoading = _useState4[0],
-      setConfirmLoading = _useState4[1]; // edit 的显隐状态
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    confirmLoading = _useState4[0],
+    setConfirmLoading = _useState4[1];
+  // edit 的显隐状态
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      editVisible = _useState6[0],
-      setEditVisible = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    editVisible = _useState6[0],
+    setEditVisible = _useState6[1];
   var requestDataKey = editMethod.toLowerCase() === 'get' ? 'params' : 'data';
   var dataFilterForm = useMemo(function () {
     return createForm();
   }, []);
-
   var renderAction = function renderAction() {
     if (actions) {
       return /*#__PURE__*/React.createElement(ProActionGroup, {
@@ -174,9 +144,9 @@ var InfoValueItem = function InfoValueItem(props) {
         context: _objectSpread({}, context)
       });
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   };
+
   /**
    * 处理 render 配置项是函数的情况
    * @param render ProFieldRender
@@ -184,62 +154,54 @@ var InfoValueItem = function InfoValueItem(props) {
    * @param record table cell record
    * @returns
    */
-
-
   var processRenderFunction = function processRenderFunction(render, value, record) {
     var external = ['linkOnClick', 'link', 'value'];
-    return Object.fromEntries(Object.entries(render).map(function (_ref3) {
-      var _ref4 = _slicedToArray(_ref3, 2),
-          k = _ref4[0],
-          v = _ref4[1];
-
+    return Object.fromEntries(Object.entries(render).map(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+        k = _ref6[0],
+        v = _ref6[1];
       if (typeof v === 'function') {
         var _v;
-
         if (external.includes(k)) {
           return [k, function () {
             for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
               others[_key] = arguments[_key];
             }
-
             return v === null || v === void 0 ? void 0 : v.apply(void 0, [value, record].concat(others));
           }];
         }
-
         return [k, (_v = v === null || v === void 0 ? void 0 : v(value, record)) !== null && _v !== void 0 ? _v : ''];
       }
-
       return [k, v];
     }));
   };
+
   /**
    * 处理 render 数据，取出 {{xxx}} 匹配值
    * @param render ProFieldRender
    * @param record table cell record
    * @returns
    */
-
-
   var processBuriedPoint = function processBuriedPoint(render, value, record) {
-    return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
+    return Object.fromEntries([
+    // 默认 ellipsis、descriptionEllipsis 为 true
     // emptyText 默认为 '-'
-    ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 2),
-          k = _ref6[0],
-          v = _ref6[1];
-
+    ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref7) {
+      var _ref8 = _slicedToArray(_ref7, 2),
+        k = _ref8[0],
+        v = _ref8[1];
       return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
         record: record,
         value: value
       }))];
     }))));
-  }; // 重写编辑逻辑替代field原有逻辑
-
+  };
 
+  // 重写编辑逻辑替代field原有逻辑
   if (getInfoItemProps(isEdit)) {
     // 渲染表单
     var renderContent = function renderContent() {
-      return /*#__PURE__*/React.createElement(ProForm, _objectSpread({
+      return /*#__PURE__*/React.createElement(ProForm, _extends({
         schema: [{
           name: dataIndex,
           component: 'Input',
@@ -248,35 +210,35 @@ var InfoValueItem = function InfoValueItem(props) {
         }],
         form: dataFilterForm
       }, getInfoItemProps(editProFormProps)));
-    }; // 表单提交
-
+    };
 
+    // 表单提交
     var onConfirm = function onConfirm(e) {
-      var formData = toJS(dataFilterForm.values); // 如果传入了 editUrl 则内置请求
+      var formData = toJS(dataFilterForm.values);
 
+      // 如果传入了 editUrl 则内置请求
       if (editUrl) {
         setConfirmLoading(true);
         var params = formData;
-
         if (editFormatParams) {
           params = editFormatParams === null || editFormatParams === void 0 ? void 0 : editFormatParams(formData, record);
         }
-
         request(_defineProperty({
           url: editUrl,
           method: editMethod
         }, requestDataKey, params)).then(function (resp) {
           var _actionRef$current, _actionRef$current$re;
-
           Message.success(successMessage);
-          actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$re = _actionRef$current.refresh) === null || _actionRef$current$re === void 0 ? void 0 : _actionRef$current$re.call(_actionRef$current); // setEditVisible(!editVisible);
-        }).catch(function (error) {// TODO 暂时不处理。是否需要开放函数？
-        }).finally(function () {// setConfirmLoading(false);
+          actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$re = _actionRef$current.refresh) === null || _actionRef$current$re === void 0 ? void 0 : _actionRef$current$re.call(_actionRef$current);
+          // setEditVisible(!editVisible);
+        }).catch(function (error) {
+          // TODO 暂时不处理。是否需要开放函数？
+        }).finally(function () {
+          // setConfirmLoading(false);
         });
       }
-
-      var okResult = editOnOk === null || editOnOk === void 0 ? void 0 : editOnOk(formData, e); // 重写了 editOnOk
-
+      var okResult = editOnOk === null || editOnOk === void 0 ? void 0 : editOnOk(formData, e);
+      // 重写了 editOnOk
       if (okResult instanceof Promise) {
         setConfirmLoading(true);
         okResult.then(function () {
@@ -288,12 +250,11 @@ var InfoValueItem = function InfoValueItem(props) {
         setPopConfirmVisible(!popConfirmVisible);
         setEditVisible(!editVisible);
       }
-    }; // 取消
-
+    };
 
+    // 取消
     var onCancel = function onCancel(e) {
       var formData = toJS(dataFilterForm.values);
-
       if (editOnCancel) {
         editOnCancel === null || editOnCancel === void 0 ? void 0 : editOnCancel(formData, e);
         setPopConfirmVisible(!popConfirmVisible);
@@ -303,7 +264,6 @@ var InfoValueItem = function InfoValueItem(props) {
         setEditVisible(!editVisible);
       }
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: cls('edit'),
       onMouseEnter: function onMouseEnter() {
@@ -312,12 +272,12 @@ var InfoValueItem = function InfoValueItem(props) {
       onMouseLeave: function onMouseLeave() {
         setEditVisible(false);
       }
-    }, /*#__PURE__*/React.createElement(ProField, _objectSpread(_objectSpread({
+    }, /*#__PURE__*/React.createElement(ProField, _extends({
       type: type,
       value: value,
       render: getRender(),
       dataSource: getDataSource()
-    }, others), getFieldProps())), /*#__PURE__*/React.createElement(PopConfirm, {
+    }, others, getFieldProps())), /*#__PURE__*/React.createElement(PopConfirm, {
       visible: popConfirmVisible,
       content: renderContent(),
       triggerType: "click",
@@ -330,8 +290,9 @@ var InfoValueItem = function InfoValueItem(props) {
       trigger: /*#__PURE__*/React.createElement(TeamixIcon, {
         type: "edit-line",
         size: "small",
-        className: cls('edit-icon'),
+        className: cls('edit-icon')
         // 这里使用 opacity 是为了占位
+        ,
         style: {
           opacity: editVisible || popConfirmVisible ? 1 : 0
         },
@@ -341,15 +302,13 @@ var InfoValueItem = function InfoValueItem(props) {
       })
     }), renderAction(), extra && extra);
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: cls('item-value')
-  }, /*#__PURE__*/React.createElement(ProField, _objectSpread(_objectSpread({
+  }, /*#__PURE__*/React.createElement(ProField, _extends({
     type: type,
     value: value,
     render: getRender(),
     dataSource: getDataSource()
-  }, others), getFieldProps())), renderAction(), extra && extra);
+  }, others, getFieldProps())), renderAction(), extra && extra);
 };
-
 export default InfoValueItem;

package/es/info/components/ProInfoItem/index.js

@@ -6,39 +6,35 @@ import { Ellipsis, LabelIconTip } from '../../../field';
 import './index.scss';
 var cls = usePrefixCls('teamix-pro-info-item');
 var Row = Grid.Row,
-    Col = Grid.Col;
-
+  Col = Grid.Col;
 var ProInfoItem = function ProInfoItem(prop) {
   var value = prop.value,
-      label = prop.label,
-      baseInfoLayout = prop.baseInfoLayout,
-      headerInfoLayout = prop.headerInfoLayout,
-      loading = prop.loading,
-      tooltip = prop.tooltip,
-      tooltipIcon = prop.tooltipIcon,
-      valueType = prop.valueType,
-      render = prop.render,
-      alignItems = prop.alignItems; // 判断是否需要居中
+    label = prop.label,
+    baseInfoLayout = prop.baseInfoLayout,
+    headerInfoLayout = prop.headerInfoLayout,
+    loading = prop.loading,
+    tooltip = prop.tooltip,
+    tooltipIcon = prop.tooltipIcon,
+    valueType = prop.valueType,
+    render = prop.render,
+    alignItems = prop.alignItems;
 
+  // 判断是否需要居中
   var isAlignItemsCenter = function isAlignItemsCenter() {
     if (typeof render !== 'function') {
       var type = render === null || render === void 0 ? void 0 : render.type;
-
       if (valueType === 'selectGroup') {
         return true;
       }
-
       if (type === 'tag' || type === 'statusIconTag' || type === 'eventLevelTag' || type === 'warningLevelTag') {
         return true;
       }
     }
-
     return false;
   };
-
   if (baseInfoLayout) {
     var labelCol = baseInfoLayout.labelCol,
-        wrapperCol = baseInfoLayout.wrapperCol;
+      wrapperCol = baseInfoLayout.wrapperCol;
     return /*#__PURE__*/React.createElement("div", {
       className: cls('')
     }, /*#__PURE__*/React.createElement(Row, {
@@ -66,10 +62,9 @@ var ProInfoItem = function ProInfoItem(prop) {
       className: cls('base-skeleton-box')
     }, /*#__PURE__*/React.createElement(ProSkeletonRaw.Info.Item, null)), !loading && value)));
   }
-
   if (headerInfoLayout) {
     var _headerInfoLayout$lab = headerInfoLayout.labelGutter,
-        labelGutter = _headerInfoLayout$lab === void 0 ? '16px' : _headerInfoLayout$lab;
+      labelGutter = _headerInfoLayout$lab === void 0 ? '16px' : _headerInfoLayout$lab;
     return /*#__PURE__*/React.createElement("div", {
       className: cls()
     }, /*#__PURE__*/React.createElement(Row, {
@@ -93,8 +88,6 @@ var ProInfoItem = function ProInfoItem(prop) {
       className: cls('base-skeleton-box')
     }, /*#__PURE__*/React.createElement(ProSkeletonRaw.Info.Item, null)), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, value))));
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-
 export default ProInfoItem;