@antdp/antdp-ui/lib/QuickForm/Hide/index.js

基于antd封装的组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _context = require("./context");
var _jsxRuntime = require("react/jsx-runtime");
var Hide = /*#__PURE__*/function (_React$Component) {
  function Hide(props) {
    var _this;
    (0, _classCallCheck2["default"])(this, Hide);
    _this = (0, _callSuper2["default"])(this, Hide, [props]);
    (0, _defineProperty2["default"])(_this, "mounted", false);
    (0, _defineProperty2["default"])(_this, "cancelRegisterFunc", function () {});
    (0, _defineProperty2["default"])(_this, "getNamePath", function () {
      var name = _this.props.name;
      if (!Array.isArray(name)) {
        return [name];
      }
      return name;
    });
    // 更新组件
    (0, _defineProperty2["default"])(_this, "refresh", function () {
      if (_this.mounted) {
        _this.forceUpdate();
      }
    });
    (0, _defineProperty2["default"])(_this, "getValue", function () {
      var hideContent = _this.props.hideContent;
      var _hideContent$getItemS = hideContent.getItemStore(),
        getValue = _hideContent$getItemS.getValue;
      return getValue(_this.getNamePath());
    });
    if (props.hideContent) {
      var hideContent = props.hideContent;
      var _hideContent$getItemS2 = hideContent.getItemStore(),
        init = _hideContent$getItemS2.init;
      init(_this);
    }
    return _this;
  }
  (0, _inherits2["default"])(Hide, _React$Component);
  return (0, _createClass2["default"])(Hide, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var hideContent = this.props.hideContent;
      // Register on init
      if (hideContent) {
        var _hideContent$getItemS3 = hideContent.getItemStore(),
          register = _hideContent$getItemS3.register;
        this.cancelRegisterFunc = register(this);
      }
      this.mounted = true;
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      this.cancelRegisterFunc();
      this.mounted = false;
    }
  }, {
    key: "render",
    value: function render() {
      var children = this.props.children;
      // 默认 false 展示
      // 只是判断是否进行显示和隐藏
      return !this.getValue() ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {});
    }
  }]);
}(_react["default"].Component);
var _default = exports["default"] = function _default(props) {
  var hideContent = _react["default"].useContext(_context.HideContext);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Hide, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
    hideContent: hideContent
  }));
};
module.exports = exports.default;