@teamix/pro 1.6.0-beta.5 → 2.0.0-beta.1

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

@@ -1,97 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../utils");
-var _hooks = require("@teamix/hooks");
-require("./index.scss");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _ = _interopRequireDefault(require("../.."));
-var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor", "context"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
-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);
-  var ref = (0, _react.useRef)();
-  var size = (0, _hooks.useSize)(ref);
-  var infoType = 'infoDom';
-  if (Array.isArray(children)) {
-    if ( /*#__PURE__*/(0, _react.isValidElement)(children === null || children === void 0 ? void 0 : children[0])) {
-      infoType = 'infoDomGroup';
-    } else {
-      infoType = 'infoPropsGroup';
-    }
-  }
-  var providerValue = {
-    visible: true,
-    size: size,
-    url: url,
-    method: method,
-    params: params,
-    formatResult: formatResult,
-    onSuccess: onSuccess,
-    onError: onError,
-    formatParams: formatParams,
-    beforeRequest: beforeRequest,
-    extendParams: extendParams,
-    context: context
-  };
-  var proInfoClassName = (0, _classnames.default)({
-    'teamix-pro-info-group-item': true,
-    'teamix-pro-info-group-item-divider': divider
-  });
-  return /*#__PURE__*/_react.default.createElement(_utils.ProInfoGroupContext.Provider, {
-    value: providerValue
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "teamix-pro-info-group ".concat(backgroundColor, " ").concat(className),
-    style: style,
-    ref: ref
-  }, infoType === 'infoDomGroup' && (children === null || children === void 0 ? void 0 : children.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: proInfoClassName,
-      key: index
-    }, item);
-  })), infoType === 'infoPropsGroup' && (children === null || children === void 0 ? void 0 : children.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: proInfoClassName,
-      key: index
-    }, /*#__PURE__*/_react.default.createElement(_.default, _objectSpread({
-      compacted: compacted
-    }, item)));
-  })), infoType === 'infoDom' && /*#__PURE__*/_react.default.createElement("div", {
-    className: proInfoClassName
-  }, children)));
-};
-var _default = ProInfoGroup;
-exports.default = _default;

package/lib/info/components/InfoGroup/index.scss

@@ -1,64 +0,0 @@
-.teamix-pro-info-group {
-  &-item {
- 
-    margin-top: 16px;
-    margin-bottom: 0;
-
-    .teamix-pro-info {
-      padding-bottom: 0;
-
-      .teamix-pro-card-content {
-        padding-bottom: calc(var(--card-body-padding-bottom, 16px) - 8px)
-      }
-      
-      .compacted {
-        margin-bottom: -8px;
-      }
-    }
-
-    &-divider {
-      border-bottom: 1px solid var(--color-line1-1, #eaeaea);
-      margin-bottom: 16px;
-      .teamix-pro-info {
-        padding-bottom: 16px;
-      }
-    }
-    
-  }
-
-
-  .teamix-pro-info-group-item:last-child {
-    border-bottom: 0;
-    margin-bottom: 0;
-    .teamix-pro-info {
-      padding-bottom: 0;
-    }
-  }
-  .teamix-pro-info-group-item:first-child {
-    margin-top: 0;
-  }
-
-  &.blue {
-    background-color: var(--color-notice-1);
-  }
-
-  &.orange {
-    background-color: var(--color-warning-1);
-  }
-
-  &.yellow {
-    background-color: var(--color-help-1);
-  }
-
-  &.red {
-    background-color: var(--color-error-1);
-  }
-
-  &.green {
-    background-color: var(--color-success-1);
-  }
-
-  &.grey {
-    background-color: var(--color-fill1-2);
-  }
-}

package/lib/info/components/InfoValueItem/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { InfoValueItemProps } from '../../typing';
-declare const InfoValueItem: React.FC<InfoValueItemProps>;
-export default InfoValueItem;

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

@@ -1,313 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _icon = _interopRequireDefault(require("@teamix/icon"));
-var _field = _interopRequireDefault(require("../../../field"));
-var _utils = require("@teamix/utils");
-var _popConfirm = _interopRequireDefault(require("@teamix/pop-confirm"));
-var _react = _interopRequireWildcard(require("react"));
-require("./index.scss");
-var _form = _interopRequireWildcard(require("../../../form"));
-var _components = require("@alicloudfe/components");
-var _actions = require("../../../actions");
-var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource", "context", "props"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-var cls = (0, _utils.usePrefixCls)('teamix-pro-info');
-var toJS = _form.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);
-  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;
-  // 获取配置
-  var getInfoItemProps = function getInfoItemProps(prop) {
-    if (typeof prop === 'function') {
-      return prop === null || prop === void 0 ? void 0 : prop(value, record);
-    }
-    return prop;
-  };
-  // 获取处理过的 render
-  var getRender = function getRender() {
-    var _processRenderFunctio;
-    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);
-    if (valueType === 'selectGroup') {
-      newRender = _objectSpread(_objectSpread({
-        maxShowNumber: 'auto',
-        foldText: 'more'
-      }, newRender), {}, {
-        ellipsis: false
-      });
-    }
-    return newRender;
-  };
-  var getFieldProps = function getFieldProps() {
-    if (valueType === 'selectGroup') {
-      return _objectSpread({
-        valueAlias: {
-          value: 'TagValue',
-          key: 'TagKey'
-        },
-        layout: 'compact'
-      }, fieldProps);
-    }
-    return fieldProps;
-  };
-  // 获取处理过的 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 [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
-            value: value
-          }, context))];
-        }));
-      });
-    }
-    return newDataSource;
-  };
-  // 浮层的显隐状态
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    popConfirmVisible = _useState2[0],
-    setPopConfirmVisible = _useState2[1];
-  // 确认按钮的loading状态
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    confirmLoading = _useState4[0],
-    setConfirmLoading = _useState4[1];
-  // edit 的显隐状态
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    editVisible = _useState6[0],
-    setEditVisible = _useState6[1];
-  var requestDataKey = editMethod.toLowerCase() === 'get' ? 'params' : 'data';
-  var dataFilterForm = (0, _react.useMemo)(function () {
-    return (0, _form.createForm)();
-  }, []);
-  var renderAction = function renderAction() {
-    if (actions) {
-      return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, {
-        actions: actions,
-        type: "text",
-        style: {
-          marginLeft: '8px'
-        },
-        context: _objectSpread({}, context)
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  };
-  /**
-   * 处理 render 配置项是函数的情况
-   * @param render ProFieldRender
-   * @param value table cell value
-   * @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];
-      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
-    // 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];
-      return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
-        record: record,
-        value: value
-      }))];
-    }))));
-  };
-  // 重写编辑逻辑替代field原有逻辑
-  if (getInfoItemProps(isEdit)) {
-    // 渲染表单
-    var renderContent = function renderContent() {
-      return /*#__PURE__*/_react.default.createElement(_form.default, _objectSpread({
-        schema: [{
-          name: dataIndex,
-          component: 'Input',
-          required: true,
-          default: value
-        }],
-        form: dataFilterForm
-      }, getInfoItemProps(editProFormProps)));
-    };
-    // 表单提交
-    var onConfirm = function onConfirm(e) {
-      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);
-        }
-        (0, _utils.request)(_defineProperty({
-          url: editUrl,
-          method: editMethod
-        }, requestDataKey, params)).then(function (resp) {
-          var _actionRef$current, _actionRef$current$re;
-          _components.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);
-        });
-      }
-      var okResult = editOnOk === null || editOnOk === void 0 ? void 0 : editOnOk(formData, e);
-      // 重写了 editOnOk
-      if (okResult instanceof Promise) {
-        setConfirmLoading(true);
-        okResult.then(function () {
-          setPopConfirmVisible(!popConfirmVisible);
-          setEditVisible(!editVisible);
-          setConfirmLoading(false);
-        });
-      } else {
-        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);
-        setEditVisible(!editVisible);
-      } else {
-        setPopConfirmVisible(!popConfirmVisible);
-        setEditVisible(!editVisible);
-      }
-    };
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('edit'),
-      onMouseEnter: function onMouseEnter() {
-        setEditVisible(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        setEditVisible(false);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread(_objectSpread({
-      type: type,
-      value: value,
-      render: getRender(),
-      dataSource: getDataSource()
-    }, others), getFieldProps())), /*#__PURE__*/_react.default.createElement(_popConfirm.default, {
-      visible: popConfirmVisible,
-      content: renderContent(),
-      triggerType: "click",
-      popupClassName: cls('edit-pop-confirm'),
-      onConfirm: onConfirm,
-      onCancel: onCancel,
-      confirmProps: {
-        loading: confirmLoading
-      },
-      trigger: /*#__PURE__*/_react.default.createElement(_icon.default, {
-        type: "edit-line",
-        size: "small",
-        className: cls('edit-icon'),
-        // 这里使用 opacity 是为了占位
-        style: {
-          opacity: editVisible || popConfirmVisible ? 1 : 0
-        },
-        onClick: function onClick() {
-          setPopConfirmVisible(!popConfirmVisible);
-        }
-      })
-    }), renderAction(), extra && extra);
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: cls('item-value')
-  }, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread(_objectSpread({
-    type: type,
-    value: value,
-    render: getRender(),
-    dataSource: getDataSource()
-  }, others), getFieldProps())), renderAction(), extra && extra);
-};
-var _default = InfoValueItem;
-exports.default = _default;

package/lib/info/components/InfoValueItem/index.scss

@@ -1,26 +0,0 @@
-.teamix-pro-info-edit {
-  display: flex;
-  align-items: center;
-  &-icon {
-    margin-left: 8px;
-    color: var(--color-fill1-6, #848484);
-    cursor: pointer;
-    transition: all 0.2s;
-  }
-  &-pop-confirm {
-    .pop-confirm-icon-area {
-      display: none;
-    }
-    .title-content-area.title-content-area.title-content-area.title-content-area {
-      margin-left: 0;
-    }
-  }
-}
-.teamix-pro-info {
-  &-item-value {
-    display: flex;
-    align-items: center;
-    width: 100%;
-  }
-  
-}

package/lib/info/components/ProInfoItem/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { IProProInfoItem } from '../../typing';
-import './index.scss';
-declare const ProInfoItem: React.FC<IProProInfoItem>;
-export default ProInfoItem;

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

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _components = require("@alicloudfe/components");
-var _ = require("../../..");
-var _utils = require("@teamix/utils");
-var _react = _interopRequireDefault(require("react"));
-var _field = require("../../../field");
-require("./index.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var cls = (0, _utils.usePrefixCls)('teamix-pro-info-item');
-var Row = _components.Grid.Row,
-  Col = _components.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;
-  // 判断是否需要居中
-  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;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('')
-    }, /*#__PURE__*/_react.default.createElement(Row, {
-      gutter: 10,
-      className: cls({
-        'base-row': true,
-        'base-row-center': isAlignItemsCenter()
-      }),
-      style: alignItems ? {
-        alignItems: alignItems
-      } : {}
-    }, /*#__PURE__*/_react.default.createElement(Col, {
-      span: labelCol === null || labelCol === void 0 ? void 0 : labelCol.span,
-      className: cls('label')
-    }, /*#__PURE__*/_react.default.createElement(_field.Ellipsis, {
-      tooltip: label
-    }, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
-      label: label,
-      tooltip: tooltip,
-      icon: tooltipIcon
-    }))), /*#__PURE__*/_react.default.createElement(Col, {
-      span: wrapperCol === null || wrapperCol === void 0 ? void 0 : wrapperCol.span,
-      className: cls('value')
-    }, loading && /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('base-skeleton-box')
-    }, /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.Info.Item, null)), !loading && value)));
-  }
-  if (headerInfoLayout) {
-    var _headerInfoLayout$lab = headerInfoLayout.labelGutter,
-      labelGutter = _headerInfoLayout$lab === void 0 ? '16px' : _headerInfoLayout$lab;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: cls()
-    }, /*#__PURE__*/_react.default.createElement(Row, {
-      className: cls({
-        'header-row': true,
-        'header-row-center': isAlignItemsCenter()
-      }),
-      style: {}
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('header-label')
-    }, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
-      label: label,
-      tooltip: tooltip,
-      icon: tooltipIcon
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('header-value'),
-      style: {
-        marginLeft: labelGutter
-      }
-    }, loading && /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('base-skeleton-box')
-    }, /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.Info.Item, null)), !loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value))));
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-};
-var _default = ProInfoItem;
-exports.default = _default;