sunmao-sdk/lib/layout/CpDetail.js

榫卯-开箱即用赋能-sdk

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _ModalFactory = _interopRequireDefault(require("./../component/ModalFactory"));

var _request = require("./../net/request");

var formUtils = _interopRequireWildcard(require("./../utils/formUtils"));

var commonUtils = _interopRequireWildcard(require("./../utils/commonUtils"));

var _ = require("..");

var _api = require("../net/api");

var _CardRender = _interopRequireDefault(require("../component/CardRender"));

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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _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 && (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; }

var displayName = "CpDetail";

var CpDetail = function CpDetail(props) {
  var title = props.title,
      schema = props.schema,
      refreshSchema = props.refreshSchema,
      _props$api = props.api,
      api = _props$api === void 0 ? {} : _props$api,
      initData = props.initData,
      filterParams = props.filterParams,
      widgets = props.widgets;

  var requestFunc = _.CP.getCPInfo().requestFunc || _request.postNew;

  var _useState = (0, _react.useState)(false),
      _useState2 = _slicedToArray(_useState, 2),
      loading = _useState2[0],
      setLoading = _useState2[1];

  var _useState3 = (0, _react.useState)({}),
      _useState4 = _slicedToArray(_useState3, 2),
      formData = _useState4[0],
      setForm = _useState4[1];

  var validate = (0, _react.useRef)([]);
  var searchParams = (0, _react.useRef)({});
  var hasPageSchema = (0, _react.useRef)(false);
  var pageInfo = (0, _react.useRef)(formUtils.defaultPageInfo());

  var _useState5 = (0, _react.useState)(null),
      _useState6 = _slicedToArray(_useState5, 2),
      cardConfig = _useState6[0],
      setDetailConfig = _useState6[1];

  var reqData = (0, _react.useRef)(initData);
  (0, _react.useEffect)(function () {
    if (schema && !cardConfig) {
      // 改为非受控组件
      try {
        pageInfo.current = schema;
        hasPageSchema.current = true;
        resetDetailConfig();
      } catch (e) {
        commonUtils.log(e);
      }
    }
  }, [schema]);
  (0, _react.useEffect)(function () {
    if (refreshSchema) {
      try {
        pageInfo.current = refreshSchema;
        hasPageSchema.current = true;
        resetDetailConfig();
      } catch (e) {
        commonUtils.log(e);
      }
    }
  }, [refreshSchema]);
  (0, _react.useEffect)(function () {
    if (hasPageSchema.current && !commonUtils.isEmptyObj(initData)) {
      searchParams.current = _objectSpread(_objectSpread({}, searchParams.current), initData);
      onSdkSearch();
    } else {
      setModelData(initData);
    }
  }, [initData]);

  var reqHandle = function reqHandle(url, okPath, okFunc, params) {
    return requestFunc(url, (0, _request.handleAppParams)(params), okPath).then(function (res) {
      if (okFunc) okFunc(res, onSdkSearch, params);else onSdkSearch();
    }).catch(function (err) {
      return commonUtils.log(err);
    });
  };
  /**
   * 按键事件  -  表单弹框
   * @param formSchema  表单内容
   * @param title 表单名称
   * @param okPath 自定义请求成功标示
   * @param url 请求url
   * @param okFunc  自定义成功调用函数
   */


  var formHandle = function formHandle(formSchema, title, url, okPath, okFunc, params) {
    return _ModalFactory.default.showModalForm({
      formSchema: formSchema,
      widgets: widgets,
      width: 1000,
      title: title,
      request: {
        okPath: okPath,
        url: url,
        params: params,
        handleOk: function handleOk(formData, validate) {
          if (validate.length) return false;
          return true;
        },
        onSuccess: function onSuccess(res, formData) {
          if (okFunc) okFunc(res, onSdkSearch, params, formData);else onSdkSearch();
        }
      }
    });
  };
  /**
   * 必备函数
   * 表格请求函数
   * 暂支持post请求，因get用长度限制，避免过多参数
   * @param params 搜索项信息
   */


  var onSdkSearch = function onSdkSearch(params) {
    var _params = _objectSpread(_objectSpread({}, searchParams.current), params);

    var _pageInfo$current = pageInfo.current,
        url = _pageInfo$current.url,
        _pageInfo$current$okP = _pageInfo$current.okPath,
        okPath = _pageInfo$current$okP === void 0 ? "data" : _pageInfo$current$okP;

    if (!url) {
      setModelData(_params);
      return;
    }

    setLoading(true);
    requestFunc(commonUtils.getUrl(url), (0, _request.handleAppParams)(_params, filterParams), okPath).then(function (_ref) {
      var data = _ref.data,
          exactData = _ref.exactData;
      if (!data) throw new Error("请求错误，自行处理，该请求可自行设计，只要返回正确数据格式即可！");
      setModelData(_objectSpread(_objectSpread({}, _params), exactData || data));
    }).catch(function (err) {
      console.error("err", err, displayName);
    }).finally(function () {
      setLoading(false);
    });
  };

  var setModelData = function setModelData(data) {
    reqData.current = data;
    setForm(reqData.current);
  };
  /**
   * 表格列操作区-暂为弹框操作
   * @param record 行数据
   * @param handleInfo 操作信息
   */


  var onSdkTableHandle = function onSdkTableHandle(record, handleInfo) {
    var content = handleInfo.content,
        funcType = handleInfo.funcType;

    var _ref2 = content || {},
        formItems = _ref2.formItems,
        name = _ref2.name,
        url = _ref2.url,
        okPath = _ref2.okPath,
        okFunc = _ref2.okFunc,
        filterSchemaFunc = _ref2.filterSchemaFunc,
        displayType = _ref2.displayType;

    var apiUrl = commonUtils.getUrl(url);

    var params = _objectSpread({
      rowInfo: record
    }, record);

    switch (funcType) {
      case "34": // 直接请求

      case "35":
        // 二次确认请求
        reqHandle(apiUrl, okPath, commonUtils.getFunc(okFunc, apis), params);
        break;

      case "36":
        // 表单弹框请求
        var filterSchema = commonUtils.getFunc(filterSchemaFunc, apis);
        var listTranslSchema = formUtils.listTranslSchema(formItems, 2, record);
        if (formUtils.getDicTrue(displayType)) listTranslSchema.displayType = "column";
        formHandle(filterSchema ? filterSchema(listTranslSchema) : listTranslSchema, name, apiUrl, okPath, commonUtils.getFunc(okFunc, apis), params);
        break;

      default:
        break;
    }
  };

  var apis = _objectSpread(_objectSpread({}, api), {}, {
    onSdkSearch: onSdkSearch,
    onSdkTableHandle: onSdkTableHandle
  });

  var resetDetailConfig = function resetDetailConfig() {
    var search = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    var _pageInfo$current2 = pageInfo.current,
        name = _pageInfo$current2.name,
        form = _pageInfo$current2.form,
        handle = _pageInfo$current2.handle; // 获取默认初始值

    searchParams.current = _objectSpread(_objectSpread(_objectSpread({}, formUtils.getInitData(form === null || form === void 0 ? void 0 : form.formItems)), commonUtils.isObj(initData) ? initData : {}), search);

    var _formUtils$getTableHa = formUtils.getTableHandle(handle === null || handle === void 0 ? void 0 : handle.handleItems),
        rowHandle = _formUtils$getTableHa.btn,
        rowAcl = _formUtils$getTableHa.acl;

    var permissionNames = [];

    var aclCheckPermissionResults = _toConsumableArray(rowAcl);

    var schema = commonUtils.buildSchema({
      customCardBody: commonUtils.getFunc(form === null || form === void 0 ? void 0 : form.customCardBody, apis),
      title: title || name,
      formConfig: _objectSpread(_objectSpread({}, formUtils.listTranslSchema(form === null || form === void 0 ? void 0 : form.formItems, 4)), {}, {
        // 第二个参数需配置
        formData: searchParams.current
      }),
      actionConfig: {
        showCount: parseInt((handle === null || handle === void 0 ? void 0 : handle.showCount) || "2"),
        // 按键显示数量
        actionList: rowHandle,
        fixed: "right" // 按键显示位置； 常见右、底中

      }
    }, apis);
    setDetailConfig(schema);

    if (permissionNames.length) {
      var _CP$getCPInfo$extPara;

      (0, _request.postNew)((0, _api.getHsfHost)() + _api.aclCheckPermissions, {
        userId: (_CP$getCPInfo$extPara = _.CP.getCPInfo().extParams) === null || _CP$getCPInfo$extPara === void 0 ? void 0 : _CP$getCPInfo$extPara.bucId,
        permissionNames: permissionNames
      }, "checkPermissionResults", {}, "[object Array]").then(function (res) {
        aclCheckPermissionResults = res.data;
        setDetailConfig(_objectSpread(_objectSpread({}, schema), {}, {
          aclCheckPermissionResults: aclCheckPermissionResults
        }));
      });
    } // 刷新详情
    // 延迟刷新


    setTimeout(onSdkSearch, 350); // onSdkSearch();
  };

  return cardConfig ? /*#__PURE__*/_react.default.createElement(_CardRender.default, {
    loading: loading,
    reqData: reqData.current,
    frConfig: {
      formData: formData,
      onChange: function onChange(data) {
        return setForm(data);
      },
      onValidate: function onValidate(value) {
        return validate.current = value;
      }
    },
    schema: cardConfig
  }) : null;
};

var _default = /*#__PURE__*/_react.default.memo(CpDetail);

exports.default = _default;